ปรับวินัย

src/modules/11_discipline/components/1_Complaint/Form.vue

@@ -592,8 +592,6 @@ onMounted(() => {
                     :readonly="isReadonly"
                     hide-bottom-space
                     v-model="formData.description"
-                    :rules="[(val) => !!val || 'กรุณาการข้อมูล']"
-                    lazy-rules
                     label="รายละเอียดเรื่องร้องเรียน"
                     type="textarea"
                     rows="5"
@@ -668,10 +666,6 @@ onMounted(() => {
                     emit-value
                     hide-bottom-space
                     map-options
-                    :rules="[
-                      (val) => !!val || `${'กรุณาเลือกระดับการพิจารณา'}`,
-                    ]"
-                    lazy-rules
                     @update:model-value="
                       selectLevel(formData.levelConsideration);
                       changeFormData();
@@ -712,10 +706,6 @@ onMounted(() => {
                         :readonly="isReadonly"
                         label="วันที่กำหนดพิจารณา"
                         hide-bottom-space
-                        :rules="[
-                          (val) => !!val || `${'กรุณาเลือกวันที่กำหนดพิจารณา'}`,
-                        ]"
-                        lazy-rules
                       >
                         <template v-slot:prepend>
                           <q-icon
@@ -746,8 +736,6 @@ onMounted(() => {
                     emit-value
                     hide-bottom-space
                     map-options
-                    :rules="[(val) => !!val || `${'กรุณาเลือกลักษณะความผิด'}`]"
-                    lazy-rules
                     @update:model-value="changeFormData()"
                   />
                 </div>
@@ -785,11 +773,6 @@ onMounted(() => {
                             : null
                         "
                         label="วันที่แจ้งเตือนล่วงหน้า"
-                        :rules="[
-                          (val) =>
-                            !!val || `${'กรุณาเลือกวันที่แจ้งเตือนล่วงหน้า'}`,
-                        ]"
-                        lazy-rules
                       >
                         <template v-slot:prepend>
                           <q-icon
@@ -820,10 +803,6 @@ onMounted(() => {
                     hide-bottom-space
                     emit-value
                     map-options
-                    :rules="[
-                      (val) => !!val || `${'กรุณาเลือกรับเรื่องร้องเรียน'}`,
-                    ]"
-                    lazy-rules
                     @update:model-value="changeFormData()"
                   />
                 </div>
@@ -838,8 +817,6 @@ onMounted(() => {
                     v-model="formData.appellant"
                     :readonly="isReadonly"
                     label="ผู้ร้องเรียน"
-                    :rules="[(val) => !!val || `${'กรุณากรอกข้อมูล'}`]"
-                    lazy-rules
                     hide-bottom-space
                     type="textarea"
                     rows="5"
@@ -856,10 +833,6 @@ onMounted(() => {
                     outlined
                     hide-bottom-space
                     v-model="formData.result"
-                    :rules="[
-                      (val) => !!val || 'กรุณากรอกผลการตรวจสอบเรื่องร้องเรียน',
-                    ]"
-                    lazy-rules
                     label="ผลการตรวจสอบเรื่องร้องเรียน"
                     type="textarea"
                     rows="5"

src/modules/11_discipline/components/1_Complaint/MainPage.vue

@@ -22,13 +22,13 @@ const router = useRouter();
 /** stoer */
 const complainstStore = useComplainstDataStore();
 const { fetchComplainst } = complainstStore;
-
+const filterRef = ref<HTMLInputElement | null>(null);
 const filterTable = ref<string>("");
 const filterKeyword = ref<string>("");
 const maxPage = ref<number>(1);
 const page = ref<number>(1);
 const rowsPerPage = ref<number>(10);
-const statusFilter = ref<string>('ALL')
+const statusFilter = ref<string>("ALL");
 
 async function updatePagingProp(rowPerpage: number, pageCurrent: number) {
   rowsPerPage.value = rowPerpage;
@@ -69,8 +69,16 @@ function filterFn() {
   getList();
 }
 
-function dataUpdate(){
-console.log(statusFilter.value)
+function dataUpdate() {
+  console.log(statusFilter.value);
+}
+
+function resetFilter() {
+  filterKeyword.value = "";
+  if (filterRef.value) {
+    filterRef.value.focus();
+    getList();
+  }
 }
 
 /** เรียกใช้งาน ฟังชั่น ตอนเริ่มโหลดหน้า */
@@ -80,7 +88,9 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="toptitle text-dark col-12 row items-center">รายการเรื่องร้องเรียน</div>
+  <div class="toptitle text-dark col-12 row items-center">
+    รายการเรื่องร้องเรียน
+  </div>
   <q-card flat bordered class="col-12 q-mt-sm q-pa-md">
     <div class="row col-12 q-col-gutter-sm q-mb-sm">
       <div class="col-2">
@@ -113,18 +123,25 @@ onMounted(async () => {
       <q-space />
 
       <q-input
+        for="#search"
         class="col-xs-12 col-sm-3 col-md-2"
-        id="filterTable"
-        for="filterTable"
+        standout
         dense
-        outlined
         v-model="filterKeyword"
-        label="ค้นหา"
+        ref="filterRef"
+        outlined
         debounce="300"
+        placeholder="ค้นหา"
         @keydown.enter.prevent="filterFn"
       >
         <template v-slot:append>
-          <q-icon name="search" />
+          <q-icon v-if="filterKeyword == ''" name="search" />
+          <q-icon
+            v-if="filterKeyword !== ''"
+            name="clear"
+            class="cursor-pointer"
+            @click="resetFilter"
+          />
         </template>
       </q-input>