no message

src/modules/07_insignia/components/1_Proposals/listProposals.vue

@@ -20,6 +20,7 @@ const {
   dateToISO,
   showLoader,
   hideLoader,
+  dialogConfirm,
 } = mixin;
 const route = useRoute();
 const $q = useQuasar(); //ใช้ noti quasar
@@ -232,6 +233,32 @@ const clickProposals = (file: string) => {
     window.open(file);
   }
 };
+const clickListInsignia = async (propsId: string) => {
+  dialogConfirm(
+    $q,
+    async () => {
+      await getRequest(propsId);
+    },
+    "ยืนยันการคำนวณราชชื่อผู้ได้รับเครื่องราช",
+    "ต้องการยืนยันการคำนวณราชชื่อผู้ได้รับเครื่องราชนี้หรือไม่ ?"
+  );
+};
+const getRequest = async (id: string) => {
+  showLoader();
+  await http
+    .get(config.API.requestInsignia(id))
+    .then((res) => {
+      console.log(res);
+      success($q, "ยืนยันสำเร็จ");
+    })
+    .catch((err) => {
+      console.log(err);
+      messageError($q, err);
+    })
+    .finally(async () => {
+      await fetchData();
+    });
+};
 
 // ค้นหาในตาราง
 const filterKeyword = ref<string>("");
@@ -338,6 +365,7 @@ const paginationLabel = (start: string, end: string, total: string) => {
               </q-th>
               <q-th auto-width />
               <q-th auto-width />
+              <q-th auto-width />
             </q-tr>
           </template>
           <template v-slot:body="props">
@@ -390,6 +418,19 @@ const paginationLabel = (start: string, end: string, total: string) => {
                   @click="clickEdit(props.row)"
                 />
               </q-td>
+              <q-td auto-width>
+                <q-btn
+                  dense
+                  size="12px"
+                  flat
+                  round
+                  color="primary"
+                  @click="clickListInsignia(props.row.id)"
+                  icon="mdi-account-star"
+                >
+                  <q-tooltip>ผู้ได้รับเครื่องราชฯ</q-tooltip>
+                </q-btn>
+              </q-td>
               <q-td auto-width>
                 <q-btn
                   dense
@@ -436,8 +477,6 @@ const paginationLabel = (start: string, end: string, total: string) => {
   </q-card>
 </template>
 
-
-
 <style lang="scss" scope>
 .filter-card {
   background-color: #f1f1f1b0;