refactor: handle name trim

This commit is contained in:
Thanaphon Frappet 2024-11-29 13:33:07 +07:00
parent 5c39f9756a
commit 9fa735c529
5 changed files with 114 additions and 25 deletions

View file

@ -107,7 +107,13 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
hide-bottom-space
class="col-md-3 col-6"
:label="$t('form.firstName')"
v-model="employeeOther.fatherFirstName"
:model-value="employeeOther.fatherFirstName"
@update:model-value="
(v) =>
typeof v === 'string' && employeeOther
? (employeeOther.fatherFirstName = v.trim())
: ''
"
/>
<q-input
:for="`${prefixId}-input-father-last-name`"
@ -117,7 +123,13 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
hide-bottom-space
class="col-md-3 col-6"
:label="$t('form.lastName')"
v-model="employeeOther.fatherLastName"
:model-value="employeeOther.fatherLastName"
@update:model-value="
(v) =>
typeof v === 'string' && employeeOther
? (employeeOther.fatherLastName = v.trim())
: ''
"
/>
<q-input
:for="`${prefixId}-input-father-first-name-en`"
@ -127,7 +139,13 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
hide-bottom-space
class="col-md-3 col-6"
:label="$t('form.firstNameEN')"
v-model="employeeOther.fatherFirstNameEN"
:model-value="employeeOther.fatherFirstNameEN"
@update:model-value="
(v) =>
typeof v === 'string' && employeeOther
? (employeeOther.fatherFirstNameEN = v.trim())
: ''
"
/>
<q-input
:for="`${prefixId}-input-father-last-name-en`"
@ -137,7 +155,13 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
hide-bottom-space
class="col-md-3 col-6"
:label="$t('form.lastNameEN')"
v-model="employeeOther.fatherLastNameEN"
:model-value="employeeOther.fatherLastNameEN"
@update:model-value="
(v) =>
typeof v === 'string' && employeeOther
? (employeeOther.fatherLastNameEN = v.trim())
: ''
"
/>
</div>
@ -154,7 +178,13 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
hide-bottom-space
class="col-md-3 col-6"
:label="$t('form.firstName')"
v-model="employeeOther.motherFirstName"
:model-value="employeeOther.motherFirstName"
@update:model-value="
(v) =>
typeof v === 'string' && employeeOther
? (employeeOther.motherFirstName = v.trim())
: ''
"
/>
<q-input
:for="`${prefixId}-input-mother-last-name`"
@ -164,7 +194,13 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
hide-bottom-space
class="col-md-3 col-6"
:label="$t('form.lastName')"
v-model="employeeOther.motherLastName"
:model-value="employeeOther.motherLastName"
@update:model-value="
(v) =>
typeof v === 'string' && employeeOther
? (employeeOther.motherLastName = v.trim())
: ''
"
/>
<q-input
:for="`${prefixId}-input-mother-first-name-en`"
@ -174,7 +210,13 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
hide-bottom-space
class="col-md-3 col-6"
:label="$t('form.firstNameEN')"
v-model="employeeOther.motherFirstNameEN"
:model-value="employeeOther.motherFirstNameEN"
@update:model-value="
(v) =>
typeof v === 'string' && employeeOther
? (employeeOther.motherFirstNameEN = v.trim())
: ''
"
/>
<q-input
:for="`${prefixId}-input-mother-last-name-en`"
@ -184,7 +226,13 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
hide-bottom-space
class="col-md-3 col-6"
:label="$t('form.lastNameEN')"
v-model="employeeOther.motherLastNameEN"
:model-value="employeeOther.motherLastNameEN"
@update:model-value="
(v) =>
typeof v === 'string' && employeeOther
? (employeeOther.motherLastNameEN = v.trim())
: ''
"
/>
</div>
</div>

View file

@ -328,7 +328,7 @@ watch(
:label="$t('form.firstName')"
:model-value="readonly ? firstName || '-' : firstName"
@update:model-value="
(v) => (typeof v === 'string' ? (firstName = v) : '')
(v) => (typeof v === 'string' ? (firstName = v.trim()) : '')
"
/>
@ -342,7 +342,7 @@ watch(
:label="$t('form.middleName')"
:model-value="readonly ? middleName || '-' : middleName"
@update:model-value="
(v) => (typeof v === 'string' ? (middleName = v) : '')
(v) => (typeof v === 'string' ? (middleName = v.trim()) : '')
"
/>
@ -356,7 +356,7 @@ watch(
:label="$t('form.lastName')"
:model-value="readonly ? lastName || '-' : lastName"
@update:model-value="
(v) => (typeof v === 'string' ? (lastName = v) : '')
(v) => (typeof v === 'string' ? (lastName = v.trim()) : '')
"
/>
@ -382,7 +382,7 @@ watch(
:label="$t('form.firstNameEN')"
:model-value="readonly ? firstNameEN || '-' : firstNameEN"
@update:model-value="
(v) => (typeof v === 'string' ? (firstNameEN = v) : '')
(v) => (typeof v === 'string' ? (firstNameEN = v.trim()) : '')
"
/>
@ -396,7 +396,7 @@ watch(
:label="$t('form.middleNameEN')"
:model-value="readonly ? middleNameEN || '-' : middleNameEN"
@update:model-value="
(v) => (typeof v === 'string' ? (middleNameEN = v) : '')
(v) => (typeof v === 'string' ? (middleNameEN = v.trim()) : '')
"
/>
@ -410,7 +410,7 @@ watch(
:label="$t('form.lastNameEN')"
:model-value="readonly ? lastNameEN || '-' : lastNameEN"
@update:model-value="
(v) => (typeof v === 'string' ? (lastNameEN = v) : '')
(v) => (typeof v === 'string' ? (lastNameEN = v.trim()) : '')
"
/>

View file

@ -132,7 +132,10 @@ const workplaceFilter = selectFilterOptionRefMod(
hide-bottom-space
class="col-6"
:label="$t('customerEmployee.formWorkHistory.employerName')"
v-model="work.ownerName"
:model-value="work.ownerName"
@update:model-value="
(v) => (typeof v === 'string' ? (work.ownerName = v.trim()) : '')
"
/>
<q-select