From 234409bb4a612c5b69b78b1e844492f0a7122521 Mon Sep 17 00:00:00 2001
From: TreeWish <1131093754@qq.com>
Date: 星期二, 28 二月 2023 19:15:32 +0800
Subject: [PATCH] 工程&管线接口对接
---
src/views/Thematic/index.vue | 24 ++++++++++++++++++++----
1 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/src/views/Thematic/index.vue b/src/views/Thematic/index.vue
index 175b16d..21bba06 100644
--- a/src/views/Thematic/index.vue
+++ b/src/views/Thematic/index.vue
@@ -7,6 +7,9 @@
:style="{ width: leftWidth, left: leftWidth == '22%' ? '-19px' : '0' }"
ref="mapleft"
></left>
+
+ <project-tree class="project-tree" v-if="ProjectreeDisplay"></project-tree>
+
<right
class="mapright"
:style="{ width: rightWidth }"
@@ -22,20 +25,25 @@
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 },
+ components: { mapsdk, top, left, right, bottom, ProjectTree },
data() {
return {
leftWidth: "22%",
rightWidth: "22%",
leftTree: false,
- currTree: false
+ currTree: false,
+ ProjectreeDisplay: false,
}
},
mounted() {},
- created() {},
+ created() {
+ this.$bus.$on("changeTree", key => {
+ this.ProjectreeDisplay = key
+ })
+ },
methods: {
//淇敼宸︿晶瀹藉害
ChangeWidth(parm) {
@@ -113,6 +121,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