- ปรับ dialog รับ v-model

- เพิ่มคำแนะนำตอนส่ง process ของเลื่อนเงินเดือน

src/modules/13_salary/components/SalaryLists/ProcessStep.vue

@@ -12,7 +12,7 @@ const $q = useQuasar(); //ใช้ noti quasar
 const mixin = useCounterMixin();
 const { messageError, dialogConfirm, showLoader, hideLoader, success } = mixin;
 
-const sendStep = ref<number>(1);
+const sendStep = ref<number>(4);
 const fileUpload = ref<any>(null);
 const document = ref<string>("");
 /**
@@ -47,50 +47,60 @@ async function uploadFile(event: any) {
   );
 }
 
+function saveReccommend() {
+  modalRecommend.value = false;
+}
+
 function sendToDirector() {}
+
+const modalRecommend = ref<boolean>(false);
+const titleRecommend = ref<string>("");
+function sendAndRecommend(title: string) {
+  modalRecommend.value = true;
+  titleRecommend.value = title;
+}
 </script>
 
 <template>
   <div class="row col-12 q-pa-md">
-    <q-toolbar class="text-primary">
-      <div>
-        <q-file
-          v-if="sendStep == 1"
-          bg-color="white"
-          clearable
-          outlined
-          dense
-          v-model="fileUpload"
-          accept=".pdf"
-          label="อัปโหลดไฟล์"
-        >
-          <template v-slot:prepend>
-            <q-icon color="light-blue" name="attach_file" />
-            <q-tooltip>อัปโหลดไฟล์</q-tooltip>
-          </template>
-        </q-file>
+    <q-toolbar>
+      <q-file
+        v-if="sendStep == 1"
+        bg-color="white"
+        clearable
+        outlined
+        dense
+        v-model="fileUpload"
+        accept=".pdf"
+        label="อัปโหลดไฟล์"
+      >
+        <template v-slot:prepend>
+          <q-icon color="light-blue" name="attach_file" />
+          <q-tooltip>อัปโหลดไฟล์</q-tooltip>
+        </template>
+      </q-file>
 
+      <q-btn
+        flat
+        color="light-blue"
+        icon="upload"
+        @click="uploadFile(fileUpload)"
+        v-if="fileUpload !== null"
+      />
+      <div v-if="document">
         <q-btn
-          flat
-          color="light-blue"
-          icon="upload"
-          @click="uploadFile(fileUpload)"
-          v-if="fileUpload !== null"
-        />
-        <div v-if="document">
-          <q-btn
-            dense
-            color="primary"
-            icon-right="mdi-download"
-            label="ดาวน์โหลดไฟล์"
-            outline
-            :href="document"
-            target="_blank"
-          >
-            <q-tooltip>ดาวน์โหลด</q-tooltip></q-btn
-          >
-        </div>
+          dense
+          color="primary"
+          icon-right="mdi-download"
+          label="ดาวน์โหลดไฟล์"
+          outline
+          :href="document"
+          target="_blank"
+        >
+          <q-tooltip>ดาวน์โหลด</q-tooltip></q-btn
+        >
       </div>
+
       <q-toolbar-title>
         <!-- Toolbar -->
       </q-toolbar-title>
@@ -128,7 +138,7 @@ function sendToDirector() {}
           unelevated
           color="public"
           label="ส่งคำแนะนำให้ ผอ. ตรวจสอบ"
-          @click="sendToDirector()"
+          @click="sendAndRecommend('ส่งคำแนะนำให้ ผอ. ตรวจสอบ')"
         />
 
         <!-- ผอ.หน่วยงานส่งคำแนะนำให้การเจ้าหน้าที่หน่วยงาน -->
@@ -137,10 +147,18 @@ function sendToDirector() {}
           unelevated
           color="public"
           label="ส่งคำแนะนำให้การเจ้าหน้าที่หน่วยงาน"
-          @click="sendToDirector()"
+          @click="sendAndRecommend('ส่งคำแนะนำให้ ผอ. ตรวจสอบ')"
         />
       </div>
     </q-toolbar>
+
+    <DialogPopupReason
+      v-model:modal="modalRecommend"
+      :title="titleRecommend"
+      label="คำแนะนำ"
+      :savaForm="saveReccommend"
+      textReport=""
+    />
   </div>
 </template>