จัดโค้ด เรื่อง เรื่องร้องเรียน

src/modules/11_discipline/components/1_Complaint/TableComplaint.vue

@@ -5,16 +5,19 @@ import type { QTableProps } from "quasar";
 // importStroe
 import { useComplainstDataStore } from "@/modules/11_discipline/store/ComplaintsStore";
 import { useRoute, useRouter } from "vue-router";
-const router = useRouter();
 
+const router = useRouter();
 const complainstStore = useComplainstDataStore();
 
+/** รับ props มาจากหน้าหลัก */
 const props = defineProps({
   filterTable: {
     type: String,
     default: "",
   },
 });
+
+/** หัวตาราง */
 const columns = ref<QTableProps["columns"]>([
   {
     name: "no",
@@ -89,6 +92,8 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
+
+/** หัวข้อที่เเสดงในตาราง */
 const visibleColumns = ref<string[]>([
   "no",
   "subject",
@@ -100,17 +105,22 @@ const visibleColumns = ref<string[]>([
   "considerationDeadlineDate",
 ]);
 
+/** เริ่มโหลดหน้า page เอาข้อมูลไปเก็บ ใน store*/
 onMounted(() => {
   complainstStore.columns = columns.value;
   complainstStore.visibleColumns = visibleColumns.value;
 });
 
-//pagination
+/** แสดงจำนวนในตาราง */
 const pagination = ref({
   descending: true,
   page: 1,
   rowsPerPage: 10,
 });
+/**
+ * ฟังชั่นสำหรับ เปลี่ยน route ตาม id ที่รับมา
+ * @param id ไอดีระบุ
+ */
 function OpenEdit(id:string){
   console.log(id)
   router.push(`/discipline/complaints/${id}`)