Merge branch 'master' of http://192.168.5.5:10010/r/vue-smart-ai
| | |
| | | // vue-js-tree 默认展开,控制部分折叠. z-tree 默认折叠, 控制部分展开 |
| | | if (this.foldNodeList[n.id]) { |
| | | if (this.zTree) { |
| | | n.open = true |
| | | n.open = false |
| | | } else { |
| | | n.opened = false |
| | | } |
| | |
| | | |
| | | node.forEach(n => { |
| | | if (n.children && n.children.length > 0) { |
| | | if (this.zTree) { |
| | | n.open = true |
| | | } |
| | | this.sortTreeData(n.children) |
| | | } |
| | | }) |
| | |
| | | default: 0 |
| | | } |
| | | }, |
| | | data () { |
| | | data() { |
| | | return { |
| | | hoverNodeId: "", |
| | | showDialog: false, |
| | |
| | | curNodeTid: '', |
| | | }; |
| | | }, |
| | | created () { |
| | | created() { |
| | | // console.log(this.height, '树高度') |
| | | this.TreeDataPool.zTree = true; |
| | | |
| | |
| | | } |
| | | }, |
| | | |
| | | findTidByIdFromArr (arr) { |
| | | findTidByIdFromArr(arr) { |
| | | let len = arr.length; |
| | | let _this = this; |
| | | for (var i = 0; i < len; i++) { |
| | |
| | | _this.curNodeTid = arr[i].tId; |
| | | break; |
| | | } |
| | | if(arr[i].children){ |
| | | if (arr[i].children) { |
| | | this.findTidByIdFromArr(arr[i].children); |
| | | } |
| | | } |
| | | |
| | | |
| | | }, |
| | | onDblClick (evt, treeId, item) { |
| | | onDblClick(evt, treeId, item) { |
| | | if (item.type !== "4" || this.app !== "Camera") { |
| | | return; |
| | | } |
| | |
| | | this.TreeDataPool.activeVideoIndex = nullVideoIndex; |
| | | } |
| | | }, |
| | | addCamera (node) { |
| | | addCamera(node) { |
| | | this.$emit("addDevice", node); |
| | | }, |
| | | importCameras (node) { |
| | | importCameras(node) { |
| | | this.$emit("import", node); |
| | | }, |
| | | addNode (node) { |
| | | addNode(node) { |
| | | this.dialogForm = { |
| | | text: "", |
| | | method: "add", |
| | |
| | | }; |
| | | this.showDialogBox(event); |
| | | }, |
| | | editNode (node) { |
| | | editNode(node) { |
| | | this.dialogForm = { |
| | | text: node.name, |
| | | method: "edit", |
| | |
| | | }; |
| | | this.showDialogBox(event); |
| | | }, |
| | | delNode (node) { |
| | | delNode(node) { |
| | | this.TreeDataPool.del(node.id); |
| | | }, |
| | | submitForm () { |
| | | submitForm() { |
| | | // 提交新增或者编辑区域节点表单 |
| | | this.$refs.dialogForm.validate(valid => { |
| | | if (valid) { |
| | |
| | | }); |
| | | this.hideDialogBox(); |
| | | }, |
| | | hideDialogBox () { |
| | | hideDialogBox() { |
| | | this.showDialog = false; |
| | | this.dialogForm = { text: "" }; |
| | | }, |
| | | showDialogBox (event) { |
| | | showDialogBox(event) { |
| | | let { clientX = 0, offsetY = 0 } = event; |
| | | // this.clientX = clientX - 120; |
| | | this.clientX = 50; |
| | | this.clientY = offsetY; |
| | | this.showDialog = true; |
| | | }, |
| | | itemClick (evt, treeId, treeNode) { |
| | | itemClick(evt, treeId, treeNode) { |
| | | console.log(evt, treeId) |
| | | |
| | | this.TreeDataPool.selectedNode = treeNode; |
| | |
| | | |
| | | // this.TreeDataPool.updateZTreeCheckNodes([treeNode]); |
| | | // }, |
| | | itemCheck (evt, treeId, treeNode) { |
| | | itemCheck(evt, treeId, treeNode) { |
| | | this.TreeDataPool.selectedNode = treeNode; |
| | | this.TreeDataPool.treeType = this.treeName; |
| | | |
| | |
| | | this.TreeDataPool.updateZTreeCheckNodes(checkedNodes); |
| | | }, |
| | | //展开 |
| | | itemExpand (e, id, node) { |
| | | this.TreeDataPool.foldNodeList[node.id] = true |
| | | }, |
| | | // 折叠 |
| | | itemCollapse (e, id, node) { |
| | | itemExpand(e, id, node) { |
| | | delete this.TreeDataPool.foldNodeList[node.id] |
| | | }, |
| | | dropNode (node, item, draggedItem, e) { |
| | | // 折叠 |
| | | itemCollapse(e, id, node) { |
| | | this.TreeDataPool.foldNodeList[node.id] = true |
| | | }, |
| | | dropNode(node, item, draggedItem, e) { |
| | | // console.log('dropNode', node, item, draggedItem); |
| | | this.TreeDataPool.dropNode(draggedItem.id, item.id) |
| | | } |