Refactoring code module 05_placement

src/modules/05_placement/components/PersonalDetail/Information/Certicate.vue

@@ -1,26 +1,30 @@
 <!-- card ใบอนุญาตประกอบอาชีพ -->
 <script setup lang="ts">
 import { onMounted, ref, watch } from "vue";
-import { useRoute } from "vue-router";
-import { useProfileDataStore } from "@/modules/05_placement/store";
-import { useCounterMixin } from "@/stores/mixin";
-import { useDataStore } from "@/stores/data";
-import ProfileTable from "@/modules/05_placement/components/PersonalDetail/Table.vue";
-import DialogHeader from "@/modules/05_placement/components/PersonalDetail/DialogHeader.vue";
-import DialogFooter from "@/modules/05_placement/components/PersonalDetail/DialogFooter.vue";
 import { useQuasar } from "quasar";
+
+import { useRoute } from "vue-router";
+import { useCounterMixin } from "@/stores/mixin";
+import { useProfileDataStore } from "@/modules/05_placement/store";
+import http from "@/plugins/http";
+import config from "@/app.config";
+
 import type {
   RequestItemsObject,
   DataProps,
 } from "@/modules/05_placement/interface/request/Certificate";
-import type { ResponseObject } from "@/modules/05_placement/interface/response/Certificate";
-import HistoryTable from "@/components/TableHistory.vue";
-import http from "@/plugins/http";
-import config from "@/app.config";
 import type { QTableProps } from "quasar";
 import type { PropType } from "vue";
 import type { Certificate } from "@/modules/05_placement/interface/index/Main";
 
+import HistoryTable from "@/components/TableHistory.vue";
+import ProfileTable from "@/modules/05_placement/components/PersonalDetail/Information/TableEducation.vue";
+import DialogHeader from "@/components/DialogHeader.vue";
+import DialogFooter from "@/modules/05_placement/components/PersonalDetail/DialogFooter.vue";
+
+/**
+ * props
+ */
 const props = defineProps({
   statusEdit: {
     type: Boolean,
@@ -48,7 +52,7 @@ const mixin = useCounterMixin();
 const {
   date2Thai,
   success,
-  dateToISO,
+
   messageError,
   showLoader,
   hideLoader,
@@ -75,10 +79,7 @@ const rowsHistory = ref<RequestItemsObject[]>([]); //select data history
 const tittleHistory = ref<string>("ประวัติแก้ไขใบอนุญาตประกอบอาชีพ"); //
 const filterHistory = ref<string>(""); //search data table history
 const modalHistory = ref<boolean>(false); //modal ประวัติการแก้ไขข้อมูล
-const checkValidate = ref<boolean>(false); //validate data ผ่านหรือไม่
-// const profileId = ref<string>(
-//   route.params.id ? route.params.id.toString() : ""
-// );
+
 const profileId = ref<string>("");
 const rows = ref<Certificate[]>([]);
 const filter = ref<string>(""); //search data table
@@ -238,19 +239,6 @@ const visibleColumnsHistory = ref<String[]>([
   "createdAt",
 ]);
 
-watch(visibleColumns, async (count: String[], prevCount: String[]) => {
-  await changeProfileColumns("certicate", count);
-});
-
-onMounted(async () => {
-  // await fetchData();
-  if (route.params.id) {
-    profileId.value = route.params.personalId.toString();
-  }
-  // await props.fetch();
-  rows.value = props.data;
-});
-
 /**
  * กดดูข้อมูลก่อนหน้า
  */
@@ -489,55 +477,6 @@ const clickEditRow = () => {
   editRow.value = true;
 };
 
-/**
- * ฟังชั้นดูข้อมูลประวัติแก้ไขข้อมูลที่เลือก
- * @param row ข้อมูล row ที่ดูประวัติการแก้ไข
- */
-const clickHistory = async (row: RequestItemsObject) => {
-  tittleHistory.value =
-    props.profileType == "employee"
-      ? "ประวัติแก้ไขใบอนุญาตของลูกจ้าง"
-      : "ประวัติแก้ไขใบอนุญาตประกอบอาชีพ";
-  modalHistory.value = true;
-  showLoader();
-  await http
-    .get(config.API.profileCertHisId(row.id))
-    .then((res) => {
-      let data = res.data.result;
-      rowsHistory.value = [];
-      data.map((e: ResponseObject) => {
-        rowsHistory.value.push({
-          id: e.id,
-          certificateNo: e.certificateNo,
-          issuer: e.issuer,
-          issueDate: new Date(e.issueDate),
-          expireDate: new Date(e.expireDate),
-          certificateType: e.certificateType,
-          createdFullName: e.createdFullName,
-          createdAt: new Date(e.createdAt),
-        });
-      });
-    })
-    .catch((e) => {
-      messageError($q, e);
-    })
-    .finally(() => {
-      hideLoader();
-    });
-};
-
-/**
- * validate input ใน dialog
- */
-const validateData = async () => {
-  checkValidate.value = true;
-  await myForm.value.validate().then((result: boolean) => {
-    if (result == false) {
-      checkValidate.value = false;
-    }
-  });
-};
-
 /**
  * class จัดรูปแบบแสดงระหว่างข้อมูลที่แก้ไขหรือแสดงเฉยๆ
  * @param val ข้อมูล input สำหรับแก้ไขหรือไม่
@@ -548,6 +487,17 @@ const getClass = (val: boolean) => {
     "full-width cursor-pointer": !val,
   };
 };
+
+watch(visibleColumns, async (count: String[], prevCount: String[]) => {
+  changeProfileColumns("certicate", count);
+});
+
+onMounted(() => {
+  if (route.params.id) {
+    profileId.value = route.params.personalId.toString();
+  }
+  rows.value = props.data;
+});
 </script>
 <template>
   <q-card flat bordered class="col-12 q-px-lg q-py-md q-mt-md no-border">
@@ -587,17 +537,6 @@ const getClass = (val: boolean) => {
                 {{ col.value }}
               </div>
             </q-td>
-            <!-- <q-td auto-width>
-              <q-btn
-                color="info"
-                flat
-                dense
-                round
-                size="14px"
-                icon="mdi-history"
-                @click="clickHistory(props.row)"
-              />
-            </q-td> -->
           </q-tr>
         </template>
       </ProfileTable>