fix 优化组织结构现实，成员的信息把他的角色都显示出来

 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-30 14:42:11
+ * @LastEditTime: 2024-07-30 15:50:20
  * @FilePath: /data-table/src/components/OrgPickerField/MyComponent.vue
  * @Description: 树形组件
 -->
@@ -15,7 +15,14 @@
         <van-icon name="user-o" />&nbsp;{{ role.name }}
       </div>
       <div class="select-tree-item" v-for="(user) in emitCheckedGroup.user" :key="user.id" @click="clickNode(user)">
-        <van-icon name="contact-o" />&nbsp;{{ user.name }}
+        <van-icon name="contact-o" />&nbsp;
+        <span>{{ user.name }}</span>
+        <span v-if="user?.role_list?.length">/
+          <span v-for="(role, index) in user?.role_list" :key="role.id">
+            {{ role.name }}
+            <span v-if="index !== (user?.role_list?.length - 1)">,</span>
+          </span>
+        </span>
       </div>
     </div>
 
@@ -50,7 +57,14 @@
           {{ role.name }}&nbsp;<van-icon @click="onRemoveRoleTag(role)" name="close" />
         </div>
         <div class="select-item" v-for="(user) in checkedGroup.user" :key="user.id">
-          {{ user.name }}&nbsp;<van-icon @click="onRemoveUserTag(user)" name="close" />
+          <span>{{ user.name }}</span>
+          <span v-if="user?.role_list?.length">/
+            <span v-for="(role, index) in user?.role_list" :key="role.id">
+              {{ role.name }}
+              <span v-if="index !== (user?.role_list?.length - 1)">,</span>
+            </span>
+          </span>
+          &nbsp;<van-icon @click="onRemoveUserTag(user)" name="close" />
         </div>
       </div>
 
@@ -590,7 +604,8 @@ const onCheckUserChange = (val, evt) => {
     let obj = {
       id: +id,
       name,
-      type
+      type,
+      role_list: val?.role_list?.length ? val?.role_list : []
     }
     checkedGroup.value.user.push(obj);
     checkedGroup.value.user = _.uniqBy(checkedGroup.value.user, 'id');