From 28bd61701bb409257ea0dd3c78f32bd0b45ebbd5 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期一, 06 三月 2023 09:16:35 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.20.39:8989/r/LFWEB_NEW

---
 src/components/Screen/top.vue |   61 ++++++++++++++++++++++++------
 1 files changed, 48 insertions(+), 13 deletions(-)

diff --git a/src/components/Screen/top.vue b/src/components/Screen/top.vue
index 0c98efb..7647ac6 100644
--- a/src/components/Screen/top.vue
+++ b/src/components/Screen/top.vue
@@ -1,21 +1,25 @@
 <template>
   <div class="top">
     <div class="topleft">
-      <div
+      <!-- <div
         class="topleft1"
         :class="currView == 'chart' ? 'active' : ''"
         @click="OpenInitChart"
       >
         <img src="../../assets/img/Screen/bigST.png" />
         <span>澶у睆瑙嗗浘</span>
-      </div>
-      <div
+      </div> -->
+      <!-- <div
         class="topleft1"
         @click="OpenProjectree"
         :class="currView == 'tree' ? 'active' : ''"
       >
         <img src="../../assets/img/Screen/ptree.png" />
         <span>宸ョ▼椤圭洰</span>
+      </div> -->
+      <div class="topleft__curr">
+        <img src="../../assets/img/Screen/ptree.png" />
+        <span :title="currentProject">{{ currentProject }}</span>
       </div>
     </div>
     <div class="topCenter">
@@ -23,9 +27,14 @@
     </div>
     <div class="topRight">
       <div
-        class="topright1 toprightC"
-        @click="ReturnLast"
+        class="topright1"
+        :class="currView == 'chart' ? 'active' : ''"
+        @click="OpenInitChart"
       >
+        <img src="../../assets/img/Screen/bigST.png" />
+        <span>杩斿洖澶у睆</span>
+      </div>
+      <div class="topright1 toprightC" @click="ReturnLast">
         <img src="../../assets/img/Screen/return.png" />
         <span>杩斿洖涓婄骇</span>
       </div>
@@ -39,18 +48,21 @@
       tree: false,
       screen: false,
       currView: "chart",
+      currentProject: "澶у睆瑙嗗浘",
     }
   },
   mounted() {
-    this.$bus.$on('changeProject', name => {
-      if (name == '鍏ㄥ浗椤圭洰' || name == '鍏ㄧ悆椤圭洰') {
-        this.OpenProjectree()
-      }
+    this.$bus.$on("changeProject", name => {
+      // if (name == '鍏ㄥ浗椤圭洰' || name == '鍏ㄧ悆椤圭洰') {
+      //   this.OpenProjectree()
+      // }
+      this.currView = "tree"
+      this.currentProject = name
     })
   },
   methods: {
     ReturnLast() {
-      sessionStorage.setItem("changeSelectStyle", 1);
+      sessionStorage.setItem("changeSelectStyle", 1)
       this.$router.push("/Synthesis")
     },
 
@@ -60,6 +72,7 @@
       this.screen = true
       this.$parent.$refs.mapleft.OpenLeftInit()
       this.$parent.$refs.mapright.OpenLeftInit()
+      this.currentProject = "澶у睆瑙嗗浘"
     },
 
     //鎵撳紑宸ョ▼鏍�
@@ -68,7 +81,6 @@
       this.currView = "tree"
       this.$parent.$refs.mapleft.OpenLeftProjectTree()
       this.$parent.$refs.mapright.OpenLeftProjectTree()
-
     },
   },
 }
@@ -88,8 +100,24 @@
     display: flex;
     flex-direction: row;
     align-items: flex-end;
-    justify-content: space-around;
+    // justify-content: space-around;
     cursor: pointer;
+    .topleft__curr {
+      // overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      height: 36px;
+      border-radius: 4px;
+      background-image: url(../../assets/img/Screen/btnbg.png);
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+      display: flex;
+      align-items: center;
+      margin-left: 5%;
+      span {
+        padding-right: 10px;
+      }
+    }
     .topleft1 {
       width: 127px;
       height: 36px;
@@ -100,6 +128,7 @@
       background-size: 100% 100%;
       display: flex;
       align-items: center;
+      margin-left: 10%;
     }
     .active {
       background-image: url(../../assets/img/Screen/btnc.png);
@@ -143,13 +172,19 @@
     .topright1 {
       width: 131px;
       height: 40px;
-      background-image: url(../../assets/img/Screen/btnc.png);
+      background-image: url(../../assets/img/Screen/btnbg.png);
       background-repeat: no-repeat;
       background-size: 100% 100%;
       display: flex;
       align-items: center;
       margin-right: 10%;
+      &.active {
+        background-image: url(../../assets/img/Screen/btnc.png);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+      }
     }
+
     .toprightC {
       width: 131px;
       height: 40px;

--
Gitblit v1.9.3