refactor: edit name defineModel
This commit is contained in:
Thanaphon Frappet
parent
882b5fb753
commit
d7a99d2ee2
13 changed files with 241 additions and 269 deletions
|
|
@ -800,7 +800,7 @@ watch(
|
|||
<div style="display: inline-block">
|
||||
<StatCardComponent
|
||||
v-if="typeStats && userData?.result"
|
||||
labelI18n
|
||||
label-i18n
|
||||
:branch="
|
||||
currentTab === 'ALL'
|
||||
? Object.entries(typeStats).map(([key, val]) => ({
|
||||
|
|
@ -1509,7 +1509,7 @@ watch(
|
|||
:category="$t('personnel.personnel')"
|
||||
bg-on
|
||||
hide-action
|
||||
:isEdit="infoDrawerEdit"
|
||||
:is-edit="infoDrawerEdit"
|
||||
:title="
|
||||
locale === 'eng'
|
||||
? `${currentUser.firstNameEN} ${currentUser.lastNameEN}`
|
||||
|
|
@ -1544,7 +1544,7 @@ watch(
|
|||
v-model:toggle-status="formData.status"
|
||||
hideFade
|
||||
:menu="formMenuIcon"
|
||||
:toggleTitle="$t('status.title')"
|
||||
:toggle-title="$t('status.title')"
|
||||
:title="`${locale === 'eng' ? `${formData.firstNameEN} ${formData.lastNameEN}` : `${formData.firstName} ${formData.lastName}`}`"
|
||||
:caption="userCode"
|
||||
:img="
|
||||
|
|
@ -1556,7 +1556,7 @@ watch(
|
|||
female: '/no-img-female.png',
|
||||
}[formData.gender]
|
||||
"
|
||||
:fallbackImg="
|
||||
:fallback-img="
|
||||
{
|
||||
male: '/no-img-man.png',
|
||||
female: '/no-img-female.png',
|
||||
|
|
@ -1709,20 +1709,20 @@ watch(
|
|||
separator
|
||||
:title="'form.field.basicInformation'"
|
||||
:readonly="!infoDrawerEdit"
|
||||
:usernameReadonly="isEdit"
|
||||
:username-readonly="isEdit"
|
||||
class="q-mb-xl"
|
||||
/>
|
||||
|
||||
<FormPerson
|
||||
id="info-personal"
|
||||
v-model:firstName="formData.firstName"
|
||||
v-model:lastName="formData.lastName"
|
||||
v-model:midName="formData.middleName"
|
||||
v-model:midNameEN="formData.middleNameEN"
|
||||
v-model:prefixName="formData.namePrefix"
|
||||
v-model:prefixNameEN="formData.namePrefix"
|
||||
v-model:firstNameEN="formData.firstNameEN"
|
||||
v-model:lastNameEN="formData.lastNameEN"
|
||||
v-model:first-name="formData.firstName"
|
||||
v-model:last-name="formData.lastName"
|
||||
v-model:mid-name="formData.middleName"
|
||||
v-model:mid-name-en="formData.middleNameEN"
|
||||
v-model:prefix-name="formData.namePrefix"
|
||||
v-model:prefix-name-en="formData.namePrefix"
|
||||
v-model:first-name-en="formData.firstNameEN"
|
||||
v-model:last-name-en="formData.lastNameEN"
|
||||
v-model:telephone-no="formData.telephoneNo"
|
||||
v-model:email="formData.email"
|
||||
v-model:gender="formData.gender"
|
||||
|
|
@ -1765,20 +1765,20 @@ watch(
|
|||
separator
|
||||
id="info-work"
|
||||
:readonly="!infoDrawerEdit"
|
||||
v-model:userType="formData.userType"
|
||||
v-model:registrationNo="formData.registrationNo"
|
||||
v-model:startDate="formData.startDate"
|
||||
v-model:retireDate="formData.retireDate"
|
||||
v-model:responsibleArea="formData.responsibleArea"
|
||||
v-model:discountCondition="formData.discountCondition"
|
||||
v-model:sourceNationality="formData.sourceNationality"
|
||||
v-model:importNationality="formData.importNationality"
|
||||
v-model:trainingPlace="formData.trainingPlace"
|
||||
v-model:user-type="formData.userType"
|
||||
v-model:registration-no="formData.registrationNo"
|
||||
v-model:start-date="formData.startDate"
|
||||
v-model:retire-date="formData.retireDate"
|
||||
v-model:responsible-area="formData.responsibleArea"
|
||||
v-model:discount-condition="formData.discountCondition"
|
||||
v-model:source-nationality="formData.sourceNationality"
|
||||
v-model:import-nationality="formData.importNationality"
|
||||
v-model:training-place="formData.trainingPlace"
|
||||
v-model:checkpoint="formData.checkpoint"
|
||||
v-model:checkpointEN="formData.checkpointEN"
|
||||
v-model:agencyFile="agencyFile"
|
||||
v-model:agencyFileList="agencyFileList"
|
||||
v-model:userId="currentUser.id"
|
||||
v-model:checkpoint-en="formData.checkpointEN"
|
||||
v-model:agency-file="agencyFile"
|
||||
v-model:agency-file-list="agencyFileList"
|
||||
v-model:user-id="currentUser.id"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1924,12 +1924,12 @@ watch(
|
|||
separator
|
||||
:title="'form.field.basicInformation'"
|
||||
:usernameReadonly="isEdit"
|
||||
v-model:hqId="hqId"
|
||||
v-model:brId="brId"
|
||||
v-model:userType="formData.userType"
|
||||
v-model:userRole="formData.userRole"
|
||||
v-model:hq-id="hqId"
|
||||
v-model:br-id="brId"
|
||||
v-model:user-type="formData.userType"
|
||||
v-model:user-role="formData.userRole"
|
||||
v-model:username="formData.username"
|
||||
v-model:userCode="userCode"
|
||||
v-model:user-code="userCode"
|
||||
class="q-mb-xl"
|
||||
/>
|
||||
<FormPerson
|
||||
|
|
@ -1939,14 +1939,14 @@ watch(
|
|||
outlined
|
||||
separator
|
||||
:title="'personnel.form.personalInformation'"
|
||||
v-model:firstName="formData.firstName"
|
||||
v-model:lastName="formData.lastName"
|
||||
v-model:midName="formData.middleName"
|
||||
v-model:midNameEN="formData.middleNameEN"
|
||||
v-model:prefixName="formData.namePrefix"
|
||||
v-model:prefixNameEN="formData.namePrefix"
|
||||
v-model:firstNameEN="formData.firstNameEN"
|
||||
v-model:lastNameEN="formData.lastNameEN"
|
||||
v-model:first-name="formData.firstName"
|
||||
v-model:last-name="formData.lastName"
|
||||
v-model:mid-name="formData.middleName"
|
||||
v-model:mid-name-en="formData.middleNameEN"
|
||||
v-model:prefix-name="formData.namePrefix"
|
||||
v-model:prefix-name-en="formData.namePrefix"
|
||||
v-model:first-name-en="formData.firstNameEN"
|
||||
v-model:last-name-en="formData.lastNameEN"
|
||||
v-model:telephone-no="formData.telephoneNo"
|
||||
v-model:email="formData.email"
|
||||
v-model:gender="formData.gender"
|
||||
|
|
@ -1979,18 +1979,18 @@ watch(
|
|||
dense
|
||||
outlined
|
||||
separator
|
||||
v-model:userType="formData.userType"
|
||||
v-model:registrationNo="formData.registrationNo"
|
||||
v-model:startDate="formData.startDate"
|
||||
v-model:retireDate="formData.retireDate"
|
||||
v-model:responsibleArea="formData.responsibleArea"
|
||||
v-model:discountCondition="formData.discountCondition"
|
||||
v-model:sourceNationality="formData.sourceNationality"
|
||||
v-model:importNationality="formData.importNationality"
|
||||
v-model:trainingPlace="formData.trainingPlace"
|
||||
v-model:user-type="formData.userType"
|
||||
v-model:registration-no="formData.registrationNo"
|
||||
v-model:start-date="formData.startDate"
|
||||
v-model:retire-date="formData.retireDate"
|
||||
v-model:responsible-area="formData.responsibleArea"
|
||||
v-model:discount-condition="formData.discountCondition"
|
||||
v-model:source-nationality="formData.sourceNationality"
|
||||
v-model:import-nationality="formData.importNationality"
|
||||
v-model:training-place="formData.trainingPlace"
|
||||
v-model:checkpoint="formData.checkpoint"
|
||||
v-model:checkpointEN="formData.checkpointEN"
|
||||
v-model:agencyFile="agencyFile"
|
||||
v-model:checkpoint-en="formData.checkpointEN"
|
||||
v-model:agency-file="agencyFile"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1998,7 +1998,7 @@ watch(
|
|||
</DialogForm>
|
||||
|
||||
<ImageUploadDialog
|
||||
v-model:dialogState="imageDialog"
|
||||
v-model:dialog-state="imageDialog"
|
||||
v-model:file="profileFileImg"
|
||||
v-model:image-url="urlProfile"
|
||||
v-model:data-list="imageList"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue