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

feat: เพิ่ม id ให้ form

Browse source
This commit is contained in:
Net 2024-06-17 11:21:13 +07:00
parent 0f8ea447f8
commit 555ece125c
8 changed files with 58 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/03_customer-management/AboutComponent.vue
View file

@ -26,6 +26,8 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
<div class="col-3 app-text-muted">• {{ $t(`about`) }}</div>
<div class="col-9 row q-col-gutter-md">
<q-input
for="input-branchCode"
id="input-branchCode"
v-if="typeCustomer === 'PERS'"
:dense="dense"
:outlined="!readonly"
@ -38,6 +40,8 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
/>
<q-input
for="input-customerName"
id="input-customerName"
v-if="typeCustomer === 'PERS'"
:dense="dense"
:outlined="!readonly"
@ -51,6 +55,8 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
<div class="row q-col-gutter-md">
<q-input
for="input-branchCode"
id="input-branchCode"
v-if="typeCustomer === 'CORP'"
:dense="dense"
:outlined="!readonly"
@ -62,6 +68,8 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
v-model="branchCode"
/>
<q-input
for="input-legalEntityCode"
id="input-legalEntityCode"
v-if="typeCustomer === 'CORP'"
:dense="dense"
:outlined="!readonly"
@ -74,6 +82,8 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
/>
<q-input
for="input-customerEnglishName"
id="input-customerEnglishName"
v-if="typeCustomer === 'CORP'"
:dense="dense"
:outlined="!readonly"
@ -86,6 +96,8 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
/>
<q-input
for="input-customerName"
id="input-customerName"
v-if="typeCustomer === 'CORP'"
:dense="dense"
:outlined="!readonly"
@ -99,6 +111,8 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
</div>
<q-input
for="input-taxNo"
id="input-taxNo"
v-if="typeCustomer === 'CORP'"
:dense="dense"
:outlined="!readonly"
@ -110,6 +124,8 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
v-model="taxNo"
/>
<q-input
for="input-registerName"
id="input-registerName"
v-if="typeCustomer === 'CORP'"
:dense="dense"
:outlined="!readonly"
@ -121,6 +137,8 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
v-model="registerName"
/>
<q-input
for="input-authorizedCapital"
id="input-authorizedCapital"
v-if="typeCustomer === 'CORP'"
:dense="dense"
:outlined="!readonly"
@ -132,6 +150,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
v-model="authorizedCapital"
/>
<VueDatePicker
id="date-picker-date"
v-if="typeCustomer === 'CORP'"
:teleport="true"
utc
@ -150,6 +169,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
</template>
<template #trigger>
<q-input
for="input-start-date"
id="input-start-date"
:label="$t('registerDate')"
:dense="dense"

8
src/components/03_customer-management/BasicInformation.vue
View file

@ -45,6 +45,8 @@ onMounted(async () => {});
</div>
<div v-if="!employee" class="col-9 row q-col-gutter-md">
<q-input
for="input-employer-id"
id="input-employer-id"
v-if="typeCustomer === 'PERS'"
:dense="dense"
:outlined="!readonly"
@ -56,6 +58,8 @@ onMounted(async () => {});
v-model="employerID"
/>
<q-input
for="input-tax-no"
id="input-tax-no"
v-if="typeCustomer === 'PERS'"
:dense="dense"
:outlined="!readonly"
@ -68,6 +72,8 @@ onMounted(async () => {});
/>
<q-input
for="input-customer-name"
id="input-customer-name"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"
@ -78,6 +84,8 @@ onMounted(async () => {});
v-model="customerName"
/>
<q-input
for="input-customer-name-en"
id="input-customer-name-en"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"

4
src/components/03_customer-management/ContactInformation.vue
View file

@ -16,6 +16,8 @@ const telephone = defineModel<string>('telephone');
<div class="col-3 app-text-muted">• {{ $t(`formDialogTitleContact`) }}</div>
<div class="col-9 row q-col-gutter-md">
<q-input
for="input-mail"
id="input-mail"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"
@ -26,6 +28,8 @@ const telephone = defineModel<string>('telephone');
v-model="mail"
/>
<q-input
for="input-telephone"
id="input-telephone"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"

16
src/components/03_customer-management/FormBusiness.vue
View file

@ -61,6 +61,8 @@ defineProps<{
</div>
<div class="col-9 row q-col-gutter-md">
<q-input
for="input-employment-office"
id="input-employment-office"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"
@ -72,6 +74,7 @@ defineProps<{
/>
<q-select
id="select-business-type"
emit-value
option-value="label"
option-label="label"
@ -87,6 +90,8 @@ defineProps<{
/>
<q-input
for="input-bussiness-type-en"
id="input-bussiness-type-en"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"
@ -98,6 +103,7 @@ defineProps<{
/>
<q-select
id="select-job-position"
emit-value
option-value="label"
option-label="label"
@ -113,6 +119,8 @@ defineProps<{
/>
<q-input
for="input-job-position-en"
id="input-job-position-en"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"
@ -124,6 +132,8 @@ defineProps<{
/>
<q-input
for="input-job-description"
id="input-job-description"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"
@ -135,6 +145,7 @@ defineProps<{
/>
<VueDatePicker
id="date-picker-start-date"
:teleport="true"
utc
autoApply
@ -152,6 +163,7 @@ defineProps<{
</template>
<template #trigger>
<q-input
for="input-start-date"
id="input-start-date"
:label="$t('payDay')"
:dense="dense"
@ -182,6 +194,8 @@ defineProps<{
</VueDatePicker>
<q-input
for="input-pay-rate"
id="input-pay-rate"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"
@ -193,6 +207,8 @@ defineProps<{
/>
<q-input
for="input-sales-person"
id="input-sales-person"
:dense="dense"
:outlined="!readonly"
:readonly="readonly"