รายการเลื่อนเงินเดือนข้าราชการฯ => new

2024-03-18 16:03:57 +07:00 · 2024-03-18 16:03:57 +07:00 · 3e39d421f3
commit 3e39d421f3
parent 91504f66ec
12 changed files with 301 additions and 228 deletions
--- a/src/modules/13_salary/components/SalaryEmployeeLists/DialogAddPerson.vue
+++ b/src/modules/13_salary/components/SalaryEmployeeLists/DialogAddPerson.vue
@ -146,7 +146,7 @@ function onClickAddPerson(data: DataPerson) {
    $q,
    () => {
      http
-        .post(config.API.salaryPeriodProfile, body)
+        .post(config.API.salaryPeriodProfileEmp, body)
        .then(() => {
          props.fetchData?.();
          success($q, "เพื่มรายชื่อสำเร็จ");
--- a/src/modules/13_salary/components/SalaryEmployeeLists/TabMain.vue
+++ b/src/modules/13_salary/components/SalaryEmployeeLists/TabMain.vue
@ -200,7 +200,7 @@ const maxPage = ref<number>(1);
 function fetchDataQuota(id: string) {
  // showLoader();
  http
-    .get(config.API.salaryListPeriodQuota(id))
+    .get(config.API.salaryListPeriodQuotaEmp(id))
    .then((res) => {
      const data = res.data.result;
      store.remaining = data.remaining;
@ -242,7 +242,7 @@ function fetchDataPeriod(id: string) {
  };

  http
-    .put(config.API.salaryListPeriodORG(id), formData)
+    .put(config.API.salaryListPeriodORGEmp(id), formData)
    .then((res) => {
      rows.value = res.data.result.data;
      total.value = res.data.result.total;
@ -298,9 +298,9 @@ function onClickDownload(data: DataOption) {
 }

 const modalDialogInfoCriteria = ref<boolean>(false);
-onMounted(async () => {
-  await fetchDataQuota(store.groupId);
-  await fetchDataPeriod(store.groupId);
+onMounted(() => {
+  fetchDataQuota(store.groupId);
+  fetchDataPeriod(store.groupId);
  splitterModel.value = store.roundMainCode === "APR" ? 13 : 16;
 });
 </script>
--- a/src/modules/13_salary/components/SalaryEmployeeLists/TableTypeOther.vue
+++ b/src/modules/13_salary/components/SalaryEmployeeLists/TableTypeOther.vue
@ -289,7 +289,13 @@ watch(
      :display-value="$q.lang.table.columns"
      emit-value
      map-options
-      :options="store.roundMainCode === 'OCT' ? columns : columns.slice(0, 10)"
+      :options="
+        store.roundMainCode === 'OCT'
+          ? columns
+          : columns
+          ? columns.slice(0, 10)
+          : []
+      "
      option-value="name"
      options-cover
      style="min-width: 150px"
@ -299,7 +305,13 @@ watch(

  <d-table
    ref="table"
-    :columns="store.roundMainCode === 'OCT' ? columns : columns.slice(0, 10)"
+    :columns="
+      store.roundMainCode === 'OCT'
+        ? columns
+        : columns
+        ? columns.slice(0, 10)
+        : []
+    "
    :rows="props.rows"
    row-key="id"
    flat
--- a/src/modules/13_salary/components/SalaryLists/DialogMoveLevel.vue
+++ b/src/modules/13_salary/components/SalaryLists/DialogMoveLevel.vue
@ -48,10 +48,15 @@ const typeRangeOps = computed(() => {
        { id: "FULL", name: "1 ขั้น" },
        { id: "FULLHAFT", name: "1.5 ขั้น" },
      ]
-    : [
+    : store.roundMainCode == "ARP"
+    ? [
        { id: "NONE", name: "ไม่ได้เลื่อน" },
        { id: "HAFT", name: "0.5 ขั้น" },
        { id: "FULL", name: "1 ขั้น" },
+      ]
+    : [
+        { id: "HAFT", name: "0.5 ขั้น" },
+        { id: "FULL", name: "1 ขั้น" },
      ];
 });

@ -104,7 +109,7 @@ function onSubmit() {
 watch(
  () => modal.value,
  () => {
-    type.value = props.typeLevel == 'PENDING' ? "" : props.typeLevel;
+    type.value = props.typeLevel == "PENDING" ? "" : props.typeLevel;
    isReserve.value = props.isReserve;
    isChange.value = false;
  }
--- a/src/modules/13_salary/components/SalaryLists/TabMain.vue
+++ b/src/modules/13_salary/components/SalaryLists/TabMain.vue
@ -31,6 +31,8 @@ const { messageError, showLoader, hideLoader } = useCounterMixin();
 /** props*/
 const props = defineProps({
  periodLatest: { type: Object as () => DataPeriodLatest, require: true },
+  rootId: { type: String, require: true },
+  periodId: { type: String, require: true },
 });

 const total = ref<number>();
@ -84,7 +86,8 @@ const itemsTabType = computed(() => {
          type: "NONE",
        },
      ]
-    : [
+    : store.roundMainCode === "APR"
+    ? [
        {
          lable: "รายชื่อคนครอง",
          name: "tab1",
@ -105,6 +108,23 @@ const itemsTabType = computed(() => {
          name: "tab4",
          type: "NONE",
        },
+      ]
+    : [
+        {
+          lable: "รายชื่อคนครอง",
+          name: "tab1",
+          type: "PENDING",
+        },
+        {
+          lable: "1 ขั้น",
+          name: "tab2",
+          type: "FULL",
+        },
+        {
+          lable: "0.5 ขั้น",
+          name: "tab3",
+          type: "HAFT",
+        },
      ];
 });

@ -282,26 +302,29 @@ function fetchDataPeriodNew() {
 }

 function onClickDownload(data: DataOption) {
-  console.log(data);
-  // showLoader();
-  // http
-  //   .get(config.API.salaryReportByid(salaryId.value))
-  //   .then((res) => {
-  //     const dataList = res.data.result;
-  //     genReportXLSX(dataList, "อัตราเงินเดือน");
-  //   })
-  //   .catch((e) => {
-  //     messageError($q, e);
-  //   })
-  //   .finally(() => {
-  //     hideLoader();
-  //   });
+  if (props.rootId && props.periodId) {
+    showLoader();
+    http
+      .get(
+        config.API.salaryReportListsByid(data.id, props.rootId, props.periodId)
+      )
+      .then((res) => {
+        const dataList = res.data.result;
+        genReportXLSX(dataList, data.name);
+      })
+      .catch((e) => {
+        messageError($q, e);
+      })
+      .finally(() => {
+        hideLoader();
+      });
+  }
 }

 const modalDialogInfoCriteria = ref<boolean>(false);
-onMounted(async () => {
-  await fetchDataQuota(store.groupId);
-  await fetchDataPeriod(store.groupId);
+onMounted(() => {
+  fetchDataQuota(store.groupId);
+  fetchDataPeriod(store.groupId);
  splitterModel.value = store.roundMainCode === "APR" ? 13 : 16;
 });
 </script>
--- a/src/modules/13_salary/components/SalaryLists/TableTypeOther.vue
+++ b/src/modules/13_salary/components/SalaryLists/TableTypeOther.vue
@ -289,7 +289,13 @@ watch(
      :display-value="$q.lang.table.columns"
      emit-value
      map-options
-      :options="store.roundMainCode === 'OCT' ? columns : columns.slice(0, 10)"
+      :options="
+        store.roundMainCode === 'OCT'
+          ? columns
+          : columns
+          ? columns.slice(0, 10)
+          : []
+      "
      option-value="name"
      options-cover
      style="min-width: 150px"
@ -299,7 +305,13 @@ watch(

  <d-table
    ref="table"
-    :columns="store.roundMainCode === 'OCT' ? columns : columns.slice(0, 10)"
+    :columns="
+      store.roundMainCode === 'OCT'
+        ? columns
+        : columns
+        ? columns.slice(0, 10)
+        : []
+    "
    :rows="props.rows"
    row-key="id"
    flat
--- a/src/modules/13_salary/components/SalaryLists/TableTypePending.vue
+++ b/src/modules/13_salary/components/SalaryLists/TableTypePending.vue
@ -198,10 +198,10 @@ const modalDialogProperties = ref<boolean>(false);
 /** ตัวแปร*/
 const profileId = ref<string>("");
 const amount = ref<number>(0);
-const isPunish = ref<boolean>(false)
-const isSuspension = ref<boolean>(false)
-const isAbsent = ref<boolean>(false)
-const isLeave = ref<boolean>(false)
+const isPunish = ref<boolean>(false);
+const isSuspension = ref<boolean>(false);
+const isAbsent = ref<boolean>(false);
+const isLeave = ref<boolean>(false);
 /**
 * function ยืนยันการลบรายชื่อ
 *  @param id profileId
@ -282,14 +282,13 @@ function searchData() {
  props.fetchDataTable?.();
 }

-function onProperties(data:any){
-  console.log(data)
-  modalDialogProperties.value = true
-  profileId.value = data.id
-  isPunish.value = data.isPunish
-  isSuspension.value = data.isSuspension
-  isAbsent.value = data.isAbsent
-  isLeave.value = data.isLeave
+function onProperties(data: any) {
+  modalDialogProperties.value = true;
+  profileId.value = data.id;
+  isPunish.value = data.isPunish;
+  isSuspension.value = data.isSuspension;
+  isAbsent.value = data.isAbsent;
+  isLeave.value = data.isLeave;
 }
 /** callblack function เรียกข้อมูลรายชื่อใหม่ เมื่อมีการเปลี่ยน PageSize*/
 watch(
@ -302,7 +301,14 @@ watch(

 <template>
  <q-toolbar class="text-primary" style="padding: 0px">
-    <q-btn           v-if="!store.isClosedRound" flat round dense icon="add" @click="onClickAddPerson">
+    <q-btn
+      v-if="!store.isClosedRound"
+      flat
+      round
+      dense
+      icon="add"
+      @click="onClickAddPerson"
+    >
      <q-tooltip>เพิ่ม </q-tooltip>
    </q-btn>
    <q-space />
@ -439,7 +445,7 @@ watch(
              size="24px"
            />
            <div v-else-if="props.row.isPunish == null">
-              {{ props.row.isPunish == null ? '-':''}}
+              {{ props.row.isPunish == null ? "-" : "" }}
            </div>
          </div>
          <div v-else-if="col.name == 'isSuspension'">
@ -450,7 +456,7 @@ watch(
              size="24px"
            />
            <div v-else-if="props.row.isSuspension == null">
-              {{ props.row.isSuspension == null ? '-':''}}
+              {{ props.row.isSuspension == null ? "-" : "" }}
            </div>
          </div>
          <div v-else-if="col.name == 'isAbsent'">
@ -461,12 +467,12 @@ watch(
              size="24px"
            />
            <div v-else-if="props.row.isAbsent == null">
-              {{ props.row.isAbsent == null ? '-':''}}
+              {{ props.row.isAbsent == null ? "-" : "" }}
            </div>
          </div>
          <div v-else-if="col.name == 'amount'">
-              {{Number(props.row.amount).toLocaleString()}}
-            </div>
+            {{ Number(props.row.amount).toLocaleString() }}
+          </div>
          <div v-else-if="col.name == 'isLeave'">
            <q-icon
              v-if="props.row.isLeave !== null"
@ -475,9 +481,8 @@ watch(
              size="24px"
            />
            <div v-else-if="props.row.isLeave == null">
-              {{ props.row.isLeave == null ? '-':''}}
+              {{ props.row.isLeave == null ? "-" : "" }}
            </div>
-          
          </div>
          <div v-else>
            {{ col.value ? col.value : "-" }}
@ -485,7 +490,7 @@ watch(
        </q-td>
        <q-td>
          <q-btn
-          v-if="!store.isClosedRound"
+            v-if="!store.isClosedRound"
            flat
            dense
            icon="mdi-dots-vertical"
@ -576,13 +581,13 @@ watch(
    :fetchData="props.fetchDataTable"
  />
  <DialogProperties
-  v-model:modal="modalDialogProperties"
-  v-model:id="profileId"
-  :is-punish="isPunish"
-  :is-suspension="isSuspension"
-  :is-absent="isAbsent"
-  :is-leave="isLeave"
-  :fetch-data="props.fetchDataTable"
+    v-model:modal="modalDialogProperties"
+    v-model:id="profileId"
+    :is-punish="isPunish"
+    :is-suspension="isSuspension"
+    :is-absent="isAbsent"
+    :is-leave="isLeave"
+    :fetch-data="props.fetchDataTable"
  />
 </template>

--- a/src/modules/13_salary/interface/response/SalaryList.ts
+++ b/src/modules/13_salary/interface/response/SalaryList.ts
@ -20,7 +20,7 @@ interface DataRound {
  revisionId: string;
  status: string;
  year: number;
-  isClose: boolean
+  isClose: boolean;
 }

 interface DataAgency {
--- a/src/modules/13_salary/store/SalaryEmployeeListsStore.ts
+++ b/src/modules/13_salary/store/SalaryEmployeeListsStore.ts
@ -8,152 +8,155 @@ import type {
 } from "@/modules/13_salary/interface/index/Main";
 import type { DataPeriodLatest } from "@/modules/13_salary/interface/response/SalaryList";

-export const useSalaryEmployeeListSDataStore = defineStore("salaryEmployeeListStore", () => {
-  const tabGroup = ref<string>("group1");
-  const tabType = ref<string>("PENDING");
-  const groupOp = ref<DataOption[]>([
-    { id: "", name: "กลุ่ม1" },
-    { id: "", name: "กลุ่ม2" },
-  ]);
+export const useSalaryEmployeeListSDataStore = defineStore(
+  "salaryEmployeeListStore",
+  () => {
+    const tabGroup = ref<string>("group1");
+    const tabType = ref<string>("PENDING");
+    const groupOp = ref<DataOption[]>([
+      { id: "", name: "กลุ่ม1" },
+      { id: "", name: "กลุ่ม2" },
+    ]);

-  const remaining = ref<number>(0);
+    const remaining = ref<number>(0);

-  const groupId = ref<string>("");
-  const rootId = ref<string>("");
-  const roundMainCode = ref<string>("");
-  const roundYear = ref<number>(0);
-  const roundCode = ref<string>("");
-  const isClosedRound = ref<boolean>(false); // การปิดรอบ
-  /** List Menu*/
-  const itemMenu = ref<ItemsMenu[]>([
-    {
-      label: "แก้ไขเงินเดือน",
-      icon: "edit",
-      color: "edit",
-      type: "edit",
-    },
-    {
-      label: "ย้ายกลุ่ม",
-      icon: "mdi-account-arrow-right-outline",
-      color: "indigo-6",
-      type: "moveGroup",
-    },
-    {
-      label: "ย้ายขั้น",
-      icon: "mdi-swap-vertical-bold",
-      color: "green-6",
-      type: "moveLevel",
-    },
-    {
-      label: "แก้ไขคุณสมบัติ",
-      icon: "mdi-format-list-checks",
-      color: "blue-6",
-      type: "properties",
-    },
-    {
-      label: "ลบ",
-      icon: "delete",
-      color: "red",
-      type: "delete",
-    },
-  ]);
+    const groupId = ref<string>("");
+    const rootId = ref<string>("");
+    const roundMainCode = ref<string>("");
+    const roundYear = ref<number>(0);
+    const roundCode = ref<string>("");
+    const isClosedRound = ref<boolean>(false); // การปิดรอบ
+    /** List Menu*/
+    const itemMenu = ref<ItemsMenu[]>([
+      {
+        label: "แก้ไขเงินเดือน",
+        icon: "edit",
+        color: "edit",
+        type: "edit",
+      },
+      {
+        label: "ย้ายกลุ่ม",
+        icon: "mdi-account-arrow-right-outline",
+        color: "indigo-6",
+        type: "moveGroup",
+      },
+      {
+        label: "ย้ายขั้น",
+        icon: "mdi-swap-vertical-bold",
+        color: "green-6",
+        type: "moveLevel",
+      },
+      {
+        label: "แก้ไขคุณสมบัติ",
+        icon: "mdi-format-list-checks",
+        color: "blue-6",
+        type: "properties",
+      },
+      {
+        label: "ลบ",
+        icon: "delete",
+        color: "red",
+        type: "delete",
+      },
+    ]);

-  /** List Download รายงานของรอบเมษายน*/
-  const itemDownloadApr = ref<DataOption[]>([
-    {
-      id: "gov1-01",
-      name: "รายชื่อข้าราชการผู้ที่ครองตำแหน่ง ณ วันที่ 1 มีนาคม",
-    },
-    {
-      id: "gov1-02",
-      name: "บัญชีการคำนวณโควตาเลื่อนเงินเดือน รอบเมษายน",
-    },
-    {
-      id: "gov1-03",
-      name: "รายชื่อข้าราชการที่ได้รับการเสนอขอเลื่อนหนึ่งขั้น",
-    },
-    {
-      id: "gov1-04",
-      name: "แบบ 1 กท รอบเมษายน",
-    },
-    {
-      id: "gov1-05",
-      name: "แบบ 2 กท รอบเมษายน",
-    },
-    {
-      id: "gov1-06",
-      name: "แบบ 3 กท บัญชีแสดงวันลาครึ่งปี ขรก.",
-    },
-    {
-      id: "gov1-07",
-      name: "คำสั่งเลื่อนเงินเดือน รอบเมษายน",
-    },
-    {
-      id: "gov1-08",
-      name: "คำสั่งค่าตอบแทนพิเศษ และผู้ไม่ได้เลื่อน รอบเมษายน",
-    },
-  ]);
+    /** List Download รายงานของรอบเมษายน*/
+    const itemDownloadApr = ref<DataOption[]>([
+      {
+        id: "gov1-01",
+        name: "รายชื่อข้าราชการผู้ที่ครองตำแหน่ง ณ วันที่ 1 มีนาคม",
+      },
+      {
+        id: "gov1-02",
+        name: "บัญชีการคำนวณโควตาเลื่อนเงินเดือน รอบเมษายน",
+      },
+      {
+        id: "gov1-03",
+        name: "รายชื่อข้าราชการที่ได้รับการเสนอขอเลื่อนหนึ่งขั้น",
+      },
+      {
+        id: "gov1-04",
+        name: "แบบ 1 กท รอบเมษายน",
+      },
+      {
+        id: "gov1-05",
+        name: "แบบ 2 กท รอบเมษายน",
+      },
+      {
+        id: "gov1-06",
+        name: "แบบ 3 กท บัญชีแสดงวันลาครึ่งปี ขรก.",
+      },
+      {
+        id: "gov1-07",
+        name: "คำสั่งเลื่อนเงินเดือน รอบเมษายน",
+      },
+      {
+        id: "gov1-08",
+        name: "คำสั่งค่าตอบแทนพิเศษ และผู้ไม่ได้เลื่อน รอบเมษายน",
+      },
+    ]);

-  /** List Download รายงานของรอบตุลาคม*/
-  const itemDownloadOct = ref<DataOption[]>([
-    {
-      id: "gov2-01",
-      name: "รายชื่อข้าราชการผู้ที่ครองตำแหน่ง ณ วันที่ 1 กันยายน",
-    },
-    {
-      id: "gov2-02",
-      name: "บัญชีการคำนวณวงเงินเลื่อนเงินเดือน รอบตุลาคม",
-    },
-    {
-      id: "gov2-03",
-      name: "รายชื่อข้าราชการผู้ที่ได้รับการเสนอขอเลื่อนเงินเดือนทั้งปีสองขั้น",
-    },
-    {
-      id: "gov2-04",
-      name: "แบบ 1 กท รอบตุลาคม",
-    },
-    {
-      id: "gov2-05",
-      name: "แบบ 2 กท รอบตุลาคม",
-    },
-    {
-      id: "gov2-06",
-      name: "แบบ 3 กท บัญชีแสดงวันลาครึ่งปี ขรก. ",
-    },
-    {
-      id: "gov2-07",
-      name: "คำสั่งเลื่อนเงินเดือนข้าราชการเกษียณ",
-    },
-    {
-      id: "gov2-08",
-      name: "คำสั่งเลื่อนเงินเดือน รอบตุลาคม",
-    },
-    {
-      id: "gov2-09",
-      name: "คำสั่งค่าตอบแทนพิเศษ และผู้ไม่ได้เลื่อนเงินเดือน รอบตุลาคม",
-    },
-  ]);
+    /** List Download รายงานของรอบตุลาคม*/
+    const itemDownloadOct = ref<DataOption[]>([
+      {
+        id: "gov2-01",
+        name: "รายชื่อข้าราชการผู้ที่ครองตำแหน่ง ณ วันที่ 1 กันยายน",
+      },
+      {
+        id: "gov2-02",
+        name: "บัญชีการคำนวณวงเงินเลื่อนเงินเดือน รอบตุลาคม",
+      },
+      {
+        id: "gov2-03",
+        name: "รายชื่อข้าราชการผู้ที่ได้รับการเสนอขอเลื่อนเงินเดือนทั้งปีสองขั้น",
+      },
+      {
+        id: "gov2-04",
+        name: "แบบ 1 กท รอบตุลาคม",
+      },
+      {
+        id: "gov2-05",
+        name: "แบบ 2 กท รอบตุลาคม",
+      },
+      {
+        id: "gov2-06",
+        name: "แบบ 3 กท บัญชีแสดงวันลาครึ่งปี ขรก. ",
+      },
+      {
+        id: "gov2-07",
+        name: "คำสั่งเลื่อนเงินเดือนข้าราชการเกษียณ",
+      },
+      {
+        id: "gov2-08",
+        name: "คำสั่งเลื่อนเงินเดือน รอบตุลาคม",
+      },
+      {
+        id: "gov2-09",
+        name: "คำสั่งค่าตอบแทนพิเศษ และผู้ไม่ได้เลื่อนเงินเดือน รอบตุลาคม",
+      },
+    ]);

-  function fetchPeriodLatest(data: DataPeriodLatest, type: string) {
-    groupId.value = type === "group1" ? data.group1id : data.group2id;
-    roundCode.value = data.period;
-    groupOp.value[0].id = data.group1id;
-    groupOp.value[1].id = data.group2id;
+    function fetchPeriodLatest(data: DataPeriodLatest, type: string) {
+      groupId.value = data.group1id;
+      roundCode.value = data.period;
+      groupOp.value[0].id = data.group1id;
+      groupOp.value[1].id = data.group2id;
+    }
+    return {
+      tabGroup,
+      tabType,
+      itemMenu,
+      itemDownloadOct,
+      itemDownloadApr,
+      groupId,
+      fetchPeriodLatest,
+      rootId,
+      roundCode,
+      groupOp,
+      roundMainCode,
+      remaining,
+      isClosedRound,
+      roundYear,
+    };
  }
-  return {
-    tabGroup,
-    tabType,
-    itemMenu,
-    itemDownloadOct,
-    itemDownloadApr,
-    groupId,
-    fetchPeriodLatest,
-    rootId,
-    roundCode,
-    groupOp,
-    roundMainCode,
-    remaining,
-    isClosedRound,
-    roundYear,
-  };
-});
+);
--- a/src/modules/13_salary/views/salaryEmployeeLists.vue
+++ b/src/modules/13_salary/views/salaryEmployeeLists.vue
@ -21,11 +21,11 @@ import TabGroup from "@/modules/13_salary/components/SalaryEmployeeLists/TabMain
 // import PageDashBoard from "@/modules/13_salary/components/SalaryEmployeeLists/Dashboard.vue";

 /** importStore*/
-import { useSalaryListSDataStore } from "@/modules/13_salary/store/SalaryListsStore";
+import { useSalaryEmployeeListSDataStore } from "@/modules/13_salary/store/SalaryEmployeeListsStore";
 import { useCounterMixin } from "@/stores/mixin";

 /** use*/
-const store = useSalaryListSDataStore();
+const store = useSalaryEmployeeListSDataStore();
 const $q = useQuasar();
 const { messageError, showLoader, hideLoader } = useCounterMixin();

@ -215,7 +215,7 @@ function fetchSalalyPeriod(rootId: string, periodId: string, snap: string) {
  };

  http
-    .post(config.API.salaryListPeriodLatest, body)
+    .post(config.API.salaryListPeriodLatestEmp, body)
    .then(async (res) => {
      const data = res.data.result;
      if (Object.values(data).includes(null)) {
--- a/src/modules/13_salary/views/salaryLists.vue
+++ b/src/modules/13_salary/views/salaryLists.vue
@ -85,14 +85,6 @@ function getRound() {
      await getSnap(roundFilter.value.shortCode);
      await getAgency(roundFilter.value.revisionId);
      await getAgencyPosition(roundFilter.value.revisionId);
-
-      //   if (agencyFilter.value && roundFilter.value.id && snapFilter.value) {
-      //     await fetchSalalyPeriod(
-      //       agencyFilter.value,
-      //       roundFilter.value.id,
-      //       snapFilter.value
-      //     );
-      //   }
    })
    .catch((e) => {
      messageError($q, e);
@ -219,6 +211,7 @@ function fetchSalalyPeriod(rootId: string, periodId: string, snap: string) {
    .post(config.API.salaryListPeriodLatest, body)
    .then(async (res) => {
      const data = res.data.result;
+
      if (Object.values(data).includes(null)) {
        isLoad.value = false;
      } else {
@ -241,7 +234,6 @@ function fetchSalalyPeriod(rootId: string, periodId: string, snap: string) {
 async function onChangeRound() {
  // เก็บสถานะการปิดรอบในตัวแปร isClosedRound เพื่อใช้ในการเช็ค
  store.isClosedRound = roundFilter.value.isClose;
-  console.log(roundFilter.value);

  await getSnap(roundFilter.value.shortCode);
  await getAgency(roundFilter.value.revisionId);
@ -263,7 +255,7 @@ async function onChangeRound() {
 /** function เปลี่ยนรอบ*/
 async function onChangeSnap() {
  if (agencyFilter.value && roundFilter.value.id && snapFilter.value) {
-    await fetchSalalyPeriod(
+    fetchSalalyPeriod(
      agencyFilter.value,
      roundFilter.value.id,
      snapFilter.value
@ -280,7 +272,7 @@ async function onChangeAgency() {
    roundFilter.value.id &&
    snapFilter.value
  ) {
-    await fetchSalalyPeriod(
+    fetchSalalyPeriod(
      agencyFilter.value,
      roundFilter.value.id,
      snapFilter.value
@ -311,8 +303,8 @@ function onScroll({ to, ref }: { to: number; ref: any }) {
  }
 }

-onMounted(async () => {
-  await getRound();
+onMounted(() => {
+  getRound();
 });
 </script>

@ -346,7 +338,9 @@ onMounted(async () => {
        </q-item>
      </template>
    </q-select>
+
    <q-select
+      v-if="roundFilter ? roundFilter.shortCode !== 'SPECIAL' : false"
      class="q-ml-xs"
      v-model="snapFilter"
      label="รอบ"
@ -401,7 +395,12 @@ onMounted(async () => {
    <q-separator /> -->
  <q-card flat bordered>
    <div v-if="agencyFilter !== 'ALL'">
-      <TabGroup v-if="isLoad" :periodLatest="periodLatest" />
+      <TabGroup
+        v-if="isLoad"
+        :periodLatest="periodLatest"
+        :periodId="roundFilter.id"
+        :rootId="agencyFilter"
+      />
      <q-card v-else class="q-pa-sm">
        <div class="q-pa-sm">
          <q-banner inline-actions rounded class="bg-grey-1 text-center">
@ -421,7 +420,11 @@ onMounted(async () => {
    bordered
    class="row col-12 q-mt-xs"
  >
-    <ProcessStep :periodId="roundFilter.id" :rootId="agencyFilter" :get-data="onChangeRound"/>
+    <ProcessStep
+      :periodId="roundFilter.id"
+      :rootId="agencyFilter"
+      :get-data="onChangeRound"
+    />
  </q-card>

  <!-- </q-card> -->