From 4bd37afd7aec90e0c0e18fd2ea9f74338fa7adaf Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Wed, 6 Nov 2024 10:06:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E9=80=89=E6=8B=A9=E6=9F=90?=
 =?UTF-8?q?=E4=BA=9B=E9=80=89=E9=A1=B9=E4=B9=8B=E5=90=8E=E5=86=8D=E8=BF=87?=
 =?UTF-8?q?=E6=BB=A4=E6=8A=A5=E9=94=99=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/SelectDialog.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/common/SelectDialog.vue b/src/components/common/SelectDialog.vue
index 911c156..ec2243e 100644
--- a/src/components/common/SelectDialog.vue
+++ b/src/components/common/SelectDialog.vue
@@ -9,25 +9,25 @@ const emit = defineEmits(['update:modelValue', 'showUserCard', 'confirm'])
 const selected = ref(props.defaultSelected || [])
 const searchKey = ref('')
 
-const optionsBySearch = computed(() => {
+const optionKeys = computed(() => {
   if (!searchKey.value) {
-    return props.options
+    return Object.keys(props.options)
   } else {
-    const data = {}
+    const data = []
     Object.keys(props.options).forEach((key) => {
       const item = props.options[key]
       if (
         item.account === searchKey.value ||
         item.nickName.toLowerCase().includes(searchKey.value.toLowerCase())
       ) {
-        data[key] = item
+        data.push(key)
       }
     })
     return data
   }
 })
 
-const onShowCard = ({ account }) => {
+const onShowUserCard = (account) => {
   emit('showUserCard', account)
 }
 
@@ -75,11 +75,11 @@ const onRemoveSelectedItem = (index) => {
         />
         <div class="my-scrollbar" style="height: 300px; overflow-y: scroll">
           <el-checkbox-group v-model="selected">
-            <el-checkbox v-for="item in Object.keys(optionsBySearch)" :key="item" :value="item">
+            <el-checkbox v-for="item in optionKeys" :key="item" :value="item">
               <ContactItem
-                :contactInfo="optionsBySearch[item]"
+                :contactInfo="props.options[item]"
                 :size="'small'"
-                @showContactCard="onShowCard(optionsBySearch[item])"
+                @showContactCard="onShowUserCard(props.options[item].account)"
                 style="width: 200px"
               ></ContactItem>
             </el-checkbox>
@@ -91,14 +91,14 @@ const onRemoveSelectedItem = (index) => {
           <div style="font-size: 13px; color: gray">
             {{ `已选择：${selected.length} 人` }}
           </div>
-          <el-button type="info" size="small" @click="onClearSelected" round>清空</el-button>
+          <el-button type="info" size="small" @click="onClearSelected" plain>清空</el-button>
         </div>
         <div class="my-scrollbar" style="height: 300px; overflow-y: scroll">
           <div class="selected-item" v-for="(item, index) in selected" :key="item.key">
             <ContactItem
-              :contactInfo="optionsBySearch[item]"
+              :contactInfo="props.options[item]"
               :size="'small'"
-              @showContactCard="onShowCard(optionsBySearch[item])"
+              @showContactCard="onShowCard(props.options[item])"
               style="width: 200px"
             ></ContactItem>
             <el-button :icon="Close" size="small" circle @click="onRemoveSelectedItem(index)" />