แก้หัว popup

src/modules/06_retirement/components/02_resign/DialogSendToCommand.vue

@@ -44,6 +44,7 @@ const props = defineProps({
   fecthList: { type: Function, requreid: true },
   rows: { type: Array as PropType<ResponseItems[]>, requreid: true },
   mainTabs: { type: String, requreid: true },
+  cancel: { type: Boolean, default: false },
 });
 
 //Table
@@ -235,7 +236,10 @@ watch(
 <template>
   <q-dialog v-model="props.modal" persistent>
     <q-card style="min-width: 80%">
-      <DialogHeader tittle="ส่งไปออกคำสั่งลาออก" :close="closeModal" />
+      <DialogHeader
+        :tittle="`ส่งไปออกคำสั่ง${cancel ? 'ยกเลิกการ' : ''}ลาออก`"
+        :close="closeModal"
+      />
       <q-separator />
       <q-card-section>
         <div class="row col-12 q-col-gutter-sm">

src/modules/06_retirement/components/02_resign/Table.vue

@@ -308,7 +308,7 @@ onMounted(async () => {
             color="primary"
             icon="mdi-account-arrow-right"
           >
-            <q-tooltip>ส่งไปออกคำสั่งลาออก</q-tooltip>
+            <q-tooltip>{{ `ส่งไปออกคำสั่ง${stroeResign.mainTabs == '2'?"ยกเลิกการ":''}ลาออก` }}</q-tooltip>
           </q-btn>
         </div>
         <q-space />
@@ -432,6 +432,7 @@ onMounted(async () => {
     :rows="rowsSendToCommand"
     :fecth-list="fecthlist"
     :main-tabs="stroeResign.mainTabs"
+    :cancel="stroeResign.mainTabs == '2' ? true : false"
   />
 </template>
 <style scoped lang="scss"></style>

src/modules/06_retirement/components/03_resignEmp/DialogSendToCommand.vue

@@ -42,6 +42,7 @@ const props = defineProps({
   fecthList: { type: Function, requreid: true },
   rows: { type: Array as PropType<ResponseItems[]>, requreid: true },
   mainTabs: { type: String, requreid: true },
+  cancel: { type: Boolean, default: false },
 });
 
 const filterKeyword = defineModel<string>("filterKeyword", { required: true });
@@ -210,7 +211,10 @@ watch(
 <template>
   <q-dialog v-model="props.modal" persistent>
     <q-card style="min-width: 80%">
-      <DialogHeader tittle="ส่งไปออกคำสั่งลาออก" :close="closeModal" />
+      <DialogHeader
+        :tittle="`ส่งไปออกคำสั่ง${props.cancel ? 'ยกเลิกการ' : ''}ลาออก`"
+        :close="closeModal"
+      />
       <q-separator />
       <q-card-section>
         <div class="row col-12 q-col-gutter-sm">

src/modules/06_retirement/components/03_resignEmp/Table.vue

@@ -304,7 +304,11 @@ onMounted(async () => {
             color="primary"
             icon="mdi-account-arrow-right"
           >
-            <q-tooltip>ส่งไปออกคำสั่งลาออก</q-tooltip>
+            <q-tooltip>{{
+              `ส่งไปออกคำสั่ง${
+                stroeResign.mainTabsEMP == "2" ? "ยกเลิกการ" : ""
+              }ลาออก`
+            }}</q-tooltip>
           </q-btn>
         </div>
         <q-space />
@@ -417,6 +421,7 @@ onMounted(async () => {
     :rows="rowsSendToCommand"
     :fecth-list="fecthlist"
     :main-tabs="stroeResign.mainTabsEMP"
+    :cancel="stroeResign.mainTabsEMP == '2' ? true : false"
   />
 </template>
 <style scoped lang="scss"></style>