updated fixed tital of dialog

This commit is contained in:
Warunee Tamkoo 2024-05-31 11:44:45 +07:00
parent a9053ada32
commit 4484904042
3 changed files with 28 additions and 53 deletions

View file

@ -12,6 +12,8 @@ import type {
FromCancelDetail,
} from "@/modules/05_leave/interface/response/leave";
import DialogHeader from "@/components/DialogHeader.vue";
/** import componest*/
import FormLeave from "@/modules/05_leave/components/formDetail/01_SickForm.vue";
import FormChildbirth from "@/modules/05_leave/components/formDetail/04_HelpWifeBirthForm.vue";
@ -433,34 +435,15 @@ watch(
<template>
<q-dialog v-model="props.modal" persistent>
<q-card q-card style="min-width: 70%" v-if="props.leaveStatus != 'DELETE'">
<q-card-section class="row items-center q-pa-sm">
<q-toolbar style="padding: 0px;">
<q-toolbar-title class="text-bold" style="font-size: 15px;"> {{ titleMain }}{{ titleName }} </q-toolbar-title>
<q-btn
icon="close"
unelevated
round
dense
@click="props.onClickClose"
style="color: #ff8080; background-color: #ffdede"
/>
</q-toolbar>
<!-- <div class="text-bold q-pl-sm">{{ titleMain }}{{ titleName }}</div>
<q-space />
<q-btn
icon="close"
unelevated
round
dense
@click="props.onClickClose"
style="color: #ff8080; background-color: #ffdede"
/> -->
</q-card-section>
<q-card v-if="props.leaveStatus != 'DELETE'">
<DialogHeader
:tittle="`${titleMain} ${titleName}`"
:close="props.onClickClose"
/>
<q-separator />
<q-card-section class="q-pa-sm row q-gutter-y-md">
<q-card-section class="scroll" style="max-height: 70vh">
<div
flat
:class="
@ -560,10 +543,7 @@ watch(
</div>
</q-card-section>
<q-separator />
<q-card-section
class="row items-center q-pa-sm"
v-if="props.leaveStatus === 'CANCEL'"
>
<q-card-section v-if="props.leaveStatus === 'CANCEL'" align="right">
<q-space />
<q-btn
label="ยืนยัน"
@ -576,21 +556,12 @@ watch(
</q-card-section>
</q-card>
<q-card q-card style="min-width: 70%" v-if="props.leaveStatus === 'DELETE'">
<q-card-section class="row items-center q-pa-sm">
<div class="text-bold q-pl-sm">
{{ titleMainCancle }}{{ titleName }}
</div>
<q-space />
<q-btn
icon="close"
unelevated
round
dense
@click="props.onClickClose"
style="color: #ff8080; background-color: #ffdede"
/>
</q-card-section>
<q-card q-card v-if="props.leaveStatus === 'DELETE'">
<DialogHeader
:tittle="`${titleMainCancle} ${titleName}`"
:close="props.onClickClose"
/>
<q-separator />
<q-card-section class="q-p-md row q-gutter-y-md">
<div flat class="col-12">