From 33c7a82f84a2e44a787744168c3ffc3e904b5448 Mon Sep 17 00:00:00 2001
From: Xu Zhimeng <xuzhimeng@qq.com>
Date: Mon, 26 Jun 2023 15:59:03 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96Station=20Operation?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E5=88=97=E8=A1=A8=E9=A1=B5=EF=BC=8C=E6=94=B6?=
 =?UTF-8?q?=E8=B5=B7/=E5=B1=95=E5=BC=80=E6=94=BE=E5=88=B0=E5=8F=B3?=
 =?UTF-8?q?=E4=B8=8A=E8=A7=92=EF=BC=8Ccollapse=E5=A4=B4=E9=83=A8=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E5=A2=9E=E5=8A=A0=E5=B1=95=E5=BC=80=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/stationOperation/index.vue | 31 +++++++++++++++++++++-------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/views/stationOperation/index.vue b/src/views/stationOperation/index.vue
index ae5e209..5a42a88 100644
--- a/src/views/stationOperation/index.vue
+++ b/src/views/stationOperation/index.vue
@@ -4,7 +4,7 @@
     <div :class="'data-container' + (!leftPaneShow ? ' hide' : '')">
       <a-collapse v-model="activeKey" expandIconPosition="right" accordion>
         <template slot="expandIcon">
-          <img src="@/assets/images/station-operation/toggle.png" alt="" @click.stop="leftPaneShow = false" />
+          <img src="@/assets/images/station-operation/toggle.png" alt="" />
         </template>
         <!-- All Data -->
         <a-collapse-panel key="1">
@@ -132,8 +132,9 @@
       </a-collapse>
 
       <!-- 展开左侧配置栏按钮开始 -->
-      <div class="toggle-show-btn" v-if="!leftPaneShow">
-        <img src="@/assets/images/station-operation/toggle-2.png" @click="leftPaneShow = true" />
+      <div class="toggle-show-btn" @click="leftPaneShow = !leftPaneShow">
+        <a-icon v-if="leftPaneShow" type="menu-fold" />
+        <a-icon v-else type="menu-unfold" />
       </div>
       <!-- 展开左侧配置栏按钮结束 -->
     </div>
@@ -275,6 +276,7 @@ export default {
 
     // 显示搜索栏
     handleShowSearch() {
+      this.activeKey = 1
       if (this.filterVisible) {
         this.searchVisible = true
         this.filterVisible = false
@@ -289,6 +291,7 @@ export default {
 
     // 显示筛选栏
     handleShowFilter() {
+      this.activeKey = 1
       if (this.searchVisible) {
         this.searchVisible = false
         this.filterVisible = true
@@ -402,15 +405,22 @@ export default {
 
     .toggle-show-btn {
       position: absolute;
-      right: -20px;
-      top: 50%;
-      transform: translateY(-50%);
+      right: -40px;
+      top: 10px;
       cursor: pointer;
+      font-size: 20px;
+      width: 30px;
+      height: 30px;
+      line-height: 30px;
+      text-align: center;
+      color: #00E9FE;
+      background-color: #021a1d;
     }
 
     ::v-deep {
       .ant-collapse {
         height: 100%;
+        padding-top: 10px;
         padding-bottom: 11px;
 
         @titleHeight: 45px;
@@ -418,6 +428,12 @@ export default {
           max-height: calc(100% - @titleHeight);
           display: flex;
           flex-direction: column;
+
+          &-active {
+            .ant-collapse-arrow {
+              transform: translateY(-50%) rotate(-90deg)
+            }
+          }
         }
 
         &-header {
@@ -426,11 +442,11 @@ export default {
           border-bottom: 4px solid rgba(12, 235, 201, 0.2);
           height: auto;
           background-color: rgba(1, 18, 20, 0.6);
+          padding-right: 25px;
 
           .ant-collapse-arrow {
             right: 9px;
             transition: transform 0.24s;
-            transform-origin: 5px 11px;
           }
         }
 
@@ -581,6 +597,7 @@ export default {
         height: 50px;
         background: linear-gradient(to top, #021c21 0, transparent 100%);
         transition: opacity 0.24s linear;
+        pointer-events: none;
       }
       &.scroll-end {
         .shadow {