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

fix: form dialog space & layout

Browse source
This commit is contained in:
puriphatt 2024-06-25 10:38:37 +00:00
parent 6e3144374c
commit ab1b7a0902
4 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -22,10 +22,13 @@ defineProps<{
readonly?: boolean; readonly?: boolean;
separator?: boolean; separator?: boolean;
employee?: boolean; employee?: boolean;
title?: string;
}>(); }>();
</script> </script>
<template> <template>
<div class="col-3 app-text-muted">• {{ $t('formDialogTitlePersonnel') }}</div> <div class="col-3 app-text-muted">
• {{ title || $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
for="input-first-name" for="input-first-name"

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

@ -77,7 +77,7 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
dense dense
outlined outlined
separator separator
employee :employee="employee"
:readonly="readonly" :readonly="readonly"
:disabledRule="disabledRule" :disabledRule="disabledRule"
v-model:address="address" v-model:address="address"

12
src/components/FormDialog.vue
View file

@ -204,14 +204,9 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
<div <div
v-if="!noAppBox" v-if="!noAppBox"
bordered bordered
:noPadding="noPaddingTab" class="column full-height surface-1 bordered rounded scroll"
class="column full-height surface-1 bordered rounded q-pt-lg q-pl-lg scroll" :class="`${$slots.prepend ? ($q.screen.gt.sm ? 'col-10' : 'col-12') : $slots.append ? 'col-6' : 'col-12'} ${!noPaddingTab && 'q-pt-lg q-pl-lg'}`"
:class="`${$slots.prepend ? ($q.screen.gt.sm ? 'col-10' : 'col-12') : $slots.append ? 'col-6' : 'col-12'}`" style="padding-right: 0; padding-bottom: 16px"
style="
padding-right: 0;
padding-bottom: 16px;
box-sizing: border-box;
"
> >
<div <div
class="row col-12 q-col-gutter-y-md q-mb-md items-start full-height" class="row col-12 q-col-gutter-y-md q-mb-md items-start full-height"
@ -242,6 +237,7 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
<slot name="qr-code"></slot> <slot name="qr-code"></slot>
<slot name="location"></slot> <slot name="location"></slot>
<slot name="by-type"></slot> <slot name="by-type"></slot>
<div class="col-12"></div>
</div> </div>
</div> </div>

2
src/pages/03_customer-management/MainPage.vue
View file

@ -1930,6 +1930,7 @@ watch(selectorLabel, async () => {
outlined outlined
employee employee
separator separator
:title="$t('personalInfo')"
v-model:firstName="formDataEmployee.firstName" v-model:firstName="formDataEmployee.firstName"
v-model:lastName="formDataEmployee.lastName" v-model:lastName="formDataEmployee.lastName"
v-model:firstNameEN="formDataEmployee.firstNameEN" v-model:firstNameEN="formDataEmployee.firstNameEN"
@ -2762,6 +2763,7 @@ watch(selectorLabel, async () => {
outlined outlined
employee employee
separator separator
:title="$t('personalInfo')"
:readonly="!infoDrawerEmployeeEdit" :readonly="!infoDrawerEmployeeEdit"
v-model:firstName="formDataEmployee.firstName" v-model:firstName="formDataEmployee.firstName"
v-model:lastName="formDataEmployee.lastName" v-model:lastName="formDataEmployee.lastName"