perf: 优化禁止选择会员效果

This commit is contained in:
kuaifan 2025-04-10 11:05:31 +08:00
parent 19da7a74df
commit 9c155c6cf5
2 changed files with 14 additions and 3 deletions

View File

@ -108,10 +108,11 @@
v-for="item in lists"
:class="{
selected: selects.includes(item.userid),
disabled: isUncancelable(item.userid) || isDisabled(item.userid)
disabled: isNoChoice(item.userid)
}"
@click="onSelectItem(item)">
<Icon v-if="selects.includes(item.userid)" class="user-modal-icon" type="ios-checkmark-circle" />
<Icon v-else-if="isNoChoice(item.userid)" class="user-modal-icon" type="ios-remove-circle-outline" />
<Icon v-else class="user-modal-icon" type="ios-radio-button-off" />
<div v-if="item.type=='group'" class="user-modal-avatar">
<EAvatar v-if="item.avatar" class="img-avatar" :src="item.avatar" :size="40"></EAvatar>
@ -447,6 +448,10 @@ export default {
return this.disabledChoice.includes(userid)
},
isNoChoice(userid) {
return this.isUncancelable(userid) || this.isDisabled(userid)
},
formatSelect(list) {
return list.map(userid => {
if ($A.leftExists(userid, 'd:')) {

View File

@ -300,10 +300,16 @@
}
}
&.disabled,
&.disabled:hover {
&.disabled {
color: #c5c8ce;
cursor: not-allowed;
&:hover {
color: #c5c8ce;
cursor: not-allowed;
}
.user-modal-icon {
color: #c5c8ce;
}
}
.user-modal-icon {