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 | 112 ++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 85 insertions(+), 27 deletions(-)
diff --git a/src/views/Thematic/index.vue b/src/views/Thematic/index.vue
index 98cb5a5..eddd7a6 100644
--- a/src/views/Thematic/index.vue
+++ b/src/views/Thematic/index.vue
@@ -1,51 +1,77 @@
<template>
<div class="themaic">
<mapsdk></mapsdk>
- <top class="title" ref="title"></top>
- <left class="mapleft" :style="{ width: leftWidth }" ref="mapleft"></left>
- <right class="mapright" :style="{ width: rightWidth }" ref="mapright"></right>
- <bottom class="mapbottom" ref="mapbottom"></bottom>
-</div>
+ <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>
<script>
-
import mapsdk from "@/components/Screen/mapsdk.vue"
import top from "../../components/Screen/top.vue"
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%",
- rightWidth: "20%",
+ leftWidth: "22%",
+ rightWidth: "22%",
+ leftTree: 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 = "36px"
+ 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%" }
+ }
+ 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 == "right") {
- if (this.rightWidth == "20%") {
- this.rightWidth = "36px"
+ if(parm=="right") {
+ if(this.rightWidth=="22%") {
+ this.rightWidth="45px"
} else {
- this.rightWidth = "20%"
+ this.rightWidth="22%"
}
}
},
@@ -82,7 +108,7 @@
.mapright {
position: absolute;
top: 90px;
- right: 0px;
+ right: -20px;
// width: 20%;
height: calc(100% - 180px);
z-index: 999;
@@ -95,4 +121,36 @@
height: 90px;
width: 100%;
z-index: 999;
-}</style>
+}
+.project-tree {
+ position: absolute;
+ top: 90px;
+ right: 22%;
+ width: 15%;
+ height: calc(100% - 180px);
+ z-index: 999;
+}
+</style>
+
+<style lang="less">
+.themaic {
+ .aside-title {
+ box-sizing: border-box;
+ padding-left: 30px;
+ // height: 27px;
+ // line-height: 27px;
+ // background: linear-gradient(0deg, #9cd2ff 0%, #ffffff 100%);
+ font-size: 15px;
+ font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular;
+ // -webkit-background-clip: text;
+ color: #fff;
+ width: 100%;
+
+ height: 30px;
+ line-height: 30px;
+ background: url(~@/assets/img/Screen/asideTitleBg.png);
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ }
+}
+</style>
--
Gitblit v1.9.3