ปรับ format code + comment + เช็ค paging เมนูพัฒนาบุคลากร

src/modules/15_development/views/MainPage.vue

@@ -37,9 +37,17 @@ const filter = ref<string>("");
 const filterMain = ref<string>("");
 const splitterModel = ref<number>(60);
 const modal = ref<boolean>(false);
+const totalList = ref<number>(0); //จำนวนข้อมูลรายการ
+const totalPage = ref<number>(1);
+
+const statusOpt = ref<DataOption[]>([
+  { id: "ONGOING", name: "กำลังดำเนินการ" },
+  { id: "FINISH", name: "เสร็จสิ้นโครงการ" },
+]);
 
 /** หัวตาราง */
 const rows = ref<ResListProject[]>([]); // ข้อมูลรายการ
+const visibleColumns = ref<string[]>(["year", "projectName", "root"]);
 const columns = ref<QTableProps["columns"]>([
   {
     name: "year",
@@ -71,13 +79,8 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px ; width:45% ",
   },
 ]);
-const visibleColumns = ref<string[]>(["year", "projectName", "root"]);
-
-const statusOpt = ref<DataOption[]>([
-  { id: "ONGOING", name: "กำลังดำเนินการ" },
-  { id: "FINISH", name: "เสร็จสิ้นโครงการ" },
-]);
 
+/** formProject */
 const formProject = reactive<FormProject>({
   year: null,
   projectName: "",
@@ -86,7 +89,7 @@ const formProject = reactive<FormProject>({
   orgRevisionId: null,
 });
 
-/** formQuery*/
+/** formQuery */
 const formQuery = reactive<FormQueryListProject>({
   year: new Date().getFullYear(),
   page: 1,
@@ -98,9 +101,6 @@ const formQuery = reactive<FormQueryListProject>({
   nodeId: null,
 });
 
-const totalList = ref<number>(0); //จำนวนข้อมูลรายการ
-const totalPage = ref<number>(1);
-
 /** funciton  fetch รายการโครงการ*/
 function fetchListProject() {
   showLoader();
@@ -262,6 +262,7 @@ watch(
   }
 );
 
+/** ดึงข้อมูลเมื่อโหลดหน้าเสร็จสิ้น */
 onMounted(() => {
   fetchActive();
   fetchListProject();