From 1e25bfc4b65458a3fa5d8dd772ba093635564d4d Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 27 Mar 2024 17:16:17 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=A5=E0=B8=B7=E0=B9=88=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=99=E0=B9=80=E0=B8=87=E0=B8=B7=E0=B8=99=E0=B9=80=E0=B8=94?=
 =?UTF-8?q?=E0=B8=B7=E0=B8=AD=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/Salary/01_PositionSalary.vue       |  32 ++--
 .../SalaryEmployeeLists/Dashboard.vue         | 177 +++++++++---------
 .../components/SalaryLists/Dashboard.vue      |   6 +-
 .../components/SalaryLists/TabMain.vue        |   2 +-
 .../13_salary/views/salaryEmployeeLists.vue   |  57 +++---
 src/modules/13_salary/views/salaryLists.vue   |  77 ++++----
 6 files changed, 185 insertions(+), 166 deletions(-)

diff --git a/src/modules/04_registryNew/components/detail/Salary/01_PositionSalary.vue b/src/modules/04_registryNew/components/detail/Salary/01_PositionSalary.vue
index 879a5b8c9..853cf295f 100644
--- a/src/modules/04_registryNew/components/detail/Salary/01_PositionSalary.vue
+++ b/src/modules/04_registryNew/components/detail/Salary/01_PositionSalary.vue
@@ -87,20 +87,20 @@ const columns = ref<QTableProps["columns"]>([
   },
 
   {
-    name: "postionTypeName",
+    name: "positionType",
     align: "left",
     label: "ตำแหน่งประเภท",
     sortable: true,
-    field: "postionTypeName",
+    field: "positionType",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
   {
-    name: "positionLevelName",
+    name: "positionLevel",
     align: "left",
     label: "ระดับ",
     sortable: true,
-    field: "positionLevelName",
+    field: "positionLevel",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -130,8 +130,8 @@ const visibleColumns = ref<string[]>([
   "positionSalaryAmount",
   "mouthSalaryAmount",
   "posNo",
-  "postionTypeName",
-  "positionLevelName",
+  "positionType",
+  "positionLevel",
   "templateDoc",
   "refCommandNo",
 ]);
@@ -247,7 +247,9 @@ function fetchType() {
 }
 
 async function updateSelectType(val: string, status: boolean = false) {
-  const listLevel = await dataLevel.value.find((e: any) => e.id === val);
+  const listLevel = await dataLevel.value.find(
+    (e: any) => e.posTypeName === val
+  );
   if (listLevel) {
     posLevelOptionMain.value = listLevel.posLevels.map((e: any) => ({
       id: e.id,
@@ -630,7 +632,15 @@ onMounted(() => {
               </div>
 
               <div class="col-xs-6 col-sm-6 col-md-4">
-                <q-select
+                <q-input
+                  outlined
+                  dense
+                  lazy-rules
+                  v-model="formDataSalary.positionLine"
+                  hide-bottom-space
+                  :label="`${'สายงาน'}`"
+                />
+                <!-- <q-select
                   outlined
                   dense
                   lazy-rules
@@ -648,7 +658,7 @@ onMounted(() => {
                   @filter="(inputValue: any,
                         doneFn: Function) => filterSelector(inputValue, doneFn, 'positionLine'
                         )"
-                />
+                /> -->
               </div>
 
               <div class="col-xs-6 col-sm-6 col-md-4">
@@ -687,7 +697,7 @@ onMounted(() => {
                   map-options
                   option-label="name"
                   :options="posTypeOptions"
-                  option-value="id"
+                  option-value="name"
                   hide-bottom-space
                   use-input
                   input-debounce="0"
@@ -713,7 +723,7 @@ onMounted(() => {
                   map-options
                   option-label="name"
                   :options="posLevelOption"
-                  option-value="id"
+                  option-value="name"
                   hide-bottom-space
                   use-input
                   input-debounce="0"
diff --git a/src/modules/13_salary/components/SalaryEmployeeLists/Dashboard.vue b/src/modules/13_salary/components/SalaryEmployeeLists/Dashboard.vue
index d8f7e1519..54fa80a1b 100644
--- a/src/modules/13_salary/components/SalaryEmployeeLists/Dashboard.vue
+++ b/src/modules/13_salary/components/SalaryEmployeeLists/Dashboard.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, reactive, computed } from "vue";
+import { ref, watch, onMounted, reactive, computed } from "vue";
 import type { QTableProps } from "quasar";
 
 import { useSalaryEmployeeListSDataStore } from "@/modules/13_salary/store/SalaryEmployeeListsStore";
@@ -238,7 +238,6 @@ const columns = computed(() => {
       : [];
   return columnsss;
 });
-
 const visibleColumns = ref<string[]>(
   store.roundMainCode === "APR"
     ? ["org", "total", "fifteenPercent", "chosen", "remaining", "totalBackup"]
@@ -256,101 +255,101 @@ const visibleColumns = ref<string[]>(
     : []
 );
 
-const gruup = ref<string>("กลุ่ม 1");
-const options = ref(["ทั้งหมด", "กลุ่ม 1", "กลุ่ม 2"]);
+const isLoad = ref<boolean>(true);
+watch(
+  () => store.roundMainCode,
+  () => {
+    isLoad.value = false;
+    setTimeout(() => {
+      isLoad.value = true;
+    }, 200);
+  }
+);
 </script>
 
 <template>
   <!-- Card โควต้า -->
-  <q-toolbar class="q-pa-md">
-    <q-select
-      dense
-      outlined
-      v-model="gruup"
-      :options="options"
-      label="กลุ่ม"
-      style="width: 150px"
-    />
-  </q-toolbar>
-  <div class="row col-12 q-pa-md bg-grey-2">
-    <div class="row col-12 q-col-gutter-sm">
-      <div
-        v-for="(item, index) in itemsCard"
-        :key="index"
-        :class="
-          store.roundMainCode === 'APR'
-            ? 'col-6 col-sm-4 col-md-3 col-lg-2'
-            : 'col-3'
-        "
-      >
-        <q-card>
-          <q-card-section>
-            <div class="row items-center no-wrap">
-              <div class="col">
-                <div class="">{{ item.lable }}</div>
-              </div>
 
-              <div :class="`text-${item.color} text-bold`">
-                {{ item.total ? item.total.toLocaleString() : 0 }}
+  <div v-if="isLoad">
+    <div class="row col-12 q-pa-md bg-grey-2">
+      <div class="row col-12 q-col-gutter-sm">
+        <div
+          v-for="(item, index) in itemsCard"
+          :key="index"
+          :class="
+            store.roundMainCode === 'APR'
+              ? 'col-6 col-sm-4 col-md-3 col-lg-2'
+              : 'col-3'
+          "
+        >
+          <q-card>
+            <q-card-section>
+              <div class="row items-center no-wrap">
+                <div class="col">
+                  <div class="">{{ item.lable }}</div>
+                </div>
+
+                <div :class="`text-${item.color} text-bold`">
+                  {{ item.total ? item.total.toLocaleString() : 0 }}
+                </div>
               </div>
-            </div>
-          </q-card-section>
-        </q-card>
+            </q-card-section>
+          </q-card>
+        </div>
+        <!-- <div class="row col justify-end self-center">
+          <q-btn-dropdown color="blue-5" label="ดาวน์โหลด">
+            <q-list>
+              <q-item
+                v-for="(item, index) in store.roundMainCode === 'APR'
+                  ? store.itemDownloadApr
+                  : store.roundMainCode === 'OCT'
+                  ? store.itemDownloadOct
+                  : []"
+                :key="index"
+                clickable
+                v-close-popup
+                @click="onClickDownload(item)"
+              >
+                <q-item-section>
+                  <q-item-label>{{ item.name }}</q-item-label>
+                </q-item-section>
+              </q-item>
+            </q-list>
+          </q-btn-dropdown>
+        </div> -->
       </div>
-      <!-- <div class="row col justify-end self-center">
-        <q-btn-dropdown color="blue-5" label="ดาวน์โหลด">
-          <q-list>
-            <q-item
-              v-for="(item, index) in store.roundMainCode === 'APR'
-                ? store.itemDownloadApr
-                : store.roundMainCode === 'OCT'
-                ? store.itemDownloadOct
-                : []"
-              :key="index"
-              clickable
-              v-close-popup
-              @click="onClickDownload(item)"
-            >
-              <q-item-section>
-                <q-item-label>{{ item.name }}</q-item-label>
-              </q-item-section>
-            </q-item>
-          </q-list>
-        </q-btn-dropdown>
-      </div> -->
     </div>
-  </div>
-  <q-separator />
-  <div class="col-12 q-pa-md">
-    <d-table
-      for="table"
-      ref="table"
-      :columns="columns"
-      :rows="rows"
-      row-key="subject"
-      flat
-      bordered
-      dense
-      class="custom-header-table"
-      :visible-columns="visibleColumns"
-    >
-      <template v-slot:header="props">
-        <q-tr :props="props">
-          <q-th v-for="col in props.cols" :key="col.name" :props="props">
-            <span class="text-weight-medium">{{ col.label }}</span>
-          </q-th>
-        </q-tr>
-      </template>
-      <template v-slot:body="props">
-        <q-tr :props="props" class="cursor-pointer">
-          <q-td v-for="col in props.cols" :key="col.name" :props="props">
-            <div class="table_ellipsis">
-              {{ col.value ? col.value : "-" }}
-            </div>
-          </q-td>
-        </q-tr>
-      </template>
-    </d-table>
+    <q-separator />
+    <div class="col-12 q-pa-md">
+      <d-table
+        for="table"
+        ref="table"
+        :columns="columns"
+        :rows="rows"
+        row-key="id"
+        flat
+        bordered
+        dense
+        class="custom-header-table"
+      >
+        <template v-slot:header="props">
+          <q-tr :props="props">
+            <q-th v-for="col in props.cols" :key="col.name" :props="props">
+              <span class="text-weight-medium">{{ col.label }}</span>
+            </q-th>
+          </q-tr>
+        </template>
+        <template v-slot:body="props">
+          <q-tr :props="props" class="cursor-pointer">
+            <q-td v-for="col in props.cols" :key="col.name" :props="props">
+              <div class="table_ellipsis">
+                {{ col.value ? col.value : "-" }}
+              </div>
+            </q-td>
+          </q-tr>
+        </template>
+      </d-table>
+    </div>
   </div>
 </template>
 
diff --git a/src/modules/13_salary/components/SalaryLists/Dashboard.vue b/src/modules/13_salary/components/SalaryLists/Dashboard.vue
index 487160d2a..25d8c3541 100644
--- a/src/modules/13_salary/components/SalaryLists/Dashboard.vue
+++ b/src/modules/13_salary/components/SalaryLists/Dashboard.vue
@@ -256,7 +256,7 @@ const visibleColumns = ref<string[]>(
     : []
 );
 
-const gruup = ref<string>("กลุ่ม 1");
+const gruup = ref<string>("ทั้งหมด");
 const options = ref(["ทั้งหมด", "กลุ่ม 1", "กลุ่ม 2"]);
 </script>
 
@@ -327,12 +327,10 @@ const options = ref(["ทั้งหมด", "กลุ่ม 1", "กลุ่
       ref="table"
       :columns="columns"
       :rows="rows"
-      row-key="subject"
+      row-key="id"
       flat
       bordered
       dense
-      class="custom-header-table"
-      :visible-columns="visibleColumns"
     >
       <template v-slot:header="props">
         <q-tr :props="props">
diff --git a/src/modules/13_salary/components/SalaryLists/TabMain.vue b/src/modules/13_salary/components/SalaryLists/TabMain.vue
index b63e42000..ffcbd5e5f 100644
--- a/src/modules/13_salary/components/SalaryLists/TabMain.vue
+++ b/src/modules/13_salary/components/SalaryLists/TabMain.vue
@@ -471,7 +471,7 @@ const updateIsShowRetire = async () => {
     />
   </q-tabs>
   <q-separator />
-  <q-tab-panels v-model="store.tabGroup" animated class="bg-grey-1">
+  <q-tab-panels v-model="store.tabGroup" animated class="bg-grey-1 q-pt-md">
     <q-tab-panel
       style="padding: 0px"
       v-for="(item, index) in itemsTabGroup"
diff --git a/src/modules/13_salary/views/salaryEmployeeLists.vue b/src/modules/13_salary/views/salaryEmployeeLists.vue
index 151fd1e74..14076fefd 100644
--- a/src/modules/13_salary/views/salaryEmployeeLists.vue
+++ b/src/modules/13_salary/views/salaryEmployeeLists.vue
@@ -206,30 +206,32 @@ async function getAgencyPosition(id: string) {
  * @param snap id รอบ
  */
 function fetchSalalyPeriod(rootId: string, periodId: string, snap: string) {
-  showLoader();
-  isLoad.value = false;
-  const body = {
-    rootId: rootId,
-    salaryPeriodId: periodId,
-    snapshot: snap,
-  };
+  if (rootId !== "ALL") {
+    showLoader();
+    isLoad.value = false;
+    const body = {
+      rootId: rootId,
+      salaryPeriodId: periodId,
+      snapshot: snap,
+    };
 
-  http
-    .post(config.API.salaryListPeriodLatestEmp, body)
-    .then(async (res) => {
-      const data = res.data.result;
-      data && store.fetchPeriodLatest(data, store.tabGroup);
-      periodLatest.value = data;
-      isLoad.value = true;
-    })
-    .catch((err) => {
-      messageError($q, err);
-    })
-    .finally(() => {
-      setTimeout(() => {
-        hideLoader();
-      }, 800);
-    });
+    http
+      .post(config.API.salaryListPeriodLatestEmp, body)
+      .then(async (res) => {
+        const data = res.data.result;
+        data && store.fetchPeriodLatest(data, store.tabGroup);
+        periodLatest.value = data;
+        isLoad.value = true;
+      })
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        setTimeout(() => {
+          hideLoader();
+        }, 800);
+      });
+  }
 }
 
 /** function เปลี่ยนรอบการขั้นเงินเดือน*/
@@ -238,9 +240,14 @@ async function onChangeRound() {
   store.isClosedRound = roundFilter.value.isClose;
 
   await getSnap(roundFilter.value.shortCode);
-  await getAgency(roundFilter.value.revisionId);
-  await getAgencyPosition(roundFilter.value.revisionId);
+  // await getAgency(roundFilter.value.revisionId);
+  // await getAgencyPosition(roundFilter.value.revisionId);
   if (agencyFilter.value && roundFilter.value.id && snapFilter.value) {
+    fetchSalalyPeriod(
+      agencyFilter.value,
+      roundFilter.value.id,
+      snapFilter.value
+    );
     store.tabType = "PENDING";
     store.roundMainCode = roundFilter.value.shortCode;
   } else {
diff --git a/src/modules/13_salary/views/salaryLists.vue b/src/modules/13_salary/views/salaryLists.vue
index bcd0f03ae..80bf65ffd 100644
--- a/src/modules/13_salary/views/salaryLists.vue
+++ b/src/modules/13_salary/views/salaryLists.vue
@@ -206,40 +206,45 @@ async function getAgencyPosition(id: string) {
  * @param snap id รอบ
  */
 function fetchSalalyPeriod(rootId: string, periodId: string, snap: string) {
-  showLoader();
-  isLoad.value = false;
-  const body = {
-    rootId: rootId,
-    salaryPeriodId: periodId,
-    snapshot: snap,
-  };
+  if (rootId !== "ALL") {
+    showLoader();
+    isLoad.value = false;
+    const body = {
+      rootId: rootId,
+      salaryPeriodId: periodId,
+      snapshot: snap,
+    };
 
-  http
-    .post(config.API.salaryListPeriodLatest, body)
-    .then(async (res) => {
-      const data = res.data.result;
-      if (roundFilter.value.shortCode !== "SPECIAL") {
-        if (Object.values(data).includes(null)) {
-          isLoad.value = false;
+    http
+      .post(config.API.salaryListPeriodLatest, body)
+      .then(async (res) => {
+        const data = res.data.result;
+
+        console.log(roundFilter.value.shortCode);
+
+        if (roundFilter.value.shortCode !== "SPECIAL") {
+          if (Object.values(data).includes(null)) {
+            isLoad.value = false;
+          } else {
+            data && store.fetchPeriodLatest(data, store.tabGroup);
+            periodLatest.value = data;
+            isLoad.value = true;
+          }
         } else {
           data && store.fetchPeriodLatest(data, store.tabGroup);
           periodLatest.value = data;
           isLoad.value = true;
         }
-      } else {
-        data && store.fetchPeriodLatest(data, store.tabGroup);
-        periodLatest.value = data;
-        isLoad.value = true;
-      }
-    })
-    .catch((err) => {
-      messageError($q, err);
-    })
-    .finally(() => {
-      setTimeout(() => {
-        hideLoader();
-      }, 800);
-    });
+      })
+      .catch((err) => {
+        messageError($q, err);
+      })
+      .finally(() => {
+        setTimeout(() => {
+          hideLoader();
+        }, 800);
+      });
+  }
 }
 
 /** function เปลี่ยนรอบการขั้นเงินเดือน*/
@@ -249,15 +254,15 @@ async function onChangeRound() {
   if (roundFilter.value.shortCode === "SPECIAL") {
     store.tabGroup = "group1";
   }
-  await getSnap(roundFilter.value.shortCode);
-  await getAgency(roundFilter.value.revisionId);
-  await getAgencyPosition(roundFilter.value.revisionId);
+  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
-    // );
+    fetchSalalyPeriod(
+      agencyFilter.value,
+      roundFilter.value.id,
+      snapFilter.value
+    );
     store.tabType = "PENDING";
     store.roundMainCode = roundFilter.value.shortCode;
     store.roundYear = roundFilter.value.year;