From 6a5962fe9544005dba620b00fb36c25fe2da4e76 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期二, 16 十一月 2021 15:24:46 +0800
Subject: [PATCH] 后端没修改的情况下添加默认背景图

---
 src/components/giantTree/index.vue |   38 ++++++++++++++++++++++++--------------
 1 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/src/components/giantTree/index.vue b/src/components/giantTree/index.vue
index aabca2d..1e63341 100644
--- a/src/components/giantTree/index.vue
+++ b/src/components/giantTree/index.vue
@@ -5,6 +5,7 @@
       :show-checkbox="TreeDataPool.multiple"
       :readonly="TreeDataPool.readonly"
       :gb28181="gb28181"
+      :setting="setting"
       @onCreated="handleCreated"
       @onClick="itemClick"
       @onCheck="itemCheck"
@@ -16,6 +17,7 @@
       @onImport="importCameras"
       @onExpand="itemExpand"
       @onCollapse="itemCollapse"
+      @onShowPic="showCameraPic"
     />
     <div class="dialog-box-bg" v-show="showDialog" @click="hideDialogBox"></div>
     <div
@@ -26,7 +28,7 @@
       <el-card :body-style="{ padding: '10px' }">
         <el-form :model="dialogForm" size="mini" :rules="rules" ref="dialogForm" label-width="70px">
           <el-form-item label="鍚嶇О锛�" prop="name">
-            <el-input v-model="dialogForm.text"></el-input>
+            <el-input v-model="dialogForm.text" oninput="if(value.length>10)value=value.slice(0,10)"></el-input>
           </el-form-item>
           <div class="text-center pb-2">
             <el-button size="mini" type="primary" @click="submitForm">淇濆瓨</el-button>
@@ -39,7 +41,6 @@
 </template>
 
 <script>
-// import VJstree from "./jsTree";
 import ZTree from "./zTree/ztree"
 
 export default {
@@ -66,11 +67,17 @@
     height: {
       type: Number,
       default: 0
-    }
+    },
+    setting: {
+      type: Object,
+      require: false,
+      default: function () {
+        return {};
+      },
+    },
   },
   data() {
     return {
-      hoverNodeId: "",
       showDialog: false,
       clientX: 0,
       clientY: 0,
@@ -87,9 +94,7 @@
     };
   },
   created() {
-    // console.log(this.height, '鏍戦珮搴�')
     this.TreeDataPool.zTree = true;
-
     this.TreeDataPool.activeVideoIndex = sessionStorage.activeIndexVideo
       ? Number(sessionStorage.activeIndexVideo)
       : this.TreeDataPool.activeVideoIndex;
@@ -105,7 +110,7 @@
     handleCreated: function (ztreeObj) {
       let _this = this;
       this.ztreeObj = ztreeObj;
-      // console.log("handleCreated")
+      ztreeObj.expandAll(true)
       // onCreated 涓搷浣渮treeObj瀵硅薄灞曞紑绗竴涓妭鐐�
       // ztreeObj.expandNode(ztreeObj.getNodes()[0], true);
 
@@ -117,13 +122,10 @@
         //鎽勫儚鏈轰俊鎭洿鏂颁俊鎭悗锛屽鏋滆妭鐐逛綅缃湁鍙榯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);
@@ -152,7 +154,6 @@
       if (item.type !== "4" || this.app !== "Camera") {
         return;
       }
-      // console.log('activeForceChoose', this.TreeDataPool.activeForceChoose)
       this.TreeDataPool.activeVideoId = item.id;
       let videoArr = this.TreeDataPool.videoArr;
       let nullVideoIndex = "";
@@ -266,7 +267,6 @@
       this.showDialog = true;
     },
     itemClick(evt, treeId, treeNode) {
-      console.log(evt, treeId)
 
       this.TreeDataPool.selectedNode = treeNode;
       this.TreeDataPool.treeType = this.treeName;
@@ -296,11 +296,18 @@
     itemCheck(evt, treeId, treeNode) {
       this.TreeDataPool.selectedNode = treeNode;
       this.TreeDataPool.treeType = this.treeName;
-
+      debugger
       // 澶氶��
       // this.ztreeObj.checkNode(treeNode, true, false, false);
       let checkedNodes = this.ztreeObj.getCheckedNodes(true);
       this.TreeDataPool.updateZTreeCheckNodes(checkedNodes);
+
+      // 瀹炴椂缁熻閫変腑涓暟
+      this.TreeDataPool.countCheckedNodes(checkedNodes);
+
+      // 淇濆瓨涓�浠芥暟鎹�
+      this.TreeDataPool.activeTreeData = this.ztreeObj.getNodes()
+      
     },
     //灞曞紑
     itemExpand(e, id, node) {
@@ -313,6 +320,9 @@
     dropNode(node, item, draggedItem, e) {
       // console.log('dropNode', node, item, draggedItem);
       this.TreeDataPool.dropNode(draggedItem.id, item.id)
+    },
+    showCameraPic(nodeId) {
+      this.TreeDataPool.showBaseImage(nodeId)
     }
   }
 };

--
Gitblit v1.8.0