KPI => รายการรอบการประเมินผลการปฏิบัติหน้าที่ราชการ ปรับ load

src/modules/14_KPI/views/round.vue

@@ -126,27 +126,8 @@ const formData = reactive<FormRound>({
   year: null,
   startDate: null,
   endDate: null,
-}); // form เพิ่มรอบการประเมินผลการปฏิบัติหน้าที่ราชการ
-const itemMenu = ref<ItemsMenu[]>([
-  // {
-  //   label: "เปิดรอบ",
-  //   value: "open",
-  //   icon: "mdi-check",
-  //   color: "primary",
-  // },
-  {
-    label: "ปิดรอบ",
-    value: "close",
-    icon: "mdi-close",
-    color: "orange",
-  },
-  {
-    label: "ลบรอบ",
-    value: "delete",
-    icon: "delete",
-    color: "red",
-  },
-]); // itemMenu
+});
+
 const roundOp = ref<DataOption[]>([
   { id: "APR", name: "รอบที่ 1 เมษายน" },
   {
@@ -224,19 +205,20 @@ function clearFormData() {
  */
 function onSubmit() {
   dialogConfirm($q, async () => {
+    showLoader();
     try {
       const url = isStatusEdit.value
         ? config.API.kpiPeriodById("12")
         : config.API.kpiPeriod;
       const method = isStatusEdit.value ? "put" : "post";
       await http[method](url, formData);
-      fetchList();
-      success($q, "บันทึกข้อมูลสำเร็จ");
+      await fetchList();
+      await success($q, "บันทึกข้อมูลสำเร็จ");
+      closeDialog();
     } catch (e) {
       messageError($q, e);
     } finally {
       hideLoader();
-      closeDialog();
     }
   });
 }
@@ -272,9 +254,9 @@ function onOpenRounde(id: string) {
     () => {
       http
         .get(config.API.kpiPeriod + `/open/${id}`)
-        .then(() => {
-          fetchList();
-          success($q, "เปิดรอบสำเร็จ");
+        .then(async () => {
+          await fetchList();
+          await success($q, "เปิดรอบสำเร็จ");
         })
         .catch((err) => {
           messageError($q, err);
@@ -299,9 +281,9 @@ function onCloseRounde(id: string) {
       showLoader();
       http
         .get(config.API.kpiPeriod + `/close/${id}`)
-        .then(() => {
-          success($q, "ปิดรอบสำเร็จ");
-          fetchList();
+        .then(async () => {
+          await fetchList();
+          await success($q, "ปิดรอบสำเร็จ");
         })
         .catch((err) => {
           messageError($q, err);
@@ -324,9 +306,9 @@ function onDeleteRound(id: string) {
     showLoader();
     http
       .delete(config.API.kpiPeriodById(id))
-      .then(() => {
-        success($q, "ลบข้อมูลสำเร็จ");
-        fetchList();
+      .then(async () => {
+        await fetchList();
+        await success($q, "ลบข้อมูลสำเร็จ");
       })
       .catch((err) => {
         messageError($q, err);
@@ -532,7 +514,6 @@ onMounted(() => {
               >
                 <q-tooltip>ลบรอบ</q-tooltip>
               </q-btn>
-
             </q-td>
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
               <div class="table_ellipsis">