修复树滚动条样式,和图片URL

zhangzengfei

2022-08-04 8f5d6bac4776973c73626c9f34fa68ba1ac83d6e

 src/views/search/index.vue

@@ -1,18 +1,8 @@
<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 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">
@@ -30,108 +20,104 @@
</template>

<script>
import LeftNav from "@/components/CameraLeft";
import RightSide from "./Searching";
import CardWindow from "./components/CardWindow";
import { getClusterDevList } from "@/api/clusterManage";
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: "",
    };
      cluster: ""
    }
  },
  created() {
    // this.parseUrl();
    this.getCluster();
    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");
    sessionStorage.removeItem("clusterId")
    sessionStorage.removeItem("devId")
  },
  methods: {
    parseUrl() {},
    selectCluster(val) {
      const arr = val.split("$$");
      const arr = val.split("$$")
      if (arr[0] == "0") {
        sessionStorage.setItem("clusterId", arr[1]);
        sessionStorage.setItem("devId", "");
        console.log(this.clusterData);
        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);
            sessionStorage.setItem("nodeId", item.nodeList[0].devId)
          }
        });
        })
      }
      if (arr[0] == "1") {
        sessionStorage.setItem("clusterId", "");
        sessionStorage.setItem("devId", arr[1]);
        sessionStorage.setItem("nodeId", arr[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();
      this.TreeDataPool.fetchTreeData()
      this.PollData.statisticTaskInfo()
      this.VideoManageData.init()
      this.PollData.statistics()
    },
    async getCluster() {
      const res = await getClusterDevList();
      const res = await getClusterDevList()
      if (res && res.success) {
        this.clusterData = res.data.clusterList;
        this.clusterData = res.data.clusterList
        if (res.data.clusterList <= 0 && res.data.devList <= 0) {
          this.$confirm(
            "系统检测到您还未添加设备, 请在设备管理页面维护",
            "提示",
            {
              confirmButtonText: "跳转",
              cancelButtonText: "取消",
              type: "warning",
            }
          )
          this.$confirm("系统检测到您还未添加设备, 请在设备管理页面维护", "提示", {
            confirmButtonText: "跳转",
            cancelButtonText: "取消",
            type: "warning"
          })
            .then(() => {
              this.$router.push("/manageCenter");
              this.$router.push("/manageCenter")
            })
            .catch(() => {});
            .catch(() => {})
        }

        res.data.clusterList.forEach((item) => {
          this.clusterArr.push({
            label: item.cluster_name,
            value: "0$$" + item.cluster_id,
          });
        });
            value: "0$$" + item.cluster_id
          })
        })

        res.data.devList.forEach((item) => {
          this.clusterArr.push({
            label: item.devName,
            value: "1$$" + item.devId,
          });
        });
            value: "1$$" + item.devId
          })
        })

        this.cluster = this.clusterArr[0].value;
        this.selectCluster(this.clusterArr[0].value);
        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);
}
@@ -205,7 +191,7 @@
  left: 172px;
  position: fixed;
  width: 135px;
  z-index: 4;
  z-index: -1;
}

/* Firefox只有下面一小块区域可以拉伸 */