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

feat: customer employee form (basic info & checkup)

Browse source
This commit is contained in:
puriphatt 2024-06-07 12:24:09 +00:00
parent 768686d41c
commit a6a0c5d1e1
7 changed files with 728 additions and 136 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -12,12 +12,14 @@ const telephoneNo = defineModel<string>('telephoneNo');
const email = defineModel<string>('email');
const gender = defineModel<string>('gender');
const birthDate = defineModel<Date | null>('birthDate');
const nationality = defineModel<string>('nationality');
defineProps<{
dense?: boolean;
outlined?: boolean;
readonly?: boolean;
separator?: boolean;
employee?: boolean;
}>();
</script>
<template>
@ -78,6 +80,7 @@ defineProps<{
]"
/>
<q-input
v-if="!employee"
for="input-telephone"
:dense="dense"
:outlined="readonly ? false : outlined"
@ -89,6 +92,7 @@ defineProps<{
mask="##########"
/>
<q-input
v-if="!employee"
for="input-email"
:dense="dense"
:outlined="readonly ? false : outlined"
@ -99,6 +103,7 @@ defineProps<{
v-model="email"
/>
<q-select
v-if="!employee"
id="select-gender"
:dense="dense"
:outlined="readonly ? false : outlined"
@ -167,6 +172,41 @@ defineProps<{
class="col-3"
:model-value="birthDate ? userStore.calculateAge(birthDate) : ''"
/>
<q-select
v-if="employee"
id="select-gender"
:dense="dense"
:outlined="readonly ? false : outlined"
:readonly="readonly"
:hide-dropdown-icon="readonly"
:borderless="readonly"
emit-value
map-options
:label="$t('formDialogInputGender')"
class="col-3"
option-label="label"
option-value="value"
v-model="gender"
:options="userStore.userOption.genderOpts"
/>
<q-select
v-if="employee"
id="select-nationality"
:dense="dense"
:outlined="readonly ? false : outlined"
:readonly="readonly"
:borderless="readonly"
:hide-dropdown-icon="readonly"
emit-value
map-options
options-dense
:label="$t('formDialogInputNationality')"
class="col-3"
option-label="label"
option-value="label"
v-model="nationality"
:options="userStore.userOption.nationalityOpts"
/>
</div>
<q-separator
v-if="separator"