This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-10-18 16:48:44 +07:00
parent a0d9345f2d
commit d42a180f45

View file

@ -147,89 +147,91 @@ onMounted(async () => {
</div>
<q-card>
<q-card-section>
<div class="row q-gutter-sm">
<div class="row q-col-gutter-sm">
<!-- รายละเอยดคำรองขอแกไข -->
<q-card bordered class="row col-12">
<div class="bg-grey-1 q-pa-sm col-12 row items-center">
<div class="q-pl-sm text-weight-bold text-dark">
รายละเอยดคำรองขอแกไข
</div>
</div>
<div class="col-12"><q-separator /></div>
<q-card-section class="col-12">
<div class="row q-col-gutter-sm">
<!-- นทนขอ -->
<div class="col-md-2 col-xs-12">
<datepicker
menu-class-name="modalfix"
v-model="dataRequest.createdAt"
:locale="'th'"
autoApply
readonly
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
readonly
dense
hide-bottom-space
class="full-width"
:model-value="
dataRequest.createdAt != null
? date2Thai(dataRequest.createdAt)
: null
"
:label="`${'วันที่ยื่นขอ'}`"
>
<template v-slot:prepend>
<q-icon
name="event"
class="cursor-pointer"
style="color: var(--q-primary)"
>
</q-icon>
</template>
</q-input>
</template>
</datepicker>
</div>
<!-- เรอง -->
<div class="col-md-10 col-xs-12">
<q-input
:class="classInput(true)"
readonly
v-model="dataRequest.topic"
label="เรื่อง"
dense
outlined
/>
</div>
<!-- รายละเอยด -->
<div class="col-12">
<q-input
:class="classInput(true)"
readonly
v-model="dataRequest.detail"
label="รายละเอียด"
dense
outlined
type="textarea"
/>
<div class="col-12">
<q-card bordered class="row col-12">
<div class="bg-grey-1 q-pa-sm col-12 row items-center">
<div class="q-pl-sm text-weight-bold text-dark">
รายละเอยดคำรองขอแกไข
</div>
</div>
</q-card-section>
</q-card>
<div class="col-12"><q-separator /></div>
<q-card-section class="col-12">
<div class="row q-col-gutter-sm">
<!-- นทนขอ -->
<div class="col-md-2 col-xs-12">
<datepicker
menu-class-name="modalfix"
v-model="dataRequest.createdAt"
:locale="'th'"
autoApply
readonly
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
readonly
dense
hide-bottom-space
class="full-width"
:model-value="
dataRequest.createdAt != null
? date2Thai(dataRequest.createdAt)
: null
"
:label="`${'วันที่ยื่นขอ'}`"
>
<template v-slot:prepend>
<q-icon
name="event"
class="cursor-pointer"
style="color: var(--q-primary)"
>
</q-icon>
</template>
</q-input>
</template>
</datepicker>
</div>
<!-- เรอง -->
<div class="col-md-10 col-xs-12">
<q-input
:class="classInput(true)"
readonly
v-model="dataRequest.topic"
label="เรื่อง"
dense
outlined
/>
</div>
<!-- รายละเอยด -->
<div class="col-12">
<q-input
:class="classInput(true)"
readonly
v-model="dataRequest.detail"
label="รายละเอียด"
dense
outlined
type="textarea"
/>
</div>
</div>
</q-card-section>
</q-card>
</div>
<!-- แกไขสถานะคำรอง -->
<q-form