ปรับ ui

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

@@ -101,15 +101,15 @@ const objectComplaintsRef: MyObjectComplaintsRef = {
   organizationId: organizationIdRef,
   consideredAgency: consideredAgencyRef,
   title: titleRef,
-  description: descriptionRef,
+  // description: descriptionRef,
   dateReceived: dateReceivedRef,
-  dateConsideration: dateConsiderationRef,
+  // dateConsideration: dateConsiderationRef,
   offenseDetails: offenseDetailsRef,
-  levelConsideration: levelConsiderationRef,
-  dateNotification: dateNotificationRef,
-  complaintFrom: complaintFromRef,
-  appellant: appellantRef,
-  result: resultRef,
+  // levelConsideration: levelConsiderationRef,
+  // dateNotification: dateNotificationRef,
+  // complaintFrom: complaintFromRef,
+  // appellant: appellantRef,
+  // result: resultRef,
 };
 
 /**

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

@@ -28,6 +28,7 @@ const filterKeyword = ref<string>("");
 const maxPage = ref<number>(1);
 const page = ref<number>(1);
 const rowsPerPage = ref<number>(10);
+const statusFilter = ref<string>('ALL')
 
 async function updatePagingProp(rowPerpage: number, pageCurrent: number) {
   rowsPerPage.value = rowPerpage;
@@ -68,6 +69,10 @@ function filterFn() {
   getList();
 }
 
+function dataUpdate(){
+console.log(statusFilter.value)
+}
+
 /** เรียกใช้งาน ฟังชั่น ตอนเริ่มโหลดหน้า */
 onMounted(async () => {
   await getList();
@@ -78,6 +83,20 @@ onMounted(async () => {
   <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">
+        <q-select
+          v-model="statusFilter"
+          label="สถานะ"
+          dense
+          outlined
+          emit-value
+          map-options
+          option-label="name"
+          option-value="id"
+          :options="complainstStore.statusOptions"
+          @update:model-value="dataUpdate"
+        />
+      </div>
       <div>
         <q-btn
           id="addComplaints"