From 7716b459ac7c76f12678069adf07f122f9819862 Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Tue, 7 Nov 2023 11:00:53 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20Layout?=
 =?UTF-8?q?=20=E0=B9=80=E0=B8=A3=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=87?=
 =?UTF-8?q?=E0=B8=A3=E0=B9=89=E0=B8=AD=E0=B8=87=E0=B9=80=E0=B8=A3=E0=B8=B5?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/1_Complaint/Form.vue            | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/modules/11_discipline/components/1_Complaint/Form.vue b/src/modules/11_discipline/components/1_Complaint/Form.vue
index d995f64a3..cb7c6b941 100644
--- a/src/modules/11_discipline/components/1_Complaint/Form.vue
+++ b/src/modules/11_discipline/components/1_Complaint/Form.vue
@@ -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="ไฟล์เอกสารหลักฐาน"