From c0fe886321f19c2911ab15b0a6bd4f29d06398c0 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 25 Mar 2025 16:58:58 +0700
Subject: [PATCH] =?UTF-8?q?fix=20=E0=B9=80=E0=B8=87=E0=B8=B4=E0=B8=99?=
 =?UTF-8?q?=E0=B9=80=E0=B8=94=E0=B8=B7=E0=B8=AD=E0=B8=99=E0=B8=84=E0=B9=88?=
 =?UTF-8?q?=E0=B8=B2=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

---
 .../10_registry/03_Salary/01_Salary.vue       | 20 ++++++++------
 .../10_registry/03_Salary/02_Nopaid.vue       | 26 +++++++++++--------
 src/modules/10_registry/views/main.vue        |  9 ++++---
 3 files changed, 33 insertions(+), 22 deletions(-)

diff --git a/src/modules/10_registry/03_Salary/01_Salary.vue b/src/modules/10_registry/03_Salary/01_Salary.vue
index 1399784..6ce069a 100644
--- a/src/modules/10_registry/03_Salary/01_Salary.vue
+++ b/src/modules/10_registry/03_Salary/01_Salary.vue
@@ -38,6 +38,10 @@ const checkType = ref<boolean>(
 const modalHistory = ref<boolean>(false);
 /** ตัวแปรข้อมูล */
 
+const salaryText = computed(() => {
+  return link.value == "" ? "เงินเดือน" : "ค่าจ้าง";
+});
+
 const baseColumns = ref<QTableColumn[]>([
   {
     name: "commandDateAffect",
@@ -194,7 +198,7 @@ const baseColumns = ref<QTableColumn[]>([
   {
     name: "amount",
     align: "left",
-    label: link.value === "-employee" ? "ค่าจ้าง" : "เงินเดือน",
+    label: salaryText.value,
     sortable: true,
     field: "amount",
     headerStyle: "font-size: 14px",
@@ -503,7 +507,7 @@ const baseColumnsHistory = ref<QTableColumn[]>([
   {
     name: "amount",
     align: "left",
-    label: link.value === "-employee" ? "ค่าจ้าง" : "เงินเดือน",
+    label: salaryText.value,
     sortable: true,
     field: "amount",
     headerStyle: "font-size: 14px",
@@ -652,9 +656,9 @@ onMounted(async () => {
   <!-- v-if="mode" -->
   <div class="col-12">
     <q-toolbar class="q-px-none">
-      <span class="text-blue-6 text-weight-bold text-body1"
-        >ตำแหน่ง/เงินเดือน</span
-      >
+      <span class="text-blue-6 text-weight-bold text-body1">{{
+        `ตำแหน่ง/${salaryText}`
+      }}</span>
       <q-space />
       <q-input
         v-if="mode"
@@ -737,7 +741,7 @@ onMounted(async () => {
               icon="mdi-history"
               @click="onHistory(props.row.id)"
             >
-              <q-tooltip>ประวัติแก้ไขตำแหน่ง/เงินเดือน</q-tooltip>
+              <q-tooltip>{{`ประวัติแก้ไขตำแหน่ง/${salaryText}`}}</q-tooltip>
             </q-btn>
           </q-td>
         </q-tr>
@@ -756,7 +760,7 @@ onMounted(async () => {
                 class="absolute_button"
                 @click="onHistory(props.row.id)"
               >
-                <q-tooltip>ประวัติแก้ไขตำแหน่ง/เงินเดือน</q-tooltip>
+                <q-tooltip>{{`ประวัติแก้ไขตำแหน่ง/${salaryText}`}}</q-tooltip>
               </q-btn>
               <q-item v-for="col in props.cols" :key="col.name">
                 <q-item-section class="fix_top">
@@ -778,7 +782,7 @@ onMounted(async () => {
   </div>
   <DialogHistory
     v-model:modal="modalHistory"
-    :title="'ประวัติแก้ไขตำแหน่ง/เงินเดือน'"
+    :title="`ประวัติแก้ไขตำแหน่ง/${salaryText}`"
     :getData="getHistory"
     :rows="rowsHistory"
     :rows-data="rowsHistoryData"
diff --git a/src/modules/10_registry/03_Salary/02_Nopaid.vue b/src/modules/10_registry/03_Salary/02_Nopaid.vue
index ecdc9a4..1757c39 100644
--- a/src/modules/10_registry/03_Salary/02_Nopaid.vue
+++ b/src/modules/10_registry/03_Salary/02_Nopaid.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { ref, onMounted, computed } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar, type QTableProps } from "quasar";
-import { ref, onMounted } from "vue";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -28,7 +28,9 @@ const { showLoader, hideLoader, messageError, date2Thai, onSearchDataTable } =
 const { getPathUploadFlie } = useRegistryDataStore();
 
 const modalHistory = ref<boolean>(false);
-/** ตัวแปรข้อมูล */
+const salaryText = computed(() => {
+  return link.value == "" ? "เงินเดือน" : "ค่าจ้าง";
+});
 
 const visibleColumns = ref<string[]>([
   "date",
@@ -220,7 +222,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
   },
 ]);
 
-const fileGroup = ref<string>("เอกสารบันทึกวันที่ไม่ได้รับเงินเดือน");
+const fileGroup = ref<string>(`เอกสารบันทึกวันที่ไม่ได้รับ${salaryText.value}`);
 
 function onHistory(id: string) {
   modalHistory.value = true;
@@ -287,9 +289,9 @@ onMounted(async () => {
   <!-- v-if="mode" -->
   <div class="col-12">
     <q-toolbar class="q-px-none q-mt-md">
-      <span class="text-blue-6 text-weight-bold text-body1"
-        >บันทึกวันที่ไม่ได้รับเงินเดือนฯ</span
-      >
+      <span class="text-blue-6 text-weight-bold text-body1">{{
+        `บันทึกวันที่ไม่ได้รับ${salaryText}ฯ`
+      }}</span>
       <q-space />
       <q-input
         v-if="mode"
@@ -381,7 +383,9 @@ onMounted(async () => {
               icon="mdi-history"
               @click="onHistory(props.row.id)"
             >
-              <q-tooltip>ประวัติแก้ไขบันทึกวันที่ไม่ได้รับเงินเดือนฯ</q-tooltip>
+              <q-tooltip>{{
+                `ประวัติแก้ไขบันทึกวันที่ไม่ได้รับ${salaryText}ฯ`
+              }}</q-tooltip>
             </q-btn>
           </q-td>
         </q-tr>
@@ -412,9 +416,9 @@ onMounted(async () => {
                   size="14px"
                   @click="onHistory(props.row.id)"
                 >
-                  <q-tooltip
-                    >ประวัติแก้ไขบันทึกวันที่ไม่ได้รับเงินเดือนฯ</q-tooltip
-                  >
+                  <q-tooltip>{{
+                    `ประวัติแก้ไขบันทึกวันที่ไม่ได้รับ${salaryText}ฯ`
+                  }}</q-tooltip>
                 </q-btn>
               </div>
               <q-item v-for="col in props.cols" :key="col.name">
@@ -438,7 +442,7 @@ onMounted(async () => {
 
   <DialogHistory
     v-model:modal="modalHistory"
-    :title="'ประวัติแก้ไขบันทึกวันที่ไม่ได้รับเงินเดือนฯ'"
+    :title="`ประวัติแก้ไขบันทึกวันที่ไม่ได้รับ${salaryText}ฯ`"
     :getData="getHistory"
     :rows="rowsHistory"
     :rows-data="rowsHistoryData"
diff --git a/src/modules/10_registry/views/main.vue b/src/modules/10_registry/views/main.vue
index f19dcc2..7b1c10f 100644
--- a/src/modules/10_registry/views/main.vue
+++ b/src/modules/10_registry/views/main.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, computed } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useDataStore } from "@/stores/data";
 import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry";
@@ -25,6 +25,9 @@ const mixin = useCounterMixin();
 const { messageError, showLoader, hideLoader } = mixin;
 const router = useRouter();
 const tab = ref<string>("information");
+const salaryText = computed(() => {
+ return  dataStore.officerType == "OFFICER" ? "เงินเดือน" : "ค่าจ้าง";
+});
 
 const sizeImg = ref<string>("");
 function onResize(size: any) {
@@ -210,7 +213,7 @@ function redirectToPagePetition() {
                 class="bg-active"
               />
               <q-tab name="government" label="ข้อมูลราชการ" />
-              <q-tab name="salary" label="ข้อมูลเงินเดือน/ค่าจ้าง" />
+              <q-tab name="salary" :label="`ข้อมูล${salaryText}`" />
               <q-tab name="insignia" label="ข้อมูลผลงาน" />
               <q-tab name="other" label="ข้อมูลอื่นๆ" />
             </q-tabs>
@@ -316,7 +319,7 @@ function redirectToPagePetition() {
               </q-item-section>
             </q-item>
             <q-item clickable v-ripple @click="onMobile('salary')">
-              <q-item-section>ข้อมูลเงินเดือน/ค่าจ้าง</q-item-section>
+              <q-item-section>{{ `ข้อมูล${salaryText}` }}</q-item-section>
               <q-item-section avatar>
                 <q-avatar text-color="info" icon="mdi-chevron-right" />
               </q-item-section>