From 9d907a71c6f035b0c0d9333a925b4ac3d39a65d2 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Thu, 6 Feb 2025 11:30:16 +0700
Subject: [PATCH] fix Snap Display

---
 .../13_salary/components/04_salaryLists/TabMain.vue   |  3 +++
 .../components/04_salaryLists/TableTypeOther.vue      | 11 ++++++++---
 .../components/04_salaryLists/TableTypePending.vue    |  8 +++++++-
 .../components/05_salaryListsEmployee/TabMain.vue     |  3 +++
 .../05_salaryListsEmployee/TableTypeOther.vue         |  8 +++++++-
 .../05_salaryListsEmployee/TableTypePending.vue       |  9 ++++++++-
 src/modules/13_salary/views/04_salaryLists.vue        |  1 +
 .../13_salary/views/05_salaryListsEmployee.vue        |  1 +
 8 files changed, 38 insertions(+), 6 deletions(-)

diff --git a/src/modules/13_salary/components/04_salaryLists/TabMain.vue b/src/modules/13_salary/components/04_salaryLists/TabMain.vue
index b606e5192..318c2f068 100644
--- a/src/modules/13_salary/components/04_salaryLists/TabMain.vue
+++ b/src/modules/13_salary/components/04_salaryLists/TabMain.vue
@@ -34,6 +34,7 @@ const props = defineProps({
   rootId: { type: String, require: true },
   periodId: { type: String, require: true },
   roundFilter: { type: Object, require: true },
+  snapShot: { type: String, require: true },
 });
 
 const total = ref<number>();
@@ -632,6 +633,7 @@ const updateIsShowRetire = async () => {
                   v-model:formFilter="formFilter"
                   :fetchDataTable="fetchDataPeriodNew"
                   :total="total"
+                  :snap-shot="props?.snapShot"
                 />
                 <TableTabType2
                   v-else
@@ -641,6 +643,7 @@ const updateIsShowRetire = async () => {
                   :fetchDataTable="fetchDataPeriodNew"
                   :total="total"
                   :type="item.type"
+                  :snap-shot="props?.snapShot"
                 />
               </q-tab-panel>
             </q-tab-panels>
diff --git a/src/modules/13_salary/components/04_salaryLists/TableTypeOther.vue b/src/modules/13_salary/components/04_salaryLists/TableTypeOther.vue
index 234588ae6..9b6d9d27f 100644
--- a/src/modules/13_salary/components/04_salaryLists/TableTypeOther.vue
+++ b/src/modules/13_salary/components/04_salaryLists/TableTypeOther.vue
@@ -29,6 +29,8 @@ const { dialogRemove, messageError, showLoader, hideLoader, success } =
 /** props*/
 const formFilter = defineModel<DataFilter>("formFilter", { required: true });
 const maxPage = defineModel<Number>("maxPage", { required: true });
+const snapShot = defineModel<string>("snapShot");
+
 const props = defineProps({
   rows: { type: Array },
   fetchDataTable: {
@@ -295,7 +297,11 @@ watch(
 <template>
   <q-toolbar class="text-primary" style="padding: 0px">
     <q-btn
-      v-if="!store.isClosedRound && checkPermission($route)?.attrIsCreate"
+      v-if="
+        !store.isClosedRound &&
+        checkPermission($route)?.attrIsCreate &&
+        snapShot === 'SNAP1'
+      "
       flat
       round
       dense
@@ -308,7 +314,6 @@ watch(
     <q-input
       borderless
       dense
-     
       outlined
       v-model="formFilter.keyword"
       placeholder="ค้นหา"
@@ -336,7 +341,6 @@ watch(
           : []
       "
       option-value="name"
-      
       style="min-width: 140px"
       class="col-xs-12 col-sm-3 col-md-2 q-ml-sm"
     />
@@ -375,6 +379,7 @@ watch(
           <q-btn
             v-if="
               !store.isClosedRound &&
+              snapShot === 'SNAP1' &&
               (checkPermission($route)?.attrIsUpdate ||
                 checkPermission($route)?.attrIsDelete)
             "
diff --git a/src/modules/13_salary/components/04_salaryLists/TableTypePending.vue b/src/modules/13_salary/components/04_salaryLists/TableTypePending.vue
index 745bb991e..d97b35014 100644
--- a/src/modules/13_salary/components/04_salaryLists/TableTypePending.vue
+++ b/src/modules/13_salary/components/04_salaryLists/TableTypePending.vue
@@ -31,6 +31,7 @@ const { dialogRemove, messageError, showLoader, hideLoader, success } =
 /** Props*/
 const formFilter = defineModel<DataFilter>("formFilter", { required: true });
 const maxPage = defineModel<Number>("maxPage", { required: true });
+const snapShot = defineModel<string>("snapShot");
 const props = defineProps({
   rows: { type: Array },
   fetchDataTable: {
@@ -321,7 +322,11 @@ function onClickViewInfo(type: string, id: string) {
 <template>
   <q-toolbar class="text-primary" style="padding: 0px">
     <q-btn
-      v-if="!store.isClosedRound && checkPermission($route)?.attrIsCreate"
+      v-if="
+        !store.isClosedRound &&
+        checkPermission($route)?.attrIsCreate &&
+        snapShot === 'SNAP1'
+      "
       flat
       round
       dense
@@ -386,6 +391,7 @@ function onClickViewInfo(type: string, id: string) {
           <q-btn
             v-if="
               !store.isClosedRound &&
+              snapShot === 'SNAP1' &&
               (checkPermission($route)?.attrIsUpdate ||
                 checkPermission($route)?.attrIsDelete)
             "
diff --git a/src/modules/13_salary/components/05_salaryListsEmployee/TabMain.vue b/src/modules/13_salary/components/05_salaryListsEmployee/TabMain.vue
index 6f9b19402..dca54c045 100644
--- a/src/modules/13_salary/components/05_salaryListsEmployee/TabMain.vue
+++ b/src/modules/13_salary/components/05_salaryListsEmployee/TabMain.vue
@@ -34,6 +34,7 @@ const props = defineProps({
   rootId: { type: String, require: true },
   periodId: { type: String, require: true },
   roundFilter: { type: Object, require: true },
+  snapShot: { type: String, require: true },
 });
 
 const splitterModel = ref<number>(13);
@@ -509,6 +510,7 @@ onMounted(() => {
                   :fetch-data-table="fetchDataPeriodNew"
                   :rows="rows"
                   :total="total"
+                  :snap-shot="props?.snapShot"
                 />
                 <TableTabType2
                   v-else
@@ -518,6 +520,7 @@ onMounted(() => {
                   :fetch-data-table="fetchDataPeriodNew"
                   :total="total"
                   :type="item.type"
+                  :snap-shot="props?.snapShot"
                 />
               </q-tab-panel>
             </q-tab-panels>
diff --git a/src/modules/13_salary/components/05_salaryListsEmployee/TableTypeOther.vue b/src/modules/13_salary/components/05_salaryListsEmployee/TableTypeOther.vue
index 3fc89fbeb..dab17b705 100644
--- a/src/modules/13_salary/components/05_salaryListsEmployee/TableTypeOther.vue
+++ b/src/modules/13_salary/components/05_salaryListsEmployee/TableTypeOther.vue
@@ -28,6 +28,7 @@ const { dialogRemove, messageError, showLoader, hideLoader, success } =
 /** props*/
 const formFilter = defineModel<DataFilter>("formFilter", { required: true });
 const maxPage = defineModel<Number>("maxPage", { required: true });
+const snapShot = defineModel<string>("snapShot");
 const props = defineProps({
   rows: { type: Array },
   fetchDataTable: {
@@ -307,7 +308,11 @@ watch(
 <template>
   <q-toolbar class="text-primary" style="padding: 0px">
     <q-btn
-      v-if="!store.isClosedRound && checkPermission($route)?.attrIsCreate"
+      v-if="
+        !store.isClosedRound &&
+        checkPermission($route)?.attrIsCreate &&
+        snapShot === 'SNAP1'
+      "
       flat
       round
       dense
@@ -385,6 +390,7 @@ watch(
           <q-btn
             v-if="
               !store.isClosedRound &&
+              snapShot === 'SNAP1' &&
               (checkPermission($route)?.attrIsUpdate ||
                 checkPermission($route)?.attrIsDelete)
             "
diff --git a/src/modules/13_salary/components/05_salaryListsEmployee/TableTypePending.vue b/src/modules/13_salary/components/05_salaryListsEmployee/TableTypePending.vue
index 9b0563dfc..d631edcfa 100644
--- a/src/modules/13_salary/components/05_salaryListsEmployee/TableTypePending.vue
+++ b/src/modules/13_salary/components/05_salaryListsEmployee/TableTypePending.vue
@@ -30,6 +30,8 @@ const { dialogRemove, messageError, showLoader, hideLoader, success } =
 /** Props*/
 const formFilter = defineModel<DataFilter>("formFilter", { required: true });
 const maxPage = defineModel<Number>("maxPage", { required: true });
+const snapShot = defineModel<string>("snapShot");
+
 const props = defineProps({
   rows: { type: Array },
   fetchDataTable: {
@@ -335,7 +337,11 @@ watch(
 <template>
   <q-toolbar class="text-primary" style="padding: 0px">
     <q-btn
-      v-if="!store.isClosedRound && checkPermission($route)?.attrIsCreate"
+      v-if="
+        !store.isClosedRound &&
+        checkPermission($route)?.attrIsCreate &&
+        snapShot === 'SNAP1'
+      "
       flat
       round
       dense
@@ -404,6 +410,7 @@ watch(
           <q-btn
             v-if="
               !store.isClosedRound &&
+              snapShot === 'SNAP1' &&
               (checkPermission($route)?.attrIsUpdate ||
                 checkPermission($route)?.attrIsDelete)
             "
diff --git a/src/modules/13_salary/views/04_salaryLists.vue b/src/modules/13_salary/views/04_salaryLists.vue
index 360136b2f..26dd53322 100644
--- a/src/modules/13_salary/views/04_salaryLists.vue
+++ b/src/modules/13_salary/views/04_salaryLists.vue
@@ -529,6 +529,7 @@ onMounted(async () => {
         :period-id="roundFilter.id"
         :root-id="agencyFilter"
         :round-filter="roundFilter"
+        :snap-shot="snapFilter"
       />
       <q-card v-else class="q-pa-sm">
         <div class="q-pa-sm">
diff --git a/src/modules/13_salary/views/05_salaryListsEmployee.vue b/src/modules/13_salary/views/05_salaryListsEmployee.vue
index 18e375dc4..c50a33271 100644
--- a/src/modules/13_salary/views/05_salaryListsEmployee.vue
+++ b/src/modules/13_salary/views/05_salaryListsEmployee.vue
@@ -530,6 +530,7 @@ onMounted(async () => {
         :period-id="roundFilter.id"
         :root-id="agencyFilter"
         :round-filter="roundFilter"
+        :snap-shot="snapFilter"
       />
       <q-card v-else class="q-pa-sm">
         <div class="q-pa-sm">