fix ชื่อ-นามสกุล

src/modules/06_retirement/components/resign/DetailDeceased.vue

@@ -1,3 +1,89 @@
+<script setup lang="ts">
+import { useRouter, useRoute } from "vue-router";
+import { useQuasar } from "quasar";
+import { ref, onMounted } from "vue";
+import { useCounterMixin } from "@/stores/mixin";
+import http from "@/plugins/http";
+import config from "@/app.config";
+
+const $q = useQuasar();
+const router = useRouter();
+const route = useRoute();
+const mixin = useCounterMixin();
+const { showLoader, hideLoader, messageError, date2Thai } = mixin;
+const fullName = ref<string>("");
+const profileId = ref<string>(route.params.id.toString());
+const detail = ref<any>([]);
+
+onMounted(() => {
+  fectdata();
+});
+
+//นำข้อมูลจาก API มาแสดง
+const fectdata = async () => {
+  showLoader();
+  await http
+    .get(config.API.detailDeceased(profileId.value))
+    .then((res) => {
+      const data = res.data.result;
+      detail.value = data;
+      fullName.value = `${data.prefix}${data.firstName} ${data.lastName}`;
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+};
+
+//กลับไปหน้า registry
+const redirectToRegistry = (id: string) => {
+  router.push(`/registry/${id}`);
+};
+
+//เปิดdetail ของ deceased
+const openDeceased = (id: string) => {
+  router.push(`/deceased/detail/${id}`);
+};
+
+//ไปหน้าถัดไป
+const nextPage = (page: string) => {
+  window.open(page, "_blank");
+};
+
+//downloadFile
+const downloadFile = (response: any, filename: string) => {
+  const link = document.createElement("a");
+  var fileName = filename;
+  link.href = window.URL.createObjectURL(new Blob([response.data]));
+  link.setAttribute("download", fileName);
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
+
+const fileDownload = async (type: string) => {
+  showLoader();
+  await http
+    .get(config.API.DeceasedReport(type, profileId.value), {
+      responseType: "blob",
+    })
+    .then((res) => {
+      downloadFile(
+        res,
+        `รายละเอียดบันทึกเวียนแจ้งการถึงแก่กรรม-${fullName}.${type}`
+      );
+    })
+    .catch((e) => {
+      messageError($q, e);
+    })
+    .finally(() => {
+      hideLoader();
+    });
+};
+</script>
+
 <template>
   <div class="toptitle text-dark col-12 row items-center">
     <q-btn
@@ -146,86 +232,7 @@
     </div>
   </q-card>
 </template>
-<script setup lang="ts">
-import { useRouter, useRoute } from "vue-router";
-import { useQuasar } from "quasar";
-import { ref, onMounted } from "vue";
-import { useCounterMixin } from "@/stores/mixin";
-import http from "@/plugins/http";
-import config from "@/app.config";
 
-const $q = useQuasar();
-const router = useRouter();
-const route = useRoute();
-const mixin = useCounterMixin();
-const { showLoader, hideLoader, messageError, date2Thai } = mixin;
-
-const fullName = ref<string>("");
-const profileId = ref<string>(route.params.id.toString());
-const detail = ref<any>([]);
-
-onMounted(() => {
-  console.log(profileId.value);
-  fectdata();
-});
-const fectdata = async () => {
-  showLoader();
-  await http
-    .get(config.API.detailDeceased(profileId.value))
-    .then((res) => {
-      const data = res.data.result;
-      detail.value = data;
-      fullName.value = `${data.prefix}${data.firstName} ${data.lastName}`;
-      console.log(detail.value);
-    })
-    .catch((e) => {
-      console.log(e);
-      messageError($q, e);
-    })
-    .finally(() => {
-      hideLoader();
-    });
-};
-const redirectToRegistry = (id: string) => {
-  console.log(id);
-  router.push(`/registry/${id}`);
-};
-const openDeceased = (id: string) => {
-  router.push(`/deceased/detail/${id}`);
-};
-const nextPage = (page: string) => {
-  window.open(page, "_blank");
-};
-const downloadFile = (response: any, filename: string) => {
-  const link = document.createElement("a");
-  var fileName = filename;
-  link.href = window.URL.createObjectURL(new Blob([response.data]));
-  link.setAttribute("download", fileName);
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-};
-
-const fileDownload = async (type: string) => {
-  showLoader();
-  await http
-    .get(config.API.DeceasedReport(type, profileId.value), {
-      responseType: "blob",
-    })
-    .then((res) => {
-      downloadFile(
-        res,
-        `รายละเอียดบันทึกเวียนแจ้งการถึงแก่กรรม-${fullName}.${type}`
-      );
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      hideLoader();
-    });
-};
-</script>
 <style lang="scss" scope>
 .q-img {
   border-radius: 5px;