fix เงินเดือนค่าจ้าง

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"