From 68fe1629ea048cf3b806b700f9934f990aa4bfdf Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 17 九月 2020 16:52:45 +0800
Subject: [PATCH] 可视化摄像机树排序,取消图标隐藏
---
src/pages/visual/index/App.vue | 43 +++++++++++++++++++++++++++++++------------
1 files changed, 31 insertions(+), 12 deletions(-)
diff --git a/src/pages/visual/index/App.vue b/src/pages/visual/index/App.vue
index fe5c20e..2b9fb70 100644
--- a/src/pages/visual/index/App.vue
+++ b/src/pages/visual/index/App.vue
@@ -13,7 +13,7 @@
</div>
</div>
- <home></home>
+ <home :class="{'hasLeftTree':TreeDataPool.showTreeBox}"></home>
</div>
</div>
</template>
@@ -21,29 +21,22 @@
<script>
import LeftNav from "../components/LeftNav.vue";
import TopNav from "../components/TopNav.vue";
-import Home from "./home"
+import Home from "./home";
export default {
mounted() {
this.screenHeight = document.documentElement.clientHeight - 90;
this.getCenter();
- this.TreeDataPool.showTreeBox = false
+ this.TreeDataPool.showTreeBox = false;
this.screenHeight = document.documentElement.clientHeight - 90;
+ document.title = "SmartAI";
},
components: {
LeftNav,
TopNav,
Home
},
- computed: {
- classRouterView() {
- return {
- float: "left",
- height: "100%",
- width: this.TreeDataPool.showTreeBox ? "100%" : "calc(100% - 350px)"
- };
- }
- },
+
data() {
return {
screenHeight: 0,
@@ -74,6 +67,32 @@
min-width: 1350px;
overflow: auto;
}
+.tree-menu {
+ max-width: 270px !important;
+}
+.box-card .s-card-right-double{
+ background-color: transparent;
+}
+.box-card .s-card-right-signal{
+ background-color: transparent;
+}
+.left-tree-box .el-menu-vertical-demo:hover {
+ overflow-y: visible;
+ overflow-x: hidden;
+}
+.el-menu-vertical-demo::-webkit-scrollbar{
+ background-color: transparent!important;
+}
+.el-menu-vertical-demo::-webkit-scrollbar-thumb {
+ background-color: transparent !important;
+}
+.el-menu-vertical-demo::-webkit-scrollbar-track {
+ background-color: transparent !important;
+}
+.hasLeftTree {
+ float: left;
+ width: calc(100% - 315px);
+}
.router-view-box {
width: 100%;
height: 100%;
--
Gitblit v1.8.0