refactor: add prefixId

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

View file

@ -28,6 +28,7 @@ defineProps<{
separator?: boolean;
employee?: boolean;
title?: string;
prefixId: string;
}>();
</script>
<template>
@ -36,7 +37,7 @@ defineProps<{
</div>
<div class="col-md-9 col-12 row q-col-gutter-md">
<q-input
for="input-first-name"
:for="`${prefixId}-input-first-name`"
:dense="dense"
outlined
:readonly="readonly"
@ -49,7 +50,7 @@ defineProps<{
]"
/>
<q-input
for="input-last-name"
:for="`${prefixId}-input-last-name`"
:dense="dense"
outlined
:readonly="readonly"
@ -60,7 +61,7 @@ defineProps<{
:rules="[(val: string) => !!val || $t('formDialogInputLastNameValidate')]"
/>
<q-input
for="input-first-name-en"
:for="`${prefixId}-input-first-name-en`"
:dense="dense"
outlined
:readonly="readonly"
@ -73,7 +74,7 @@ defineProps<{
]"
/>
<q-input
for="input-last-name-en"
:for="`${prefixId}-input-last-name-en`"
:dense="dense"
outlined
:readonly="readonly"
@ -87,7 +88,7 @@ defineProps<{
/>
<q-input
v-if="!employee"
for="input-telephone"
:for="`${prefixId}-input-telephone`"
:dense="dense"
outlined
:readonly="readonly"
@ -98,7 +99,7 @@ defineProps<{
/>
<q-input
v-if="!employee"
for="input-email"
:for="`${prefixId}-input-email`"
:dense="dense"
outlined
:readonly="readonly"
@ -108,7 +109,7 @@ defineProps<{
/>
<q-select
v-if="!employee"
id="select-gender"
:id="`${prefixId}-select-gender`"
:dense="dense"
outlined
:readonly="readonly"
@ -124,8 +125,8 @@ defineProps<{
/>
<VueDatePicker
id="input-birth-date"
for="input-birth-date"
:id="`${prefixId}-input-birth-date`"
:for="`${prefixId}-input-birth-date`"
utc
autoApply
v-model="birthDate"
@ -145,7 +146,7 @@ defineProps<{
</template>
<template #trigger>
<q-input
for="input-birth-date"
:for="`${prefixId}-input-birth-date`"
hide-bottom-space
placeholder="DD/MM/YYYY"
:label="$t('formDialogInputBirthDate')"
@ -185,7 +186,7 @@ defineProps<{
</template>
</VueDatePicker>
<q-input
for="input-age"
:for="`${prefixId}-input-age`"
:dense="dense"
outlined
readonly
@ -200,7 +201,7 @@ defineProps<{
/>
<q-select
v-if="employee"
id="select-gender"
:id="`${prefixId}-select-gender`"
hide-bottom-space
:dense="dense"
outlined
@ -221,7 +222,7 @@ defineProps<{
/>
<q-select
v-if="employee"
id="select-nationality"
:id="`${prefixId}-select-nationality`"
hide-bottom-space
:dense="dense"
outlined