From 62e5166953c8fe823c3fd53d99eaf138f94a0332 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Sun, 25 May 2025 19:26:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=9B=B4=E5=A4=9A?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E5=BC=B9=E7=AA=97=E8=A2=AB=E6=AD=8C=E8=AF=8D?=
 =?UTF-8?q?=E7=AA=97=E5=8F=A3=E9=81=AE=E6=8C=A1=E9=97=AE=E9=A2=98=20?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E4=B8=BA=E4=BA=92=E6=96=A5=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97,=20=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/EQControl.vue         |  3 +-
 .../player/AdvancedControlsPopover.vue        | 46 ++++++++++++++++---
 2 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/EQControl.vue b/src/renderer/components/EQControl.vue
index 6655551..c64ad79 100644
--- a/src/renderer/components/EQControl.vue
+++ b/src/renderer/components/EQControl.vue
@@ -2,7 +2,7 @@
   <div class="eq-control">
     <div class="eq-header">
       <h3>{{ t('player.eq.title') }}
-        <n-tag type="warning" size="small" round>
+        <n-tag type="warning" size="small" round v-if="!isElectron">
           桌面版可用，网页端不支持
         </n-tag>
       </h3>
@@ -56,6 +56,7 @@ import { onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { audioService } from '@/services/audioService';
+import { isElectron } from '@/utils';
 
 const { t } = useI18n();
 
diff --git a/src/renderer/components/player/AdvancedControlsPopover.vue b/src/renderer/components/player/AdvancedControlsPopover.vue
index edebaf8..492adfa 100644
--- a/src/renderer/components/player/AdvancedControlsPopover.vue
+++ b/src/renderer/components/player/AdvancedControlsPopover.vue
@@ -26,7 +26,7 @@
   </n-dropdown>
 
   <!-- EQ 均衡器弹窗 -->
-  <n-modal v-model:show="showEQModal" :mask-closable="true" :unstable-show-mask="false">
+  <n-modal v-model:show="showEQModal" :mask-closable="true" :unstable-show-mask="false" :z-index="9999999">
     <div class="eq-modal-content">
       <div class="modal-close" @click="showEQModal = false">
         <i class="ri-close-line"></i>
@@ -36,7 +36,7 @@
   </n-modal>
 
   <!-- 定时关闭弹窗 -->
-  <n-modal v-model:show="playerStore.showSleepTimer" :mask-closable="true" :unstable-show-mask="false">
+  <n-modal v-model:show="playerStore.showSleepTimer" :mask-closable="true" :unstable-show-mask="false" :z-index="9999999">
     <div class="timer-modal-content">
       <div class="modal-close" @click="playerStore.showSleepTimer = false">
         <i class="ri-close-line"></i>
@@ -46,7 +46,7 @@
   </n-modal>
 
   <!-- 播放速度设置弹窗 -->
-  <n-modal v-model:show="showSpeedModal" :mask-closable="true" :unstable-show-mask="false">
+  <n-modal v-model:show="showSpeedModal" :mask-closable="true" :unstable-show-mask="false" :z-index="9999999">
     <div class="speed-modal-content">
       <div class="modal-close" @click="showSpeedModal = false">
         <i class="ri-close-line"></i>
@@ -68,7 +68,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed, h } from 'vue';
+import { ref, computed, h, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { DropdownOption } from 'naive-ui';
 import { usePlayerStore } from '@/store/modules/player';
@@ -84,10 +84,34 @@ const showEQModal = ref(false);
 const showSpeedModal = ref(false);
 const isEQVisible = ref(false);
 
+// 监听弹窗状态，确保互斥
+watch(showEQModal, (newValue) => {
+  if (newValue) {
+    // 如果EQ弹窗打开，关闭其他弹窗
+    playerStore.showSleepTimer = false;
+    showSpeedModal.value = false;
+  }
+});
+
+watch(() => playerStore.showSleepTimer, (newValue) => {
+  if (newValue) {
+    // 如果睡眠定时器弹窗打开，关闭其他弹窗
+    showEQModal.value = false;
+    showSpeedModal.value = false;
+  }
+});
+
+watch(showSpeedModal, (newValue) => {
+  if (newValue) {
+    // 如果播放速度弹窗打开，关闭其他弹窗
+    showEQModal.value = false;
+    playerStore.showSleepTimer = false;
+  }
+});
+
 // 播放速度状态
 const playbackRate = computed(() => playerStore.playbackRate);
 
-
 // 播放速度选项
 const playbackRateOptions = [
   { label: '0.5x', key: 0.5 },
@@ -131,6 +155,12 @@ const dropdownOptions = computed<DropdownOption[]>(() => [
 
 // 处理菜单选择
 const handleSelect = (key: string) => {
+  // 先关闭所有弹窗
+  showEQModal.value = false;
+  playerStore.showSleepTimer = false;
+  showSpeedModal.value = false;
+  
+  // 然后仅打开所选弹窗
   switch (key) {
     case 'eq':
       showEQModal.value = true;
@@ -212,11 +242,15 @@ const selectSpeed = (speed: number) => {
 .eq-modal-content,
 .timer-modal-content,
 .speed-modal-content {
-  @apply p-6 rounded-3xl bg-white dark:bg-dark;
+  @apply p-6 rounded-3xl bg-light-100 dark:bg-dark-100 bg-opacity-80 filter backdrop-blur-sm;
   max-width: 600px;
   margin: 0 auto;
 }
 
+.eq-modal-content {
+  @apply p-10 max-w-[800px];
+}
+
 .speed-modal-content {
   h3 {
     @apply text-lg font-medium mb-4 text-center;