hanbaoshan
2020-08-01 84f11d4ca59f9580a7e7de5471e3eb86ea14c16b
src/components/LeftNav.vue
@@ -6,12 +6,7 @@
      v-show="TreeDataPool.showTreeBox"
    >
      <el-tabs v-model="TreeDataPool.treeActiveName" type="border-card" @tab-click="handleClick">
        <el-tab-pane
          label="摄像机"
          name="camera"
          :style="`height:${height - 56}px;`"
          v-if="isShow(cameraAuth)"
        >
        <el-tab-pane label="摄像机" name="camera" :style="`height:${height - 56}px;`" v-if="showCam">
          <el-menu
            :default-openeds="openeds"
            background-color="#fff"
@@ -27,7 +22,6 @@
              <el-select
                v-model="TreeDataPool.searchCamType"
                placeholder="请选择"
                style="width: 134px;height: 34px;margin-left: 10px;"
                @change="searchAreaData"
              >
                <el-option
@@ -43,7 +37,6 @@
                placeholder="搜索"
                clearable
                @input="querySearchAsync('camera')"
                style="width: 103px;"
              >
                <i
                  class="el-icon-search el-input__icon"
@@ -150,7 +143,7 @@
          label="数据栈"
          name="dataStack"
          :style="`height:${height - 56}px;`"
          v-if="isShow(dataStack)"
          v-if="showDataStack"
        >
          <div class="local-vedio-area">
            <!-- 搜索 -->
@@ -216,21 +209,9 @@
              </div>
              <LocalVedioList :dataList="TreeDataPool.localVedioList"></LocalVedioList>
            </div>
            <!-- 分页 -->
            <!-- <div class="paginationClass flex-box">
                <el-pagination
                  @current-change="refrash"
                  :current-page="TreeDataPool.localCurrentPage"
                  :page-size="TreeDataPool.localPageSize"
                  style="margin: 10px 0;"
                  :total="TreeDataPool.localTotal"
                ></el-pagination>
            </div>-->
          </div>
          <file-upload v-show="fileUploadBox" @close="fileUploadBox= false" />
        </el-tab-pane>
        <!-- <el-tab-pane label="本地图片" name="localPic" v-if="isShow('VIDEOCAMERA:image')">本地图片</el-tab-pane>
        <el-tab-pane label="本地音频" name="localAudio" v-if="isShow('VIDEOCAMERA:audio')">本地音频</el-tab-pane>-->
      </el-tabs>
    </div>
  </transition>
@@ -270,6 +251,15 @@
  },
  computed: {
    showTab() {
      return true;
    },
    showCam() {
      return this.appName === "Camera" || this.appName === "Search";
    },
    showDataStack() {
      return this.appName === "DataStack" || this.appName === "Search";
    },
    showLock() {
      return this.edit;
    },
@@ -366,33 +356,21 @@
    }
  },
  created() {
    if (this.isShow('VIDEOCAMERA:camera')) {
    if (this.showCam) {
      this.TreeDataPool.treeActiveName = "camera"
      this.TreeDataPool.fetchTreeData();
    } else {
      this.TreeDataPool.treeActiveName = "dataStack"
      this.DataStackPool.fetchFiles();
    }
    this.TreeDataPool.fetchTreeData().then(_ => {
      // todo
      // if (this.$route.path == '/Layout/Searching') {
      //   this.TreeDataPool.filterLocalVideoWell()
      // }
    });
  },
  methods: {
    isShow(authority) {
      if (this.isAdmin) {
        return true;
      } else if (this.buttonAuthority.indexOf("," + authority + ",") > -1) {
        return true;
      } else {
        return false;
      }
    },
    searchAreaData() {
      this.TreeDataPool.fetchTreeData();
    },
    searchDataStack() {
      debugger
      this.DataStackPool.fetchFiles();
    },
    lockSwitch() {
@@ -535,7 +513,7 @@
<style lang="scss">
.left-tree-box {
  float: left;
  width: 300px;
  width: 100%;
  .el-tabs--border-card {
    border: none;
    box-shadow: none;
@@ -545,6 +523,7 @@
    }
    .el-tabs__content {
      padding: 0;
      width: 100%;
    }
  }
  ul {
@@ -563,8 +542,8 @@
      .el-submenu__icon-arrow {
        font-size: 12px !important;
        padding-right: 2px !important;
        left: 270px !important;
        right: unset;
        right: 0;
        //right: unset;
      }
      i {
        padding-right: 10px !important;
@@ -574,7 +553,9 @@
    }
  }
  .navTopSelect {
    display: flex;
    text-align: left;
    .el-input__icon {
      line-height: 34px;
    }