From e897fc3d35f8e5dfa56d5f0c80a655ccf99202cf Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期四, 09 五月 2024 11:06:43 +0800
Subject: [PATCH] 代码更新
---
src/views/Thematic/index.vue | 91 +++++++++++++++++++++++++++------------------
1 files changed, 54 insertions(+), 37 deletions(-)
diff --git a/src/views/Thematic/index.vue b/src/views/Thematic/index.vue
index 16d74df..eddd7a6 100644
--- a/src/views/Thematic/index.vue
+++ b/src/views/Thematic/index.vue
@@ -1,18 +1,20 @@
<template>
<div class="themaic">
<mapsdk></mapsdk>
- <top class="title" ref="title"></top>
- <left
- class="mapleft"
- :style="{ width: leftWidth, left: leftTree && leftWidth == '20%' ? '-14px' : '0' }"
- ref="mapleft"
- ></left>
- <right
- class="mapright"
- :style="{ width: rightWidth }"
- ref="mapright"
- ></right>
- <bottom class="mapbottom" ref="mapbottom"></bottom>
+ <top class="title"
+ ref="title"></top>
+ <left class="mapleft"
+ :style="{ width: leftWidth, left: leftWidth == '22%' ? '-19px' : '0' }"
+ ref="mapleft"></left>
+
+ <project-tree class="project-tree"
+ v-show="ProjectreeDisplay"></project-tree>
+
+ <right class="mapright"
+ :style="{ width: rightWidth }"
+ ref="mapright"></right>
+ <bottom class="mapbottom"
+ ref="mapbottom"></bottom>
</div>
</template>
@@ -22,47 +24,54 @@
import left from "@/components/Screen/left.vue"
import right from "../../components/Screen/right.vue"
import bottom from "../../components/Screen/bottom.vue"
-
+import ProjectTree from "../../components/Screen/ProjectTree.vue"
import axios from "axios"
export default {
- components: { mapsdk, top, left, right, bottom },
- data() {
+ components: { mapsdk,top,left,right,bottom,ProjectTree },
+ data () {
return {
- leftWidth: "20%",
+ leftWidth: "22%",
rightWidth: "22%",
leftTree: false,
- currTree: false
+ currTree: false,
+ ProjectreeDisplay: false,
}
},
- mounted() {},
- created() {},
+ mounted () {
+
+ },
+ created () {
+ this.$bus.$on("changeTree",key => {
+ this.ProjectreeDisplay=key
+ })
+ },
methods: {
//淇敼宸︿晶瀹藉害
- ChangeWidth(parm) {
- if (parm == "left") {
- if (this.leftWidth == "20%") {
- this.leftWidth = "8px"
+ ChangeWidth (parm) {
+ if(parm=="left") {
+ if(this.leftWidth=="22%") {
+ this.leftWidth="8px"
} else {
- this.leftWidth = "20%"
+ this.leftWidth="22%"
}
}
- if (parm == "leftView" || parm == "leftTree") {
- this.leftWidth = "20%"
- this.rightWidth = "22%"
+ if(parm=="leftView"||parm=="leftTree") {
+ this.leftWidth="22%"
+ this.rightWidth="22%"
}
- if (parm == "leftView") {
- this.leftTree = false
- }
- if (parm == "leftTree") {
- this.leftTree = true
- }
+ // if (parm == "leftView") {
+ // this.leftTree = false
+ // }
+ // if (parm == "leftTree") {
+ // this.leftTree = true
+ // }
- if (parm == "right") {
- if (this.rightWidth == "22%") {
- this.rightWidth = "45px"
+ if(parm=="right") {
+ if(this.rightWidth=="22%") {
+ this.rightWidth="45px"
} else {
- this.rightWidth = "22%"
+ this.rightWidth="22%"
}
}
},
@@ -113,6 +122,14 @@
width: 100%;
z-index: 999;
}
+.project-tree {
+ position: absolute;
+ top: 90px;
+ right: 22%;
+ width: 15%;
+ height: calc(100% - 180px);
+ z-index: 999;
+}
</style>
<style lang="less">
--
Gitblit v1.9.3