From 48bc783755220869fad18206b5a6ea199e5b1a4f Mon Sep 17 00:00:00 2001
From: joylink_cuiweidong <364937672@qq.com>
Date: Sat, 10 Oct 2020 13:17:16 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A6=8F=E5=B7=9E=E7=BA=BF=20iscs=20=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E4=BB=A3=E7=A0=81=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iscs/iscsSystem/stationNav.vue | 109 +++++++++++++++++++++--
 1 file changed, 100 insertions(+), 9 deletions(-)

diff --git a/src/views/iscs/iscsSystem/stationNav.vue b/src/views/iscs/iscsSystem/stationNav.vue
index 237add721..3f7d08188 100644
--- a/src/views/iscs/iscsSystem/stationNav.vue
+++ b/src/views/iscs/iscsSystem/stationNav.vue
@@ -8,7 +8,7 @@
             <div class="station-box">
               <div class="leftRect" />
               <div class="rightRect" />
-              <div class="nav-list-box station-list-box" :class="{'active': selectStation == item.id}" @click="changeStation(item,index)" />
+              <div class="station-list-box" :class="{'active': selectStation == item.id}" @click="changeStation(item.id)" />
             </div>
             <div class="station-name" :class="index==0?'station-name-first':index%2==1?'station-name-up':'station-name-down'">{{ item.name }}</div>
           </div>
@@ -16,13 +16,27 @@
         <div class="rightButtonGroup">
           <div class="rightButtonGroupL">
             <div class="controlCenter">
-              <div class="nav-list-box station-list-box" :class="{'active': selectStation == 'controlCenter'}" @click="changeStation(item,index)" />
+              <div class="station-list-button" :class="{'active': selectStation == 'controlCenter'}" @click="changeStation('controlCenter')" />
             </div>
-            <div class="stationDepot">{{ '' }}</div>
-            <div class="parkingLot">{{ '' }}</div>
+            <div class="stationDepot">
+              <div class="station-list-button" :class="{'active': selectStation == 'stationDepot'}" @click="changeStation('stationDepot')" />
+            </div>
+            <div class="parkingLot">
+              <div class="station-list-button" :class="{'active': selectStation == 'parkingLot'}" @click="changeStation('parkingLot')" />
+            </div>
+            <div class="controlCenterName">控制中心</div>
+            <div class="parkingLotName">停车场</div>
+            <div class="stationDepotName">车辆段</div>
           </div>
           <div class="rightButtonGroupR">
-            {{ '' }}
+            <div class="mainHouseOne">
+              <div class="station-list-button" :class="{'active': selectStation == 'mainHouseOne'}" @click="changeStation('mainHouseOne')" />
+            </div>
+            <div class="mainHouseTwo">
+              <div class="station-list-button" :class="{'active': selectStation == 'mainHouseTwo'}" @click="changeStation('mainHouseTwo')" />
+            </div>
+            <div class="mainHouseOneName">黄山主所</div>
+            <div class="mainHouseTwoName">茶亭主所</div>
           </div>
         </div>
       </div>
@@ -65,7 +79,7 @@ export default {
     name:'StationNav',
     data() {
         return {
-            selectStation: 'controlCenter',
+            selectStation: 'mainHouseOne',
             stationList:[],
             group:'',
             lineCode:'',
@@ -256,6 +270,9 @@ export default {
                     }
                 }
             });
+            if (this.$route.query.stationId) {
+                this.selectStation = this.$route.query.stationId;
+            }
         },
         async subscribe() {
             this.clearSubscribe();
@@ -281,8 +298,8 @@ export default {
             button.active = false;
             this.selectChildren(child.id, false);
         },
-        changeStation(item, index) {
-            this.selectStation = item.id;
+        changeStation(item) {
+            this.selectStation = item;
             this.selectChildren(this.$route.params.mode, false);
         },
         selectChildren(type, isReplace = false) { // 选择菜单
@@ -355,7 +372,7 @@ export default {
     top: -10%;
     border-radius: 130%;
 }
-.station-list-box.active{
+.station-list-box.active,.station-list-button.active{
     background:#cdcd37;
 }
 .station-name{
@@ -517,4 +534,78 @@ background:rgba(231,237,253,0.9);
     width: 17vw;
     height: 100%;
 }
+.rightButtonGroupL{
+    width: 10vw;
+    height: 100%;
+    display: inline-block;
+    float: left;
+    position: relative;
+    border-left: 1px #000 solid;
+    border-right: 1px #000 solid;
+}
+.rightButtonGroupR{
+    width: 7vw;
+    height: 100%;
+    display: inline-block;
+    position: relative;
+}
+.controlCenter,.stationDepot,.parkingLot{
+    display: inline-block;
+    position: relative;
+    width: 31%;
+    height: 100%;
+    vertical-align: top;
+    float: left;
+}
+.controlCenterName{
+    font-size: 12px;
+    position: absolute;
+    top: 5px;
+    left: 0.3vw;
+}
+.stationDepotName{
+    font-size: 12px;
+    position: absolute;
+    top: 45px;
+    left: 38%;
+}
+.parkingLotName{
+    font-size: 12px;
+    position: absolute;
+    top: 5px;
+    right: 11%;
+}
+.station-list-button{
+    width: 1vw;
+    height: 1vw;
+    border-radius: 1vw;
+    background: #ccc;
+    position: absolute;
+    border-left: 1px #fdfdfd solid;
+    border-right: 1px #262626 solid;
+    left: 50%;
+    top: 21px;
+    transform: translateX(-47%);
+    cursor: pointer;
+}
+.mainHouseOne,.mainHouseTwo{
+    display: inline-block;
+    position: relative;
+    width: 49%;
+    height: 100%;
+    vertical-align: top;
+    float: left;
+}
+.mainHouseOneName{
+    font-size: 12px;
+    position: absolute;
+    top: 5px;
+    left: 0.3vw;
+}
+.mainHouseTwoName{
+    font-size: 12px;
+    position: absolute;
+    top: 45px;
+    right: 8%;
+}
 </style>