From ecb6cadc3f016cf9968f48e0cc77479a1e56365b Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期日, 20 十二月 2020 17:32:06 +0800
Subject: [PATCH] 标定添加关联摄像机tab,绘制区域组件参数更新

---
 src/pages/cameraAccess/index/App.vue |   96 +++--------------------------------------------
 1 files changed, 7 insertions(+), 89 deletions(-)

diff --git a/src/pages/cameraAccess/index/App.vue b/src/pages/cameraAccess/index/App.vue
index d7b7ab0..e843f32 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
     }
@@ -61,7 +61,7 @@
 <style lang="scss" scoped>
 .column {
   overflow: hidden;
-  min-width: 1399px;
+  //min-width: 1399px;
   //min-width: 1920px;
   height: 100%;
 }
@@ -98,7 +98,7 @@
   overflow-y: hidden;
 }
 .resize-bar {
-  width: 310px;
+  width: 338px;
   height: inherit;
   resize: horizontal;
   cursor: ew-resize;
@@ -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,86 +144,4 @@
     background-size: 100% 100%;
   }
 }
-// .column {
-//   overflow-y: hidden;
-//   display: flex;
-//   width: 100%;
-//   height: 100%;
-// }
-// .column-left {
-//   height: 100%;
-//   padding-bottom: 20px;
-//   box-sizing: border-box;
-//   // height: inherit;
-//   background-color: #fff;
-//   position: relative;
-//   //float: left;
-// }
-// .column-right {
-//   position: relative;
-//   flex: 1;
-//   background-color: #fff;
-//   box-sizing: border-box;
-//   overflow-y: hidden;
-//   height: 100%;
-//   min-width: 1602px;
-// }
-// .resize-save {
-//   position: absolute;
-//   top: 0;
-//   right: 5px;
-//   bottom: 0;
-//   left: 0;
-//   padding: 14px;
-//   overflow-x: hidden;
-//   overflow-y: hidden;
-// }
-// .resize-bar {
-//   width: 310px;
-//   height: inherit;
-//   resize: horizontal;
-//   cursor: ew-resize;
-//   opacity: 0;
-//   overflow: scroll;
-//   max-width: 500px; //璁惧畾鏈�澶ф媺浼搁暱搴�
-//   min-width: 33px; //璁惧畾鏈�灏忓搴�
-// }
-// /* 鎷栨嫿绾� */
-// .resize-line {
-//   position: absolute;
-//   right: 0;
-//   top: 0;
-//   bottom: 0;
-//   border-right: 2px solid #efefef;
-//   border-left: 1px solid #e0e0e0;
-//   pointer-events: none;
-//   //cursor: ew-resize;
-// }
-// .resize-bar:hover ~ .resize-line,
-// .resize-bar:active ~ .resize-line {
-//   border-left: 1px dashed skyblue;
-// }
-// .resize-bar::-webkit-scrollbar {
-//   width: 200px;
-//   height: inherit;
-// }
-
-// /* Firefox鍙湁涓嬮潰涓�灏忓潡鍖哄煙鍙互鎷変几 */
-// @supports (-moz-user-select: none) {
-//   .resize-bar:hover ~ .resize-line,
-//   .resize-bar:active ~ .resize-line {
-//     border-left: 1px solid #bbb;
-//   }
-//   .resize-bar:hover ~ .resize-line::after,
-//   .resize-bar:active ~ .resize-line::after {
-//     content: "";
-//     position: absolute;
-//     width: 16px;
-//     height: 16px;
-//     bottom: 0;
-//     right: -8px;
-//     // background: url(./resize.svg);
-//     background-size: 100% 100%;
-//   }
-// }
 </style>

--
Gitblit v1.8.0