|
@ -9,7 +9,7 @@ |
|
|
<!-- <u-badge :is-dot="true" is-center></u-badge> --> |
|
|
<!-- <u-badge :is-dot="true" is-center></u-badge> --> |
|
|
{{ item.name }} |
|
|
{{ item.name }} |
|
|
</view> |
|
|
</view> |
|
|
<view class="mx-1" v-show="checkedDelivers.length > 3">...</view> |
|
|
<view class="mx-1" v-show="checkedCheckers.length > 3">...</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 点击更换图标 --> |
|
|
<!-- 点击更换图标 --> |
|
@ -18,7 +18,7 @@ |
|
|
|
|
|
|
|
|
<!-- 隐藏的审核人选项 --> |
|
|
<!-- 隐藏的审核人选项 --> |
|
|
<view v-show="!collapsed" class="foot mt-2 flex flex-wrap"> |
|
|
<view v-show="!collapsed" class="foot mt-2 flex flex-wrap"> |
|
|
<u-button v-for="item in delivers" :type="item.checked ? 'primary' : 'default'" size="mini" class="my-1 mx-2" @click="item.checked = !item.checked">{{ item.name }}</u-button> |
|
|
<u-button v-for="item in checkers" :type="item.checked ? 'primary' : 'default'" size="mini" class="my-1 mx-2" @click="item.checked = !item.checked">{{ item.name }}</u-button> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
@ -33,12 +33,12 @@ let collapsed = ref('true'); |
|
|
|
|
|
|
|
|
// 审核人员列表 从store获取真实的项目成员列表 |
|
|
// 审核人员列表 从store获取真实的项目成员列表 |
|
|
// 项目加载之初 就已经获取了 |
|
|
// 项目加载之初 就已经获取了 |
|
|
const delivers = computed(() => store.state.role.members); |
|
|
const checkers = computed(() => store.state.role.members); |
|
|
|
|
|
|
|
|
// 所有选中的审核人 |
|
|
// 所有选中的审核人 |
|
|
const checkedDelivers = computed(() => delivers.value.filter(item => item.checked)); |
|
|
const checkedCheckers = computed(() => checkers.value.filter(item => item.checked)); |
|
|
// 折叠状态 显示的选中的检查人 |
|
|
// 折叠状态 显示的选中的检查人 |
|
|
const showCheckers = computed(() => { |
|
|
const showCheckers = computed(() => { |
|
|
return checkedDelivers.value.length > 3 ? checkedDelivers.value.slice(0, 3) : checkedDelivers.value; |
|
|
return checkedCheckers.value.length > 3 ? checkedCheckers.value.slice(0, 3) : checkedCheckers.value; |
|
|
}) |
|
|
}) |
|
|
</script> |
|
|
</script> |
|
|