bigdatacloud/system
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes Update MenuViewCheck

Browse Source
This commit is contained in:
Thien Pham Van
2026-01-15 17:04:57 +07:00
parent 2df2bc55dd
commit 5d80b20a9d
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
components/menu/MenuViewRights.vue
View File

@@ -6,7 +6,7 @@
</div> </div>
<div class="mt-2"> <div class="mt-2">
<span class="icon-text mr-6" v-for="v in options"> <span class="icon-text mr-6" v-for="v in options">
<span> <span :class="{ disabled: !(option === v.code) }">
<SvgIcon <SvgIcon
v-bind="{ v-bind="{
name: option === v.code ? 'radio-checked.svg' : 'radio-unchecked.svg', name: option === v.code ? 'radio-checked.svg' : 'radio-unchecked.svg',
@@ -26,7 +26,7 @@
<b>{{ v[$store.lang] }}</b> <b>{{ v[$store.lang] }}</b>
</div> </div>
<div class="control" v-if="v.submenu.length === 0 && option === 'limit'"> <div class="control" v-if="v.submenu.length === 0 && option === 'limit'">
<span class="ml-6 is-clickable" @click="changeTick(v)"> <span class="ml-6 is-clickable" :class="{ disabled: v.submenu.length === 0 && option === 'limit' }">
<SvgIcon <SvgIcon
v-bind="{ v-bind="{
name: v.checked ? 'checked.svg' : 'uncheck.svg', name: v.checked ? 'checked.svg' : 'uncheck.svg',
@@ -37,7 +37,7 @@
</span> </span>
</div> </div>
<div v-if="v.submenu.length > 0 && option === 'limit'"> <div v-if="v.submenu.length > 0 && option === 'limit'">
<span class="ml-6 is-clickable" @click="changeViewAll(v)" title="Chọn tất cả"> <span class="ml-6 is-clickable" title="Xem">
<SvgIcon <SvgIcon
v-bind="{ v-bind="{
name: 'view.svg', name: 'view.svg',
@@ -46,7 +46,7 @@
}" }"
></SvgIcon> ></SvgIcon>
</span> </span>
<span class="ml-6 is-clickable" @click="changeEditAll(v)" title="Chọn tất cả"> <span class="ml-6 is-clickable" title="Sửa">
<SvgIcon <SvgIcon
v-bind="{ v-bind="{
name: 'edit1.svg', name: 'edit1.svg',
@@ -66,7 +66,7 @@
</span> </span>
</div> </div>
<div class="control" v-if="option === 'limit'"> <div class="control" v-if="option === 'limit'">
<span class="ml-6 is-clickable" title="Xem thông tin"> <span class="ml-6 is-clickable" title="Xem thông tin" :class="{ disabled: !x.checked }">
<SvgIcon <SvgIcon
v-bind="{ v-bind="{
name: x.checked ? 'checked.svg' : 'uncheck.svg', name: x.checked ? 'checked.svg' : 'uncheck.svg',
@@ -75,7 +75,11 @@
}" }"
/> />
</span> </span>
<span class="ml-6 is-clickable" title="Chỉnh sửa thông tin"> <span
class="ml-6 is-clickable"
title="Chỉnh sửa thông tin"
:class="{ disabled: !(x.checked && x.is_edit === true) }"
>
<SvgIcon <SvgIcon
v-bind="{ v-bind="{
name: x.checked && x.is_edit === true ? 'checked.svg' : 'uncheck.svg', name: x.checked && x.is_edit === true ? 'checked.svg' : 'uncheck.svg',
@@ -159,9 +163,14 @@ async function getRights(first) {
await getRights(true); await getRights(true);
</script> </script>
<style>
<style>
.menu-view-rights .is-clickable { .menu-view-rights .is-clickable {
cursor: default !important; cursor: default !important;
} }
</style>
.menu-view-rights .disabled {
cursor: not-allowed !important;
opacity: 0.4 !important;
pointer-events: none !important;
}
</style>