เงินเดือน => รายการผังบัญชีเงินเดือน,ผังบัญชีค่าจ้างลูกจ้างประจำ

src/modules/13_salary/components/salaryEmployeeChart/TabStructure.vue

@@ -13,8 +13,8 @@ import type { FormFilter } from "@/modules/13_salary/interface/request/EmployeeC
 import type { EmployeeSalary } from "@/modules/13_salary/interface/response/salaryEmployeeChart";
 
 /** importComponents*/
-import DialogEmployeeChart from "@/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeChart.vue";
-import DialogEmployeeUpload from "@/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeUpload.vue";
+import DialogEmployeeChart from "@/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeChart.vue"; //ผังบัญชีค่าจ้างลูกจ้างประจำ
+import DialogEmployeeUpload from "@/modules/13_salary/components/salaryEmployeeChart/DialogEmployeeUpload.vue"; //อัปโหลดเอกสารอ้างอิง
 
 /** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
@@ -45,6 +45,7 @@ const activeType = ref<string>("");
 const dataRow = ref<EmployeeSalary>();
 
 /** ข้อมูล Table*/
+const rows = ref<EmployeeSalary[]>([]);
 const columns = ref<QTableProps["columns"]>([
   {
     name: "name",
@@ -83,7 +84,6 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
-const rows = ref<EmployeeSalary[]>([]);
 const visibleColumns = ref<string[]>([
   "name",
   "group",
@@ -91,7 +91,9 @@ const visibleColumns = ref<string[]>([
   "isActive",
 ]);
 
-/** function fetch ข้แมูลรายาการผังบัญชีค่าจ้างลูกจ้างประจำ */
+/**
+ * fetch ข้แมูลรายาการผังบัญชีค่าจ้างลูกจ้างประจำ
+ */
 function fetchListChart() {
   showLoader();
   http
@@ -112,32 +114,8 @@ function fetchListChart() {
     });
 }
 
-// /**
-//  * function เลือกเมนู
-//  * @param type ประเทภเมนู
-//  * @param data ข้อมูลผังบัญชีค่าจ้างลูกจ้างประจำ
-//  */
-// function onClickAction(type: string, data: EmployeeSalary) {
-//   switch (type) {
-//     case "edit":
-//       onEdit(data);
-//       break;
-//     case "upload":
-//       onUpload(data.id, data.isActive);
-//       break;
-//     case "salaryRate":
-//       onSalaryRate(data.id);
-//       break;
-//     case "copy":
-//       onCoppy(data.id);
-//       break;
-//     default:
-//       break;
-//   }
-// }
-
 /**
- *  function openDialog แก้ไขผังบัญชีค่าจ้างลูกจ้างประจำ
+ *   openDialog แก้ไขผังบัญชีค่าจ้างลูกจ้างประจำ
  * @param data ข้อมูลผังบัญชีค่าจ้างลูกจ้างประจำ
  */
 function onEdit(data: EmployeeSalary, type: string) {
@@ -175,6 +153,7 @@ function onSalaryRate(id: string) {
  * @param id ผังบัญชีค่าจ้างลูกจ้างประจำ
  */
 function onCoppy(id: string) {
+  showLoader();
   http
     .post(config.API.salaryEmployeeChartCopy, { id: id })
     .then(async () => {
@@ -183,6 +162,9 @@ function onCoppy(id: string) {
     })
     .catch((err) => {
       messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
     });
 }
 
@@ -192,6 +174,7 @@ function onCoppy(id: string) {
  */
 function onClickDelete(id: string) {
   dialogRemove($q, () => {
+    showLoader();
     http
       .delete(config.API.salaryEmployeeChartByid(id))
       .then(async () => {
@@ -200,17 +183,24 @@ function onClickDelete(id: string) {
       })
       .catch((err) => {
         messageError($q, err);
+      })
+      .finally(() => {
+        hideLoader();
       });
   });
 }
 
-/** function เปิด dialog เพิ่มผังบัญชีค่าจ้างลูกจ้างประจำ*/
+/**
+ * function เปิด dialog เพิ่มผังบัญชีค่าจ้างลูกจ้างประจำ
+ */
 function onClickAdd() {
   isStatusEdit.value = false;
   modalDialogEmployeeChart.value = true;
 }
 
-/** functionn fetch ข้อมูลรายการหน้าแรก*/
+/**
+ * functionn fetch ข้อมูลรายการหน้าแรก*
+ */
 function filterFn() {
   formFilter.page = 1;
   fetchListChart();
@@ -253,7 +243,7 @@ onMounted(() => {
       icon="add"
       @click="onClickAdd()"
     >
-      <q-tooltip>เพิ่ม </q-tooltip>
+      <q-tooltip>เพิ่มข้อมูล </q-tooltip>
     </q-btn>
     <q-space />
     <q-input
@@ -306,7 +296,7 @@ onMounted(() => {
       <q-separator />
     </template>
     <template v-slot:body="props">
-      <q-tr :props="props" class="cursor-pointer">
+      <q-tr :props="props">
         <q-td>
           <q-btn
             v-if="
@@ -465,6 +455,7 @@ onMounted(() => {
     </template>
   </d-table>
 
+  <!-- ผังบัญชีค่าจ้างลูกจ้างประจำ -->
   <DialogEmployeeChart
     v-model:modal="modalDialogEmployeeChart"
     :isStatusEdit="isStatusEdit"
@@ -473,6 +464,7 @@ onMounted(() => {
     :activeType="activeType"
   />
 
+  <!-- อัปโหลดเอกสารอ้างอิง -->
   <DialogEmployeeUpload
     v-model:modal="modalDialogUpload"
     :id="salaryChartId"