fix currentPage ===> รายการผังบัญชีเงินเดือน

src/modules/13_salary/views/01_salaryMain.vue

@@ -4,25 +4,22 @@ import { useQuasar } from "quasar";
 
 import { useRouter } from "vue-router";
 import { checkPermission } from "@/utils/permissions";
+import { updateCurrentPage } from "@/utils/function";
 import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
-/**
+/** importType */
- * importType
- */
 import type { QTableProps } from "quasar";
 import type { NewPagination } from "@/modules/13_salary/interface/index/Main";
 import type { Salary } from "@/modules/13_salary/interface/response/Main";
 import type { FormQuerySalary } from "@/modules/13_salary/interface/request/Main";
 
-/**
+/** importComponents */
- * importComponents
- */
 import DialogFormMain from "@/modules/13_salary/components/01_Salary/DialogFormMain.vue"; // ผังบัญชีเงินเดือน
 import DialogFormUpload from "@/modules/13_salary/components/01_Salary/DialogUpload.vue"; // อัปโหลดเอกสารอ้างอิง
 
-/** use*/
+/** use composables */
 const $q = useQuasar();
 const router = useRouter();
 const {
@@ -34,7 +31,7 @@ const {
   success,
 } = useCounterMixin();
 
-/** modalDialog*/
+/** modalDialog */
 const modalDialogFormMain = ref<boolean>(false); //popup เพิ่ม,แก้ไข ผังบัญชีเงินเดือน
 const modalUpload = ref<boolean>(false); //popup อัปโหลดเอกสารอ้างอิง
 const rowId = ref<string>(""); // id รายการผังบัญชีเงินเดือน
@@ -86,7 +83,7 @@ const visibleColumns = ref<string[]>([
   "isActive",
 ]);
 
-/** queryString*/
+/** queryString */
 const formQuery = reactive<FormQuerySalary>({
   page: 1, //*หน้า
   pageSize: 10, //*จำนวนแถวต่อหน้า
@@ -98,9 +95,7 @@ const isActive = ref<boolean>(false); //สถานะการใช้งา
 const typeAction = ref<string>(""); //ประเภทการกระทำ
 const dataSalary = ref<Salary>(); //ข้อมูลรายการผังบัญชีเงินเดือนที่ต้องการแก้ไข
 
-/**
+/** ฟังก์ชันดึงข้อมูลรายการผังบัญชีเงินเดือน */
- *  fetch ข้อมูลรายการผังบัญชีเงินเดือน
- */
 async function fetchListSalaly() {
   showLoader();
   const page = formQuery.page.toString();
@@ -126,8 +121,8 @@ async function fetchListSalaly() {
 }
 
 /**
- *  function openDialog เพิ่ม,แก้ไข ผังบัญชีเงินเดือน
+ *  ฟังก์ชัน openDialog เพิ่ม,แก้ไข ผังบัญชีเงินเดือน
- * @param type ประเภท แก่ไข,เพิ่ม
+ * @param type ประเภท แก้ไข,เพิ่ม
  * @param data ข้อมูลผังบัญชีเงินเดือน
  */
 function onClickSalary(type: string, data: Salary | null) {
@@ -139,7 +134,7 @@ function onClickSalary(type: string, data: Salary | null) {
 }
 
 /**
- *  function redirect to page อัตราเงินเดือน
+ *  ฟังก์ชัน redirect to page อัตราเงินเดือน
  * @param id บัญชีเงินเดือน
  */
 function onClickSalaryRate(id: string) {
@@ -147,7 +142,7 @@ function onClickSalaryRate(id: string) {
 }
 
 /**
- * function คัดลอกข้อมูลรายการผังบัญชีเงินเดือน
+ * ฟังก์ชันคัดลอกข้อมูลรายการผังบัญชีเงินเดือน
  * @param id บัญชีเงินเดือน
  */
 function onClickCoppy(id: string) {
@@ -167,21 +162,21 @@ function onClickCoppy(id: string) {
 }
 
 /**
- * function ลบข้อมูลรายการผังบัญชีเงินเดือน
+ * ฟังก์ชันลบข้อมูลรายการผังบัญชีเงินเดือน
  * @param id บัญชีเงินเดือน
  */
 function onClickDelete(id: string) {
   dialogRemove($q, async () => {
     showLoader();
-    formQuery.page =
-      formQuery.page !== 1 &&
-      formQuery.page === maxPage.value &&
-      rows.value.length === 1
-        ? formQuery.page - 1
-        : formQuery.page;
     await http
       .delete(config.API.salaryChartByid(id))
       .then(async () => {
+        formQuery.page = await updateCurrentPage(
+          formQuery.page,
+          maxPage.value,
+          rows.value.length
+        );
+
         await fetchListSalaly();
         success($q, "ลบข้อมูลสำเร็จ");
       })
@@ -195,7 +190,7 @@ function onClickDelete(id: string) {
 }
 
 /**
- *  function openDialog อัปโหลดเอกสารอ้างอิง
+ *  ฟังก์ชัน openDialog อัปโหลดเอกสารอ้างอิง
  * @param type
  * @param id ผังบัญชีเงินเดือน
  * @param active สถานะการใช้งาน
@@ -208,7 +203,7 @@ function onClickUpload(type: string, id: string, active: boolean) {
 }
 
 /**
- * function updatePagination
+ * ฟังก์ชัน updatePagination
  * @param newPagination ข้อมูล Pagination ใหม่
  */
 function updatePagination(newPagination: NewPagination) {
@@ -216,16 +211,12 @@ function updatePagination(newPagination: NewPagination) {
   formQuery.pageSize = newPagination.rowsPerPage;
 }
 
-/**
+/** ฟังก์ชัน ค้นหาข้อมูลตาม keyword */
- * function ค้นหาข้อมูลตาม keyword
- */
 function filterFn(page: number) {
   page !== 1 ? (formQuery.page = 1) : fetchListSalaly();
 }
 
-/**
+/** callbackFunction ทำงานเมื่อมีการ เปลี่ยนแถว */
- * callbackFunction ทำงานเมื่อมีการ เปลี่ยนแถว
- */
 watch(
   () => formQuery.pageSize,
   () => {