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

refactor: Add conditions to edit

Browse source
This commit is contained in:
Net 2024-08-09 15:26:52 +07:00
parent 3ff42316cf
commit de9551cd82
3 changed files with 57 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/components/03_customer-management/FormEmployeeHealthCheck.vue
View file

@ -66,7 +66,7 @@ defineEmits<{
(e: 'save', index: number): void; (e: 'save', index: number): void;
(e: 'edit', index: number): void; (e: 'edit', index: number): void;
(e: 'delete', index: number): void; (e: 'delete', index: number): void;
(e: 'undo'): void; (e: 'undo', index: number): void;
}>(); }>();
async function fetchProvince() { async function fetchProvince() {
@ -182,10 +182,10 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
{{ `ครั้งที่ ${index + 1}` }} {{ `ครั้งที่ ${index + 1}` }}
<div class="row items-center"> <div class="row items-center">
<UndoButton <UndoButton
v-if="!readonly" v-if="!readonly && !!checkup.id && !checkup.statusSave"
id="btn-info-health-undo" id="btn-info-health-undo"
icon-only icon-only
@click="$emit('undo')" @click="$emit('undo', index)"
type="button" type="button"
/> />
<SaveButton <SaveButton
@ -197,7 +197,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
<EditButton <EditButton
icon-only icon-only
id="btn-info-health-edit" id="btn-info-health-edit"
v-if="readonly" v-if="!readonly && checkup.statusSave"
@click="$emit('edit', index)" @click="$emit('edit', index)"
type="button" type="button"
/> />
@ -209,25 +209,13 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
type="button" type="button"
/> />
</div> </div>
<!-- <q-btn
v-if="!readonly && !checkup.statusSave"
type="submit"
dense
unelevated
id="save-basic-info"
:label="$t('save')"
color="primary"
class="q-px-md rounded"
@click="$emit('save', index)"
/> -->
</span> </span>
<q-input <q-input
lazy-rules="ondemand" lazy-rules="ondemand"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || checkup.statusSave"
hide-bottom-space hide-bottom-space
class="col-5" class="col-5"
:label="$t('formDialogInputCheckupRes')" :label="$t('formDialogInputCheckupRes')"
@ -250,9 +238,9 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
lazy-rules="ondemand" lazy-rules="ondemand"
v-model="checkup.checkupType" v-model="checkup.checkupType"
:dense="dense" :dense="dense"
:readonly="readonly" :readonly="readonly || checkup.statusSave"
:options="checkupTypeOptions" :options="checkupTypeOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly || checkup.statusSave"
:for="`${prefixId}-select-checkup-type`" :for="`${prefixId}-select-checkup-type`"
:label="$t('formDialogInputCheckupType')" :label="$t('formDialogInputCheckupType')"
@filter="checkupTypeFilter" @filter="checkupTypeFilter"
@ -281,9 +269,9 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
class="col-2" class="col-2"
v-model="checkup.provinceId" v-model="checkup.provinceId"
:dense="dense" :dense="dense"
:readonly="readonly" :readonly="readonly || checkup.statusSave"
:label="$t('province')" :label="$t('province')"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly || checkup.statusSave"
:for="`${prefixId}-select-province`" :for="`${prefixId}-select-province`"
:options="provinceOptions" :options="provinceOptions"
@filter="provinceFilter" @filter="provinceFilter"
@ -301,7 +289,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
lazy-rules="ondemand" lazy-rules="ondemand"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || checkup.statusSave"
hide-bottom-space hide-bottom-space
class="col-5" class="col-5"
:label="$t('formDialogInputHospital')" :label="$t('formDialogInputHospital')"
@ -324,8 +312,8 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
lazy-rules="ondemand" lazy-rules="ondemand"
v-model="checkup.medicalBenefitScheme" v-model="checkup.medicalBenefitScheme"
:dense="dense" :dense="dense"
:readonly="readonly" :readonly="readonly || checkup.statusSave"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly || checkup.statusSave"
:options="medicalBenefitOptions" :options="medicalBenefitOptions"
:for="`${prefixId}-select-province`" :for="`${prefixId}-select-province`"
:label="$t('formDialogInputMedicalBenefit')" :label="$t('formDialogInputMedicalBenefit')"
@ -344,7 +332,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
:label="$t('formDialogInputRemark')" :label="$t('formDialogInputRemark')"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || checkup.statusSave"
hide-bottom-space hide-bottom-space
class="col-12" class="col-12"
v-model="checkup.remark" v-model="checkup.remark"
@ -359,7 +347,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
:dark="$q.dark.isActive" :dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'" :locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false" :enableTimePicker="false"
:disabled="readonly" :disabled="readonly || checkup.statusSave"
class="col" class="col"
> >
<template #year="{ value }"> <template #year="{ value }">
@ -376,12 +364,12 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
:label="$t('formDialogInputCoverageStartDate')" :label="$t('formDialogInputCoverageStartDate')"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || checkup.statusSave"
placeholder="DD/MM/YYYY" placeholder="DD/MM/YYYY"
:mask="readonly ? '' : '##/##/####'" :mask="readonly || checkup.statusSave ? '' : '##/##/####'"
:model-value=" :model-value="
checkup.coverageStartDate checkup.coverageStartDate
? readonly ? readonly || checkup.statusSave
? dateFormat(checkup.coverageStartDate) ? dateFormat(checkup.coverageStartDate)
: dateFormat(checkup.coverageStartDate, false, false, true) : dateFormat(checkup.coverageStartDate, false, false, true)
: undefined : undefined
@ -438,12 +426,12 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
:label="$t('formDialogInputCoverageExpiretDate')" :label="$t('formDialogInputCoverageExpiretDate')"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || checkup.statusSave"
placeholder="DD/MM/YYYY" placeholder="DD/MM/YYYY"
:mask="readonly ? '' : '##/##/####'" :mask="readonly || checkup.statusSave ? '' : '##/##/####'"
:model-value=" :model-value="
checkup.coverageExpireDate checkup.coverageExpireDate
? readonly ? readonly || checkup.statusSave
? dateFormat(checkup.coverageExpireDate) ? dateFormat(checkup.coverageExpireDate)
: dateFormat(checkup.coverageExpireDate, false, false, true) : dateFormat(checkup.coverageExpireDate, false, false, true)
: undefined : undefined
@ -493,8 +481,8 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
lazy-rules="ondemand" lazy-rules="ondemand"
v-model="checkup.insuranceCompany" v-model="checkup.insuranceCompany"
:dense="dense" :dense="dense"
:readonly="readonly" :readonly="readonly || checkup.statusSave"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly || checkup.statusSave"
:options="insuranceCompanyOptions" :options="insuranceCompanyOptions"
:for="`${prefixId}-select-province`" :for="`${prefixId}-select-province`"
:label="$t('formDialogInputInsuranceCompany')" :label="$t('formDialogInputInsuranceCompany')"

22
src/components/03_customer-management/FormEmployeeOther.vue
View file

@ -70,7 +70,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-citizen-id`" :for="`${prefixId}-input-citizen-id`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
:label="$t('formDialogInputCitizenId')" :label="$t('formDialogInputCitizenId')"
class="col" class="col"
@ -87,7 +87,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-father-first-name`" :for="`${prefixId}-input-father-first-name`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-md-3 col-6" class="col-md-3 col-6"
:label="$t('formDialogInputFirstName')" :label="$t('formDialogInputFirstName')"
@ -98,7 +98,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-father-last-name`" :for="`${prefixId}-input-father-last-name`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-md-3 col-6" class="col-md-3 col-6"
:label="$t('formDialogInputLastName')" :label="$t('formDialogInputLastName')"
@ -109,7 +109,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-father-first-name-en`" :for="`${prefixId}-input-father-first-name-en`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-md-3 col-6" class="col-md-3 col-6"
:label="$t('formDialogInputFirstNameEN')" :label="$t('formDialogInputFirstNameEN')"
@ -120,7 +120,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-father-last-name-en`" :for="`${prefixId}-input-father-last-name-en`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-md-3 col-6" class="col-md-3 col-6"
:label="$t('formDialogInputLastNameEN')" :label="$t('formDialogInputLastNameEN')"
@ -131,7 +131,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-father-birthplace`" :for="`${prefixId}-input-father-birthplace`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-6" class="col-6"
:label="$t('formDialogInputFamilyBirthPlace')" :label="$t('formDialogInputFamilyBirthPlace')"
@ -149,7 +149,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-mother-first-name`" :for="`${prefixId}-input-mother-first-name`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-md-3 col-6" class="col-md-3 col-6"
:label="$t('formDialogInputFirstName')" :label="$t('formDialogInputFirstName')"
@ -160,7 +160,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-mother-last-name`" :for="`${prefixId}-input-mother-last-name`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-md-3 col-6" class="col-md-3 col-6"
:label="$t('formDialogInputLastName')" :label="$t('formDialogInputLastName')"
@ -171,7 +171,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-mother-first-name-en`" :for="`${prefixId}-input-mother-first-name-en`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-md-3 col-6" class="col-md-3 col-6"
:label="$t('formDialogInputFirstNameEN')" :label="$t('formDialogInputFirstNameEN')"
@ -182,7 +182,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-mother-last-name-en`" :for="`${prefixId}-input-mother-last-name-en`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-md-3 col-6" class="col-md-3 col-6"
:label="$t('formDialogInputLastNameEN')" :label="$t('formDialogInputLastNameEN')"
@ -193,7 +193,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
:for="`${prefixId}-input-mother-birthplace`" :for="`${prefixId}-input-mother-birthplace`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || employeeOther.statusSave"
hide-bottom-space hide-bottom-space
class="col-6" class="col-6"
:label="$t('formDialogInputFamilyBirthPlace')" :label="$t('formDialogInputFamilyBirthPlace')"

46
src/components/03_customer-management/FormEmployeeWorkHistory.vue
View file

@ -41,7 +41,7 @@ defineEmits<{
(e: 'save', index: number): void; (e: 'save', index: number): void;
(e: 'edit', index: number): void; (e: 'edit', index: number): void;
(e: 'delete', index: number): void; (e: 'delete', index: number): void;
(e: 'undo'): void; (e: 'undo', index: number): void;
}>(); }>();
function addData() { function addData() {
@ -117,6 +117,7 @@ const workplaceFilter = selectFilterOptionRefMod(
id="btn-add-bank" id="btn-add-bank"
icon-only icon-only
class="q-ml-sm" class="q-ml-sm"
type="button"
@click="addData" @click="addData"
/> />
</div> </div>
@ -137,12 +138,13 @@ const workplaceFilter = selectFilterOptionRefMod(
{{ `ครั้งที่ ${index + 1}` }} {{ `ครั้งที่ ${index + 1}` }}
<div class="row items-center"> <div class="row items-center">
<UndoButton <UndoButton
v-if="!readonly" v-if="!readonly && !!work.id && !work.statusSave"
id="btn-info-health-undo" id="btn-info-health-undo"
icon-only icon-only
@click="$emit('undo')" @click="$emit('undo', index)"
type="button" type="button"
/> />
<SaveButton <SaveButton
icon-only icon-only
v-if="!readonly && !work.statusSave" v-if="!readonly && !work.statusSave"
@ -151,7 +153,7 @@ const workplaceFilter = selectFilterOptionRefMod(
<EditButton <EditButton
icon-only icon-only
v-if="readonly" v-if="!readonly && work.statusSave"
@click="$emit('edit', index)" @click="$emit('edit', index)"
type="button" type="button"
/> />
@ -179,7 +181,7 @@ const workplaceFilter = selectFilterOptionRefMod(
lazy-rules="ondemand" lazy-rules="ondemand"
v-model="work.jobType" v-model="work.jobType"
:dense="dense" :dense="dense"
:readonly="readonly" :readonly="readonly || work.statusSave"
:options="jobTypeOptions" :options="jobTypeOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:for="`${prefixId}-select-job-type`" :for="`${prefixId}-select-job-type`"
@ -210,7 +212,7 @@ const workplaceFilter = selectFilterOptionRefMod(
option-value="value" option-value="value"
v-model="work.workplace" v-model="work.workplace"
:dense="dense" :dense="dense"
:readonly="readonly" :readonly="readonly || work.statusSave"
:options="workplaceOptions" :options="workplaceOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:for="`${prefixId}-select-province`" :for="`${prefixId}-select-province`"
@ -231,7 +233,7 @@ const workplaceFilter = selectFilterOptionRefMod(
:label="$t('formDialogInputRemark')" :label="$t('formDialogInputRemark')"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || work.statusSave"
hide-bottom-space hide-bottom-space
class="col-12" class="col-12"
v-model="work.remark" v-model="work.remark"
@ -246,7 +248,7 @@ const workplaceFilter = selectFilterOptionRefMod(
:dark="$q.dark.isActive" :dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'" :locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false" :enableTimePicker="false"
:disabled="readonly" :disabled="readonly || work.statusSave"
class="col-3" class="col-3"
> >
<template #year="{ value }"> <template #year="{ value }">
@ -262,12 +264,12 @@ const workplaceFilter = selectFilterOptionRefMod(
:label="$t('formDialogInputWorkUntil')" :label="$t('formDialogInputWorkUntil')"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || work.statusSave"
placeholder="DD/MM/YYYY" placeholder="DD/MM/YYYY"
:mask="readonly ? '' : '##/##/####'" :mask="readonly ? '' : '##/##/####'"
:model-value=" :model-value="
work.workEndDate work.workEndDate
? readonly ? readonly || work.statusSave
? dateFormat(work.workEndDate) ? dateFormat(work.workEndDate)
: dateFormat(work.workEndDate, false, false, true) : dateFormat(work.workEndDate, false, false, true)
: undefined : undefined
@ -305,7 +307,7 @@ const workplaceFilter = selectFilterOptionRefMod(
:for="`${prefixId}-input-work-permit-no`" :for="`${prefixId}-input-work-permit-no`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || work.statusSave"
hide-bottom-space hide-bottom-space
class="col-6" class="col-6"
:label="$t('formDialogInputWorkPermitNo')" :label="$t('formDialogInputWorkPermitNo')"
@ -320,7 +322,7 @@ const workplaceFilter = selectFilterOptionRefMod(
:dark="$q.dark.isActive" :dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'" :locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false" :enableTimePicker="false"
:disabled="readonly" :disabled="readonly || work.statusSave"
class="col-3" class="col-3"
> >
<template #year="{ value }"> <template #year="{ value }">
@ -336,12 +338,12 @@ const workplaceFilter = selectFilterOptionRefMod(
:label="$t('formDialogInputWorkPermitIssueDate')" :label="$t('formDialogInputWorkPermitIssueDate')"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || work.statusSave"
placeholder="DD/MM/YYYY" placeholder="DD/MM/YYYY"
:mask="readonly ? '' : '##/##/####'" :mask="readonly || work.statusSave ? '' : '##/##/####'"
:model-value=" :model-value="
work.workPermitIssuDate work.workPermitIssuDate
? readonly ? readonly || work.statusSave
? dateFormat(work.workPermitIssuDate) ? dateFormat(work.workPermitIssuDate)
: dateFormat(work.workPermitIssuDate, false, false, true) : dateFormat(work.workPermitIssuDate, false, false, true)
: undefined : undefined
@ -383,7 +385,7 @@ const workplaceFilter = selectFilterOptionRefMod(
:dark="$q.dark.isActive" :dark="$q.dark.isActive"
:locale="$i18n.locale === 'th-th' ? 'th' : 'en'" :locale="$i18n.locale === 'th-th' ? 'th' : 'en'"
:enableTimePicker="false" :enableTimePicker="false"
:disabled="readonly" :disabled="readonly || work.statusSave"
class="col-3" class="col-3"
> >
<template #year="{ value }"> <template #year="{ value }">
@ -399,12 +401,12 @@ const workplaceFilter = selectFilterOptionRefMod(
:label="$t('formDialogInputWorkPermitExpireDate')" :label="$t('formDialogInputWorkPermitExpireDate')"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || work.statusSave"
placeholder="DD/MM/YYYY" placeholder="DD/MM/YYYY"
:mask="readonly ? '' : '##/##/####'" :mask="readonly || work.statusSave ? '' : '##/##/####'"
:model-value=" :model-value="
work.workPermitExpireDate work.workPermitExpireDate
? readonly ? readonly || work.statusSave
? dateFormat(work.workPermitExpireDate) ? dateFormat(work.workPermitExpireDate)
: dateFormat(work.workPermitExpireDate, false, false, true) : dateFormat(work.workPermitExpireDate, false, false, true)
: undefined : undefined
@ -442,7 +444,7 @@ const workplaceFilter = selectFilterOptionRefMod(
:for="`${prefixId}-input-owner-name`" :for="`${prefixId}-input-owner-name`"
:dense="dense" :dense="dense"
outlined outlined
:readonly="readonly" :readonly="readonly || work.statusSave"
hide-bottom-space hide-bottom-space
class="col-5" class="col-5"
:label="$t('formDialogInputOwnerName')" :label="$t('formDialogInputOwnerName')"
@ -464,9 +466,9 @@ const workplaceFilter = selectFilterOptionRefMod(
lazy-rules="ondemand" lazy-rules="ondemand"
v-model="work.positionName" v-model="work.positionName"
:dense="dense" :dense="dense"
:readonly="readonly" :readonly="readonly || work.statusSave"
:options="positionNameOptions" :options="positionNameOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly || work.statusSave"
:for="`${prefixId}-select-position-name`" :for="`${prefixId}-select-position-name`"
:label="$t('formDialogInputJobPosition')" :label="$t('formDialogInputJobPosition')"
@filter="positionNameFilter" @filter="positionNameFilter"