From b23a2a35a14b010a3b97a1b61a02ec179dfab924 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期五, 04 九月 2020 17:25:14 +0800
Subject: [PATCH] feat: sort camera tree
---
src/components/LeftNav.vue | 61 +++++++++++++++++-------------
1 files changed, 35 insertions(+), 26 deletions(-)
diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue
index e3ef85e..cf99eea 100644
--- a/src/components/LeftNav.vue
+++ b/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="璇烽�夋嫨"
@@ -180,13 +180,13 @@
></i>
</el-input>
<!-- 闅愯棌鏍戞寜閽� -->
- <div class="dev-tree-close">
+ <!-- <div class="dev-tree-close">
<i
class="el-icon-s-fold"
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';
@@ -337,24 +338,24 @@
loadingGBTree: false
};
},
- watch: {
- $route(to, from) {
- switch (to.name) {
- case "Searching":
- this.cameraAuth = "videoSearch:camera"
- this.dataStack = "videoSearch:dataStack"
- break
- case "VideoManage":
- this.cameraAuth = "VIDEOCAMERA:camera"
- this.dataStack = "VIDEOCAMERA:dataStack"
- break
- default:
- this.cameraAuth = "videoMonitor:camera"
- this.dataStack = "videoMonitor:dataStack"
- }
- // console.log("璺敱鍙樺寲锛�", to, from)
- }
- },
+ // watch: {
+ // $route(to, from) {
+ // switch (to.name) {
+ // case "Searching":
+ // this.cameraAuth = "videoSearch:camera"
+ // this.dataStack = "videoSearch:dataStack"
+ // break
+ // case "VideoManage":
+ // this.cameraAuth = "VIDEOCAMERA:camera"
+ // this.dataStack = "VIDEOCAMERA:dataStack"
+ // break
+ // default:
+ // this.cameraAuth = "videoMonitor:camera"
+ // this.dataStack = "videoMonitor:dataStack"
+ // }
+ // // console.log("璺敱鍙樺寲锛�", to, from)
+ // }
+ // },
created() {
if (this.showCam) {
this.TreeDataPool.treeActiveName = "camera"
@@ -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;
}
--
Gitblit v1.8.0