From 1ccf2c12db42b3f3b05d929e3e357c34bf2a4a4c Mon Sep 17 00:00:00 2001
From: orgin <feixingyuanup@gmail.com>
Date: Mon, 12 Jun 2023 15:35:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9a-sub-menu=E7=9A=84icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/statistics/RouteView.vue | 45 ++++++++++++++++++++++++------
 1 file changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/views/statistics/RouteView.vue b/src/views/statistics/RouteView.vue
index 3e2e11b..1b04ad8 100644
--- a/src/views/statistics/RouteView.vue
+++ b/src/views/statistics/RouteView.vue
@@ -43,7 +43,6 @@ const SubMenu = {
           <span slot="title" >
             <span>{{ menuInfo.meta.title }}</span>
             <div class="line"></div>
-            <img src="@/assets/images/global/delete.png" alt="" />
           </span>
           <template v-for="item in menuInfo.children">
             <a-menu-item v-if="!item.children" :key="item.path" class="sub-menu-children">
@@ -113,6 +112,9 @@ export default {
   methods: {
     // 点击菜单，路由跳转,注意的是当点击MenuItem才会触发此函数
     menuClick({ item, key, keyPath }) {
+      // var parentPath = item._props.parentMenu._props.eventKey;
+      // var parentTitle = parentPath.substring(parentPath.lastIndexOf("/") + 1, parentPath.length)
+      // var par = {"type": "q"}
       // 获取到当前的key,并且跳转
       this.$router.push({
         path: key,
@@ -128,7 +130,7 @@ export default {
         } else {
           // 选中
           this.defaultSelectedKeys.push(f.path)
-          return true;
+          return true
         }
       })
     },
@@ -196,7 +198,7 @@ export default {
     font-weight: bold;
     font-stretch: normal;
     line-height: 43px;
-    letter-spacing: 2px;
+    // letter-spacing: 2px;
     color: #ade6ee;
   }
   .line {
@@ -211,7 +213,7 @@ export default {
 ::v-deep .ant-menu-inline > .ant-menu-submenu[menuindex] > .ant-menu-submenu-title {
   border-bottom: 1px solid #0cecca66;
   color: #ffffff !important;
-  height: 50px;
+  height: 47px;
   .line {
     width: 96%;
     height: 5px;
@@ -230,16 +232,43 @@ export default {
     content: '';
     display: block;
     height: 100%;
-    width: 10px;
+    width: 5px;
     position: absolute;
     top: 2px;
     right: 0;
     background-color: #0cebc9;
   }
 }
-::v-deep .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
-  background-color: #075259 !important;
-  color: #0cecca;
+::v-deep {
+  //菜单打开状态/\箭头左\
+  .ant-menu-submenu-open.ant-menu-submenu[menuindex] > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
+    width: 0px;
+    transform: rotate(45deg) translateX(4.5px);
+  }
+  //菜单打开状态/\箭头右\
+  .ant-menu-submenu-open.ant-menu-submenu[menuindex] > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
+    content: url(~@/assets/images/station-operation/toggle.png);
+    width: 0px;
+    transform: rotate(-90deg) translateX(-6.5px) translateY(-8.5px);;
+  }
+  //菜单收起状态\/箭头左\
+  .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
+  .ant-menu-submenu[menuindex] > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
+    width: 0px;
+    transform: rotate(-45deg) translateX(4.5px);
+  }
+  //菜单收起状态\/箭头右/
+  .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
+  .ant-menu-submenu[menuindex] > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
+    content: url(~@/assets/images/station-operation/toggle.png);
+    width: 0px;
+    transform: rotate(90deg) translateX(-5.5px) translateY(-19.5px);
+  }
+
+  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+    background-color: #075259 !important;
+    color: #0cecca;
+  }
 }
 </style>
   
\ No newline at end of file