From 91ec3156aef91112fc3f6c608ee88ceca88d32c4 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期一, 01 三月 2021 15:13:23 +0800
Subject: [PATCH] 朔黄时间快捷选择组件添加配置默认选项功能

---
 src/components/giantTree/index.vue |   73 ++++++++++++++++++++++--------------
 1 files changed, 45 insertions(+), 28 deletions(-)

diff --git a/src/components/giantTree/index.vue b/src/components/giantTree/index.vue
index 0a694bd..d7e96d0 100644
--- a/src/components/giantTree/index.vue
+++ b/src/components/giantTree/index.vue
@@ -68,7 +68,7 @@
       default: 0
     }
   },
-  data() {
+  data () {
     return {
       hoverNodeId: "",
       showDialog: false,
@@ -83,11 +83,10 @@
           { min: 2, max: 10, message: "闀垮害鍦�2鍒�10涓瓧", trigger: "change" }
         ]
       },
-      evt: {},
-      treeId: '',
+      curNodeTid: '',
     };
   },
-  created() {
+  created () {
     // console.log(this.height, '鏍戦珮搴�')
     this.TreeDataPool.zTree = true;
 
@@ -104,6 +103,7 @@
   },
   methods: {
     handleCreated: function (ztreeObj) {
+      let _this = this;
       this.ztreeObj = ztreeObj;
       // console.log("handleCreated")
       // onCreated 涓搷浣渮treeObj瀵硅薄灞曞紑绗竴涓妭鐐�
@@ -113,11 +113,17 @@
       if (this.TreeDataPool.selectedNode.id) {
         // 鍙栨秷鎵�鏈夊閫夌殑鑺傜偣,浠呬繚鐣欏綋鍓嶅崟閫夌殑鑺傜偣
         this.TreeDataPool.selectedNodes = [this.TreeDataPool.selectedNode.id]
-
-        let node = this.ztreeObj.getNodeByTId(this.TreeDataPool.selectedNode.tId)
+        this.curNodeTid = this.TreeDataPool.selectedNode.tId;
         //鎽勫儚鏈轰俊鎭洿鏂颁俊鎭悗锛屽鏋滆妭鐐逛綅缃湁鍙榯Id灏变笉鍑嗕簡,this.TreeDataPool.selectedNode姝ゆ椂杩樻槸鏃х殑淇℃伅
-        console.log('selecBode',this.TreeDataPool.selectedNode)
-        console.log('selectedNode.tId',this.TreeDataPool.selectedNode.tId,)
+        let ztreeNodes = ztreeObj.getNodes();
+        //var curNodeTid = '';
+        console.log(ztreeNodes)
+        _this.findTidByIdFromArr(ztreeNodes);
+        console.log('curNodeTid', _this.curNodeTid)
+        this.TreeDataPool.selectedNode.tId = _this.curNodeTid;
+        let node = this.ztreeObj.getNodeByTId(this.TreeDataPool.selectedNode.tId)
+        console.log('selecBode', this.TreeDataPool.selectedNode)
+        console.log('selectedNode.tId', this.TreeDataPool.selectedNode.tId)
         // 澶氶�夋椂, 閫変腑鍗曢�夊崟鍑荤殑鑺傜偣
         if (this.TreeDataPool.multiple) {
           this.ztreeObj.checkAllNodes(false);
@@ -127,7 +133,22 @@
         this.ztreeObj.selectNode(node, false, true)
       }
     },
-    onDblClick(evt, treeId, item) {
+
+    findTidByIdFromArr (arr) {
+      let len = arr.length;
+      let _this = this;
+      for (var i = 0; i < len; i++) {
+        if (arr[i].id == this.TreeDataPool.selectedNode.id) {
+          _this.curNodeTid = arr[i].tId;
+          break;
+        }
+        if(arr[i].children){
+          this.findTidByIdFromArr(arr[i].children);
+        }
+      }
+      
+    },
+    onDblClick (evt, treeId, item) {
       if (item.type !== "4" || this.app !== "Camera") {
         return;
       }
@@ -186,13 +207,13 @@
         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",
@@ -200,7 +221,7 @@
       };
       this.showDialogBox(event);
     },
-    editNode(node) {
+    editNode (node) {
       this.dialogForm = {
         text: node.name,
         method: "edit",
@@ -210,10 +231,10 @@
       };
       this.showDialogBox(event);
     },
-    delNode(node) {
+    delNode (node) {
       this.TreeDataPool.del(node.id);
     },
-    submitForm() {
+    submitForm () {
       // 鎻愪氦鏂板鎴栬�呯紪杈戝尯鍩熻妭鐐硅〃鍗�
       this.$refs.dialogForm.validate(valid => {
         if (valid) {
@@ -233,24 +254,20 @@
       });
       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) {
-      debugger
-      //let itemClickArgs = {evt,treeId};
-      this.evt = evt;
-      this.treeId = treeId;
-      console.log(evt,treeId)
-      // sessionStorage.setItem('itemClickArgs',JSON.stringify(itemClickArgs))
+    itemClick (evt, treeId, treeNode) {
+      console.log(evt, treeId)
+
       this.TreeDataPool.selectedNode = treeNode;
       this.TreeDataPool.treeType = this.treeName;
 
@@ -276,7 +293,7 @@
 
     //   this.TreeDataPool.updateZTreeCheckNodes([treeNode]);
     // },
-    itemCheck(evt, treeId, treeNode) {
+    itemCheck (evt, treeId, treeNode) {
       this.TreeDataPool.selectedNode = treeNode;
       this.TreeDataPool.treeType = this.treeName;
 
@@ -286,14 +303,14 @@
       this.TreeDataPool.updateZTreeCheckNodes(checkedNodes);
     },
     //灞曞紑
-    itemExpand(e, id, node) {
+    itemExpand (e, id, node) {
       this.TreeDataPool.foldNodeList[node.id] = true
     },
     // 鎶樺彔
-    itemCollapse(e, id, node) {
+    itemCollapse (e, id, node) {
       delete this.TreeDataPool.foldNodeList[node.id]
     },
-    dropNode(node, item, draggedItem, e) {
+    dropNode (node, item, draggedItem, e) {
       // console.log('dropNode', node, item, draggedItem);
       this.TreeDataPool.dropNode(draggedItem.id, item.id)
     }

--
Gitblit v1.8.0