对比库管理

heyujie

2021-12-07 4ff29e301de38488db0ff04f0209c99e37cf30b4

 src/components/LeftNav.vue

@@ -57,7 +57,6 @@
              </div>-->
            </li>

            <!-- 添加区域图标 -->
            <div class="tree-edit area-add" v-show="!TreeDataPool.readonly">
              <el-tooltip content="添加区域" placement="bottom" popper-class="atooltip">
                <button @click="addNode($event)">
@@ -123,14 +122,14 @@
              </template>

              <!-- 国标刷新图标 -->
              <div class="tree-edit gb-refresh" v-show="!TreeDataPool.gbReadonly">
              <!-- <div class="tree-edit gb-refresh" v-show="!TreeDataPool.gbReadonly">
                <el-tooltip content="刷新" placement="top" popper-class="atooltip">
                  <button @click="refreshGB">
                    <i v-if="loadingGBTree" class="el-icon-loading" style="font-size:16px"></i>
                    <i v-else class="el-icon-refresh" style="font-size:16px"></i>
                  </button>
                </el-tooltip>
              </div>
              </div>-->
              <div class="tree-edit gb-lock" v-show="showLock">
                <button @click="gbLockSwitch">
                  <i v-if="TreeDataPool.gbReadonly" class="el-icon-lock" style="font-size:16px"></i>
@@ -190,6 +189,10 @@
                </el-input>
              </div>
            </div>
            <div class="top-menu" style="margin:0 0 10px;text-align:left;">
              <span class="iconfont iconjiqun" style="font-size:20px;"></span>
              <span style="font-size:14px; margin-left: 5px;font-weight: 600;">{{clusterName}}</span>
            </div>
            <div class="cluster-list">
              <tree-menu
                ref="tree"
@@ -203,12 +206,7 @@
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane
          label="数据栈"
          name="dataStack"
          :style="`height:${height - 56}px;`"
          v-if="showDataStack"
        >
        <el-tab-pane label="数据栈" name="dataStack" v-if="showDataStack">
          <div class="local-vedio-area">
            <!-- 搜索 -->
            <div class="search-input">
@@ -234,7 +232,7 @@
                size="small"
                clearable
                @input="querySearchAsync('dir')"
                :style="'width:103px;'"
                :style="'width:148px;'"
              >
                <i
                  class="el-icon-search el-input__icon"
@@ -308,10 +306,12 @@
} from "@/api/camera";

import bus from "@/plugin/bus"
import TreeMenu from "@/components/treeMenu/index";
// import TreeMenu from "@/components/treeMenu/index";
import TreeMenu from "@/components/giantTree/index";
import LocalVedioList from '@/components/subComponents/LocalVedioList';
import FileUpload from '@/components/subComponents/FileUpload/index';
import XLSX from 'xlsx'
import { findCluster } from "@/api/clusterManage";

export default {
  components: {
@@ -392,9 +392,7 @@
  },
  data() {
    return {
      cameraAuth: "videoMonitor:camera",
      dataStack: "videoMonitor:dataStack",
      activeIndexVideo: "",
      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
      installedApps: sessionStorage.getItem("apps") || [],
      loginName: JSON.parse(sessionStorage.getItem("userInfo")).username || "用户名",
@@ -416,38 +414,15 @@
          label: "联动摄像机"
        }
      ],
      searchTypeLocalVideo: [
        {
          value: 0,
          label: "全部"
        },
        {
          value: 1,
          label: "处理完成"
        },
        {
          value: 2,
          label: "处理中"
        },
        {
          value: 3,
          label: "未配规则"
        },
        {
          value: 4,
          label: "未开启"
        }
      ],
      timeout: null,
      fileUploadBox: false,
      loadingGBTree: false,
      importAreaId: "",
      menuLoading: false
      menuLoading: false,
      clusterName: ''
    };
  },
  created() {
    console.log(this.appName)
    console.log(this.showCam)
    if (this.showCam) {
      this.TreeDataPool.treeActiveName = "camera"
      this.TreeDataPool.fetchTreeData();
@@ -460,6 +435,12 @@
    if (this.showCluster) {
      this.TreeDataPool.treeActiveName = "cluster"
      this.TreeDataPool.fetchClusterTree();
      findCluster().then(res => {
        if (res.success) {
          this.clusterName = res.data.clusterName;
        }

      })
    }
  },
  methods: {
@@ -519,6 +500,9 @@
      this.timeout = setTimeout(() => {
        if (type === "camera") {
          this.TreeDataPool.fetchTreeData();
        }
        if (type === "cluster") {
          this.TreeDataPool.fetchClusterTree();
        }
        if (type === "dir") {
          this.DataStackPool.fetchFiles();
@@ -856,15 +840,12 @@
    }
    .dev-vedio-list {
      padding: 0 15px;
      max-height: 740px;
      overflow-x: hidden;
      overflow-y: auto;
      @media screen and (max-height: 720px) {
        max-height: 580px;
      }
      @media screen and (min-height: 900px) {
        max-height: 740px;
      }
      box-sizing: border-box;
      // height: calc(100vh - 80px);
      //max-height: 740px;
      // overflow-x: hidden;
      overflow: auto;
 
    }
    .dev-vedio-list::-webkit-scrollbar {
      /*滚动条整体样式*/
@@ -884,7 +865,7 @@
}

.tree-edit {
  z-index: 1;
  z-index: 2;
  font-size: 16px;
  position: absolute;
  top: 56px;