From 4f7f16803ab5ed7b8a8a0dc087792d9b2fcefe2b Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期三, 15 六月 2022 14:39:15 +0800
Subject: [PATCH] 统计查询
---
src/views/search/index.vue | 91 ++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 89 insertions(+), 2 deletions(-)
diff --git a/src/views/search/index.vue b/src/views/search/index.vue
index addbb62..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>
@@ -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