统计查询

ZZJ

2022-06-15 4f7f16803ab5ed7b8a8a0dc087792d9b2fcefe2b

 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,