filter ทะเบียนประวัติ

src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, reactive, computed, readonly } from "vue";
+import { onMounted, ref, reactive, computed } from "vue";
 import { useQuasar } from "quasar";
 
 import { useRouter, useRoute } from "vue-router";
@@ -80,8 +80,8 @@ async function fetchDataRequest() {
         typeEmp.value == "employee" ? "-employee" : ""
       ) + `${requestId.value}`
     )
-    .then((res) => {
-      const data = res.data.result;
+    .then(async (res) => {
+      const data = await res.data.result;
       dataRequest.value = data;
 
       formData.status = data.status;
@@ -93,7 +93,7 @@ async function fetchDataRequest() {
         isReadOnly.value = false;
       }
 
-      onDownloadFile(requestId.value);
+      await onDownloadFile(requestId.value);
     })
     .catch((err) => {
       messageError($q, err);
@@ -161,7 +161,7 @@ const fileDownloadName = ref<string>("");
  * function หาชื่อไฟล์
  * @param id รายการยื่นคำร้องขอแก้ไขข้อมูล
  */
-function onDownloadFile(id: string) {
+async function onDownloadFile(id: string) {
   http
     .get(
       config.API.file(

src/modules/04_registryPerson/store.ts

@@ -83,6 +83,7 @@ export const useRegistryNewDataStore = defineStore("registryNew", () => {
     retireYear: "",
     node: "เลือกหน่วยงาน",
     retireType: "ทั้งหมด",
+    sortName: "ลำดับการแสดงผล",
   });
 
   function convertTypeRetired(val: string) {

src/modules/04_registryPerson/views/listView.vue

@@ -237,6 +237,7 @@ function selectType() {
   if (store.formFilter.type != empType.value) {
     store.labelOption.posType = "ทั้งหมด";
     store.labelOption.posLevel = "ทั้งหมด";
+    store.labelOption.sortName = "ลำดับการแสดงผล";
     store.formFilter.type = empType.value;
     store.formFilter.dateAppoint = "";
     store.labelOption.node =
@@ -299,6 +300,7 @@ function selectRetireType(item: DataOption) {
 }
 
 function selectDisplayOrderType(item: DataOption) {
+  store.labelOption.sortName = item.name;
   store.formFilter.page = 1;
   store.formFilter.dateAppoint = item.id;
   fetchDataPerson();
@@ -755,15 +757,7 @@ onMounted(async () => {
               class="q-px-sm"
             >
               <template v-slot:label>
-                {{
-                  `ลำดับการแสดผล ${
-                    store.formFilter.dateAppoint
-                      ? store.formFilter.dateAppoint === "ASC"
-                        ? "เก่า-ล่าสุด"
-                        : "ล่าสุด-เก่า"
-                      : ""
-                  }`
-                }}
+                {{ store.labelOption.sortName }}
               </template>
               <q-list>
                 <q-item