chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: employee role check
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 6s
Details

Browse source
This commit is contained in:
puriphatt 2025-07-03 13:54:10 +07:00
parent c991e9e03f
commit 2d7b0189ee
3 changed files with 63 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

73
src/pages/03_customer-management/MainPage.vue
View file

@ -1639,6 +1639,15 @@ const emptyCreateDialog = ref(false);
</div>
</template>
<template v-slot:action>
<q-btn
icon="mdi-eye-outline"
:id="`btn-eye-${props.row.branch[0].customerName || props.row.branch[0].firstName}`"
size="sm"
dense
round
flat
@click.stop="editCustomerForm(props.row.id)"
/>
<KebabAction
v-if="canAccess('customer', 'edit')"
:status="props.row.status"
@ -1774,6 +1783,7 @@ const emptyCreateDialog = ref(false);
"
>
<TableEmpoloyee
:hide-action="!canAccess('customer', 'edit')"
v-model:page-size="pageSize"
v-model:current-page="currentPageEmployee"
:grid-view="gridView"
@ -3980,6 +3990,7 @@ const emptyCreateDialog = ref(false);
v-model:on-create-data-list="onCreateImageList"
:on-create="employeeFormState.dialogModal"
:hidden-footer="!employeeFormState.isImageEdit"
:change-disabled="!canAccess('customer', 'edit')"
@add-image="
async (v) => {
if (!v) return;
@ -4474,11 +4485,18 @@ const emptyCreateDialog = ref(false);
}
"
:title="
employeeFormState.currentEmployee
? $i18n.locale === 'eng'
? `${employeeFormState.currentEmployee.firstNameEN} ${employeeFormState.currentEmployee.lastNameEN}`
: `${employeeFormState.currentEmployee.firstName} ${employeeFormState.currentEmployee.lastName}`
: '-'
setPrefixName(
{
namePrefix: employeeFormState.currentEmployee.namePrefix,
firstName:
employeeFormState.currentEmployee.firstName ||
employeeFormState.currentEmployee.firstNameEN,
lastName: employeeFormState.currentEmployee.lastName,
firstNameEN: employeeFormState.currentEmployee.firstNameEN,
lastNameEN: employeeFormState.currentEmployee.lastNameEN,
},
{ locale },
)
"
:badge-class="
currentFromDataEmployee.gender === 'male'
@ -4551,6 +4569,7 @@ const emptyCreateDialog = ref(false);
>
<ProfileBanner
:prefix="employeeFormState.currentEmployee.firstName"
:readonly="!canAccess('customer', 'edit')"
hideFade
@update:current-tab="
() => {
@ -4593,7 +4612,9 @@ const emptyCreateDialog = ref(false);
? setPrefixName(
{
namePrefix: employeeFormState.currentEmployee.namePrefix,
firstName: employeeFormState.currentEmployee.firstName,
firstName:
employeeFormState.currentEmployee.firstName ||
employeeFormState.currentEmployee.firstNameEN,
lastName: employeeFormState.currentEmployee.lastName,
firstNameEN: employeeFormState.currentEmployee.firstNameEN,
lastNameEN: employeeFormState.currentEmployee.lastNameEN,
@ -4786,7 +4807,10 @@ const emptyCreateDialog = ref(false);
}"
scroll-element="#drawer-employee-form-content"
>
<template v-slot:btn-drawer-passport>
<template
v-if="canAccess('customer', 'edit')"
v-slot:btn-drawer-passport
>
<q-btn
id="form-add-passport"
dense
@ -4800,7 +4824,10 @@ const emptyCreateDialog = ref(false);
/>
</template>
<template v-slot:btn-drawer-visa>
<template
v-if="canAccess('customer', 'edit')"
v-slot:btn-drawer-visa
>
<q-btn
id="form-add-visa"
dense
@ -4813,7 +4840,10 @@ const emptyCreateDialog = ref(false);
/>
</template>
<template v-slot:btn-drawer-employee-checkup>
<template
v-if="canAccess('customer', 'edit')"
v-slot:btn-drawer-employee-checkup
>
<q-btn
id="form-add-checkup"
dense
@ -4826,7 +4856,10 @@ const emptyCreateDialog = ref(false);
/>
</template>
<template v-slot:btn-drawer-employee-work-history>
<template
v-if="canAccess('customer', 'edit')"
v-slot:btn-drawer-employee-work-history
>
<q-btn
id="form-add-work-history"
dense
@ -4854,7 +4887,10 @@ const emptyCreateDialog = ref(false);
<div
class="rounded row q-py-sm q-mx-lg q-px-md"
style="position: absolute; z-index: 999; right: 0; top: 0"
v-if="currentFromDataEmployee.status !== 'INACTIVE'"
v-if="
currentFromDataEmployee.status !== 'INACTIVE' &&
canAccess('customer', 'edit')
"
>
<div class="surface-1 row rounded">
<UndoButton
@ -5372,7 +5408,7 @@ const emptyCreateDialog = ref(false);
/>
{{ $t('customerEmployee.form.group.passport') }}
<AddButton
v-if="$q.screen.lt.md"
v-if="$q.screen.lt.md && canAccess('customer', 'edit')"
id="btn-add-work"
icon-only
class="q-ml-sm"
@ -5456,6 +5492,7 @@ const emptyCreateDialog = ref(false);
<template v-slot:button>
<div
v-if="canAccess('customer', 'edit')"
class="surface-1 row rounded"
style="min-height: 35px"
>
@ -5589,7 +5626,7 @@ const emptyCreateDialog = ref(false);
/>
{{ $t('customerEmployee.form.group.visa') }}
<AddButton
v-if="$q.screen.lt.md"
v-if="$q.screen.lt.md && canAccess('customer', 'edit')"
id="btn-add-work"
icon-only
class="q-ml-sm"
@ -5654,6 +5691,7 @@ const emptyCreateDialog = ref(false);
<template v-slot:button>
<div
v-if="canAccess('customer', 'edit')"
class="surface-1 row rounded"
style="min-height: 35px"
>
@ -5771,7 +5809,7 @@ const emptyCreateDialog = ref(false);
{{ $t(`customerEmployee.formHealthCheck.title`) }}
<AddButton
v-if="$q.screen.lt.md"
v-if="$q.screen.lt.md && canAccess('customer', 'edit')"
id="btn-add-work"
icon-only
class="q-ml-sm"
@ -5899,7 +5937,7 @@ const emptyCreateDialog = ref(false);
/>
{{ $t(`customerEmployee.form.group.workHistory`) }}
<AddButton
v-if="$q.screen.lt.md"
v-if="$q.screen.lt.md && canAccess('customer', 'edit')"
id="btn-add-work"
icon-only
class="q-ml-sm"
@ -6004,7 +6042,10 @@ const emptyCreateDialog = ref(false);
</template>
<template v-if="employeeFormState.currentTab === 'other'">
<FormEmployeeOther
:hide-action="currentFromDataEmployee.status === 'INACTIVE'"
:hide-action="
currentFromDataEmployee.status === 'INACTIVE' ||
!canAccess('customer', 'edit')
"
v-if="employeeFormState.currentTab === 'other'"
id="drawer-other"
prefix-id="drawer-employee"