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

refactor: add prefixId

Browse source
This commit is contained in:
Net 2024-07-25 14:44:32 +07:00
parent 1e4e2c2927
commit 1bbb5007d3
17 changed files with 241 additions and 175 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -9,6 +9,7 @@ defineProps<{
readonly?: boolean;
separator?: boolean;
typeCustomer?: string;
prefixId: string;
}>();
const { locale } = useI18n();
const branchCode = defineModel<string>('branchCode');
@ -27,8 +28,8 @@ const branchNo = defineModel<number>('branchNo');
<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"
:for="`${prefixId}-input-branch-code`"
:id="`${prefixId}-input-branch-code`"
v-if="typeCustomer === 'PERS'"
:dense="dense"
outlined
@ -40,8 +41,8 @@ const branchNo = defineModel<number>('branchNo');
/>
<q-input
for="input-branchCode"
id="input-branchCode"
:for="`${prefixId}-input-branch-code`"
:id="`${prefixId}-input-branch-code`"
:dense="dense"
outlined
:readonly="!!branchCode"
@ -52,8 +53,8 @@ const branchNo = defineModel<number>('branchNo');
/>
<q-input
for="input-customerName"
id="input-customerName"
:for="`${prefixId}-input-customer-name`"
:id="`${prefixId}-input-customer-name`"
v-if="typeCustomer === 'PERS'"
:dense="dense"
outlined
@ -65,8 +66,8 @@ const branchNo = defineModel<number>('branchNo');
/>
<q-input
for="input-customerEnglishName"
id="input-customerEnglishName"
:for="`${prefixId}-input-customer-english-name`"
:id="`${prefixId}-input-customer-english-name`"
v-if="typeCustomer === 'PERS'"
:dense="dense"
outlined
@ -79,8 +80,8 @@ const branchNo = defineModel<number>('branchNo');
<div class="row q-col-gutter-md">
<q-input
for="input-branchCode"
id="input-branchCode"
:for="`${prefixId}-input-branch-code`"
:id="`${prefixId}-input-branch-code`"
v-if="typeCustomer === 'CORP'"
:dense="dense"
outlined
@ -91,8 +92,8 @@ const branchNo = defineModel<number>('branchNo');
v-model="branchCode"
/>
<q-input
for="input-legalEntityCode"
id="input-legalEntityCode"
:for="`${prefixId}-input-legal-entity-code`"
:id="`${prefixId}-input-legal-entity-code`"
v-if="typeCustomer === 'CORP'"
:dense="dense"
outlined
@ -104,8 +105,8 @@ const branchNo = defineModel<number>('branchNo');
/>
<q-input
for="input-customerEnglishName"
id="input-customerEnglishName"
:for="`${prefixId}-input-customer-english-name`"
:id="`${prefixId}-input-customer-english-name`"
v-if="typeCustomer === 'CORP'"
:dense="dense"
outlined
@ -117,8 +118,8 @@ const branchNo = defineModel<number>('branchNo');
/>
<q-input
for="input-customerName"
id="input-customerName"
:for="`${prefixId}-input-customer-name`"
:id="`${prefixId}-input-customer-name`"
v-if="typeCustomer === 'CORP'"
:dense="dense"
outlined
@ -131,8 +132,8 @@ const branchNo = defineModel<number>('branchNo');
</div>
<q-input
for="input-taxNo"
id="input-taxNo"
:for="`${prefixId}-input-tax-no`"
:id="`${prefixId}-input-tax-no`"
v-if="typeCustomer === 'CORP'"
:dense="dense"
outlined
@ -148,8 +149,8 @@ const branchNo = defineModel<number>('branchNo');
]"
/>
<q-input
for="input-registerName"
id="input-registerName"
:for="`${prefixId}-input-register-name`"
:id="`${prefixId}-input-register-name`"
v-if="typeCustomer === 'CORP'"
:dense="dense"
outlined
@ -160,8 +161,8 @@ const branchNo = defineModel<number>('branchNo');
v-model="registerName"
/>
<q-input
for="input-authorizedCapital"
id="input-authorizedCapital"
:for="`${prefixId}-input-authorized-capital`"
:id="`${prefixId}-input-authorized-capital`"
v-if="typeCustomer === 'CORP'"
:dense="dense"
outlined
@ -172,7 +173,7 @@ const branchNo = defineModel<number>('branchNo');
v-model="authorizedCapital"
/>
<VueDatePicker
id="date-picker-date"
:id="`${prefixId}-date-picker-date`"
v-if="typeCustomer === 'CORP'"
:teleport="true"
utc
@ -192,8 +193,8 @@ const branchNo = defineModel<number>('branchNo');
</template>
<template #trigger>
<q-input
for="input-start-date"
id="input-start-date"
:for="`${prefixId}-input-start-date`"
:id="`${prefixId}-input-start-date`"
:label="$t('registerDate')"
:dense="dense"
outlined

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

@ -32,8 +32,8 @@ const props = defineProps<{
typeCustomer?: string;
employee?: boolean;
optionsBranch?: { id: string; name: string }[];
employeeOwnerOption?: CustomerBranch[];
prefixId: string;
}>();
defineEmits<{
@ -47,7 +47,7 @@ defineEmits<{
</div>
<div v-if="!employee" class="col-md-9 col-12 row q-col-gutter-md">
<q-select
id="input-source-nationality"
:id="`${prefixId}-input-source-nationality`"
:dense="dense"
outlined
:readonly="readonly"
@ -75,8 +75,8 @@ defineEmits<{
/>
<q-input
for="input-employer-id"
id="input-employer-id"
:for="`${prefixId}-input-employer-id`"
:id="`${prefixId}-input-employer-id`"
v-if="typeCustomer === 'PERS'"
:dense="dense"
outlined
@ -87,8 +87,8 @@ defineEmits<{
v-model="personName"
/>
<q-input
for="input-tax-no"
id="input-tax-no"
:for="`${prefixId}-input-tax-no`"
:id="`${prefixId}-input-tax-no`"
v-if="typeCustomer === 'PERS'"
:dense="dense"
outlined
@ -105,8 +105,8 @@ defineEmits<{
/>
<q-input
for="input-customer-name"
id="input-customer-name"
:for="`${prefixId}-input-customer-name`"
:id="`${prefixId}-input-customer-name`"
:dense="dense"
outlined
:readonly="readonly"
@ -118,8 +118,8 @@ defineEmits<{
v-model="customerName"
/>
<q-input
for="input-customer-name-en"
id="input-customer-name-en"
:for="`${prefixId}-input-customer-name-en`"
:id="`${prefixId}-input-customer-name-en`"
:dense="dense"
outlined
:readonly="readonly"
@ -137,7 +137,7 @@ defineEmits<{
<q-input
v-if="typeCustomer !== 'PERS'"
for="input-owner-name"
:for="`${prefixId}-input-owner-name`"
:dense="dense"
outlined
:readonly="readonly"
@ -150,7 +150,7 @@ defineEmits<{
<div v-if="employee" class="col-md-9 col-12 row q-col-gutter-md">
<q-select
for="select-employer-branch"
:for="`${prefixId}-select-employer-branch`"
:use-input="!customerBranch"
input-debounce="0"
:hide-dropdown-icon="readonly"
@ -354,7 +354,7 @@ defineEmits<{
</template>
</q-select>
<q-input
for="input-employeeID"
:for="`${prefixId}-input-employee-id`"
:dense="dense"
outlined
:readonly="true"
@ -366,7 +366,7 @@ defineEmits<{
<q-input
v-if="readonly && !nrcNo"
for="input-nrcNo"
:for="`${prefixId}-input-nrc-no`"
:dense="dense"
outlined
:readonly="readonly"
@ -378,7 +378,7 @@ defineEmits<{
<q-input
v-else
mask="## #### ###### #"
for="input-nrcNo"
:for="`${prefixId}-input-nrc-no`"
:dense="dense"
outlined
hide-bottom-space

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

@ -5,6 +5,7 @@ defineProps<{
outlined?: boolean;
readonly?: boolean;
separator?: boolean;
prefixId: string;
}>();
const mail = defineModel<string>('mail');
@ -16,8 +17,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"
:for="`${prefixId}-input-mail`"
:id="`${prefixId}-input-mail`"
:dense="dense"
outlined
:readonly="readonly"
@ -27,8 +28,8 @@ const telephone = defineModel<string>('telephone');
v-model="mail"
/>
<q-input
for="input-telephone"
id="input-telephone"
:for="`${prefixId}-input-telephone`"
:id="`${prefixId}-input-telephone`"
:dense="dense"
outlined
:readonly="readonly"

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

@ -30,6 +30,7 @@ defineProps<{
outlined?: boolean;
readonly?: boolean;
separator?: boolean;
prefixId: string;
}>();
onMounted(async () => {
@ -51,8 +52,8 @@ onMounted(async () => {
<div class="col-3 app-text-muted">• {{ $t('businessInformation') }}</div>
<div class="col-9 row q-col-gutter-md">
<q-input
for="input-employment-office"
id="input-employment-office"
:for="`${prefixId}-input-employment-office`"
:id="`${prefixId}-input-employment-office`"
:dense="dense"
outlined
:readonly="readonly"
@ -63,7 +64,7 @@ onMounted(async () => {
/>
<q-select
id="select-business-type"
:id="`${prefixId}-select-business-type`"
emit-value
option-value="value"
option-label="label"
@ -78,8 +79,8 @@ onMounted(async () => {
/>
<q-input
for="input-bussiness-type-en"
id="input-bussiness-type-en"
:for="`${prefixId}-input-bussiness-type-en`"
:id="`${prefixId}-input-bussiness-type-en`"
:dense="dense"
outlined
:readonly="readonly"
@ -90,7 +91,8 @@ onMounted(async () => {
/>
<q-select
id="select-job-position"
:for="`${prefixId}-select-job-position`"
:id="`${prefixId}-select-job-position`"
emit-value
option-value="value"
option-label="label"
@ -105,8 +107,8 @@ onMounted(async () => {
/>
<q-input
for="input-job-position-en"
id="input-job-position-en"
:for="`${prefixId}-input-job-position-en`"
:id="`${prefixId}-input-job-position-en`"
:dense="dense"
outlined
:readonly="readonly"
@ -117,8 +119,8 @@ onMounted(async () => {
/>
<q-input
for="input-job-description"
id="input-job-description"
:for="`${prefixId}-input-job-description`"
:id="`${prefixId}-input-job-description`"
:dense="dense"
outlined
:readonly="readonly"
@ -129,7 +131,7 @@ onMounted(async () => {
/>
<VueDatePicker
id="date-picker-start-date"
:id="`${prefixId}-date-picker-start-date`"
:teleport="true"
utc
autoApply
@ -148,8 +150,8 @@ onMounted(async () => {
</template>
<template #trigger>
<q-input
for="input-start-date"
id="input-start-date"
:for="`${prefixId}-input-start-date`"
:id="`${prefixId}-input-start-date`"
:label="$t('payDay')"
:dense="dense"
outlined
@ -191,8 +193,8 @@ onMounted(async () => {
</VueDatePicker>
<q-input
for="input-pay-rate"
id="input-pay-rate"
:for="`${prefixId}-input-pay-rate`"
:id="`${prefixId}-input-pay-rate`"
:dense="dense"
outlined
:readonly="readonly"
@ -203,8 +205,8 @@ onMounted(async () => {
/>
<q-input
for="input-sales-person"
id="input-sales-person"
:for="`${prefixId}-input-sales-person`"
:id="`${prefixId}-input-sales-person`"
:dense="dense"
outlined
:readonly="readonly"

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

@ -41,6 +41,7 @@ defineProps<{
readonly?: boolean;
separator?: boolean;
typeCustomer?: string;
prefixId: string;
}>();
async function fetchProvince() {
@ -120,7 +121,7 @@ onMounted(async () => {
v-if="!readonly && employeeCheckup?.length !== 1"
round
flat
id="closeDialog"
:id="`${prefixId}-closeDialog`"
size="sm"
icon="mdi-close"
padding="xs"
@ -155,7 +156,7 @@ onMounted(async () => {
v-model="checkup.checkupResult"
/>
<q-select
id="select-province"
:id="`${prefixId}-select-province`"
:dense="dense"
:readonly="readonly"
outlined
@ -172,7 +173,7 @@ onMounted(async () => {
lazy-rules
/>
<q-select
id="select-province"
:id="`${prefixId}-select-province`"
:dense="dense"
:readonly="readonly"
outlined
@ -208,7 +209,7 @@ onMounted(async () => {
type="textarea"
/>
<q-select
id="select-province"
:id="`${prefixId}-select-province`"
:dense="dense"
:readonly="readonly"
outlined
@ -225,7 +226,7 @@ onMounted(async () => {
lazy-rules
/>
<q-select
id="select-province"
:id="`${prefixId}-select-province`"
:dense="dense"
:readonly="readonly"
outlined
@ -260,7 +261,7 @@ onMounted(async () => {
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
:label="$t('formDialogInputCoverageStartDate')"
:dense="dense"
outlined

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

@ -7,6 +7,7 @@ defineProps<{
readonly?: boolean;
separator?: boolean;
employee?: boolean;
prefixId: string;
}>();
const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
</script>
@ -20,7 +21,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
<div class="col-3 q-pl-xl"></div>
<div class="col-9 row q-col-gutter-md">
<q-input
for="input-citizenId"
:for="`${prefixId}-input-citizen-id`"
:dense="dense"
outlined
:readonly="readonly"
@ -36,7 +37,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
</div>
<div class="col-9 row q-col-gutter-md">
<q-input
for="input-father-first-name"
:for="`${prefixId}-input-father-first-name`"
:dense="dense"
outlined
:readonly="readonly"
@ -46,7 +47,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.fatherFirstName"
/>
<q-input
for="input-father-last-name"
:for="`${prefixId}-input-father-last-name`"
:dense="dense"
outlined
:readonly="readonly"
@ -56,7 +57,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.fatherLastName"
/>
<q-input
for="input-father-first-name-en"
:for="`${prefixId}-input-father-first-name-en`"
:dense="dense"
outlined
:readonly="readonly"
@ -66,7 +67,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.fatherFirstNameEN"
/>
<q-input
for="input-father-last-name-en"
:for="`${prefixId}-input-father-last-name-en`"
:dense="dense"
outlined
:readonly="readonly"
@ -76,7 +77,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.fatherLastNameEN"
/>
<q-input
for="input-father-birthplace"
:for="`${prefixId}-input-father-birthplace`"
:dense="dense"
outlined
:readonly="readonly"
@ -92,7 +93,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
</div>
<div class="col-9 row q-col-gutter-md">
<q-input
for="input-mother-first-name"
:for="`${prefixId}-input-mother-first-name`"
:dense="dense"
outlined
:readonly="readonly"
@ -102,7 +103,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.motherFirstName"
/>
<q-input
for="input-mother-last-name"
:for="`${prefixId}-input-mother-last-name`"
:dense="dense"
outlined
:readonly="readonly"
@ -112,7 +113,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.motherLastName"
/>
<q-input
for="input-mother-first-name-en"
:for="`${prefixId}-input-mother-first-name-en`"
:dense="dense"
outlined
:readonly="readonly"
@ -122,7 +123,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.motherFirstNameEN"
/>
<q-input
for="input-mother-last-name-en"
:for="`${prefixId}-input-mother-last-name-en`"
:dense="dense"
outlined
:readonly="readonly"
@ -132,7 +133,7 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.motherLastNameEN"
/>
<q-input
for="input-mother-birthplace"
:for="`${prefixId}-input-mother-birthplace`"
:dense="dense"
outlined
:readonly="readonly"

19
src/components/03_customer-management/FormEmployeePassport.vue
View file

@ -25,6 +25,7 @@ defineProps<{
outlined?: boolean;
readonly?: boolean;
separator?: boolean;
prefixId: string;
}>();
</script>
@ -34,7 +35,7 @@ defineProps<{
</div>
<div class="col-md-9 col-12 row q-col-gutter-md">
<q-select
id="select-passport-type"
:id="`${prefixId}-select-passport-type`"
:dense="dense"
:readonly="readonly"
outlined
@ -55,7 +56,7 @@ defineProps<{
]"
/>
<q-input
for="input-passport-no"
:for="`${prefixId}-input-passport-no`"
:dense="dense"
outlined
:readonly="readonly"
@ -69,7 +70,7 @@ defineProps<{
]"
/>
<q-input
for="input-passport-ref"
:for="`${prefixId}-input-passport-ref`"
:dense="dense"
outlined
:readonly="readonly"
@ -79,7 +80,7 @@ defineProps<{
v-model="previousPassportReference"
/>
<q-input
for="input-passport-place"
:for="`${prefixId}-input-passport-place`"
:dense="dense"
outlined
:readonly="readonly"
@ -93,7 +94,7 @@ defineProps<{
]"
/>
<q-select
id="select-passport-country"
:id="`${prefixId}-select-passport-country`"
:dense="dense"
:readonly="readonly"
outlined
@ -114,7 +115,7 @@ defineProps<{
]"
/>
<VueDatePicker
id="date-picker-passport-issueance"
:id="`${prefixId}-date-picker-passport-issueance`"
utc
autoApply
v-model="passportIssueDate"
@ -133,7 +134,7 @@ defineProps<{
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
hide-bottom-space
:label="$t('formDialogInputPassportIssuance')"
:dense="dense"
@ -171,7 +172,7 @@ defineProps<{
</template>
</VueDatePicker>
<VueDatePicker
id="date-picker-passport-expire"
:id="`${prefixId}-date-picker-passport-expire`"
utc
autoApply
v-model="passportExpiryDate"
@ -190,7 +191,7 @@ defineProps<{
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
hide-bottom-space
:label="$t('formDialogInputPassportExpire')"
:dense="dense"

25
src/components/03_customer-management/FormEmployeeVisa.vue
View file

@ -40,6 +40,7 @@ defineProps<{
readonly?: boolean;
separator?: boolean;
typeCustomer?: string;
prefixId: string;
}>();
async function fetchProvince() {
@ -59,7 +60,7 @@ onMounted(async () => {
</div>
<div class="col-md-9 col-12 row q-col-gutter-md">
<q-select
id="select-visa-type"
:id="`${prefixId}-select-visa-type`"
:dense="dense"
:readonly="readonly"
outlined
@ -80,7 +81,7 @@ onMounted(async () => {
!!val || $t('selectValidate') + $t('formDialogInputVisaType'),
]" -->
<q-input
for="input-visa-no"
:for="`${prefixId}-input-visa-no`"
:dense="dense"
outlined
:readonly="readonly"
@ -94,7 +95,7 @@ onMounted(async () => {
!!val || $t('inputValidate') + $t('formDialogInputVisaNo'),
]" -->
<VueDatePicker
id="date-picker-visa-issuance"
:id="`${prefixId}-date-picker-visa-issuance`"
utc
autoApply
v-model="visaIssueDate"
@ -113,7 +114,7 @@ onMounted(async () => {
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
hide-bottom-space
:label="$t('formDialogInputVisaIssuance')"
:dense="dense"
@ -159,7 +160,7 @@ onMounted(async () => {
</template>
</VueDatePicker>
<VueDatePicker
id="date-picker-visa-expire"
:id="`${prefixId}-date-picker-visa-expire`"
utc
autoApply
v-model="visaExpiryDate"
@ -178,7 +179,7 @@ onMounted(async () => {
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
hide-bottom-space
:label="$t('formDialogInputVisaExpire')"
:dense="dense"
@ -224,7 +225,7 @@ onMounted(async () => {
</template>
</VueDatePicker>
<q-input
for="input-visa-place"
:for="`${prefixId}-input-visa-place`"
:dense="dense"
outlined
:readonly="readonly"
@ -238,7 +239,7 @@ onMounted(async () => {
!!val || $t('selectValidate') + $t('formDialogInputVisaPlace'),
]" -->
<VueDatePicker
id="date-picker-visa-until"
:id="`${prefixId}-date-picker-visa-until`"
utc
autoApply
v-model="visaStayUntilDate"
@ -257,7 +258,7 @@ onMounted(async () => {
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
hide-bottom-space
:label="$t('formDialogInputVisaStayUntil')"
:dense="dense"
@ -304,7 +305,7 @@ onMounted(async () => {
</template>
</VueDatePicker>
<q-input
for="input-tm6"
:for="`${prefixId}-input-tm6`"
:dense="dense"
outlined
:readonly="readonly"
@ -318,7 +319,7 @@ onMounted(async () => {
!!val || $t('inputValidate') + $t('formDialogInputVisaTM6'),
]" -->
<VueDatePicker
id="date-picker-visa-enter"
:id="`${prefixId}-date-picker-visa-enter`"
utc
autoApply
v-model="entryDate"
@ -337,7 +338,7 @@ onMounted(async () => {
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
:label="$t('formDialogInputVisaEnter')"
:dense="dense"
outlined

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

@ -22,6 +22,7 @@ defineProps<{
outlined?: boolean;
readonly?: boolean;
separator?: boolean;
prefixId: string;
}>();
function addData() {
@ -91,7 +92,7 @@ onMounted(async () => {
v-if="!readonly && employeeWork?.length !== 1"
round
flat
id="closeDialog"
:id="`${prefixId}-close-dialog`"
size="sm"
icon="mdi-close"
padding="xs"
@ -115,7 +116,7 @@ onMounted(async () => {
<div class="col-3 app-text-muted">• {{ $t(`workHistory`) }}</div>
<div class="col-9 row q-col-gutter-md">
<q-input
for="input-ownerName"
:for="`${prefixId}-input-owner-name`"
:dense="dense"
outlined
:readonly="readonly"
@ -125,7 +126,7 @@ onMounted(async () => {
v-model="work.ownerName"
/>
<q-select
id="select-positionName"
:id="`${prefixId}-select-position-name`"
:dense="dense"
:readonly="readonly"
outlined
@ -142,7 +143,7 @@ onMounted(async () => {
lazy-rules
/>
<q-select
id="select-jobType"
:id="`${prefixId}-select-job-type`"
:dense="dense"
:readonly="readonly"
outlined
@ -159,7 +160,7 @@ onMounted(async () => {
lazy-rules
/>
<q-select
id="select-province"
:id="`${prefixId}-select-province`"
:dense="dense"
:readonly="readonly"
outlined
@ -176,7 +177,7 @@ onMounted(async () => {
lazy-rules
/>
<q-input
for="input-workEndDate"
:for="`${prefixId}-input-work-end-date`"
:label="$t('formDialogInputRemark')"
:dense="dense"
outlined
@ -187,7 +188,7 @@ onMounted(async () => {
type="textarea"
/>
<VueDatePicker
id="date-picker-workEndDate"
:id="`${prefixId}-date-picker-work-end-date`"
utc
autoApply
v-model="work.workEndDate"
@ -206,7 +207,7 @@ onMounted(async () => {
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
:label="$t('formDialogInputWorkUntil')"
:dense="dense"
outlined
@ -247,7 +248,7 @@ onMounted(async () => {
</template>
</VueDatePicker>
<q-input
for="input-workPermitNo"
:for="`${prefixId}-input-work-permit-no`"
:dense="dense"
outlined
:readonly="readonly"
@ -257,7 +258,7 @@ onMounted(async () => {
v-model="work.workPermitNo"
/>
<VueDatePicker
id="date-picker-workPermitIssuDate"
:id="`${prefixId}-date-picker-work-permit-issu-date`"
utc
autoApply
v-model="work.workPermitIssuDate"
@ -276,7 +277,7 @@ onMounted(async () => {
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
:label="$t('formDialogInputWorkPermitIssueDate')"
:dense="dense"
outlined
@ -317,7 +318,7 @@ onMounted(async () => {
</template>
</VueDatePicker>
<VueDatePicker
id="date-picker-workPermitExpireDate"
:id="`${prefixId}-date-picker-work-permit-expire-date`"
utc
autoApply
v-model="work.workPermitExpireDate"
@ -336,7 +337,7 @@ onMounted(async () => {
</template>
<template #trigger>
<q-input
id="input-birth-date"
:id="`${prefixId}-input-birth-date`"
:label="$t('formDialogInputWorkPermitExpireDate')"
:dense="dense"
outlined

3
src/components/03_customer-management/OtherInformation.vue
View file

@ -6,6 +6,7 @@ defineProps<{
outlined?: boolean;
readonly?: boolean;
separator?: boolean;
prefixId: string;
}>();
const fileEmployerDocument = defineModel<File | null>('fileEmployerDocument');
@ -16,7 +17,7 @@ const fileEmployerDocument = defineModel<File | null>('fileEmployerDocument');
<div class="col-3 app-text-muted">• {{ $t(`otherDocument`) }}</div>
<div class="col-9 row q-col-gutter-md">
<q-file
id="input-attchment"
:id="`${prefixId}-input-attchment`"
:dense="dense"
outlined
:readonly="readonly"