206

ui/packages/common/AiPersonSelect.vue

@@ -12,8 +12,8 @@
       <div class="userlist">
         <div class="user" v-for="(item, index) in userList" :key="index" v-if="item">
           <img :src="item.avatarUrl1" v-if="item.avatarUrl1" alt="">
-          <h2 v-else>{{ formatName(item.userName || item.name) }}</h2>
-          <span>{{ item.userName || item.name }}</span>
+          <h2 v-else>{{ formatName(item.userName || item.name || item.realName) }}</h2>
+          <span>{{ item.userName || item.name || item.realName }}</span>
           <i class="iconfont iconOverrule remove-icon" v-if="!disabled" @click="removeUser(item, index)"></i>
         </div>
       </div>
@@ -55,7 +55,7 @@
                 v-for="(item, index) in meta || tableData"
                 :key="index"
                 @click="chooseItem(item, index)"
-                :class="{ selectedLi: getIsActive(item.id)}">
+                :class="{ selectedLi: getIsActive(item[keys])}">
               <slot v-if="customRightText" name="option" :item="item"></slot>
               <template v-else>
                 <span class="iconfont iconProlife">{{ item.name }}</span>
@@ -91,7 +91,7 @@
                 :disable-transitions="true"
                 :key="i"
                 closable
-                @close="cancelSelect(item, i)">{{ item.name || item.userName }}
+                @close="cancelSelect(item, i)">{{ item.name || item.userName || item.realName }}
             </el-tag>
           </div>
           <div class="add_tag" v-else style="display:flex;align-items:center;justify-content:center;width:100%;">
@@ -117,6 +117,10 @@ export default {
         return []
       }
     },
+    keys: {
+      type: String,
+      default: 'id',
+    },
     dialogTitle: String,
     headerTitle: {
       type: String,
@@ -218,7 +222,7 @@ export default {
         this.selectPeople = []
       }
 
-      let index = this.selectPeople.findIndex(item => item.id === user.id)
+      let index = this.selectPeople.findIndex(item => item[this.keys] === user[this.keys])
 
       if (index > -1) {
         this.selectPeople.splice(index, 1)
@@ -244,7 +248,7 @@ export default {
     },
 
     getIsActive(id) {
-      return this.selectPeople.findIndex(item => item.id === id) > -1
+      return this.selectPeople.findIndex(item => item[this.keys] === id) > -1
     },
 
     clearAll() {