From a1bd65f1caaa9bb2a516656f61034496e67ed610 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 7 Sep 2023 16:05:25 +0700
Subject: [PATCH 1/3] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=20TAB=20=E0=B9=80=E0=B8=84=E0=B8=A3=E0=B8=B7=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=87=E0=B8=A3=E0=B8=B2=E0=B8=8A=E0=B8=AF=20?=
 =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20Table?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../07_insignia/components/2_Manage/Tab1.vue  |  1 +
 .../07_insignia/components/2_Manage/Tab2.vue  |  1 +
 .../07_insignia/components/2_Manage/Tab3.vue  |  2 +
 .../07_insignia/components/2_Manage/Tab4.vue  |  3 ++
 .../components/2_Manage/listManage.vue        |  3 +-
 .../components/3_result/DialogForm.vue        |  2 +
 .../components/4_Allocate/Main.vue            |  8 +++-
 .../07_insignia/components/5_Borrow/Main.vue  | 46 +++++++++++++++++--
 src/modules/07_insignia/store.ts              |  2 +
 src/modules/07_insignia/storeAllocate.ts      |  8 +++-
 src/modules/07_insignia/storeBrrow.ts         |  4 ++
 src/modules/07_insignia/storeResult.ts        |  1 +
 src/modules/07_insignia/views/ResultPage.vue  | 16 +++++--
 13 files changed, 87 insertions(+), 10 deletions(-)

diff --git a/src/modules/07_insignia/components/2_Manage/Tab1.vue b/src/modules/07_insignia/components/2_Manage/Tab1.vue
index 7c8af9609..26a57b105 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab1.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab1.vue
@@ -225,6 +225,7 @@ onMounted(async () => {
         "officer",
         props.tab
       );
+      DataStore.mainTab = props.tab;
     }
   }
 });
diff --git a/src/modules/07_insignia/components/2_Manage/Tab2.vue b/src/modules/07_insignia/components/2_Manage/Tab2.vue
index 769b20258..7bf0aca0a 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab2.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab2.vue
@@ -157,6 +157,7 @@ onMounted(async () => {
         "officer",
         props.tab
       );
+      DataStore.mainTab = props.tab;
     }
   }
 });
diff --git a/src/modules/07_insignia/components/2_Manage/Tab3.vue b/src/modules/07_insignia/components/2_Manage/Tab3.vue
index 6aa4cc83c..3ee740c1a 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab3.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab3.vue
@@ -143,6 +143,7 @@ const columns = ref<QTableProps["columns"]>([
   },
 ]);
 onMounted(async () => {
+
   organizationOptions.value = DataStore.optionsTypeOc;
   organization.value = await (DataStore.agency != null
     ? DataStore.agency
@@ -156,6 +157,7 @@ onMounted(async () => {
         "officer",
         props.tab
       );
+      DataStore.mainTab = props.tab;
     }
   }
 });
diff --git a/src/modules/07_insignia/components/2_Manage/Tab4.vue b/src/modules/07_insignia/components/2_Manage/Tab4.vue
index 6c643a822..992f63d36 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab4.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab4.vue
@@ -5,10 +5,12 @@ import { useQuasar } from "quasar";
 import type { QTableProps } from "quasar";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { useInsigniaDataStore } from "@/modules/07_insignia/store";
 
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const { showLoader, hideLoader, messageError } = mixin;
+const DataStore = useInsigniaDataStore();
 const props = defineProps({
   roundId: {
     type: String,
@@ -44,6 +46,7 @@ const rows = ref<any[]>([]);
 
 onMounted(async () => {
   await fecthOrg();
+  DataStore.mainTab = props.tab;
 });
 watch(props, async () => {
   if (props.tab === "organization") {
diff --git a/src/modules/07_insignia/components/2_Manage/listManage.vue b/src/modules/07_insignia/components/2_Manage/listManage.vue
index 9f8d22610..fc5b0caa8 100644
--- a/src/modules/07_insignia/components/2_Manage/listManage.vue
+++ b/src/modules/07_insignia/components/2_Manage/listManage.vue
@@ -30,7 +30,7 @@ const round = ref<string>("");
 const roundName = ref<string>("");
 const optionRound = ref<any>([]);
 const optiontypeOc = ref<any>([]);
-const tab = ref<any>("pending");
+const tab = ref<any>("");
 const stat = ref<any>({
   allUserUser: 0,
   orgAllCount: 0,
@@ -39,6 +39,7 @@ const stat = ref<any>({
 });
 
 onMounted(async () => {
+  tab.value = DataStore.mainTab;
   await checkRole();
   await fecthlistRound();
 });
diff --git a/src/modules/07_insignia/components/3_result/DialogForm.vue b/src/modules/07_insignia/components/3_result/DialogForm.vue
index 5feb02441..e5b50659c 100644
--- a/src/modules/07_insignia/components/3_result/DialogForm.vue
+++ b/src/modules/07_insignia/components/3_result/DialogForm.vue
@@ -408,6 +408,7 @@ const searchcardid = () => {
                 borderless
                 :enableTimePicker="false"
                 week-start="0"
+                :readonly="disbleStatus || status == 'DONE'"
               >
                 <template #year="{ year }">
                   {{ year + 543 }}
@@ -495,6 +496,7 @@ const searchcardid = () => {
                 borderless
                 :enableTimePicker="false"
                 week-start="0"
+                :readonly="disbleStatus || status == 'DONE'"
               >
                 <template #year="{ year }">
                   {{ year + 543 }}
diff --git a/src/modules/07_insignia/components/4_Allocate/Main.vue b/src/modules/07_insignia/components/4_Allocate/Main.vue
index 46c3c7327..59e6b1e0e 100644
--- a/src/modules/07_insignia/components/4_Allocate/Main.vue
+++ b/src/modules/07_insignia/components/4_Allocate/Main.vue
@@ -94,11 +94,16 @@ const fecthInsignia = async () => {
 };
 
 const fecthInsigniaType = async () => {
+  console.log(DataStore.mainTab);
+
   await http(config.API.insigniaType)
     .then((res) => {
       let data = res.data.result;
       DataStore.fetchDatainsigniaType(data);
-      tab.value = DataStore.insigniaType[0].name;
+      if (DataStore.mainTab) {
+        tab.value = DataStore.mainTab;
+      } else tab.value = DataStore.insigniaType[0].name;
+
       loadView.value = true;
       fecthInsignia();
     })
@@ -177,6 +182,7 @@ const selectorRound = (round: string) => {
 };
 
 const fecthlistInsignia = async () => {
+  DataStore.mainTab = tab.value;
   showLoader();
   await http
     .get(config.API.insigniaManageType(tab.value, Number(roundYear.value)))
diff --git a/src/modules/07_insignia/components/5_Borrow/Main.vue b/src/modules/07_insignia/components/5_Borrow/Main.vue
index 9543979e6..9845236a2 100644
--- a/src/modules/07_insignia/components/5_Borrow/Main.vue
+++ b/src/modules/07_insignia/components/5_Borrow/Main.vue
@@ -114,6 +114,9 @@ const visibleColumns = ref<String[]>([
   "name",
   "type",
   "employeeType",
+  "date",
+  "volumeNo",
+  "section",
   "page",
   "number",
   "vatnumber",
@@ -155,6 +158,15 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "employeeType",
+    align: "left",
+    label: "สถานภาพ",
+    field: "employeeType",
+    sortable: true,
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "type",
     align: "left",
@@ -165,10 +177,38 @@ const columns = ref<QTableProps["columns"]>([
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
   {
-    name: "employeeType",
+    name: "dateReceive",
     align: "left",
-    label: "สถานภาพ",
-    field: "employeeType",
+    label: "วันที่ได้รับพระราชทาน",
+    field: "dateReceive",
+    sortable: true,
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+
+  {
+    name: "date",
+    align: "left",
+    label: "วันที่ในราชกิจนุเบกษา",
+    field: "date",
+    sortable: true,
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "volumeNo",
+    align: "left",
+    label: "เล่มที่ในราชกิจนุเบกษา",
+    field: "volumeNo",
+    sortable: true,
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
+  {
+    name: "section",
+    align: "left",
+    label: "ตอนที่ในราชกิจนุเบกษา",
+    field: "section",
     sortable: true,
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
diff --git a/src/modules/07_insignia/store.ts b/src/modules/07_insignia/store.ts
index 31faded03..3d3fc8b24 100644
--- a/src/modules/07_insignia/store.ts
+++ b/src/modules/07_insignia/store.ts
@@ -22,6 +22,7 @@ export const useInsigniaDataStore = defineStore("insignia", () => {
 
   const typeReport = ref<string>("");
   const titleReport = ref<string>("");
+  const mainTab = ref<string | undefined>('pending');
 
   const setTypeandTitle = (type: string, title: string) => {
     typeReport.value = type;
@@ -110,6 +111,7 @@ export const useInsigniaDataStore = defineStore("insignia", () => {
 
   return {
     optionsTypeOc,
+    mainTab,
     typeOc,
     rows,
     typeinsigniaOptions,
diff --git a/src/modules/07_insignia/storeAllocate.ts b/src/modules/07_insignia/storeAllocate.ts
index 14732def1..40b3127a8 100644
--- a/src/modules/07_insignia/storeAllocate.ts
+++ b/src/modules/07_insignia/storeAllocate.ts
@@ -14,6 +14,7 @@ export const useAllocateDataStore = defineStore("insigniaallocate", () => {
   const insigniaType = ref<any>()
   const rows = ref<any>([])
   const listInsignia = ref<any>([])
+  const mainTab = ref<string>("")
 
   const fetchDatainsignia = async (data: any) => {
     insignia.value = ''
@@ -22,8 +23,10 @@ export const useAllocateDataStore = defineStore("insigniaallocate", () => {
       insigniaOp.value.push({ name: e.name, id: e.id, type: e.insigniaType.id })
     });
   }
-  const fetchDatainsigniaType = async (data: any) => {
+  const fetchDatainsigniaType = async (data: any,) => {
     insigniaType.value = data.map((e: any) => ({ name: e.id, label: e.name }))
+    // mainTab.value = insigniaType.value[0].name
+
   }
   const listinsignia = async (data: any) => {
     rows.value = [];
@@ -64,6 +67,7 @@ export const useAllocateDataStore = defineStore("insigniaallocate", () => {
     listinsignia,
     selectInsignia,
     profileType,
-    insigniaName
+    insigniaName,
+    mainTab
   };
 });
diff --git a/src/modules/07_insignia/storeBrrow.ts b/src/modules/07_insignia/storeBrrow.ts
index 87d961766..342b59f1a 100644
--- a/src/modules/07_insignia/storeBrrow.ts
+++ b/src/modules/07_insignia/storeBrrow.ts
@@ -40,6 +40,10 @@ export const useBrrowDataStore = defineStore("insigniaBrrow", () => {
       requestInsigniaId: e.requestInsigniaId,
       employeeType: profileType(e.profileType),
       profileType: e.profileType,
+      dateReceive: (e.dateReceive),
+      date: date2Thai(e.date),
+      volumeNo: e.volumeNo,
+      section: e.section,
       page: e.page,
       number: e.no,
       vatnumber: e.number,
diff --git a/src/modules/07_insignia/storeResult.ts b/src/modules/07_insignia/storeResult.ts
index 4f1d41f77..27ed3b1b4 100644
--- a/src/modules/07_insignia/storeResult.ts
+++ b/src/modules/07_insignia/storeResult.ts
@@ -47,6 +47,7 @@ export const useResultDataStore = defineStore("insigniaResult", () => {
       type: e.requestInsignia,
       employeeType: profileType(e.profileType),
       profileType: e.profileType,
+      date: date2Thai(e.date),
       volumeNo: e.volumeNo,
       section: e.section,
       page: e.page,
diff --git a/src/modules/07_insignia/views/ResultPage.vue b/src/modules/07_insignia/views/ResultPage.vue
index 8b8a761a7..865ff1b9c 100644
--- a/src/modules/07_insignia/views/ResultPage.vue
+++ b/src/modules/07_insignia/views/ResultPage.vue
@@ -94,6 +94,7 @@ const visibleColumns = ref<String[]>([
   "name",
   "type",
   "dateReceive",
+  "date",
   "employeeType",
   "volumeNo",
   "section",
@@ -169,10 +170,19 @@ const columns = ref<QTableProps["columns"]>([
     sort: (a: string, b: string) =>
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
+  {
+    name: "date",
+    align: "left",
+    label: "วันที่ในราชกิจนุเบกษา",
+    field: "date",
+    sortable: true,
+    sort: (a: string, b: string) =>
+      a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
+  },
   {
     name: "volumeNo",
     align: "left",
-    label: "เล่มในราชกิจนุเบกษา",
+    label: "เล่มที่ในราชกิจนุเบกษา",
     field: "volumeNo",
     sortable: true,
     sort: (a: string, b: string) =>
@@ -181,7 +191,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "section",
     align: "left",
-    label: "ตอนในราชกิจนุเบกษา",
+    label: "ตอนที่ในราชกิจนุเบกษา",
     field: "section",
     sortable: true,
     sort: (a: string, b: string) =>
@@ -191,7 +201,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "page",
     align: "left",
-    label: "หน้าในราชกิจนุเบกษา",
+    label: "หน้าที่ในราชกิจนุเบกษา",
     field: "page",
     sortable: true,
     sort: (a: string, b: string) =>

From b03cf1d5be7da8c0f14761beea1bbf66b2bfd214 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 7 Sep 2023 16:09:24 +0700
Subject: [PATCH 2/3] no message

---
 src/modules/07_insignia/components/5_Borrow/Main.vue | 1 +
 src/modules/07_insignia/storeBrrow.ts                | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/modules/07_insignia/components/5_Borrow/Main.vue b/src/modules/07_insignia/components/5_Borrow/Main.vue
index 9845236a2..31a782527 100644
--- a/src/modules/07_insignia/components/5_Borrow/Main.vue
+++ b/src/modules/07_insignia/components/5_Borrow/Main.vue
@@ -117,6 +117,7 @@ const visibleColumns = ref<String[]>([
   "date",
   "volumeNo",
   "section",
+  "dateReceive",
   "page",
   "number",
   "vatnumber",
diff --git a/src/modules/07_insignia/storeBrrow.ts b/src/modules/07_insignia/storeBrrow.ts
index 342b59f1a..0e2588c01 100644
--- a/src/modules/07_insignia/storeBrrow.ts
+++ b/src/modules/07_insignia/storeBrrow.ts
@@ -40,7 +40,7 @@ export const useBrrowDataStore = defineStore("insigniaBrrow", () => {
       requestInsigniaId: e.requestInsigniaId,
       employeeType: profileType(e.profileType),
       profileType: e.profileType,
-      dateReceive: (e.dateReceive),
+      dateReceive: date2Thai(e.dateReceive),
       date: date2Thai(e.date),
       volumeNo: e.volumeNo,
       section: e.section,

From 059e2956897007ba35b96685f686556e82239efd Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 7 Sep 2023 16:49:14 +0700
Subject: [PATCH 3/3] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20validate?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ExitInterview/exitMain.vue     | 76 +++++++++++-------
 .../components/resign/ResignByid.vue          |  1 +
 src/modules/06_retirement/views/Main.vue      | 79 ++++---------------
 3 files changed, 65 insertions(+), 91 deletions(-)

diff --git a/src/modules/06_retirement/components/ExitInterview/exitMain.vue b/src/modules/06_retirement/components/ExitInterview/exitMain.vue
index 8c6f8e053..788fb5f45 100644
--- a/src/modules/06_retirement/components/ExitInterview/exitMain.vue
+++ b/src/modules/06_retirement/components/ExitInterview/exitMain.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted, computed } from "vue";
-import { useQuasar } from "quasar";
+import { useQuasar, QForm } from "quasar";
 import { useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
 import { useRetirementDataStore } from "@/modules/06_retirement/store";
@@ -20,7 +20,16 @@ const router = useRouter();
 const mixin = useCounterMixin();
 const RetirementData = useRetirementDataStore();
 
-const { messageError, date2Thai, showLoader, hideLoader, success } = mixin;
+const myForm = ref<QForm>();
+
+const {
+  messageError,
+  date2Thai,
+  showLoader,
+  hideLoader,
+  success,
+  dialogConfirm,
+} = mixin;
 const { statusText } = RetirementData;
 
 const rows = ref<ResponseItems[]>([]);
@@ -164,10 +173,10 @@ const resetFilter = () => {
   filterRef.value.focus();
 };
 
-const openModalCalendar = (rows:any) => {
+const openModalCalendar = (rows: any) => {
   openModal();
   dateBreak.value = null;
-  id.value= rows.id;
+  id.value = rows.id;
 };
 
 const openModalOrder = () => {
@@ -208,7 +217,7 @@ const fecthlist = async () => {
           suggestFriendsReason: r.suggestFriendsReason ?? "",
           suggestion: r.suggestion ?? "",
           status: r.status ?? "",
-          appointDate: date2Thai(r.appointDate)
+          appointDate: date2Thai(r.appointDate),
         });
       });
 
@@ -222,25 +231,31 @@ const fecthlist = async () => {
       hideLoader();
     });
 };
-const saveAppoint = async () =>{
-   const body = {
-    appointDate : dateBreak.value
-  };
-  showLoader();
-  await http
-    .put(config.API.AppointInterview(id.value),body)
-    .then((res: any) => {
-      success($q, "ส่งไปออกคำสั่งลาออกสำเร็จ");
-      closeModal();
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(async () => {
-      await fecthlist();
-      hideLoader();
-    });
-}
+const saveAppoint = async () => {
+  await myForm.value!.validate().then(async (result: boolean) => {
+    if (result) {
+      dialogConfirm($q, async () => {
+        const body = {
+          appointDate: dateBreak.value,
+        };
+        showLoader();
+        await http
+          .put(config.API.AppointInterview(id.value), body)
+          .then((res: any) => {
+            success($q, "ส่งไปออกคำสั่งลาออกสำเร็จ");
+            closeModal();
+          })
+          .catch((e) => {
+            messageError($q, e);
+          })
+          .finally(async () => {
+            await fecthlist();
+            hideLoader();
+          });
+      });
+    }
+  });
+};
 // const saveOrder = async () => {
 //   const id = selected.value.map((r) => r.id);
 //   const body = {
@@ -415,7 +430,9 @@ const saveAppoint = async () =>{
                     router.push(`/exit-Interview/questionnair/${props.row.id}`)
                   "
                 >
-                  {{ props.row.appointDate == null ? "-":props.row.appointDate }}
+                  {{
+                    props.row.appointDate == null ? "-" : props.row.appointDate
+                  }}
                 </q-td>
                 <q-td
                   key="datetext"
@@ -428,7 +445,7 @@ const saveAppoint = async () =>{
                 </q-td>
                 <q-td auto-width>
                   <q-btn
-                  v-if="props.row.appointDate == null"
+                    v-if="props.row.appointDate == null"
                     icon="mdi-calendar"
                     size="12px"
                     color="blue-7"
@@ -565,9 +582,9 @@ const saveAppoint = async () =>{
     </q-card>
   </q-dialog> -->
 
-  <q-dialog v-model="modal" persistent >
+  <q-dialog v-model="modal" persistent>
     <q-card style="width: 800px">
-      <q-form ref="myFormConfirm">
+      <q-form ref="myForm">
         <DialogHeader
           title="กําหนดวันนัดหมายเพื่อทําการสัมภาษณ์การลาออก"
           :close="closeModal"
@@ -600,6 +617,7 @@ const saveAppoint = async () =>{
                   "
                   hide-bottom-space
                   :label="`${' วันนัดหมายเพื่อทําการสัมภาษณ์การลาออก'}`"
+                  :rules="[(val) => !!val || `${'กรุณาเลือกลงวันที่'}`]"
                 >
                   <template v-slot:prepend>
                     <q-icon
@@ -624,7 +642,7 @@ const saveAppoint = async () =>{
       >
         <q-tooltip>บันทึก</q-tooltip>
       </q-btn> -->
-        <DialogFooter :editvisible="true" :save ="saveAppoint" />
+        <DialogFooter :editvisible="true" :save="saveAppoint" />
       </q-form>
     </q-card>
   </q-dialog>
diff --git a/src/modules/06_retirement/components/resign/ResignByid.vue b/src/modules/06_retirement/components/resign/ResignByid.vue
index eb6c9fe79..a6274309c 100644
--- a/src/modules/06_retirement/components/resign/ResignByid.vue
+++ b/src/modules/06_retirement/components/resign/ResignByid.vue
@@ -1031,6 +1031,7 @@ const statusOrder = (val: boolean) => {
                   "
                   hide-bottom-space
                   :label="`${' วันสุดท้ายที่ยับยั้ง'}`"
+                  :rules="[(val) => !!val || 'กรุณาเลือกวันที่']"
                 >
                   <template v-slot:prepend>
                     <q-icon
diff --git a/src/modules/06_retirement/views/Main.vue b/src/modules/06_retirement/views/Main.vue
index 9d5d17cd1..a87936c63 100644
--- a/src/modules/06_retirement/views/Main.vue
+++ b/src/modules/06_retirement/views/Main.vue
@@ -290,7 +290,8 @@ import { useCounterMixin } from "@/stores/mixin";
 import type { resMain } from "@/modules/06_retirement/interface/response/Main";
 
 const mixin = useCounterMixin();
-const { messageError, date2Thai, showLoader, hideLoader } = mixin;
+const { messageError, date2Thai, showLoader, hideLoader, dialogConfirm } =
+  mixin;
 const router = useRouter();
 const $q = useQuasar(); //ใช้ noti quasar
 const modal = ref<boolean>(false);
@@ -482,54 +483,22 @@ const rows2 = ref<FormMainProbation2[]>([
 // };
 
 const clickAdd = () => {
-  // console.log(rows.value.length, type.value);
+  console.log(rows.value.length, type.value);
   if (rows.value.length == 0) {
-    $q.dialog({
-      title: "ยืนยันการเพิ่มข้อมูลประกาศเกษียณ",
-      message: "ต้องการเพิ่มข้อมูลประกาศเกษียณใช่หรือไม่?",
-      cancel: {
-        flat: true,
-        color: "negative",
-      },
-      persistent: true,
-    })
-      .onOk(async () => {
+    dialogConfirm(
+      $q,
+      async () => {
         let data = { type: type.value, year: currentYear };
         await cerateRetirement(data);
-      })
-      .onCancel(() => {})
-      .onDismiss(() => {});
+      },
+      "ยืนยันการเพิ่มข้อมูลประกาศเกษียณ",
+      "ต้องการเพิ่มข้อมูลประกาศเกษียณใช่หรือไม่ ?"
+    );
   } else {
     modal.value = true;
     action.value = "";
     radio.value = "";
   }
-
-  // $q.dialog({
-  //   title: "เพิ่มประกาศ",
-  //   message: "เลือกประกาศที่ต้องการเพิ่มข้อมูล",
-  //   options: {
-  //     type: "radio",
-  //     model: "opt1",
-  //     // inline: true
-  //     items: [
-  //       { label: "ประกาศเพิ่มผู้เกษียณ", value: "ADD" },
-  //       { label: "ประกาศแก้ไขข้อมูลผู้เกษียน", value: "EDIT" },
-  //       { label: "ประกาศยกเลิกผู้เกษียณ", value: "REMOVE" },
-  //     ],
-  //   },
-  //   cancel: {
-  //     flat: true,
-  //     color: "negative",
-  //   },
-  //   persistent: true,
-  // })
-  //   .onOk((data) => {
-  //     console.log("option===>", data);
-  //     router.push(`/retirement/list/${type.value}/${currentYear}`);
-  //   })
-  //   .onCancel(() => {})
-  //   .onDismiss(() => {});
 };
 const cerateRetirement = async (data: object) => {
   await http
@@ -544,40 +513,26 @@ const cerateRetirement = async (data: object) => {
     });
 };
 const clickSelect = async (action: string) => {
-  // console.log(action);
-  // console.log(radio.value);
-  $q.dialog({
-    title: "ยืนยันการแก้ไขข้อมูลประกาศเกษียณ",
-    message: "ต้องการแก้ไขข้อมูลประกาศเกษียณใช่หรือไม่?",
-    cancel: {
-      flat: true,
-      color: "negative",
-    },
-    persistent: true,
-  })
-    .onOk(async () => {
+  dialogConfirm(
+    $q,
+    async () => {
       let data = {
         type: type.value,
         year: currentYear,
         retireHistoryId: action,
         option: radio.value,
       };
-      // console.log(data);
 
       await cerateRetirement(data);
-    })
-    .onCancel(() => {})
-    .onDismiss(() => {});
+    },
+    "ยืนยันการแก้ไขข้อมูลประกาศเกษียณ",
+    "ต้องการแก้ไขข้อมูลประกาศเกษียณใช่หรือไม่ ?"
+  );
 };
 
-// const clickClose = async () => {
-//   modal.value = false;
-// };
 const checkjson = ref<boolean>();
 
 const checkststus = (data: any) => {
- 
-  
   let jsonfasle = data.find((e: any) => e.document == false);
   // console.log(jsonfasle)