From 8a344b663fb567a4545a1c15455aa74fe072aef6 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Mon, 7 Jul 2025 17:41:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=9A=E4=B8=AA=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E6=A1=86=E5=85=B1=E5=AD=98=E6=97=B6=EF=BC=8C=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E9=9D=A2=E6=9D=BF=E4=B8=8D=E8=87=AA=E5=8A=A8=E5=85=B3?=
 =?UTF-8?q?=E9=97=AD=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CustomDropdown.vue | 25 +++++++++++++++++++------
 src/components/SliderMenu.vue     |  4 ++--
 src/utils/eventBus.js             |  3 +++
 3 files changed, 24 insertions(+), 8 deletions(-)
 create mode 100644 src/utils/eventBus.js

diff --git a/src/components/CustomDropdown.vue b/src/components/CustomDropdown.vue
index 29879fc..56435aa 100644
--- a/src/components/CustomDropdown.vue
+++ b/src/components/CustomDropdown.vue
@@ -1,11 +1,13 @@
 <template>
-    <div class="custom-select" v-clickaway="closeDropdown" ref="dropdown" :class="{ 'is-open': isOpen }" :style="{width}">
+    <div class="custom-select" v-clickaway="closeDropdown" ref="dropdown" :class="{ 'is-open': isOpen }"
+        :style="{ width }">
         <!-- 触发按钮 -->
         <div class="select-trigger" @click="toggleDropdown">
             <slot name="trigger">
                 {{ selectedItem ? selectedItem[displayKey] : placeholder }}
             </slot>
-            <img class="arrow-icon" :src="isOpen? require('../assets/dropDown_open.png'):require('../assets/dropDown_expand.png')" alt="">
+            <img class="arrow-icon"
+                :src="isOpen ? require('../assets/dropDown_open.png') : require('../assets/dropDown_expand.png')" alt="">
         </div>
 
         <!-- 下拉内容 -->
@@ -15,7 +17,7 @@
                 <div v-if="options">
                     <div v-for="(item, index) in options" :key="index" class="dropdown-item "
                         :class="{ 'is-selected': isSelected(item) }" @click="selectItem(item)">
-                        <slot name="item" :item="item" >
+                        <slot name="item" :item="item">
                             <div class="flex-between">
                                 <div class="left">
                                     <p class="one">{{ item[displayKey] }}</p>
@@ -44,6 +46,7 @@
 </template>
 
 <script>
+import { EventBus } from '@/utils/eventBus'
 export default {
     props: {
         width: {
@@ -56,7 +59,7 @@ export default {
         },
         options_null: {
             type: Object,
-            default: () => {},
+            default: () => { },
         },
         placeholder: {
             type: String,
@@ -68,7 +71,7 @@ export default {
         },
         valueKey: {
             type: String,
-            default: "value", 
+            default: "value",
         },
         displayKey: {
             type: String,
@@ -89,14 +92,24 @@ export default {
             },
         },
     },
+    created() {
+        // 监听关闭所有下拉框的事件
+        EventBus.$on('close-all-dropdowns', this.closeDropdown)
+    },
+    beforeDestroy() {
+        // 组件销毁移除监听
+        EventBus.$off('close-all-dropdowns', this.closeDropdown)
+    },
     methods: {
         closeDropdown() {
             this.isOpen = false;
         },
         toggleDropdown(e) {
-            if(e) {
+            if (e) {
                 e.stopPropagation();
             }
+            // 先通知所有下拉框关闭
+            EventBus.$emit('close-all-dropdowns')
             this.isOpen = !this.isOpen;
         },
         selectItem(item) {
diff --git a/src/components/SliderMenu.vue b/src/components/SliderMenu.vue
index 4256f3f..4e65eaa 100644
--- a/src/components/SliderMenu.vue
+++ b/src/components/SliderMenu.vue
@@ -164,7 +164,7 @@ export default {
 
 .title_text {
   margin-left: 4px;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: bold;
   display: block;
 
@@ -187,7 +187,7 @@ export default {
 
 .el-menu-item {
   padding: 0 22px;
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .menu-top {
diff --git a/src/utils/eventBus.js b/src/utils/eventBus.js
new file mode 100644
index 0000000..4dbae2c
--- /dev/null
+++ b/src/utils/eventBus.js
@@ -0,0 +1,3 @@
+// 在项目中创建 eventBus.js
+import Vue from 'vue'
+export const EventBus = new Vue()
\ No newline at end of file