From 38c5b3167b757858f37b6617c8c17c8de247a5fb Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Fri, 8 Aug 2025 09:47:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BE=A7=E8=BE=B9=E6=A0=8F?=
 =?UTF-8?q?=E6=96=87=E6=9C=AC=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SliderScond.vue | 35 ++++++++++++++++++++++-------------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/components/SliderScond.vue b/src/components/SliderScond.vue
index fef5237..8534515 100644
--- a/src/components/SliderScond.vue
+++ b/src/components/SliderScond.vue
@@ -6,16 +6,19 @@
                 <div class="flex-between gap8 collapse-item">
                     <div class="flex gap8 ">
                         <GuipToolTip :content="item[renderKeyNew.menuTitle]">
-                            <span class="flex gap8 menu-name"><img width="20px" :src="require('@/assets/serviceIcon/ver_'+item.type+'.svg')" alt="">{{ item[renderKeyNew.menuTitle] }}</span>
+                            <div class="flex gap8 menu-name"><img width="20px" :src="require('@/assets/serviceIcon/ver_'+item.type+'.svg')" alt=""><span >{{ item[renderKeyNew.menuTitle] }}</span></div>
                         </GuipToolTip>
-                        <span v-if="item[renderKeyNew.selected]" class="menu-select"></span>
+                        <!-- <span v-if="item[renderKeyNew.selected]" class="menu-select"></span> -->
                     </div>
-                    <img class="arrow_img" :class="{ 'is-active': activeNames.includes(item[renderKeyNew.domName]) }"
+                    <div class="flex gap8">
+                        <span v-if="item[renderKeyNew.selected]" class="menu-select"></span>
+                        <img class="arrow_img" :class="{ 'is-active': activeNames.includes(item[renderKeyNew.domName]) }"
                         src="@/assets/input_ex_ic.png" alt="">
+                    </div>
                 </div>
             </template>
             <div v-for="(item1, index1) in item.list" @click="setActiveCur(item1, item, index)"
-                :class="['flex-between point', activeFloor == item1[renderKeyNew.subtitle] ? 'curActive' : '']"
+                :class="['flex-between point gap8', activeFloor == item1[renderKeyNew.subtitle] ? 'curActive' : '']"
                 :key="index1">
                 <span class="l-menu-name">{{ item1[renderKeyNew.subtitle] }}</span>
                 <img v-if="item1[renderKeyNew.SubSelected]" class="selected" src="../assets/menu/is_selected.png" alt="">
@@ -264,7 +267,7 @@ export default {
 }
 
 ::v-deep .el-collapse-item__header {
-    max-width: 120px;
+    max-width: 162px;
 }
 
 .arrow_img {
@@ -288,20 +291,26 @@ export default {
     padding: 11px 0;
     height: 40px;
     line-height: 18px;
-    max-width: 80px;
+    width: 120px;
+    // max-width: 96px;
     box-sizing: border-box;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
+    span{
+        // max-width: 50px;
+        // width: 50px;
+        text-align: left;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
 }
 
 .l-menu-name {
-    max-width: 90px;
+    // max-width: 90px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     color: #8A9099;
-    padding: 9px 0;
+    padding: 7px 0;
     height: 36px;
     box-sizing: border-box;
 }
@@ -321,8 +330,8 @@ export default {
 }
 
 .el-collapse {
-    min-width: 158px;
-    max-width: 158px;
+    min-width: 200px;
+    max-width: 200px;
     background-color: #fff;
     height: 100%;
     overflow-y: auto;