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 | 63 ++++++++++++++++--------------- 1 files changed, 32 insertions(+), 31 deletions(-) diff --git a/src/views/Thematic/index.vue b/src/views/Thematic/index.vue index bb68212..eddd7a6 100644 --- a/src/views/Thematic/index.vue +++ b/src/views/Thematic/index.vue @@ -1,21 +1,20 @@ <template> <div class="themaic"> <mapsdk></mapsdk> - <top class="title" ref="title"></top> - <left - class="mapleft" - :style="{ width: leftWidth, left: leftWidth == '22%' ? '-19px' : '0' }" - ref="mapleft" - ></left> + <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> + <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> + <right class="mapright" + :style="{ width: rightWidth }" + ref="mapright"></right> + <bottom class="mapbottom" + ref="mapbottom"></bottom> </div> </template> @@ -28,8 +27,8 @@ import ProjectTree from "../../components/Screen/ProjectTree.vue" import axios from "axios" export default { - components: { mapsdk, top, left, right, bottom, ProjectTree }, - data() { + components: { mapsdk,top,left,right,bottom,ProjectTree }, + data () { return { leftWidth: "22%", rightWidth: "22%", @@ -38,26 +37,28 @@ ProjectreeDisplay: false, } }, - mounted() {}, - created() { - this.$bus.$on("changeTree", key => { - this.ProjectreeDisplay = key + mounted () { + + }, + created () { + this.$bus.$on("changeTree",key => { + this.ProjectreeDisplay=key }) }, methods: { //淇敼宸︿晶瀹藉害 - ChangeWidth(parm) { - if (parm == "left") { - if (this.leftWidth == "22%") { - this.leftWidth = "8px" + ChangeWidth (parm) { + if(parm=="left") { + if(this.leftWidth=="22%") { + this.leftWidth="8px" } else { - this.leftWidth = "22%" + this.leftWidth="22%" } } - if (parm == "leftView" || parm == "leftTree") { - this.leftWidth = "22%" - this.rightWidth = "22%" + if(parm=="leftView"||parm=="leftTree") { + this.leftWidth="22%" + this.rightWidth="22%" } // if (parm == "leftView") { // this.leftTree = false @@ -66,11 +67,11 @@ // 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%" } } }, -- Gitblit v1.9.3