refactor: add prefixId
This commit is contained in:
parent
1e4e2c2927
commit
1bbb5007d3
17 changed files with 241 additions and 175 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue