github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-22 00:10:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/js/components/UserSelect.vue
View File

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

10
resources/assets/sass/components/user-select.scss vendored
View File

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