From 07cf0727dbce07e64203547e9f3900da4b185cdb Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 15 Mar 2024 15:29:25 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=AD=E0=B8=B1=E0=B8=95=E0=B8=A3=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=84=E0=B9=88=E0=B8=B2=E0=B8=88=E0=B9=89=E0=B8=B2=E0=B8=87?=
 =?UTF-8?q?=20=3D>=20=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1=20?=
 =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82=20=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=95=E0=B8=A3=E0=B8=B2=E0=B8=84=E0=B9=88=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=88=E0=B9=89=E0=B8=B2=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../13_salary/views/salaryEmployeeRate.vue    | 21 +++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/modules/13_salary/views/salaryEmployeeRate.vue b/src/modules/13_salary/views/salaryEmployeeRate.vue
index cc0b31191..d68e80d64 100644
--- a/src/modules/13_salary/views/salaryEmployeeRate.vue
+++ b/src/modules/13_salary/views/salaryEmployeeRate.vue
@@ -81,7 +81,7 @@ const itemMenu = ref<ItemsMenu[]>([
 
 const formFilter = reactive<FormFilter>({
   page: 1,
-  pageSize: 10,
+  pageSize: 100,
   keyword: "",
 });
 const maxPage = ref<number>(1);
@@ -90,6 +90,17 @@ const pagination = ref({
   page: formFilter.page,
   rowsPerPage: formFilter.pageSize,
 });
+const isActive = ref<boolean>(false);
+
+function fetchDataDetail() {
+  http
+    .get(config.API.salaryEmployeeChartByid(salaryEmployeeId.value))
+    .then((res) => {
+      isActive.value = res.data.result.isActive;
+    })
+    .catch((e) => {})
+    .finally(() => {});
+}
 
 function fetchSalalyEmployeeRate() {
   showLoader();
@@ -179,6 +190,7 @@ watch(
 
 onMounted(() => {
   fetchSalalyEmployeeRate();
+  fetchDataDetail();
 });
 </script>
 <template>
@@ -199,7 +211,7 @@ onMounted(() => {
   </div>
   <q-card flat bordered class="q-pa-md">
     <q-toolbar class="text-primary" style="padding: 0px">
-      <q-btn flat round dense icon="add" @click="onClickAdd">
+      <q-btn v-if="!isActive" flat round dense icon="add" @click="onClickAdd">
         <q-tooltip>เพิ่ม </q-tooltip>
       </q-btn>
       <q-space />
@@ -243,13 +255,14 @@ onMounted(() => {
         :rows-per-page-options="[10, 20, 50, 100]"
         :visible-columns="visibleColumns"
         @update:pagination="updatePageSize"
+        v-model:pagination="pagination"
       >
         <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-th auto-width />
+            <q-th auto-width v-if="!isActive" />
           </q-tr>
           <q-separator />
         </template>
@@ -264,7 +277,7 @@ onMounted(() => {
               </div>
               <div v-else>{{ col.value ? col.value : "-" }}</div>
             </q-td>
-            <q-td>
+            <q-td v-if="!isActive">
               <q-btn
                 flat
                 dense