Showing
1 changed file
with
19 additions
and
4 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-08-29 14:31:20 | 2 | * @Date: 2022-08-29 14:31:20 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-07-30 14:42:11 | 4 | + * @LastEditTime: 2024-07-30 15:50:20 |
| 5 | * @FilePath: /data-table/src/components/OrgPickerField/MyComponent.vue | 5 | * @FilePath: /data-table/src/components/OrgPickerField/MyComponent.vue |
| 6 | * @Description: 树形组件 | 6 | * @Description: 树形组件 |
| 7 | --> | 7 | --> |
| ... | @@ -15,7 +15,14 @@ | ... | @@ -15,7 +15,14 @@ |
| 15 | <van-icon name="user-o" /> {{ role.name }} | 15 | <van-icon name="user-o" /> {{ role.name }} |
| 16 | </div> | 16 | </div> |
| 17 | <div class="select-tree-item" v-for="(user) in emitCheckedGroup.user" :key="user.id" @click="clickNode(user)"> | 17 | <div class="select-tree-item" v-for="(user) in emitCheckedGroup.user" :key="user.id" @click="clickNode(user)"> |
| 18 | - <van-icon name="contact-o" /> {{ user.name }} | 18 | + <van-icon name="contact-o" /> |
| 19 | + <span>{{ user.name }}</span> | ||
| 20 | + <span v-if="user?.role_list?.length">/ | ||
| 21 | + <span v-for="(role, index) in user?.role_list" :key="role.id"> | ||
| 22 | + {{ role.name }} | ||
| 23 | + <span v-if="index !== (user?.role_list?.length - 1)">,</span> | ||
| 24 | + </span> | ||
| 25 | + </span> | ||
| 19 | </div> | 26 | </div> |
| 20 | </div> | 27 | </div> |
| 21 | 28 | ||
| ... | @@ -50,7 +57,14 @@ | ... | @@ -50,7 +57,14 @@ |
| 50 | {{ role.name }} <van-icon @click="onRemoveRoleTag(role)" name="close" /> | 57 | {{ role.name }} <van-icon @click="onRemoveRoleTag(role)" name="close" /> |
| 51 | </div> | 58 | </div> |
| 52 | <div class="select-item" v-for="(user) in checkedGroup.user" :key="user.id"> | 59 | <div class="select-item" v-for="(user) in checkedGroup.user" :key="user.id"> |
| 53 | - {{ user.name }} <van-icon @click="onRemoveUserTag(user)" name="close" /> | 60 | + <span>{{ user.name }}</span> |
| 61 | + <span v-if="user?.role_list?.length">/ | ||
| 62 | + <span v-for="(role, index) in user?.role_list" :key="role.id"> | ||
| 63 | + {{ role.name }} | ||
| 64 | + <span v-if="index !== (user?.role_list?.length - 1)">,</span> | ||
| 65 | + </span> | ||
| 66 | + </span> | ||
| 67 | + <van-icon @click="onRemoveUserTag(user)" name="close" /> | ||
| 54 | </div> | 68 | </div> |
| 55 | </div> | 69 | </div> |
| 56 | 70 | ||
| ... | @@ -590,7 +604,8 @@ const onCheckUserChange = (val, evt) => { | ... | @@ -590,7 +604,8 @@ const onCheckUserChange = (val, evt) => { |
| 590 | let obj = { | 604 | let obj = { |
| 591 | id: +id, | 605 | id: +id, |
| 592 | name, | 606 | name, |
| 593 | - type | 607 | + type, |
| 608 | + role_list: val?.role_list?.length ? val?.role_list : [] | ||
| 594 | } | 609 | } |
| 595 | checkedGroup.value.user.push(obj); | 610 | checkedGroup.value.user.push(obj); |
| 596 | checkedGroup.value.user = _.uniqBy(checkedGroup.value.user, 'id'); | 611 | checkedGroup.value.user = _.uniqBy(checkedGroup.value.user, 'id'); | ... | ... |
-
Please register or login to post a comment