左侧目录树样式优化

hanbaoshan

2020-12-03 c587fbdad6f75ba05e5440b41be144bd335703aa

 src/components/LeftNav.vue

@@ -210,7 +210,7 @@
        <el-tab-pane
          label="数据栈"
          name="dataStack"
          :style="`height:${height - 56}px;`"
          
          v-if="showDataStack"
        >
          <div class="local-vedio-area">
@@ -238,7 +238,7 @@
                size="small"
                clearable
                @input="querySearchAsync('dir')"
                :style="'width:103px;'"
                :style="'width:148px;'"
              >
                <i
                  class="el-icon-search el-input__icon"
@@ -258,7 +258,7 @@
            </div>

            <!-- 本地视频源列表 -->
            <div class="dev-vedio-list">
            <div class="dev-vedio-list" >
              <!-- 添加文件夹图标 -->
              <div class="tree-edit area-add" v-show="!DataStackPool.readonly">
                <el-tooltip content="添加文件夹" placement="bottom" popper-class="atooltip">
@@ -468,7 +468,6 @@
      this.TreeDataPool.fetchClusterTree();
      findCluster().then(res => {
        if (res.success) {
          debugger
          this.clusterName = res.data.clusterName;
        }

@@ -532,6 +531,9 @@
      this.timeout = setTimeout(() => {
        if (type === "camera") {
          this.TreeDataPool.fetchTreeData();
        }
        if(type === "cluster"){
          this.TreeDataPool.fetchClusterTree();
        }
        if (type === "dir") {
          this.DataStackPool.fetchFiles();
@@ -869,15 +871,17 @@
    }
    .dev-vedio-list {
      padding: 0 15px;
      max-height: 740px;
      box-sizing: border-box;
      height: calc(100vh - 80px);
      //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;
      }
      // @media screen and (max-height: 720px) {
      //   max-height: 580px;
      // }
      // @media screen and (min-height: 900px) {
      //   max-height: 740px;
      // }
    }
    .dev-vedio-list::-webkit-scrollbar {
      /*滚动条整体样式*/
@@ -897,7 +901,7 @@
}

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