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/ai/index/App.vue                   |    2 +-
 public/index.html                            |    6 ++++++
 src/pages/cameraAccess/index/App.vue         |   11 +++++------
 src/pages/cameraAccess/index/VideoManage.vue |   29 +++++++++++++++++------------
 src/components/LeftNav.vue                   |    2 +-
 5 files changed, 30 insertions(+), 20 deletions(-)

diff --git a/public/index.html b/public/index.html
index d7fe62b..41e80bc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -433,6 +433,12 @@
       text-align: center;
       border: 0px solid transparent;
     }
+
+    ::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+      background-color: #f5f5f5;
+    }
   </style>
 
 </head>
diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue
index 575f5ad..bc714e8 100644
--- a/src/components/LeftNav.vue
+++ b/src/components/LeftNav.vue
@@ -238,7 +238,7 @@
                 size="small"
                 clearable
                 @input="querySearchAsync('dir')"
-                :style="'width:120px;'"
+                :style="'width:148px;'"
               >
                 <i
                   class="el-icon-search el-input__icon"
diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 08dae92..faed1b4 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -593,7 +593,7 @@
           this.isInstall = false;
           this.$message({
             type: 'success',
-            message: '瀹夎鎴愬姛,灏嗚烦杞嚦鎴戠殑绠楁硶涓煡鐪�'
+            message: '瀹夎鎴愬姛,灏嗚烦杞嚦"宸叉縺娲�"涓煡鐪�'
           });
           setTimeout(() => {
             this.getAllSdk();
diff --git a/src/pages/cameraAccess/index/App.vue b/src/pages/cameraAccess/index/App.vue
index 14f9cc8..ab129ce 100644
--- a/src/pages/cameraAccess/index/App.vue
+++ b/src/pages/cameraAccess/index/App.vue
@@ -25,17 +25,17 @@
     RightSide
   },
   computed: {
-    app() {
+    app () {
       return this.getUrlKey() !== null ? "DataStack" : "Camera"
     }
   },
-  data() {
+  data () {
     return {
       leftWith: 0,
       screenHeight: 0
     }
   },
-  mounted() {
+  mounted () {
     this.screenHeight = document.documentElement.clientHeight;
     window.onresize = () => {
       return (() => {
@@ -50,7 +50,7 @@
 
   },
   methods: {
-    getUrlKey() {
+    getUrlKey () {
       let name = "dataStack"
       return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null
     }
@@ -134,7 +134,7 @@
   }
   .resize-bar:hover ~ .resize-line::after,
   .resize-bar:active ~ .resize-line::after {
-    content: "";
+    content: '';
     position: absolute;
     width: 16px;
     height: 16px;
@@ -144,5 +144,4 @@
     background-size: 100% 100%;
   }
 }
-
 </style>
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