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

change: form now validate on blur or malform

Browse source
This commit is contained in:
Methapon2001 2024-08-29 22:42:04 +07:00 • committed by Methapon Metanipat
parent 466d50317e
commit b7921d4173
29 changed files with 4 additions and 179 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/01_branch-management/FormBank.vue
View file

@ -144,7 +144,6 @@ watch(
option-value="value"
input-debounce="0"
option-label="label"
lazy-rules="ondemand"
class="col-12 col-md-4"
autocomplete="off"
:dense="dense"
@ -205,7 +204,6 @@ watch(
outlined
for="input-bankbook"
class="col-md-4 col-12"
lazy-rules="ondemand"
hide-bottom-space
:dense="dense"
:readonly="readonly"
@ -227,7 +225,6 @@ watch(
option-value="value"
input-debounce="0"
option-label="label"
lazy-rules="ondemand"
class="col-12 col-md-4"
autocomplete="off"
:dense="dense"
@ -255,7 +252,6 @@ watch(
outlined
for="input-bankbook"
class="col-12 col-md-4"
lazy-rules="ondemand"
hide-bottom-space
:dense="dense"
:readonly="readonly"
@ -278,7 +274,6 @@ watch(
outlined
for="input-bankbook"
class="col-12 col-md-4"
lazy-rules="ondemand"
hide-bottom-space
:dense="dense"
:readonly="readonly"

6
src/components/01_branch-management/FormBranchContact.vue
View file

@ -32,7 +32,6 @@ defineProps<{
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -54,7 +53,6 @@ defineProps<{
</q-input>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -78,7 +76,6 @@ defineProps<{
</q-input>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -91,7 +88,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -106,7 +102,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -130,7 +125,6 @@ defineProps<{
</q-input>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"

7
src/components/01_branch-management/FormBranchInformation.vue
View file

@ -42,7 +42,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
<div class="col-12 row q-col-gutter-sm">
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:disable="view && !readonly"
@ -60,7 +59,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
@update:model-value="(v) => (abbreviation = v as string)"
/>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
readonly
@ -85,7 +83,7 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
<!-- view ? `${formatCode(code, 'number')}${branchCount}` : code -->
<!-- <q-input
lazy-rules="ondemand"
v-if="typeBranch !== 'headOffice'"
:dense="dense"
outlined
@ -102,7 +100,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
/> -->
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -125,7 +122,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -142,7 +138,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
for="input-name"
/>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"

8
src/components/02_personnel-management/FormByType.vue
View file

@ -148,7 +148,6 @@ watch(
style="margin-left: 0px; padding-left: 0px"
>
<q-input
lazy-rules="ondemand"
for="input-regis-no"
:dense="dense"
outlined
@ -193,7 +192,6 @@ watch(
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
id="input-responsible-area"
:dense="dense"
:readonly="readonly"
@ -222,7 +220,6 @@ watch(
style="row-gap: 16px"
>
<q-input
lazy-rules="ondemand"
for="input-discount-condition"
:dense="dense"
outlined
@ -254,7 +251,6 @@ watch(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
class="col-md-3 col-6"
id="input-source-nationality"
:dense="dense"
@ -290,7 +286,6 @@ watch(
option-value="value"
option-label="label"
class="col-md-3 col-6"
lazy-rules="ondemand"
id="input-import-nationality"
:dense="dense"
:readonly="readonly"
@ -324,7 +319,6 @@ watch(
input-debounce="0"
option-label="label"
option-value="label"
lazy-rules="ondemand"
class="col-md-6 col-12"
id="select-trainig-place"
:dense="dense"
@ -348,7 +342,6 @@ watch(
</template>
</q-select>
<q-input
lazy-rules="ondemand"
for="input-checkpoint"
:dense="dense"
outlined
@ -362,7 +355,6 @@ watch(
@clear="checkpoint = ''"
/>
<q-input
lazy-rules="ondemand"
for="input-checkpoint-en"
:dense="dense"
outlined

7
src/components/02_personnel-management/FormInformation.vue
View file

@ -107,7 +107,6 @@ onMounted(async () => {
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
class="col-md-2 col-12"
:dense="dense"
:readonly="readonly"
@ -148,7 +147,6 @@ onMounted(async () => {
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
class="col-md-2 col-12"
:disable="isRoleInclude(['branch_manager']) && !readonly"
:dense="dense"
@ -170,7 +168,6 @@ onMounted(async () => {
</template>
</q-select>
<q-input
lazy-rules="ondemand"
for="input-username"
:dense="dense"
outlined
@ -204,7 +201,6 @@ onMounted(async () => {
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
for="select-user-type"
:dense="dense"
:readonly="readonly"
@ -241,7 +237,6 @@ onMounted(async () => {
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
for="select-user-role"
:dense="dense"
v-model="userRole"
@ -266,7 +261,7 @@ onMounted(async () => {
</q-item>
</template>
</q-select>
<!-- <q-input lazy-rules="ondemand"
<!-- <q-input
id="input-user-code"
:dense="dense"
:outlined="readonly ? false : outlined"

14
src/components/02_personnel-management/FormPerson.vue
View file

@ -124,7 +124,6 @@ watch(
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
hide-dropdown-icon
class="col-md-1 col-6"
:dense="dense"
@ -149,7 +148,6 @@ watch(
</q-select>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-first-name`"
:dense="dense"
outlined
@ -162,7 +160,6 @@ watch(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mid-name`"
:dense="dense"
outlined
@ -178,7 +175,6 @@ watch(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-last-name`"
:dense="dense"
outlined
@ -193,7 +189,6 @@ watch(
<div class="col-12 row" style="display: flex; gap: var(--size-2)">
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-first-name`"
:dense="dense"
outlined
@ -214,7 +209,6 @@ watch(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-first-name-en`"
:dense="dense"
outlined
@ -226,7 +220,6 @@ watch(
:rules="[(val: string) => !!val || $t('form.error.required')]"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mid-name-en`"
:dense="dense"
outlined
@ -241,7 +234,6 @@ watch(
@clear="midNameEN = ''"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-last-name-en`"
:dense="dense"
outlined
@ -255,7 +247,6 @@ watch(
</div>
<q-input
lazy-rules="ondemand"
v-if="!employee"
:for="`${prefixId}-input-telephone`"
:dense="dense"
@ -271,7 +262,6 @@ watch(
@clear="telephoneNo = ''"
/>
<q-input
lazy-rules="ondemand"
v-if="!employee"
:for="`${prefixId}-input-email`"
:dense="dense"
@ -296,7 +286,6 @@ watch(
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
class="col-md-2 col-6"
:dense="dense"
:readonly="readonly"
@ -333,7 +322,6 @@ watch(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-age`"
:id="`${prefixId}-input-age`"
:dense="dense"
@ -362,7 +350,6 @@ watch(
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
class="col-2"
:dense="dense"
v-model="gender"
@ -396,7 +383,6 @@ watch(
option-label="label"
option-value="value"
v-model="nationality"
lazy-rules="ondemand"
class="col-2"
:dense="dense"
:readonly="readonly"

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

@ -224,7 +224,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
</span>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly || checkup.statusSave"
@ -246,7 +245,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
v-model="checkup.checkupType"
:dense="dense"
:readonly="readonly || checkup.statusSave"
@ -276,7 +274,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
option-value="id"
input-debounce="0"
option-label="name"
lazy-rules="ondemand"
class="col-2"
v-model="checkup.provinceId"
:dense="dense"
@ -297,7 +294,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
</q-select>
<!-- @filter="provinceFilter" -->
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly || checkup.statusSave"
@ -320,7 +316,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
v-model="checkup.medicalBenefitScheme"
:dense="dense"
:readonly="readonly || checkup.statusSave"
@ -339,7 +334,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
</template>
</q-select>
<q-input
lazy-rules="ondemand"
:label="$t('general.remark')"
:dense="dense"
outlined
@ -380,7 +374,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
v-model="checkup.insuranceCompany"
:dense="dense"
:readonly="readonly || checkup.statusSave"

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

@ -67,7 +67,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
<div class="col-12 row q-col-gutter-y-sm">
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-citizen-id`"
:dense="dense"
outlined
@ -84,7 +83,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
</div>
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-father-first-name`"
:dense="dense"
outlined
@ -95,7 +93,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.fatherFirstName"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-father-last-name`"
:dense="dense"
outlined
@ -106,7 +103,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.fatherLastName"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-father-first-name-en`"
:dense="dense"
outlined
@ -117,7 +113,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.fatherFirstNameEN"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-father-last-name-en`"
:dense="dense"
outlined
@ -128,7 +123,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.fatherLastNameEN"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-father-birthplace`"
:dense="dense"
outlined
@ -146,7 +140,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
</div>
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mother-first-name`"
:dense="dense"
outlined
@ -157,7 +150,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.motherFirstName"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mother-last-name`"
:dense="dense"
outlined
@ -168,7 +160,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.motherLastName"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mother-first-name-en`"
:dense="dense"
outlined
@ -179,7 +170,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.motherFirstNameEN"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mother-last-name-en`"
:dense="dense"
outlined
@ -190,7 +180,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
v-model="employeeOther.motherLastNameEN"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mother-birthplace`"
:dense="dense"
outlined

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

@ -111,7 +111,6 @@ watch(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
v-model="passportType"
class="col-12"
:class="{ 'col-md-3': !ocr }"
@ -136,7 +135,6 @@ watch(
</template>
</q-select>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-passport-no`"
:dense="dense"
outlined
@ -151,7 +149,6 @@ watch(
]"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-passport-ref`"
:dense="dense"
outlined
@ -169,7 +166,6 @@ watch(
"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-passport-place`"
:dense="dense"
outlined
@ -195,7 +191,6 @@ watch(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
:class="{ 'col-12': ocr, 'col-6': !ocr, 'col-md-3': !ocr }"
v-model="passportIssuingCountry"
:dense="dense"

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

@ -112,7 +112,6 @@ watch(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
:class="{ 'col-4': !ocr, 'col-6': ocr }"
:dense="dense"
:readonly="readonly"
@ -140,7 +139,6 @@ watch(
!!val || $t('selectValidate') + $t('formDialogInputVisaType'),
]" -->
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-visa-no`"
:dense="dense"
outlined
@ -175,7 +173,6 @@ watch(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-visa-place`"
:dense="dense"
outlined
@ -202,7 +199,6 @@ watch(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-tm6`"
:dense="dense"
outlined

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

@ -190,7 +190,6 @@ const workplaceFilter = selectFilterOptionRefMod(
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
v-model="work.jobType"
:dense="dense"
:readonly="readonly || work.statusSave"
@ -219,7 +218,6 @@ const workplaceFilter = selectFilterOptionRefMod(
hide-bottom-space
class="col-6"
input-debounce="0"
lazy-rules="ondemand"
option-label="label"
option-value="value"
v-model="work.workplace"
@ -240,7 +238,6 @@ const workplaceFilter = selectFilterOptionRefMod(
</template>
</q-select>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-work-end-date`"
:label="$t('general.remark')"
:dense="dense"
@ -261,7 +258,6 @@ const workplaceFilter = selectFilterOptionRefMod(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-work-permit-no`"
:dense="dense"
outlined
@ -289,7 +285,6 @@ const workplaceFilter = selectFilterOptionRefMod(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-owner-name`"
:dense="dense"
outlined
@ -312,7 +307,6 @@ const workplaceFilter = selectFilterOptionRefMod(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
v-model="work.positionName"
:dense="dense"
:readonly="readonly || work.statusSave"

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

@ -124,7 +124,6 @@ onMounted(() => {
<div class="col-12 row" style="gap: var(--size-2)">
<q-select
lazy-rules="ondemand"
:id="`${prefixId}-select-employer-branch`"
:for="`${prefixId}-select-employer-branch`"
:use-input="!customerBranch"
@ -297,7 +296,6 @@ onMounted(() => {
</q-select>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-code`"
:dense="dense"
outlined
@ -310,7 +308,6 @@ onMounted(() => {
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-nrc-no`"
:dense="dense"
outlined

7
src/components/04_product-service/BasicInfoProduct.vue
View file

@ -112,7 +112,6 @@ watch(
id="select-br-id"
option-label="label"
option-value="value"
lazy-rules="ondemand"
:dense="dense"
:readonly="readonly"
:options="codeOptions"
@ -142,7 +141,6 @@ watch(
class="col-md-3 col-6"
option-value="id"
option-label="name"
lazy-rules="ondemand"
id="input-source-nationality"
v-model="registeredBranchId"
:dense="dense"
@ -177,7 +175,6 @@ watch(
</q-select>
<q-input
lazy-rules="ondemand"
for="input-name"
:dense="dense"
outlined
@ -190,7 +187,6 @@ watch(
:rules="[(val: string) => !!val || $t('form.error.required')]"
/>
<q-input
lazy-rules="ondemand"
for="input-process"
:dense="dense"
outlined
@ -212,7 +208,7 @@ watch(
</template>
</q-input>
<!-- <q-input
lazy-rules="ondemand"
for="input-detail"
:dense="dense"
outlined
@ -290,7 +286,6 @@ watch(
</q-field>
</div>
<q-input
lazy-rules="ondemand"
for="input-remark"
:dense="dense"
outlined

10
src/components/04_product-service/BasicInformation.vue
View file

@ -61,7 +61,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
</div>
<div v-if="!service" class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
readonly
@ -74,7 +73,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
v-model="code"
/>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -87,7 +85,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
:rules="[(val: string) => !!val || $t('form.error.required')]"
/>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -100,7 +97,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
:for="`input-detail`"
/>
<q-input
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -131,7 +127,7 @@ const serviceCodeFilter = selectFilterOptionRefMod(
id="select-br-id"
option-label="label"
option-value="value"
lazy-rules="ondemand"
:dense="dense"
:readonly="readonly"
:options="serviceCodeOptions"
@ -149,7 +145,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
</template>
</q-select> -->
<q-input
lazy-rules="ondemand"
id="input-service-code"
for="input-service-code"
:disable="!readonly && disableCode"
@ -175,7 +170,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
class="col-md-3 col-8"
option-value="id"
option-label="name"
lazy-rules="ondemand"
v-model="registeredBranchId"
id="input-source-nationality"
for="input-source-nationality"
@ -211,7 +205,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
</q-select>
<q-input
lazy-rules="ondemand"
id="input-service-name"
for="input-service-name"
:dense="dense"
@ -224,7 +217,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
:rules="[(val: string) => !!val || $t('form.error.required')]"
/>
<q-input
lazy-rules="ondemand"
id="input-service-description"
for="input-service-description"
:dense="dense"

3
src/components/04_product-service/PriceDataComponent.vue
View file

@ -73,7 +73,6 @@ withDefaults(
<div class="col-12 row q-col-gutter-sm">
<q-input
v-if="priceDisplay?.price"
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -87,7 +86,6 @@ withDefaults(
<q-input
v-if="priceDisplay?.agentPrice"
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"
@ -101,7 +99,6 @@ withDefaults(
<q-input
v-if="priceDisplay?.serviceCharge"
lazy-rules="ondemand"
:dense="dense"
outlined
:readonly="readonly"

5
src/components/04_product-service/ServiceProperties.vue
View file

@ -344,7 +344,6 @@ function confirmDelete(items: unknown[], index: number) {
<!-- field name -->
<q-select
lazy-rules="ondemand"
dense
outlined
emit-value
@ -374,7 +373,6 @@ function confirmDelete(items: unknown[], index: number) {
<!-- type -->
<div class="col-md col-12">
<q-select
lazy-rules="ondemand"
dense
outlined
emit-value
@ -483,7 +481,6 @@ function confirmDelete(items: unknown[], index: number) {
{{ $t('general.telephone') }}
</div>
<q-input
lazy-rules="ondemand"
v-if="p.type === 'string'"
v-model="p.phoneNumberLength"
input-class="text-caption"
@ -516,7 +513,6 @@ function confirmDelete(items: unknown[], index: number) {
{{ $t('form.decimal') }}
</div>
<q-input
lazy-rules="ondemand"
v-model="p.decimalPlace"
class="col additional-label"
:class="{ 'q-mt-xs': $q.screen.lt.md }"
@ -536,7 +532,6 @@ function confirmDelete(items: unknown[], index: number) {
>
<div class="col rounded">
<q-input
lazy-rules="ondemand"
v-model="p.options[i]"
class="col additional-label"
dense

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

@ -210,7 +210,6 @@ watch(districtId, fetchSubDistrict);
hide-bottom-space
class="col-6"
v-model="workplace"
lazy-rules="ondemand"
:dense="dense"
:label="$t('customer.form.workplace')"
:readonly="readonly || sameWithEmployer"
@ -231,7 +230,6 @@ watch(districtId, fetchSubDistrict);
hide-bottom-space
class="col-12"
v-model="address"
lazy-rules="ondemand"
:dense="dense"
:label="$t('form.address')"
:readonly="readonly || sameWithEmployer"
@ -256,7 +254,6 @@ watch(districtId, fetchSubDistrict);
input-debounce="0"
option-label="name"
v-model="provinceId"
lazy-rules="ondemand"
class="col-md-3 col-6"
:dense="dense"
:label="$t('form.province')"
@ -301,7 +298,6 @@ watch(districtId, fetchSubDistrict);
input-debounce="0"
option-label="name"
v-model="districtId"
lazy-rules="ondemand"
class="col-md-3 col-6"
:dense="dense"
:label="$t('form.district')"
@ -344,7 +340,6 @@ watch(districtId, fetchSubDistrict);
option-value="id"
input-debounce="0"
option-label="name"
lazy-rules="ondemand"
class="col-md-3 col-6"
v-model="subDistrictId"
:dense="dense"
@ -376,7 +371,6 @@ watch(districtId, fetchSubDistrict);
</template>
</q-select>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-${indexId !== undefined ? `input-zip-code-${indexId}` : 'input-zip-code'}`"
:dense="dense"
outlined
@ -403,7 +397,6 @@ watch(districtId, fetchSubDistrict);
hide-bottom-space
class="col-6"
v-model="workplaceEN"
lazy-rules="ondemand"
:dense="dense"
:label="$t('customer.form.workplaceEN')"
:readonly="readonly || sameWithEmployer"
@ -420,7 +413,6 @@ watch(districtId, fetchSubDistrict);
</div>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-${indexId !== undefined ? `input-address-en-${indexId}` : 'input-address-en'}`"
:dense="dense"
:readonly="readonly || sameWithEmployer"
@ -448,7 +440,6 @@ watch(districtId, fetchSubDistrict);
option-value="id"
input-debounce="0"
v-model="provinceId"
lazy-rules="ondemand"
option-label="nameEN"
class="col-md-3 col-6"
:dense="dense"
@ -492,7 +483,6 @@ watch(districtId, fetchSubDistrict);
option-value="id"
input-debounce="0"
v-model="districtId"
lazy-rules="ondemand"
option-label="nameEN"
class="col-md-3 col-6"
:dense="dense"
@ -535,7 +525,6 @@ watch(districtId, fetchSubDistrict);
hide-bottom-space
option-value="id"
input-debounce="0"
lazy-rules="ondemand"
option-label="nameEN"
class="col-md-3 col-6"
v-model="subDistrictId"
@ -568,7 +557,6 @@ watch(districtId, fetchSubDistrict);
</template>
</q-select>
<q-input
lazy-rules="ondemand"
hide-bottom-space
:for="`${prefixId}-${indexId !== undefined ? `input-zip-code-${indexId}` : 'input-zip-code'}`"
:dense="dense"

1
src/components/shared/DatePicker.vue
View file

@ -75,7 +75,6 @@ function valueUpdate(value: string) {
</template>
<template #trigger>
<q-input
lazy-rules="ondemand"
placeholder="DD/MM/YYYY"
hide-bottom-space
dense

11
src/components/upload-file/FormCitizen.vue
View file

@ -152,7 +152,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
</div>
<div class="col row" style="gap: 10px">
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -173,7 +172,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -185,7 +183,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -207,7 +204,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
class="col"
dense
:readonly="readonly"
@ -244,7 +240,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
hide-dropdown-icon
class="col-2"
dense
@ -271,7 +266,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
</q-select>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -283,7 +277,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -295,7 +288,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:disable="!readonly"
@ -310,7 +302,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -321,7 +312,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
v-model="firstNameEN"
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -333,7 +323,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"

3
src/pages/01_branch-management/MainPage.vue
View file

@ -963,7 +963,6 @@ watch(currentHq, () => {
class="row q-py-sm q-px-md justify-between full-width surface-3 bordered-b"
>
<q-input
lazy-rules="ondemand"
for="input-search"
outlined
dense
@ -983,7 +982,6 @@ watch(currentHq, () => {
:class="{ 'q-pt-xs': $q.screen.lt.md }"
>
<q-select
lazy-rules="ondemand"
v-model="statusFilter"
outlined
dense
@ -1005,7 +1003,6 @@ watch(currentHq, () => {
></q-select>
<q-select
lazy-rules="ondemand"
id="select-field"
for="select-field"
:options="

3
src/pages/02_personnel-management/MainPage.vue
View file

@ -841,7 +841,6 @@ watch(
>
<div class="row q-py-sm q-px-md justify-between full-width">
<q-input
lazy-rules="ondemand"
for="input-search"
outlined
dense
@ -862,7 +861,6 @@ watch(
style="white-space: nowrap"
>
<q-select
lazy-rules="ondemand"
v-model="statusFilter"
outlined
dense
@ -882,7 +880,6 @@ watch(
></q-select>
<q-select
lazy-rules="ondemand"
v-if="!modeView"
id="select-field"
for="select-field"

2
src/pages/03_customer-management/BranchPage.vue
View file

@ -271,7 +271,6 @@ watch([customerId, inputSearch, currentStatus], async () => {
<div class="row items-center justify-end col-12 col-md q-py-sm no-wrap">
<q-input
lazy-rules="ondemand"
outlined
dense
class="col-6"
@ -286,7 +285,6 @@ watch([customerId, inputSearch, currentStatus], async () => {
</q-input>
<q-select
lazy-rules="ondemand"
id="select-status"
for="select-status"
v-model="currentStatus"

3
src/pages/03_customer-management/MainPage.vue
View file

@ -831,7 +831,6 @@ const emptyCreateDialog = ref(false);
class="row q-px-md q-py-sm justify-between full-width surface-3 bordered-b"
>
<q-input
lazy-rules="ondemand"
for="input-search"
outlined
dense
@ -852,7 +851,6 @@ const emptyCreateDialog = ref(false);
style="white-space: nowrap"
>
<q-select
lazy-rules="ondemand"
id="select-status"
for="select-status"
v-model="currentStatus"
@ -872,7 +870,6 @@ const emptyCreateDialog = ref(false);
]"
></q-select>
<q-select
lazy-rules="ondemand"
id="select-field"
v-if="gridView === false"
for="select-field"

10
src/pages/03_customer-management/components/employer/EmployerFormAbout.vue
View file

@ -40,7 +40,6 @@ defineProps<{
<div class="row q-col-gutter-md">
<template v-if="customerType === 'CORP'">
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -52,7 +51,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
hide-bottom-space
@ -65,7 +63,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
hide-bottom-space
@ -78,7 +75,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -90,7 +86,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -102,7 +97,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -114,7 +108,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
type="text"
@ -146,7 +139,6 @@ defineProps<{
<template v-if="customerType === 'PERS'">
<q-input
lazy-rules="ondemand"
dense
outlined
:disable="index !== '0'"
@ -159,7 +151,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:disable="!readonly"
@ -172,7 +163,6 @@ defineProps<{
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:disable="!readonly"

10
src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
View file

@ -202,7 +202,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
option-value="id"
input-debounce="0"
option-label="name"
lazy-rules="ondemand"
v-model="registeredBranchId"
:readonly="readonly"
:options="filteredBranchOptions"
@ -245,7 +244,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
hide-dropdown-icon
class="col-12 col-md-2"
dense
@ -278,7 +276,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
</q-select>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -295,7 +292,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
]"
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -315,7 +311,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
dense
outlined
:disable="!readonly"
@ -332,7 +327,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -343,7 +337,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
v-model="firstNameEN"
/>
<q-input
lazy-rules="ondemand"
dense
outlined
:readonly="readonly"
@ -367,7 +360,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
input-debounce="0"
option-label="label"
option-value="value"
lazy-rules="ondemand"
class="col-12 col-md-2"
dense
:readonly="readonly"
@ -417,7 +409,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
</template>
<template #trigger>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-birth-date`"
hide-bottom-space
placeholder="DD/MM/YYYY"
@ -458,7 +449,6 @@ function formatCode(input: string | undefined, type: 'code' | 'number') {
</VueDatePicker>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-age`"
:id="`${prefixId}-input-age`"
dense

8
src/pages/03_customer-management/components/employer/EmployerFormBusiness.vue
View file

@ -81,7 +81,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
<template>
<div class="col-12 row q-col-gutter-sm">
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-employment-office`"
:id="`${prefixId}-input-employment-office`"
:dense="dense"
@ -105,7 +104,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
v-model="bussinessType"
class="col-md-6 col-12"
:dense="dense"
@ -125,7 +123,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
</q-select>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-bussiness-type-en`"
:id="`${prefixId}-input-bussiness-type-en`"
:dense="dense"
@ -149,7 +146,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
input-debounce="0"
option-value="value"
option-label="label"
lazy-rules="ondemand"
v-model="jobPosition"
class="col-md-6 col-12"
:dense="dense"
@ -169,7 +165,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
</q-select>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-job-position-en`"
:id="`${prefixId}-input-job-position-en`"
:dense="dense"
@ -182,7 +177,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-job-description`"
:id="`${prefixId}-input-job-description`"
:dense="dense"
@ -203,7 +197,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-pay-rate`"
:id="`${prefixId}-input-pay-rate`"
:dense="dense"
@ -216,7 +209,6 @@ let jobPositionFilter = selectFilterOptionRefMod(
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-sales-person`"
:id="`${prefixId}-input-sales-person`"
:dense="dense"

3
src/pages/03_customer-management/components/employer/EmployerFormContact.vue
View file

@ -11,7 +11,6 @@ const telephone = defineModel<string>('telephone');
<template>
<div class="col-md-9 col-12 row q-col-gutter-md">
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-contact-name`"
:id="`${prefixId}-input-contact-name`"
dense
@ -24,7 +23,6 @@ const telephone = defineModel<string>('telephone');
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-mail`"
:id="`${prefixId}-input-mail`"
dense
@ -36,7 +34,6 @@ const telephone = defineModel<string>('telephone');
v-model="mail"
/>
<q-input
lazy-rules="ondemand"
:for="`${prefixId}-input-telephone`"
:id="`${prefixId}-input-telephone`"
dense

7
src/pages/04_product-service/MainPage.vue
View file

@ -1791,7 +1791,6 @@ watch([currentStatusList, productMode], () => {
class="row q-py-sm q-px-md justify-between full-width surface-3 bordered-b"
>
<q-input
lazy-rules="ondemand"
for="input-search"
outlined
:class="{ 'col-12': $q.screen.lt.md }"
@ -1813,7 +1812,6 @@ watch([currentStatusList, productMode], () => {
style="white-space: nowrap"
>
<q-select
lazy-rules="ondemand"
v-model="currentStatus"
for="select-status"
outlined
@ -1836,7 +1834,6 @@ watch([currentStatusList, productMode], () => {
></q-select>
<q-select
lazy-rules="ondemand"
v-if="modeView === false"
id="select-field"
for="select-field"
@ -2427,7 +2424,6 @@ watch([currentStatusList, productMode], () => {
class="row justify-between items-center q-px-md q-py-sm surface-3 bordered-b"
>
<q-input
lazy-rules="ondemand"
:class="{ 'col-12': $q.screen.lt.md }"
outlined
dense
@ -2449,7 +2445,6 @@ watch([currentStatusList, productMode], () => {
>
<q-select
:for="'field-select-status'"
lazy-rules="ondemand"
v-model="currentStatus"
outlined
dense
@ -2472,7 +2467,6 @@ watch([currentStatusList, productMode], () => {
></q-select>
<q-select
lazy-rules="ondemand"
v-if="modeView === false"
:hide-dropdown-icon="$q.screen.lt.sm"
id="select-field"
@ -3545,7 +3539,6 @@ watch([currentStatusList, productMode], () => {
"
/>
<q-input
lazy-rules="ondemand"
id="input-search-add-product"
outlined
dense

2
src/pages/05_quotation/QuatationForm.vue
View file

@ -24,7 +24,6 @@ const toggleWorker = ref(true);
<div class="row q-pa-md items-center">
<div style="flex: 1"><q-img src="/logo.png" width="8rem" /></div>
<q-select
lazy-rules="ondemand"
v-model="selectedBranchIssuer"
:options="[{ label: 'Issuer 1', value: 'Issuer 1' }]"
:label="$t('quotation.form.customerBranchSelect')"
@ -36,7 +35,6 @@ const toggleWorker = ref(true);
dense
/>
<q-select
lazy-rules="ondemand"
v-model="selectedCustomer"
:options="[{ label: 'Customer 1', value: 'Customer 1' }]"
:label="$t('quotation.form.customerSelect')"