จัด โค้ด รายการสืบสวนข้อเท็จจริง

src/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue

@@ -23,7 +23,7 @@ const { fecthList } = dataInvestigate;
 // } = mixin;
 const $q = useQuasar(); //ใช้ noti quasar
 
-// ค้นหาในตาราง
+/** ค้นหาข้อมูลในตาราง */
 const filterKeyword = ref<string>("");
 const filterRef = ref<HTMLInputElement | null>(null);
 const resetFilter = () => {
@@ -34,6 +34,8 @@ const resetFilter = () => {
 };
 
 const attrs = ref<any>(useAttrs());
+
+/** แสดงจำนวนในตาราง */
 const pagination = ref({
   // sortBy: "desc",
   descending: false,
@@ -41,9 +43,22 @@ const pagination = ref({
   rowsPerPage: 10,
 });
 
+/**ไปยังหน้าเพิ่มข้อมูล */
 const clickAdd = () => {
   router.push(`/discipline/investigatefacts/add`);
 };
+
+/**
+ * ไปหน้าแก้ไข
+ * @param id ไอดีเฉพาะ รายบุคคล
+ */
+function editPage(id: string) {
+  router.push(`/discipline/investigatefacts/${id}`);
+}
+
+/**เมื่อเริ่มโหลดหน้า 
+ * ส่งข้อมูลจำลองไปยัง store
+ */
 onMounted(async () => {
   await fecthList([
     {
@@ -80,9 +95,6 @@ onMounted(async () => {
     },
   ]);
 });
-function editPage(id: string) {
-  router.push(`/discipline/investigatefacts/${id}`);
-}
 </script>
 <template>
   <div class="toptitle text-dark col-12 row items-center">
@@ -144,6 +156,7 @@ function editPage(id: string) {
         class="col-xs-12 col-sm-3 col-md-2"
       />
     </div>
+    
     <div class="col-12">
       <d-table
         ref="table"