From 72f553661a74b225c89310d3fb3d78f3ebe35f82 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期日, 28 二月 2021 10:45:04 +0800
Subject: [PATCH] m朔黄首页模拟数据更新
---
src/components/giantTree/index.vue | 93 ++++++++++++++++++++++++++++++++++++++--------
1 files changed, 76 insertions(+), 17 deletions(-)
diff --git a/src/components/giantTree/index.vue b/src/components/giantTree/index.vue
index b1aa707..d7e96d0 100644
--- a/src/components/giantTree/index.vue
+++ b/src/components/giantTree/index.vue
@@ -5,9 +5,11 @@
:show-checkbox="TreeDataPool.multiple"
:readonly="TreeDataPool.readonly"
:gb28181="gb28181"
+ @onCreated="handleCreated"
@onClick="itemClick"
@onCheck="itemCheck"
@onDblClick="onDblClick"
+ @onAddNode="addNode"
@onRemoveNode="delNode"
@onRenameNode="editNode"
@onAddDevice="addCamera"
@@ -66,7 +68,7 @@
default: 0
}
},
- data() {
+ data () {
return {
hoverNodeId: "",
showDialog: false,
@@ -80,10 +82,11 @@
{ required: true, message: "璇疯緭鍏ヨ妭鐐瑰悕绉�", trigger: "change" },
{ min: 2, max: 10, message: "闀垮害鍦�2鍒�10涓瓧", trigger: "change" }
]
- }
+ },
+ curNodeTid: '',
};
},
- created() {
+ created () {
// console.log(this.height, '鏍戦珮搴�')
this.TreeDataPool.zTree = true;
@@ -100,11 +103,52 @@
},
methods: {
handleCreated: function (ztreeObj) {
+ let _this = this;
this.ztreeObj = ztreeObj;
+ // console.log("handleCreated")
// onCreated 涓搷浣渮treeObj瀵硅薄灞曞紑绗竴涓妭鐐�
// ztreeObj.expandNode(ztreeObj.getNodes()[0], true);
+
+ // 鎽勫儚鏈洪厤缃垏鎹㈡椂, 璁剧疆閫変腑鐘舵��
+ if (this.TreeDataPool.selectedNode.id) {
+ // 鍙栨秷鎵�鏈夊閫夌殑鑺傜偣,浠呬繚鐣欏綋鍓嶅崟閫夌殑鑺傜偣
+ this.TreeDataPool.selectedNodes = [this.TreeDataPool.selectedNode.id]
+ this.curNodeTid = this.TreeDataPool.selectedNode.tId;
+ //鎽勫儚鏈轰俊鎭洿鏂颁俊鎭悗锛屽鏋滆妭鐐逛綅缃湁鍙榯Id灏变笉鍑嗕簡,this.TreeDataPool.selectedNode姝ゆ椂杩樻槸鏃х殑淇℃伅
+ 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);
+ this.ztreeObj.checkNode(node, true, false, false);
+ }
+
+ 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;
}
@@ -163,13 +207,13 @@
this.TreeDataPool.activeVideoIndex = nullVideoIndex;
}
},
- addCamera(node) {
+ addCamera (node) {
this.$emit("addDevice", node);
},
- importCameras(node) {
+ importCameras (node) {
this.$emit("import", node);
},
- addNode(event, node) {
+ addNode (node) {
this.dialogForm = {
text: "",
method: "add",
@@ -177,7 +221,7 @@
};
this.showDialogBox(event);
},
- editNode(node) {
+ editNode (node) {
this.dialogForm = {
text: node.name,
method: "edit",
@@ -187,10 +231,10 @@
};
this.showDialogBox(event);
},
- delNode(node) {
+ delNode (node) {
this.TreeDataPool.del(node.id);
},
- submitForm() {
+ submitForm () {
// 鎻愪氦鏂板鎴栬�呯紪杈戝尯鍩熻妭鐐硅〃鍗�
this.$refs.dialogForm.validate(valid => {
if (valid) {
@@ -210,18 +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) {
+ itemClick (evt, treeId, treeNode) {
+ console.log(evt, treeId)
+
this.TreeDataPool.selectedNode = treeNode;
this.TreeDataPool.treeType = this.treeName;
@@ -234,7 +280,20 @@
this.TreeDataPool.updateZTreeCheckNodes([treeNode]);
},
- itemCheck(evt, treeId, treeNode) {
+ // itemClick(treeNode) {
+ // this.TreeDataPool.selectedNode = treeNode;
+ // this.TreeDataPool.treeType = this.treeName;
+
+ // // 澶氶��
+ // if (this.TreeDataPool.multiple) {
+ // // 鍗曞嚮鏌愪竴涓妭鐐规枃瀛楁椂 鍙栨秷鎵�鏈夊嬀閫夌姸鎬� 鐒跺悗閫変腑鑷韩
+ // this.ztreeObj.checkAllNodes(false);
+ // this.ztreeObj.checkNode(treeNode, true, false, false);
+ // }
+
+ // this.TreeDataPool.updateZTreeCheckNodes([treeNode]);
+ // },
+ itemCheck (evt, treeId, treeNode) {
this.TreeDataPool.selectedNode = treeNode;
this.TreeDataPool.treeType = this.treeName;
@@ -244,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