ปรับ Layout เรื่องร้องเรียน

This commit is contained in:
Tanyalak 2023-11-07 11:00:53 +07:00
parent 02c8376b7f
commit 7716b459ac

View file

@ -228,7 +228,7 @@ watch(props.data, async () => {
<form @submit.prevent="validateForm">
<div class="col-12 row q-pa-md">
<div
class="col-xs-12 col-sm-12 row q-col-gutter-x-md q-col-gutter-y-xs"
class="col-xs-12 col-sm-12 row q-col-gutter-md"
>
<div class="col-xs-12 col-sm-3" id="complainantType">
<q-select
@ -243,6 +243,7 @@ watch(props.data, async () => {
option-label="name"
emit-value
map-options
hide-bottom-space
:rules="[(val) => !!val || `${'กรุณาเลือกผู้ร้องเรียน'}`]"
lazy-rules
@update:model-value="
@ -278,6 +279,7 @@ watch(props.data, async () => {
label="รายชื่อจากทะเบียรประวัติ"
option-value="id"
option-label="name"
hide-bottom-space
emit-value
map-options
:rules="[(val) => !!val || `${'กรุณาเลือกรายชื่อ'}`]"
@ -305,6 +307,7 @@ watch(props.data, async () => {
name="office"
ref="officeRef"
dense
hide-bottom-space
outlined
v-model="formData.office"
label="เลือกสำนักงาน"
@ -323,6 +326,7 @@ watch(props.data, async () => {
label="หน่วยงานที่พิจารณา"
option-value="id"
option-label="name"
hide-bottom-space
emit-value
map-options
:rules="[(val) => !!val || `${'กรุณาเลือกหน่วยงาน'}`]"
@ -347,6 +351,7 @@ watch(props.data, async () => {
ref="topicComplaintRef"
dense
outlined
hide-bottom-space
v-model="formData.topicComplaint"
:rules="[(val) => !!val || 'กรุณาการข้อมูล']"
lazy-rules
@ -361,6 +366,7 @@ watch(props.data, async () => {
ref="detailRef"
dense
outlined
hide-bottom-space
v-model="formData.detail"
:rules="[(val) => !!val || 'กรุณาการข้อมูล']"
lazy-rules
@ -391,6 +397,7 @@ watch(props.data, async () => {
ref="datereceiveRef"
outlined
dense
hide-bottom-space
class="full-width datepicker"
:model-value="
formData.datereceive != null
@ -428,6 +435,7 @@ watch(props.data, async () => {
option-value="id"
option-label="name"
emit-value
hide-bottom-space
map-options
:rules="[(val) => !!val || `${'กรุณาเลือกระดับการพิจารณา'}`]"
lazy-rules
@ -464,6 +472,7 @@ watch(props.data, async () => {
: null
"
label="วันที่กำหนดวันพิจารณา"
hide-bottom-space
:rules="[
(val) => !!val || `${'กรุณาเลือกวันที่กำหนดวันพิจารณา'}`,
]"
@ -493,6 +502,7 @@ watch(props.data, async () => {
option-value="id"
option-label="name"
emit-value
hide-bottom-space
map-options
:rules="[(val) => !!val || `${'กรุณาเลือกลักษณะความผิด'}`]"
lazy-rules
@ -521,6 +531,7 @@ watch(props.data, async () => {
ref="datewarnRef"
outlined
dense
hide-bottom-space
class="full-width datepicker"
:model-value="
formData.datewarn != null
@ -557,6 +568,7 @@ watch(props.data, async () => {
label="รับเรื่องร้องเรียน"
option-value="id"
option-label="name"
hide-bottom-space
emit-value
map-options
:rules="[(val) => !!val || `${'กรุณาเลือกรับเรื่องร้องเรียน'}`]"
@ -573,16 +585,18 @@ watch(props.data, async () => {
label="ผู้ร้องเรียน"
:rules="[(val) => !!val || `${'กรุณากรอกข้อมูล'}`]"
lazy-rules
hide-bottom-space
type="textarea"
rows="5"
/>
</div>
<div class="col-xs-12 col-sm-6" id="files">
<div class="col-12" id="files">
<q-file
for="inputFiles"
ref="filesRef"
outlined
dense
class="fit"
v-model="formData.files"
@added="fileUploadDoc"
label="ไฟล์เอกสารหลักฐาน"