hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

แก้ flexbox ถึงแก่กรรม

Browse source
This commit is contained in:
AnandaTon 2023-07-28 18:18:26 +07:00
parent 589beb2189
commit fc5f715808
1 changed files with 79 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

154
src/modules/04_registry/components/Profile.vue
View file

@ -392,83 +392,87 @@
<q-form ref="myForm"> <q-form ref="myForm">
<q-card-section class="q-py-sm row"> <q-card-section class="q-py-sm row">
<DialogHeader tittle="ถึงแก่กรรม" :close="closePassaway" /> <DialogHeader tittle="ถึงแก่กรรม" :close="closePassaway" />
<q-file <div class="col-12 row q-pa-sm q-col-gutter-sm">
class="col-5" <q-file
outlined class="col-12 col-sm-6 col-md-5"
dense outlined
v-model="filePassaway" dense
label="แนบใบมรณบัตร" v-model="filePassaway"
hide-bottom-space label="แนบใบมรณบัตร"
lazy-rules hide-bottom-space
> lazy-rules
<template v-slot:prepend> >
<q-icon name="attach_file" /> <q-separator />
</template> <template v-slot:prepend>
</q-file> <q-icon name="attach_file" />
<q-separator /> </template>
<q-input </q-file>
class="col-7" <q-input
dense class="col-12 col-sm-6 col-md-7"
outlined dense
v-model="deathCertificateNo" outlined
label="เลขที่ใบมรณบัตร" v-model="deathCertificateNo"
/> label="เลขที่ใบมรณบัตร"
<q-separator /> />
<datepicker
class="col-5"
menu-class-name="modalfix"
v-model="dateDeath"
:locale="'th'"
autoApply
borderless
:enableTimePicker="false"
week-start="0"
>
<template #year="{ year }">
{{ year + 543 }}
</template>
<template #year-overlay-value="{ value }">
{{ parseInt(value + 543) }}
</template>
<template #trigger>
<q-input
outlined
dense
class="full-width datepicker"
:model-value="dateDeath != null ? date2Thai(dateDeath) : null"
:label="`${'วันที่เสียชีวิต'}`"
:rules="[(val) => !!val || `${'กรุณาเลือกวันที่เสียชีวิต'}`]"
>
<template v-slot:prepend>
<q-icon
name="event"
class="cursor-pointer"
style="color: var(--q-primary)"
>
</q-icon>
</template>
</q-input>
</template>
</datepicker>
<q-input <datepicker
class="col-7" class="col-12 col-sm-6 col-md-5"
dense menu-class-name="modalfix"
outlined v-model="dateDeath"
v-model="placeDeathCertificate" :locale="'th'"
label="สถานที่ออกใบมรณบัตร" autoApply
/> borderless
<q-separator /> :enableTimePicker="false"
<q-input week-start="0"
class="col-12" >
dense <template #year="{ year }">
outlined {{ year + 543 }}
v-model="reasonDeath" </template>
label="เหตุผลการเสีบชีวิต" <template #year-overlay-value="{ value }">
type="textarea" {{ parseInt(value + 543) }}
/> </template>
<q-space /> <template #trigger>
<q-input
outlined
dense
class="full-width datepicker"
:model-value="
dateDeath != null ? date2Thai(dateDeath) : null
"
:label="`${'วันที่เสียชีวิต'}`"
:rules="[
(val) => !!val || `${'กรุณาเลือกวันที่เสียชีวิต'}`,
]"
>
<template v-slot:prepend>
<q-icon
name="event"
class="cursor-pointer"
style="color: var(--q-primary)"
>
</q-icon>
</template>
</q-input>
</template>
</datepicker>
<q-input
class="col-12 col-sm-6 col-md-7"
dense
outlined
v-model="placeDeathCertificate"
label="สถานที่ออกใบมรณบัตร"
/>
<q-separator />
<q-input
class="col-12"
dense
outlined
v-model="reasonDeath"
label="เหตุผลการเสีบชีวิต"
type="textarea"
/>
</div>
<q-space /> <q-space />
</q-card-section> </q-card-section>
<q-separator /> <q-separator />