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

Merge branch 'dev/phatt' into develop

Browse source
This commit is contained in:
puriphatt 2024-04-25 04:07:49 +00:00
commit 4b8213df5d
6 changed files with 31 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -82,7 +82,7 @@ watch(districtId, fetchSubDistrict);
</div> </div>
<div class="col-9 row q-col-gutter-md"> <div class="col-9 row q-col-gutter-md">
<q-input <q-input
id="input-address" for="input-address"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -167,7 +167,7 @@ watch(districtId, fetchSubDistrict);
@update:model-value="(v: string) => selectSubDistrict(v)" @update:model-value="(v: string) => selectSubDistrict(v)"
/> />
<q-input <q-input
id="input-zip-code" for="input-zip-code"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:borderless="readonly" :borderless="readonly"
@ -182,7 +182,7 @@ watch(districtId, fetchSubDistrict);
</div> </div>
<div class="col-9 row q-col-gutter-md"> <div class="col-9 row q-col-gutter-md">
<q-input <q-input
id="input-address-en" for="input-address-en"
:dense="dense" :dense="dense"
:readonly="readonly" :readonly="readonly"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
@ -264,7 +264,7 @@ watch(districtId, fetchSubDistrict);
@update:model-value="(v: string) => selectSubDistrict(v)" @update:model-value="(v: string) => selectSubDistrict(v)"
/> />
<q-input <q-input
id="input-zip-code" for="input-zip-code"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:borderless="readonly" :borderless="readonly"

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

@ -73,7 +73,7 @@ function deleteFile(name: string) {
style="margin-left: 0px; padding-left: 0px" style="margin-left: 0px; padding-left: 0px"
> >
<q-input <q-input
id="input-regis-no" for="input-regis-no"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -86,6 +86,7 @@ function deleteFile(name: string) {
utc utc
autoApply autoApply
v-model="startDate" v-model="startDate"
:teleport="true"
:locale="'th'" :locale="'th'"
:enableTimePicker="false" :enableTimePicker="false"
:disabled="readonly" :disabled="readonly"
@ -96,7 +97,7 @@ function deleteFile(name: string) {
</template> </template>
<template #trigger> <template #trigger>
<q-input <q-input
id="input-start-date" for="input-start-date"
:label="$t('formDialogInputStartDate')" :label="$t('formDialogInputStartDate')"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
@ -129,6 +130,7 @@ function deleteFile(name: string) {
utc utc
autoApply autoApply
v-model="retireDate" v-model="retireDate"
:teleport="true"
:locale="'th'" :locale="'th'"
:enableTimePicker="false" :enableTimePicker="false"
:disabled="readonly" :disabled="readonly"
@ -139,7 +141,7 @@ function deleteFile(name: string) {
</template> </template>
<template #trigger> <template #trigger>
<q-input <q-input
id="input-retire-date" for="input-retire-date"
:label="$t('formDialogInputRetireDate')" :label="$t('formDialogInputRetireDate')"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
@ -192,7 +194,7 @@ function deleteFile(name: string) {
style="row-gap: 16px" style="row-gap: 16px"
> >
<q-input <q-input
id="input-discount-condition" for="input-discount-condition"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -260,7 +262,7 @@ function deleteFile(name: string) {
:options="userStore.userOption.trainingPlaceOpts" :options="userStore.userOption.trainingPlaceOpts"
/> />
<q-input <q-input
id="input-checkpoint" for="input-checkpoint"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -270,7 +272,7 @@ function deleteFile(name: string) {
v-model="checkpoint" v-model="checkpoint"
/> />
<q-input <q-input
id="input-checkpoint-en" for="input-checkpoint-en"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -280,7 +282,7 @@ function deleteFile(name: string) {
v-model="checkpointEN" v-model="checkpointEN"
/> />
<q-file <q-file
id="input-attchment" for="input-attchment"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"

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

@ -73,7 +73,7 @@ async function selectHq(id: string) {
:options="userStore.userOption.brOpts" :options="userStore.userOption.brOpts"
/> />
<q-input <q-input
id="input-username" for="input-username"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:borderless="readonly" :borderless="readonly"

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

@ -24,7 +24,7 @@ defineProps<{
<div class="col-3 app-text-muted">• {{ $t('formDialogTitlePersonnel') }}</div> <div class="col-3 app-text-muted">• {{ $t('formDialogTitlePersonnel') }}</div>
<div class="col-9 row q-col-gutter-md"> <div class="col-9 row q-col-gutter-md">
<q-input <q-input
id="input-first-name" for="input-first-name"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -38,7 +38,7 @@ defineProps<{
]" ]"
/> />
<q-input <q-input
id="input-last-name" for="input-last-name"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -50,7 +50,7 @@ defineProps<{
:rules="[(val: string) => !!val || $t('formDialogInputLastNameValidate')]" :rules="[(val: string) => !!val || $t('formDialogInputLastNameValidate')]"
/> />
<q-input <q-input
id="input-first-name-en" for="input-first-name-en"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -64,7 +64,7 @@ defineProps<{
]" ]"
/> />
<q-input <q-input
id="input-last-name-en" for="input-last-name-en"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -78,7 +78,7 @@ defineProps<{
]" ]"
/> />
<q-input <q-input
id="input-telephone" for="input-telephone"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -89,7 +89,7 @@ defineProps<{
mask="##########" mask="##########"
/> />
<q-input <q-input
id="input-email" for="input-email"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:readonly="readonly" :readonly="readonly"
@ -158,7 +158,7 @@ defineProps<{
</template> </template>
</VueDatePicker> </VueDatePicker>
<q-input <q-input
id="input-age" for="input-age"
:dense="dense" :dense="dense"
:outlined="readonly ? false : outlined" :outlined="readonly ? false : outlined"
:borderless="readonly" :borderless="readonly"

2
src/components/UsersDetailCardComponent.vue
View file

@ -37,7 +37,7 @@ defineEmits<{
<template> <template>
<div v-if="metadata"> <div v-if="metadata">
<div <div
:style="`${noBg ? 'aspect-ratio: 1.91/2' : 'aspect-ratio: 9/16'}`" :style="`${noBg ? 'height: 228px' : 'aspect-ratio: 9/16'}`"
class="flip" class="flip"
:class="{ :class="{
'person-box__no-hover': noHover, 'person-box__no-hover': noHover,

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

@ -72,7 +72,7 @@ const defaultFormData = {
const userCode = ref<string>(); const userCode = ref<string>();
const currentUser = ref<User>(); const currentUser = ref<User>();
const infoPersonCardEdit = ref(false); const infoDrawerEdit = ref(false);
const infoPersonId = ref<string>(''); const infoPersonId = ref<string>('');
const infoPersonCard = ref(); const infoPersonCard = ref();
const infoDrawer = ref(false); const infoDrawer = ref(false);
@ -185,7 +185,7 @@ async function openDialog(action?: 'FORM' | 'INFO', idEdit?: string) {
} else if (action === 'INFO') { } else if (action === 'INFO') {
if (!userData.value) return; if (!userData.value) return;
infoDrawer.value = true; infoDrawer.value = true;
infoPersonCardEdit.value = false; infoDrawerEdit.value = false;
const user = userData.value.result.find((x) => x.id === idEdit); const user = userData.value.result.find((x) => x.id === idEdit);
infoPersonCard.value = user infoPersonCard.value = user
? [ ? [
@ -212,7 +212,7 @@ async function openDialog(action?: 'FORM' | 'INFO', idEdit?: string) {
function undo() { function undo() {
if (!infoPersonId.value) return; if (!infoPersonId.value) return;
infoPersonCardEdit.value = false; infoDrawerEdit.value = false;
assignFormData(infoPersonId.value); assignFormData(infoPersonId.value);
} }
@ -710,7 +710,7 @@ watch(
bg-on bg-on
:badgeClass="formData.gender === 'male' ? 'app-bg-male' : 'app-bg-female'" :badgeClass="formData.gender === 'male' ? 'app-bg-male' : 'app-bg-female'"
:badgeLabel="userCode" :badgeLabel="userCode"
:isEdit="infoPersonCardEdit" :isEdit="infoDrawerEdit"
:title=" :title="
$i18n.locale === 'en-US' $i18n.locale === 'en-US'
? `${currentUser.firstNameEN} ${currentUser.lastNameEN}` ? `${currentUser.firstNameEN} ${currentUser.lastNameEN}`
@ -721,13 +721,13 @@ watch(
:submit="() => onSubmit()" :submit="() => onSubmit()"
:close="() => onClose()" :close="() => onClose()"
:undo="() => undo()" :undo="() => undo()"
:editData="() => (infoPersonCardEdit = true)" :editData="() => (infoDrawerEdit = true)"
> >
<template #info> <template #info>
<InfoForm <InfoForm
:addressTitle="$t('formDialogTitleAddressPure')" :addressTitle="$t('formDialogTitleAddressPure')"
:addressTitleEN="$t('formDialogTitleAddressPure') + ' ENG'" :addressTitleEN="$t('formDialogTitleAddressPure') + ' ENG'"
:readonly="!infoPersonCardEdit" :readonly="!infoDrawerEdit"
v-model:address="formData.address" v-model:address="formData.address"
v-model:addressEN="formData.addressEN" v-model:addressEN="formData.addressEN"
v-model:provinceId="formData.provinceId" v-model:provinceId="formData.provinceId"
@ -754,7 +754,7 @@ watch(
dense dense
outlined outlined
separator separator
:readonly="!infoPersonCardEdit" :readonly="!infoDrawerEdit"
:usernameReadonly="isEdit" :usernameReadonly="isEdit"
v-model:hqId="hqId" v-model:hqId="hqId"
v-model:brId="brId" v-model:brId="brId"
@ -769,7 +769,7 @@ watch(
dense dense
outlined outlined
separator separator
:readonly="!infoPersonCardEdit" :readonly="!infoDrawerEdit"
v-model:firstName="formData.firstName" v-model:firstName="formData.firstName"
v-model:lastName="formData.lastName" v-model:lastName="formData.lastName"
v-model:firstNameEN="formData.firstNameEN" v-model:firstNameEN="formData.firstNameEN"
@ -785,7 +785,7 @@ watch(
dense dense
outlined outlined
separator separator
:readonly="!infoPersonCardEdit" :readonly="!infoDrawerEdit"
v-model:userType="formData.userType" v-model:userType="formData.userType"
v-model:registrationNo="formData.registrationNo" v-model:registrationNo="formData.registrationNo"
v-model:startDate="formData.startDate" v-model:startDate="formData.startDate"