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

fix: form readonly (personnel management)

Browse source
This commit is contained in:
puriphatt 2024-06-27 04:42:48 +00:00
parent aa8e39b042
commit 77eeb0fe19
4 changed files with 37 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -33,9 +33,8 @@ defineProps<{
<q-input
for="input-first-name"
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:borderless="readonly"
hide-bottom-space
class="col-3"
:label="$t('formDialogInputFirstName')"
@ -47,9 +46,8 @@ defineProps<{
<q-input
for="input-last-name"
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:borderless="readonly"
hide-bottom-space
class="col-3"
:label="$t('formDialogInputLastName')"
@ -59,9 +57,8 @@ defineProps<{
<q-input
for="input-first-name-en"
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:borderless="readonly"
hide-bottom-space
class="col-3"
:label="$t('formDialogInputFirstNameEN')"
@ -73,9 +70,8 @@ defineProps<{
<q-input
for="input-last-name-en"
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:borderless="readonly"
hide-bottom-space
class="col-3"
:label="$t('formDialogInputLastNameEN')"
@ -88,9 +84,8 @@ defineProps<{
v-if="!employee"
for="input-telephone"
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:borderless="readonly"
class="col-6"
:label="$t('formDialogInputTelephone')"
v-model="telephoneNo"
@ -100,9 +95,8 @@ defineProps<{
v-if="!employee"
for="input-email"
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:borderless="readonly"
:label="$t('formDialogInputEmail')"
class="col-6"
v-model="email"
@ -111,10 +105,9 @@ defineProps<{
v-if="!employee"
id="select-gender"
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:hide-dropdown-icon="readonly"
:borderless="readonly"
emit-value
map-options
:label="$t('formDialogInputGender')"
@ -148,9 +141,8 @@ defineProps<{
hide-bottom-space
:label="$t('formDialogInputBirthDate')"
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:borderless="readonly"
:model-value="birthDate ? dateFormat(birthDate) : ''"
:rules="[
(val: string) =>
@ -171,8 +163,7 @@ defineProps<{
<q-input
for="input-age"
:dense="dense"
:outlined="readonly ? false : outlined"
:borderless="readonly"
outlined
readonly
:label="$t('formDialogInputAge')"
class="col-3"
@ -183,10 +174,9 @@ defineProps<{
id="select-gender"
hide-bottom-space
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:hide-dropdown-icon="readonly"
:borderless="readonly"
emit-value
map-options
:label="$t('formDialogInputGender')"
@ -205,9 +195,8 @@ defineProps<{
id="select-nationality"
hide-bottom-space
:dense="dense"
:outlined="readonly ? false : outlined"
outlined
:readonly="readonly"
:borderless="readonly"
:hide-dropdown-icon="readonly"
emit-value
map-options