From a0b5604fcefa0c7900ecc50830b718f77bba8f39 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期五, 15 七月 2022 14:43:40 +0800 Subject: [PATCH] add cluster pwd --- src/views/search/index.vue | 93 +++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 90 insertions(+), 3 deletions(-) diff --git a/src/views/search/index.vue b/src/views/search/index.vue index 43a99f3..756f2f8 100644 --- a/src/views/search/index.vue +++ b/src/views/search/index.vue @@ -1,10 +1,25 @@ <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,9 +30,10 @@ </template> <script> -import LeftNav from "./components/LeftNav"; +import LeftNav from "@/components/CameraLeft"; import RightSide from "./Searching"; import CardWindow from "./components/CardWindow"; +import { getClusterDevList } from "@/api/clusterManage"; export default { name: "SearchPage", @@ -29,10 +45,13 @@ data() { return { screenHeight: 0, + clusterArr: [], + cluster: "", }; }, created() { // this.parseUrl(); + this.getCluster(); }, mounted() { this.screenHeight = document.documentElement.clientHeight - 20; @@ -44,6 +63,66 @@ }, 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> @@ -53,7 +132,7 @@ height: calc(100vh - 130px); } .left-tree-box .el-tabs--border-card .el-tabs__header { - display: block !important; + display: block; margin-bottom: 10px; } .column { @@ -119,6 +198,14 @@ height: inherit; } +.search_cluster { + top: 12px; + left: 172px; + position: fixed; + width: 135px; + z-index: 4; +} + /* Firefox鍙湁涓嬮潰涓�灏忓潡鍖哄煙鍙互鎷変几 */ @supports (-moz-user-select: none) { .resize-bar:hover ~ .resize-line, -- Gitblit v1.8.0