src/components/LeftNav.vue
@@ -190,6 +190,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"
@@ -234,7 +238,7 @@
                size="small"
                clearable
                @input="querySearchAsync('dir')"
                :style="'width:103px;'"
                :style="'width:120px;'"
              >
                <i
                  class="el-icon-search el-input__icon"
@@ -312,6 +316,7 @@
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: {
@@ -442,7 +447,8 @@
      fileUploadBox: false,
      loadingGBTree: false,
      importAreaId: "",
      menuLoading: false
      menuLoading: false,
      clusterName: ''
    };
  },
  created() {
@@ -460,6 +466,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 +531,9 @@
      this.timeout = setTimeout(() => {
        if (type === "camera") {
          this.TreeDataPool.fetchTreeData();
        }
        if(type === "cluster"){
          this.TreeDataPool.fetchClusterTree();
        }
        if (type === "dir") {
          this.DataStackPool.fetchFiles();
@@ -884,7 +899,7 @@
}
.tree-edit {
  z-index: 1;
  z-index: 2;
  font-size: 16px;
  position: absolute;
  top: 56px;