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

fix: save button does not disappear.

Browse source
This commit is contained in:
Net 2024-08-15 11:53:12 +07:00
parent 751b92c94e
commit f35cf8bc83
1 changed files with 23 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -525,6 +525,7 @@ function createEmployeeForm() {
employeeFormStore.resetFormDataEmployee(true); employeeFormStore.resetFormDataEmployee(true);
employeeFormState.value.dialogType = 'create'; employeeFormState.value.dialogType = 'create';
employeeFormState.value.dialogModal = true; employeeFormState.value.dialogModal = true;
employeeFormState.value.isEmployeeEdit = true;
} }
// TODO: When in employee form, if select address same as customer then auto fill // TODO: When in employee form, if select address same as customer then auto fill
@ -2148,6 +2149,8 @@ const emptyCreateDialog = ref(false);
await employeeFormStore.submitOther(); await employeeFormStore.submitOther();
} }
employeeFormState.isEmployeeEdit = false;
await fetchListEmployee(); await fetchListEmployee();
} }
" "
@ -2283,25 +2286,34 @@ const emptyCreateDialog = ref(false);
<BasicInformation <BasicInformation
id="form-information" id="form-information"
prefix-id="form-employee" prefix-id="form-employee"
showBtnSave :show-btn-save="employeeFormState.dialogType === 'create'"
employee employee
dense dense
outlined outlined
separator separator
:title="$t('formDialogTitleInformation')" :title="$t('formDialogTitleInformation')"
:readonly="!employeeFormState.isEmployeeEdit"
:employee-owner-option="employeeStore.ownerOption" :employee-owner-option="employeeStore.ownerOption"
v-model:customer-branch="employeeFormState.formDataEmployeeOwner" v-model:customer-branch="employeeFormState.formDataEmployeeOwner"
v-model:employee-id="employeeFormState.currentEmployeeCode" v-model:employee-id="employeeFormState.currentEmployeeCode"
v-model:nrc-no="currentFromDataEmployee.nrcNo" v-model:nrc-no="currentFromDataEmployee.nrcNo"
v-model:code="currentFromDataEmployee.code" v-model:code="currentFromDataEmployee.code"
@save=" @filter-owner-branch="employeeFormStore.employeeFilterOwnerBranch"
async () => { @undo="
await employeeFormStore.submitPersonal(); () => {
await fetchListEmployee(); employeeFormStore.resetFormDataEmployee();
notify('create', $t('success')); employeeFormState.isEmployeeEdit = false;
employeeFormState.dialogType = 'info';
} }
" "
@filter-owner-branch="employeeFormStore.employeeFilterOwnerBranch" @edit="
() => {
employeeFormState.isEmployeeEdit = true;
employeeFormState.dialogType = 'edit';
}
"
@save="() => {}"
@delete="() => deleteEmployeeById({ id: currentFromDataEmployee.id })"
/> />
<FormPerson <FormPerson
id="form-personal" id="form-personal"
@ -2561,9 +2573,6 @@ const emptyCreateDialog = ref(false);
<DrawerInfo <DrawerInfo
hide-action hide-action
v-model:drawer-open="employeeFormState.drawerModal" v-model:drawer-open="employeeFormState.drawerModal"
:is-edit="employeeFormState.isEmployeeEdit"
:edit-data="() => (employeeFormState.isEmployeeEdit = true)"
:undo="() => (employeeFormState.isEmployeeEdit = false)"
:title=" :title="
employeeFormState.currentEmployee employeeFormState.currentEmployee
? $i18n.locale === 'en-US' ? $i18n.locale === 'en-US'
@ -2582,6 +2591,8 @@ const emptyCreateDialog = ref(false);
async () => { async () => {
if (employeeFormState.currentTab === 'personalInfo') { if (employeeFormState.currentTab === 'personalInfo') {
await employeeFormStore.submitPersonal(); await employeeFormStore.submitPersonal();
employeeFormState.dialogType = 'info';
employeeFormState.isEmployeeEdit = false;
} }
if (employeeFormState.currentTab === 'healthCheck') { if (employeeFormState.currentTab === 'healthCheck') {
await employeeFormStore.submitHealthCheck(); await employeeFormStore.submitHealthCheck();
@ -2713,22 +2724,16 @@ const emptyCreateDialog = ref(false);
() => { () => {
employeeFormStore.resetFormDataEmployee(); employeeFormStore.resetFormDataEmployee();
employeeFormState.isEmployeeEdit = false; employeeFormState.isEmployeeEdit = false;
employeeFormState.dialogType = 'info';
} }
" "
@edit=" @edit="
() => { () => {
employeeFormState.isEmployeeEdit = true; employeeFormState.isEmployeeEdit = true;
}
"
@save="
async () => {
employeeFormState.dialogType = 'edit'; employeeFormState.dialogType = 'edit';
await employeeFormStore.submitPersonal();
employeeFormState.dialogType = 'info';
employeeFormState.isEmployeeEdit = false;
notify('create', $t('success'));
} }
" "
@save="async () => {}"
@delete=" @delete="
() => deleteEmployeeById({ id: currentFromDataEmployee.id }) () => deleteEmployeeById({ id: currentFromDataEmployee.id })
" "