From 234409bb4a612c5b69b78b1e844492f0a7122521 Mon Sep 17 00:00:00 2001
From: TreeWish <1131093754@qq.com>
Date: 星期二, 28 二月 2023 19:15:32 +0800
Subject: [PATCH] 工程&管线接口对接
---
src/components/Screen/top.vue | 57 ++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 46 insertions(+), 11 deletions(-)
diff --git a/src/components/Screen/top.vue b/src/components/Screen/top.vue
index 8279555..7647ac6 100644
--- a/src/components/Screen/top.vue
+++ b/src/components/Screen/top.vue
@@ -1,14 +1,14 @@
<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
class="topleft1"
@click="OpenProjectree"
@@ -17,15 +17,24 @@
<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">
<div>绠＄綉涓�寮犲浘</div>
</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 = "澶у睆瑙嗗浘"
},
//鎵撳紑宸ョ▼鏍�
@@ -89,6 +102,22 @@
align-items: flex-end;
// 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;
@@ -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