From ece5b7b7d24f85a3253cf722291e69ca7a406192 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期二, 16 八月 2022 13:05:18 +0800
Subject: [PATCH] 完善大屏

---
 src/views/search/index.vue |  105 +++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 90 insertions(+), 15 deletions(-)

diff --git a/src/views/search/index.vue b/src/views/search/index.vue
index addbb62..9685086 100644
--- a/src/views/search/index.vue
+++ b/src/views/search/index.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="column">
+    <div class="search_cluster">
+      <el-select v-model="cluster" placeholder="璇烽�夋嫨闆嗙兢" @change="selectCluster">
+        <el-option v-for="item in clusterArr" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+      </el-select>
+    </div>
     <div class="column-left">
       <div class="resize-bar"></div>
       <div class="resize-line"></div>
       <div class="resize-save">
-        <left-nav :appName="'Search'" :height="screenHeight - 40"></left-nav>
+        <left-nav :appName="'Camera'"></left-nav>
       </div>
     </div>
     <div class="column-right">
@@ -15,45 +20,108 @@
 </template>
 
 <script>
-import LeftNav from "./components/LeftNav";
-import RightSide from "./Searching";
-import CardWindow from "./components/CardWindow";
+import LeftNav from "@/components/CameraLeft"
+import RightSide from "./Searching"
+import CardWindow from "./components/CardWindow"
+import { getClusterDevList } from "@/api/clusterManage"
 
 export default {
   name: "SearchPage",
   components: {
     LeftNav,
     RightSide,
-    CardWindow,
+    CardWindow
   },
   data() {
     return {
       screenHeight: 0,
-    };
+      clusterArr: [],
+      cluster: ""
+    }
   },
   created() {
     // this.parseUrl();
+    this.getCluster()
   },
   mounted() {
-    this.screenHeight = document.documentElement.clientHeight - 20;
+    this.screenHeight = document.documentElement.clientHeight - 20
     window.onresize = () => {
       return (() => {
-        this.screenHeight = document.documentElement.clientHeight - 20;
-      })();
-    };
+        this.screenHeight = document.documentElement.clientHeight - 20
+      })()
+    }
+  },
+  beforeDestroy() {
+    sessionStorage.removeItem("clusterId")
+    sessionStorage.removeItem("devId")
   },
   methods: {
     parseUrl() {},
-  },
-};
+    selectCluster(val) {
+      const arr = val.split("$$")
+      if (arr[0] == "0") {
+        sessionStorage.setItem("clusterId", arr[1])
+        sessionStorage.setItem("devId", "")
+        console.log(this.clusterData)
+        this.clusterData.forEach((item) => {
+          if (arr[1] == item.cluster_id) {
+            sessionStorage.setItem("nodeId", item.nodeList[0].devId)
+          }
+        })
+      }
+      if (arr[0] == "1") {
+        sessionStorage.setItem("clusterId", "")
+        sessionStorage.setItem("devId", arr[1])
+        sessionStorage.setItem("nodeId", arr[1])
+      }
+      this.TreeDataPool.fetchTreeData()
+      this.PollData.statisticTaskInfo()
+      this.VideoManageData.init()
+      this.PollData.statistics()
+    },
+    async getCluster() {
+      const res = await getClusterDevList()
+      if (res && res.success) {
+        this.clusterData = res.data.clusterList
+        if (res.data.clusterList <= 0 && res.data.devList <= 0) {
+          this.$confirm("绯荤粺妫�娴嬪埌鎮ㄨ繕鏈坊鍔犺澶�, 璇峰湪璁惧绠＄悊椤甸潰缁存姢", "鎻愮ず", {
+            confirmButtonText: "璺宠浆",
+            cancelButtonText: "鍙栨秷",
+            type: "warning"
+          })
+            .then(() => {
+              this.$router.push("/manageCenter")
+            })
+            .catch(() => {})
+        }
+
+        res.data.clusterList.forEach((item) => {
+          this.clusterArr.push({
+            label: item.cluster_name,
+            value: "0$$" + item.cluster_id
+          })
+        })
+
+        res.data.devList.forEach((item) => {
+          this.clusterArr.push({
+            label: item.devName,
+            value: "1$$" + item.devId
+          })
+        })
+
+        this.cluster = this.clusterArr[0].value
+        this.selectCluster(this.clusterArr[0].value)
+      }
+    }
+  }
+}
 </script>
 
-<style lang="scss" >
+<style lang="scss" scoped>
 .left-tree-box .local-vedio-area .dev-vedio-list {
   height: calc(100vh - 130px);
 }
 .left-tree-box .el-tabs--border-card .el-tabs__header {
-  display: block;
   margin-bottom: 10px;
 }
 .column {
@@ -108,7 +176,6 @@
   bottom: 0;
   border-right: 2px solid #efefef;
   border-left: 1px solid #e0e0e0;
-  pointer-events: none;
 }
 .resize-bar:hover ~ .resize-line,
 .resize-bar:active ~ .resize-line {
@@ -119,6 +186,14 @@
   height: inherit;
 }
 
+.search_cluster {
+  top: 18px;
+  left: 172px;
+  position: fixed;
+  width: 135px;
+  z-index: -1;
+}
+
 /* Firefox鍙湁涓嬮潰涓�灏忓潡鍖哄煙鍙互鎷変几 */
 @supports (-moz-user-select: none) {
   .resize-bar:hover ~ .resize-line,

--
Gitblit v1.8.0