From 055657828b46fd267aa5cea4cd6ca502a02dfd3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Sun, 25 Aug 2024 11:07:07 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=E4=BF=AE=E6=AD=A3=E5=90=84overl?=
 =?UTF-8?q?ay=E5=B1=82=E7=BA=A7=E5=8F=8A=E5=88=87=E6=8D=A2=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/User/Characters.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/pages/User/Characters.vue b/src/pages/User/Characters.vue
index 8e65a3e2..8fb41691 100644
--- a/src/pages/User/Characters.vue
+++ b/src/pages/User/Characters.vue
@@ -45,7 +45,6 @@
       </div>
     </template>
   </v-app-bar>
-  <TwoSelectC v-model="showSelect" @select-c="handleSelect" v-model:reset="resetSelect" />
   <div class="uc-box">
     <div class="uc-top">
       <div class="uc-top-title">
@@ -76,6 +75,7 @@
     @to-next="handleSwitch"
     @to-avatar="selectRole"
   />
+  <TwoSelectC v-model="showSelect" @select-c="handleSelect" v-model:reset="resetSelect" />
 </template>
 <script lang="ts" setup>
 import { storeToRefs } from "pinia";
@@ -196,6 +196,10 @@ async function load(): Promise<void> {
 
 async function refresh(): Promise<void> {
   if (!user.value) return;
+  if (showSelect.value) {
+    showSelect.value = false;
+    await new Promise((resolve) => setTimeout(resolve, 500));
+  }
   if (showOverlay.value) {
     showOverlay.value = false;
     await new Promise((resolve) => setTimeout(resolve, 500));
@@ -321,6 +325,10 @@ function handleSelect(val: SelectedCValue) {
   });
   const selectedId = filterC.map((item) => item.id);
   selectedList.value = roleList.value.filter((role) => selectedId.includes(role.cid));
+  if (!selectedList.value.includes(dataVal.value)) {
+    dataVal.value = selectedList.value[0];
+    selectIndex.value = 0;
+  }
 }
 
 function handleSwitch(next: boolean): void {