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

refactor: add workplace and workplaceEN

Browse source
This commit is contained in:
Net 2024-08-21 14:42:05 +07:00
parent 5040b64682
commit 608a5ff56c
1 changed files with 48 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/components/form/AddressForm.vue
View file

@ -24,6 +24,8 @@ defineProps<{
}>(); }>();
const adrressStore = useAddressStore(); const adrressStore = useAddressStore();
const workplace = defineModel<string>('workplace', { default: '' });
const workplaceEN = defineModel<string>('workplaceEN', { default: '' });
const address = defineModel('address', { default: '' }); const address = defineModel('address', { default: '' });
const addressEN = defineModel('addressEN', { default: '' }); const addressEN = defineModel('addressEN', { default: '' });
const provinceId = defineModel<string | null | undefined>('provinceId'); const provinceId = defineModel<string | null | undefined>('provinceId');
@ -200,6 +202,29 @@ watch(districtId, fetchSubDistrict);
{{ addressTitle || $t('formDialogTitleAddressPure') }} {{ addressTitle || $t('formDialogTitleAddressPure') }}
</div> </div>
<div class="col-12 row q-col-gutter-sm"> <div class="col-12 row q-col-gutter-sm">
<div class="row col-12">
<q-input
outlined
hide-bottom-space
class="col-6"
v-model="workplace"
lazy-rules="ondemand"
:dense="dense"
:label="$t('customer.form.workplace')"
:readonly="readonly || sameWithEmployer"
:for="`${prefixId}-${indexId !== undefined ? `input-address-${indexId}` : 'input-address'}`"
:rules="
disabledRule
? []
: [
(val) =>
(val && val.length > 0) ||
$t('formDialogInputAddressValidate'),
]
"
/>
</div>
<q-input <q-input
outlined outlined
hide-bottom-space hide-bottom-space
@ -365,6 +390,29 @@ watch(districtId, fetchSubDistrict);
{{ addressTitleEN || $t('formDialogTitleAddressPureEN') }} {{ addressTitleEN || $t('formDialogTitleAddressPureEN') }}
</div> </div>
<div class="col-12 row q-col-gutter-sm"> <div class="col-12 row q-col-gutter-sm">
<div class="row col-12">
<q-input
outlined
hide-bottom-space
class="col-6"
v-model="workplaceEN"
lazy-rules="ondemand"
:dense="dense"
:label="$t('customer.form.workplaceEN')"
:readonly="readonly || sameWithEmployer"
:for="`${prefixId}-${indexId !== undefined ? `input-address-${indexId}` : 'input-address'}`"
:rules="
disabledRule
? []
: [
(val) =>
(val && val.length > 0) ||
$t('formDialogInputAddressValidate'),
]
"
/>
</div>
<q-input <q-input
lazy-rules="ondemand" lazy-rules="ondemand"
:for="`${prefixId}-${indexId !== undefined ? `input-address-en-${indexId}` : 'input-address-en'}`" :for="`${prefixId}-${indexId !== undefined ? `input-address-en-${indexId}` : 'input-address-en'}`"