feat: sort camera tree

zhangzengfei

2020-09-04 b23a2a35a14b010a3b97a1b61a02ec179dfab924

 src/components/LeftNav.vue

@@ -45,7 +45,7 @@
                  @click="searchAreaData"
                ></i>
              </el-input>
              <div class="tree-close">
              <!-- <div class="tree-close">
                <el-tooltip content="收起目录树" placement="bottom" popper-class="atooltip">
                  <i
                    class="el-icon-s-fold"
@@ -53,7 +53,7 @@
                    @click="closeTree"
                  ></i>
                </el-tooltip>
              </div>
              </div>-->
            </li>

            <!-- 添加区域图标 -->
@@ -148,7 +148,7 @@
          <div class="local-vedio-area">
            <!-- 搜索 -->
            <div class="search-input">
              <span style="display: inline-block;padding: 0px 3px;"></span>
              <!-- <span style="display: inline-block;padding: 0px 3px;"></span> -->
              <el-select
                v-model="DataStackPool.searchType"
                placeholder="请选择"
@@ -186,7 +186,7 @@
                  style="color: #3D68E1;line-height: 22px;font-size: 27px;"
                  @click="closeTree"
                ></i>
              </div> -->
              </div>-->
            </div>

            <!-- 本地视频源列表 -->
@@ -225,6 +225,7 @@
  updateStatus
} from "@/api/localVedio";

import bus from "@/plugin/bus"
import TreeMenu from "@/components/treeMenu/index";
import LocalVedioList from '@/components/subComponents/LocalVedioList';
import FileUpload from '@/components/subComponents/FileUpload/index';
@@ -385,16 +386,16 @@
    },
    closeTree() {
      this.TreeDataPool.showTreeBox = false;
      // bus.$emit('refreshCompareImg')
      bus.$emit('refreshCompareImg')
    },
    addNode(event) {
      this.$refs.tree.addNode(event, { id: 0 });
    },
    addCamera(node) {
      // bus.$emit("addCameraOnTree", node);
      bus.$emit("addCameraOnTree", node);
    },
    addDir(node) {
      // bus.$emit("addDirOnTree", node);
      bus.$emit("addDirOnTree", node);
    },
    menuOpen(index) {
      this.TreeDataPool.openeds[index] = true;
@@ -514,6 +515,10 @@
.left-tree-box {
  float: left;
  width: 100%;
  .el-tabs__nav-prev,
  .el-tabs__nav-next {
    display: none;
  }
  .el-tabs--border-card {
    border: none;
    box-shadow: none;
@@ -576,6 +581,10 @@
    font-size: 20px;
    padding: 0px 5px;
  }
  // .el-input__inner:focus {
  //     outline: none;
  //     border-color: #3D68E1;
  // }
  .el-menu {
    border-right: none;
  }