จัดโค้ด รายการการสอบสวนความผิดทางวินัย

src/modules/11_discipline/components/3_InvestigateDisciplinary/MainPage.vue

@@ -1,23 +1,36 @@
 <script setup lang="ts">
 import { onMounted, ref } from "vue";
 import { useQuasar } from "quasar";
-import { useCounterMixin } from "@/stores/mixin";
-import type { Pagination } from "@/modules/03_recruiting/interface/index/Main";
-import Table from "@/modules/11_discipline/components/3_investigateDisciplinary/Table.vue";
-import { useInvestigateDisStore } from "../../store/InvestigateDisStore";
-
 import { useRouter } from "vue-router";
-const dataInvestigateDis = useInvestigateDisStore();
-const { fecthList } = dataInvestigateDis;
+import Table from "@/modules/11_discipline/components/3_InvestigateDisciplinary/Table.vue";
+import { useCounterMixin } from "@/stores/mixin";
+import { useInvestigateDisStore } from "../../store/InvestigateDisStore";
+import type { Pagination } from "@/modules/03_recruiting/interface/index/Main";
+
 const $q = useQuasar(); // show dialog
-const mixin = useCounterMixin();
 const router = useRouter();
-const { hideLoader } = mixin;
 const filter = ref<string>(""); //search data table
+const mixin = useCounterMixin();
+const dataInvestigateDis = useInvestigateDisStore();
+const { hideLoader } = mixin;
+const { fecthList } = dataInvestigateDis;
+
 const initialPagination = ref<Pagination>({
   rowsPerPage: 0,
 });
 
+/**
+ * ไปหน้าแก้ไข
+ * @param id ไอดีเฉพาะ รายบุคคล
+ */
+function openEdit(id:string) {
+  console.log(id)
+  router.push(`/discipline/disciplinary/${id}`)
+}
+
+/**เมื่อเริ่มโหลดหน้า 
+ * ส่งข้อมูลจำลองไปยัง store
+ */
 onMounted(async () => {
   fecthList([
     {
@@ -67,11 +80,6 @@ onMounted(async () => {
   ]);
   await hideLoader();
 });
-
-function openEdit(id:string) {
-  console.log(id)
-  router.push(`/discipline/disciplinary/${id}`)
-}
 </script>
 
 <template>