updated รายการเงินเดือน รายชื่อคนครอง

src/modules/13_salary/components/SalaryLists/TableTypePending.vue

@@ -16,6 +16,8 @@ import DialogMoveLevel from "@/modules/13_salary/components/SalaryLists/DialogMo
 /** importStore*/
 import { useCounterMixin } from "@/stores/mixin";
 import { useSalaryListSDataStore } from "@/modules/13_salary/store/SalaryListsStore";
+import http from "@/plugins/http";
+import config from "@/app.config";
 
 const store = useSalaryListSDataStore();
 
@@ -42,7 +44,7 @@ const columns = ref<QTableProps["columns"]>([
   {
     name: "fullName",
     align: "left",
-    label: "ชื้อ-นามสกุล",
+    label: "ชื่อ-นามสกุล",
     sortable: true,
     field: "fullName",
     headerStyle: "font-size: 14px",
@@ -67,47 +69,47 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
   {
-    name: "isResult",
+    name: "result",
     align: "center",
     label: "ผลการประเมิน",
     sortable: false,
-    field: "isResult",
+    field: "result",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
   {
-    name: "isDuration",
+    name: "duration",
     align: "center",
     label: "ระยะเวลา",
     sortable: false,
-    field: "isDuration",
+    field: "duration",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
   {
-    name: "isPunish",
+    name: "punish",
     align: "center",
     label: "การลงโทษ",
     sortable: false,
-    field: "isPunish",
+    field: "punish",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
   {
-    name: "isRetired",
+    name: "retired",
     align: "center",
     label: "พ้นราชการ",
     sortable: false,
-    field: "isRetired",
+    field: "retired",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
   {
-    name: "isRetired2",
+    name: "retired2",
     align: "center",
     label: "ขาดราชการ",
     sortable: false,
-    field: "isRetired",
+    field: "retired2",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -117,11 +119,11 @@ const visibleColumns = ref<string[]>([
   "fullName",
   "position",
   "organization",
-  "isResult",
-  "isDuration",
-  "isPunish",
-  "isRetired",
-  "isRetired2",
+  "result",
+  "duration",
+  "punish",
+  "retired",
+  "retired2",
 ]);
 
 const formFilter = defineModel<DataFilter>("formFilter", { required: true });
@@ -145,9 +147,21 @@ const modalDialogMoveLeve = ref<boolean>(false);
 const profileId = ref<string>("");
 const amount = ref<number>(0);
 
-function onClickDelete() {
-  dialogRemove($q, () => {
-    success($q, "ลบข้อมูลสำเร็จ");
+function onClickDelete(id: string) {
+  dialogRemove($q, async () => {
+    showLoader();
+    await http
+      .delete(config.API.salaryListPeriodProfileById(id))
+      .then(() => {
+        success($q, "ลบข้อมูลสำเร็จ");
+        props.fetchDataTable?.();
+      })
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        hideLoader();
+      });
   });
 }
 function onClickAddPerson() {
@@ -190,6 +204,7 @@ watch(
   }
 );
 </script>
+
 <template>
   <q-toolbar class="text-primary" style="padding: 0px">
     <q-btn flat round dense icon="add" @click="onClickAddPerson">
@@ -280,7 +295,7 @@ watch(
               }${props.row.root ? props.row.root : ""}`
             }}
           </div>
-          <div v-else-if="col.name === 'isResult'">
+          <!-- <div v-else-if="col.name === 'isResult'">
             <q-checkbox
               disable
               keep-color
@@ -320,7 +335,7 @@ watch(
               v-model="props.row.isRetired2"
               false
             />
-          </div>
+          </div> -->
           <div v-else>
             {{ col.value ? col.value : "-" }}
           </div>
@@ -337,7 +352,7 @@ watch(
             <q-menu>
               <q-list dense style="min-width: 150px">
                 <q-item
-                  v-for="(item, index) in store.itemMenu.slice(0, 3)"
+                  v-for="(item, index) in store.itemMenu"
                   :key="index"
                   clickable
                   v-close-popup
@@ -349,7 +364,7 @@ watch(
                       : item.type === 'moveLevel'
                       ? onClickMoveLevel(props.row.id)
                       : item.type === 'delete'
-                      ? onClickDelete()
+                      ? onClickDelete(props.row.id)
                       : null
                   "
                 >