选择用户公共组件修改BUG

src/components/SelectRole/index.vue

@@ -14,11 +14,15 @@
           <el-collapse v-model="activeNames">
             <el-collapse-item :title="item[deptKey]" :name="item.deptId" v-for="(item, index) in filteredDeptList" :key="index" style="margin-left: 20px">
               <div v-for="it in (Array.isArray(item[nameListKey]) ? item[nameListKey] : [item[nameListKey]])" :key="it[nameIdKey]">
-                <el-checkbox
-                  v-model="checked1"
-                  :label="it[nameKey]"
-                  :disabled="props.selectionMode === 'single' && checked1.length >= 1"
-                  size="large"/>
+                <el-checkbox-group v-model="checked1" >
+                  <el-checkbox
+                    :key="it[nameIdKey]"
+                    :label="it"
+                    :disabled="props.selectionMode === 'single' && checked1.length >= 1"
+                    size="large">
+                    {{it[nameKey]}}
+                  </el-checkbox>
+                </el-checkbox-group>
               </div>
             </el-collapse-item>
           </el-collapse>
@@ -32,7 +36,7 @@
         </div>
         <div class="box-right-content">
           <div class="content-item" v-for="(item, index) in selectedItems" :key="index">
-            <span style="width: 100px;font-size: 14px;font-weight: 400">{{ item }}</span>
+            <span style="width: 100px;font-size: 14px;font-weight: 400">{{ item[nameKey] }}</span>
             <el-button icon="Delete" @click="removeItem(index)" type="primary" circle></el-button>
           </div>
         </div>