From c99cad106ef5be9f818e45d385dfdcec29ce19e5 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期四, 03 十二月 2020 16:52:24 +0800 Subject: [PATCH] 修复绘制多边形撤销错误的bug --- src/pages/cameraAccess/index/App.vue | 92 ++------------------------------------------- 1 files changed, 5 insertions(+), 87 deletions(-) diff --git a/src/pages/cameraAccess/index/App.vue b/src/pages/cameraAccess/index/App.vue index d7b7ab0..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,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