From e5cd37f56567a800c78eae86c11de98f5cdd8dec Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期日, 29 十一月 2020 21:38:04 +0800
Subject: [PATCH] 调整左侧目录树及滚动条的宽度

---
 src/pages/cameraAccess/index/VideoManage.vue |   29 +++++++++++++++++------------
 1 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/pages/cameraAccess/index/VideoManage.vue b/src/pages/cameraAccess/index/VideoManage.vue
index 58bb47f..c5b7296 100644
--- a/src/pages/cameraAccess/index/VideoManage.vue
+++ b/src/pages/cameraAccess/index/VideoManage.vue
@@ -65,7 +65,7 @@
     DataStackInfo,
     SeparateRules,
     LinkageRule  },
-  data() {
+  data () {
     return {
       activeName: "camera-info",
       buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
@@ -73,7 +73,7 @@
     };
   },
   computed: {
-    isAdmin() {
+    isAdmin () {
       if (
         sessionStorage.getItem("userInfo") &&
         sessionStorage.getItem("userInfo") !== ""
@@ -84,7 +84,7 @@
 
       return false;
     },
-    firstLabeName() {
+    firstLabeName () {
       return this.TreeDataPool.treeActiveName === "camera" ? "鎽勫儚鏈轰俊鎭�" : "鏁版嵁鏍堜俊鎭�"
     }
   },
@@ -106,7 +106,7 @@
       }
     },
     "TreeDataPool.selectedNodes": {
-      handler(nodes) {
+      handler (nodes) {
         if (this.activeName == "linkage-rule") {
           this.$refs.linkRule.initCameraData();
         }
@@ -114,7 +114,7 @@
       deep: true
     },
     "DataStackPool.selectedDir": {
-      handler(node, oldNode) {
+      handler (node, oldNode) {
         if (this.TreeDataPool.treeActiveName !== 'dataStack') {
           return
         }
@@ -130,7 +130,7 @@
     },
 
   },
-  created() {
+  created () {
     if (this.TreeDataPool.treeActiveName == 'camera') {
       if (this.isShow('cameraAccess:cameraInfo')) {
         this.activeName = "camera-info"
@@ -154,11 +154,11 @@
     this.selectedNodes = [];
     this.VideoManageData.init();
   },
-  beforeDestroy() {
+  beforeDestroy () {
     clearInterval(this.intervalTimer);
     //this.TreeDataPool.treeActiveName = "camera";
   },
-  mounted() {
+  mounted () {
     this.$nextTick(() => {
       bus.$on("addCameraOnTree", node => {
         this.handAddDevice(node);
@@ -176,24 +176,24 @@
     }, 10000)
   },
   methods: {
-    isShow(authority) {
+    isShow (authority) {
       return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
     },
-    handAddDevice(node) {
+    handAddDevice (node) {
       let _this = this;
       setTimeout(() => {
         _this.$refs.cameraInfo.addDevice(node);
         _this.activeName = "camera-info";
       }, 100);
     },
-    handAddDIr(node) {
+    handAddDIr (node) {
       let _this = this;
       setTimeout(() => {
         _this.$refs.dataStackInfo.addDir(node);
         _this.activeName = "camera-info";
       }, 100);
     },
-    handleClick(tab, event) {
+    handleClick (tab, event) {
       this.TreeDataPool.multiple = tab.name === "linkage-rule";
       if (tab.name === "camera-info") {
         if (this.TreeDataPool.treeActiveName == 'camera') {
@@ -286,6 +286,11 @@
     overflow-y: auto;
     padding: 0;
   }
+  .video-tab > .el-tabs__content::-webkit-scrollbar {
+    /*婊氬姩鏉℃暣浣撴牱寮�*/
+    width: 6px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+    height: 6px;
+  }
   .el-tab-pane {
     width: 100%;
     //height: 100%;

--
Gitblit v1.8.0