From 0175cda6150656bc74b34c6f6c71edd1e1fc653c Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 04 二月 2021 18:22:54 +0800
Subject: [PATCH] treee, 修复tab切换时树的选中状态.添加区域

---
 src/components/LeftNav.vue |   34 +++++++++++++++++-----------------
 1 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue
index 421a4e1..0c1137f 100644
--- a/src/components/LeftNav.vue
+++ b/src/components/LeftNav.vue
@@ -207,12 +207,7 @@
             </div>
           </div>
         </el-tab-pane>
-        <el-tab-pane
-          label="鏁版嵁鏍�"
-          name="dataStack"
-          :style="`height:${height - 56}px;`"
-          v-if="showDataStack"
-        >
+        <el-tab-pane label="鏁版嵁鏍�" name="dataStack" v-if="showDataStack">
           <div class="local-vedio-area">
             <!-- 鎼滅储 -->
             <div class="search-input">
@@ -238,7 +233,7 @@
                 size="small"
                 clearable
                 @input="querySearchAsync('dir')"
-                :style="'width:103px;'"
+                :style="'width:148px;'"
               >
                 <i
                   class="el-icon-search el-input__icon"
@@ -312,7 +307,8 @@
 } from "@/api/camera";
 
 import bus from "@/plugin/bus"
-import TreeMenu from "@/components/treeMenu/index";
+// import TreeMenu from "@/components/treeMenu/index";
+import TreeMenu from "@/components/giantTree/index";
 import LocalVedioList from '@/components/subComponents/LocalVedioList';
 import FileUpload from '@/components/subComponents/FileUpload/index';
 import XLSX from 'xlsx'
@@ -468,7 +464,6 @@
       this.TreeDataPool.fetchClusterTree();
       findCluster().then(res => {
         if (res.success) {
-          debugger
           this.clusterName = res.data.clusterName;
         }
 
@@ -532,6 +527,9 @@
       this.timeout = setTimeout(() => {
         if (type === "camera") {
           this.TreeDataPool.fetchTreeData();
+        }
+        if (type === "cluster") {
+          this.TreeDataPool.fetchClusterTree();
         }
         if (type === "dir") {
           this.DataStackPool.fetchFiles();
@@ -869,15 +867,17 @@
     }
     .dev-vedio-list {
       padding: 0 15px;
-      max-height: 740px;
+      box-sizing: border-box;
+      height: calc(100vh - 80px);
+      //max-height: 740px;
       overflow-x: hidden;
       overflow-y: auto;
-      @media screen and (max-height: 720px) {
-        max-height: 580px;
-      }
-      @media screen and (min-height: 900px) {
-        max-height: 740px;
-      }
+      // @media screen and (max-height: 720px) {
+      //   max-height: 580px;
+      // }
+      // @media screen and (min-height: 900px) {
+      //   max-height: 740px;
+      // }
     }
     .dev-vedio-list::-webkit-scrollbar {
       /*婊氬姩鏉℃暣浣撴牱寮�*/
@@ -897,7 +897,7 @@
 }
 
 .tree-edit {
-  z-index: 1;
+  z-index: 2;
   font-size: 16px;
   position: absolute;
   top: 56px;

--
Gitblit v1.8.0