From 6a5962fe9544005dba620b00fb36c25fe2da4e76 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期二, 16 十一月 2021 15:24:46 +0800 Subject: [PATCH] 后端没修改的情况下添加默认背景图 --- src/pages/cameraAccess/index/App.vue | 43 ++++++++++++++++++++++--------------------- 1 files changed, 22 insertions(+), 21 deletions(-) diff --git a/src/pages/cameraAccess/index/App.vue b/src/pages/cameraAccess/index/App.vue index 5c6ab1e..465fabb 100644 --- a/src/pages/cameraAccess/index/App.vue +++ b/src/pages/cameraAccess/index/App.vue @@ -4,7 +4,7 @@ <div class="resize-bar"></div> <div class="resize-line"></div> <div class="resize-save"> - <left-nav :appName="app" :height="screenHeight"></left-nav> + <left-nav :appName="app" :height="screenHeight" ref="leftTree"></left-nav> </div> </div> <div class="column-right"> @@ -17,6 +17,7 @@ import LeftNav from "@/components/LeftNav"; // import CameraVideo from "./components/Video.vue"; import RightSide from "./VideoManage" +import { getUrlKey } from "@/api/utils"; export default { name: "VideoManage", @@ -26,7 +27,7 @@ }, computed: { app() { - return this.getUrlKey() !== null ? "DataStack" : "Camera" + return getUrlKey("dataStack") !== null ? "DataStack" : "Camera" } }, data() { @@ -47,40 +48,40 @@ this.TreeDataPool.readonly = false; this.TreeDataPool.gbReadonly = false; this.DataStackPool.readonly = false; - }, methods: { - getUrlKey() { - let name = "dataStack" - return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null - } + } }; </script> <style lang="scss" scoped> .column { - overflow-y: hidden; - display: flex; - width: 100%; + overflow: hidden; + //min-width: 1399px; + //min-width: 1920px; height: 100%; } .column-left { - height: 100%; - padding-bottom: 20px; - box-sizing: border-box; - // height: inherit; background-color: #fff; position: relative; + float: left; + height: 100vh; } .column-right { - position: relative; - flex: 1; - background-color: #fff; + height: 100vh; + background-color: #eee; box-sizing: border-box; + //overflow: hidden; overflow-y: hidden; + overflow-x: auto; +} +.heigher-index { + position: absolute; + top: 0; + z-index: 10; + width: 100%; height: 100%; - min-width: 1433px; } .resize-save { position: absolute; @@ -88,12 +89,13 @@ right: 5px; bottom: 0; left: 0; - padding: 14px; + padding: 16px; + padding-top: 8px; overflow-x: hidden; overflow-y: hidden; } .resize-bar { - width: 310px; + width: 338px; height: inherit; resize: horizontal; cursor: ew-resize; @@ -111,7 +113,6 @@ 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 { -- Gitblit v1.8.0