添加用户删除功能

zhangzengfei

2022-08-22 f14f98a263141d2f8ec0079866a758cc7a1c38d1

 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 !important;
  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,