From aa987f839c37035463f1a73d858b125c545f2d42 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 21 Oct 2024 14:23:22 +0700
Subject: [PATCH 1/2] =?UTF-8?q?=E0=B8=AD=E0=B8=AD=E0=B8=81=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=AA=E0=B8=B1=E0=B9=88=E0=B8=87=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=87=E0=B8=B4=E0=B8=99=E0=B9=80=E0=B8=94=E0=B8=B7=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/13_salary/views/04_salaryLists.vue        | 11 ++++++++---
 .../13_salary/views/05_salaryListsEmployee.vue        | 11 ++++++++---
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/modules/13_salary/views/04_salaryLists.vue b/src/modules/13_salary/views/04_salaryLists.vue
index 913121dcc..9438814bd 100644
--- a/src/modules/13_salary/views/04_salaryLists.vue
+++ b/src/modules/13_salary/views/04_salaryLists.vue
@@ -371,10 +371,15 @@ onMounted(() => {
     <div class="row q-col-gutter-sm items-center q-py-xs">
       <div>
         <q-btn
-          color="primary"
-          label="ออกคำสั่ง"
+          flat
+          round
+          dense
+          color="add"
+          icon="mdi-account-arrow-right"
           @click.pervent="modalCommand = true"
-        />
+        >
+          <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
+        </q-btn>
       </div>
 
       <datepicker
diff --git a/src/modules/13_salary/views/05_salaryListsEmployee.vue b/src/modules/13_salary/views/05_salaryListsEmployee.vue
index be1d444d2..526ec4e3c 100644
--- a/src/modules/13_salary/views/05_salaryListsEmployee.vue
+++ b/src/modules/13_salary/views/05_salaryListsEmployee.vue
@@ -373,10 +373,15 @@ onMounted(() => {
     <div class="row q-col-gutter-sm items-center q-py-xs">
       <div>
         <q-btn
-          color="primary"
-          label="ออกคำสั่ง"
+          flat
+          round
+          dense
+          color="add"
+          icon="mdi-account-arrow-right"
           @click.pervent="modalCommand = true"
-        />
+        >
+          <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
+        </q-btn>
       </div>
       <datepicker
         menu-class-name="modalfix"

From 32da0e710787a271ace926ef34118289657f2235 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 21 Oct 2024 15:37:18 +0700
Subject: [PATCH 2/2] fix workflow

---
 .../Workflow/DialogSelectPerson.vue           |  3 +-
 src/components/Workflow/Main.vue              | 47 ++++++++++++++-----
 .../components/requestEdit/Page01_Detail.vue  |  9 +++-
 .../components/Transfer/TransferDetail.vue    | 35 ++++++++------
 .../components/resign/ResignByid.vue          | 22 ++++++++-
 5 files changed, 86 insertions(+), 30 deletions(-)

diff --git a/src/components/Workflow/DialogSelectPerson.vue b/src/components/Workflow/DialogSelectPerson.vue
index 192e5da25..5fbfa7362 100644
--- a/src/components/Workflow/DialogSelectPerson.vue
+++ b/src/components/Workflow/DialogSelectPerson.vue
@@ -18,6 +18,7 @@ const modal = defineModel<boolean>("modal", { required: true });
 const props = defineProps({
   stateId: { type: String, require: true },
   fetchData: { type: Function, require: true },
+  type: { type: String, require: true },
 });
 
 /** table*/
@@ -72,7 +73,7 @@ const isReasonSetting = ref<boolean>(false);
 async function fetchLists() {
   showLoader();
   await http
-    .get(config.API.workflow + `commander`)
+    .get(config.API.workflow + `commander/${props.type}`)
     .then(async (res) => {
       rows.value = res.data.result;
     })
diff --git a/src/components/Workflow/Main.vue b/src/components/Workflow/Main.vue
index bc166e9b4..a9b3d173b 100644
--- a/src/components/Workflow/Main.vue
+++ b/src/components/Workflow/Main.vue
@@ -16,7 +16,10 @@ const $q = useQuasar();
 const { dialogConfirm, showLoader, hideLoader, messageError } =
   useCounterMixin();
 
-const { id, sysName } = defineProps({
+const isCheckData = defineModel<boolean>("isCheckData", {
+  default: true,
+});
+const props = defineProps({
   id: { type: String, require: true },
   sysName: { type: String, require: true },
 });
@@ -38,12 +41,13 @@ const itemState = ref<DataListState[]>([]);
 
 const modalSelectPerson = ref<boolean>(false);
 const modalApprove = ref<boolean>(false);
+const typeSelectPerson = ref<string>("");
 
 async function fetchCheckState() {
   await http
     .post(config.API.workflow + `check-user-now`, {
-      refId: id,
-      system: sysName,
+      refId: props.id,
+      system: props.sysName,
     })
     .then(async (res) => {
       await fetchData();
@@ -71,8 +75,8 @@ async function fetchCheckState() {
 async function fetchData() {
   await http
     .post(config.API.workflow + `check-state-all`, {
-      refId: id,
-      system: sysName,
+      refId: props.id,
+      system: props.sysName,
     })
     .then(async (res) => {
       const data = await res.data.result;
@@ -88,8 +92,8 @@ function onChangeState() {
     showLoader();
     await http
       .post(config.API.workflow + `state-next`, {
-        refId: id,
-        system: sysName,
+        refId: props.id,
+        system: props.sysName,
       })
       .then(async () => {
         await fetchCheckState();
@@ -115,7 +119,7 @@ defineExpose({
 <template>
   <q-card bordered class="row col-12" v-if="isPermission">
     <div class="bg-grey-1 q-pa-sm col-12 row items-center">
-      <div class="q-pl-sm text-weight-bold text-dark">Workflow</div>
+      <div class="q-pl-sm text-weight-bold text-dark">สถานะการดำเนินเรื่อง</div>
       <q-space />
     </div>
     <div class="col-12"><q-separator /></div>
@@ -205,16 +209,36 @@ defineExpose({
                 </q-list>
               </div>
 
-              <div v-if="permission.isOperate && state === index + 1">
+              <div
+                v-if="permission.isOperate && state === index + 1"
+                class="row q-gutter-x-sm"
+              >
                 <q-btn
-                  @click.prevent="modalSelectPerson = true"
-                  label="ส่งไปผู้บังคับบัญชา/ผู้มีอำนาจ"
+                  @click.prevent="
+                    (modalSelectPerson = true), (typeSelectPerson = 'operate')
+                  "
+                  label="ส่งไปผู้บังคับบัญชา"
+                  color="public"
+                />
+
+                <q-btn
+                  @click.prevent="
+                    (modalSelectPerson = true), (typeSelectPerson = 'sign')
+                  "
+                  label="ผู้มีอำนาจ"
                   color="public"
                 />
               </div>
 
               <div v-if="permission.isChangeState && state === index + 1">
                 <q-btn
+                  :disable="
+                    props.sysName === 'REGISTRY_PROFILE'
+                      ? state === itemState.length - 1
+                        ? !isCheckData
+                        : false
+                      : !isCheckData
+                  "
                   @click.prevent="onChangeState"
                   label="ดำเนินการต่อ"
                   color="primary"
@@ -231,6 +255,7 @@ defineExpose({
     v-model:modal="modalSelectPerson"
     :state-id="stateId"
     :fetch-data="fetchCheckState"
+    :type="typeSelectPerson"
   />
 
   <DialogApprove
diff --git a/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue b/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
index f8ad69cdc..8fd6fd133 100644
--- a/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, reactive } from "vue";
+import { onMounted, ref, reactive, computed } from "vue";
 import { useQuasar } from "quasar";
 
 import { useRouter, useRoute } from "vue-router";
@@ -48,6 +48,12 @@ const statusOptionMain = ref<DataOption[]>(
 );
 const statusOption = ref<DataOption[]>(statusOptionMain.value); //ตัวเลือกรายการสถานะ
 
+const isCheckData = computed(() => {
+  if (isReadOnly.value === true) {
+    return true;
+  } else return false;
+});
+
 /** function fetch ข้อมูลคำร้องแก้ไข*/
 async function fetchDataRequest() {
   showLoader();
@@ -317,6 +323,7 @@ onMounted(async () => {
 
         <div class="col-12">
           <Workflow
+            v-model:is-check-data="isCheckData"
             ref="workflowRef"
             :id="requestId"
             sys-name="REGISTRY_PROFILE"
diff --git a/src/modules/05_placement/components/Transfer/TransferDetail.vue b/src/modules/05_placement/components/Transfer/TransferDetail.vue
index 60887d856..7d9fa46ff 100644
--- a/src/modules/05_placement/components/Transfer/TransferDetail.vue
+++ b/src/modules/05_placement/components/Transfer/TransferDetail.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
+import { onMounted, ref, computed } from "vue";
 import { useQuasar } from "quasar";
 
 import { useRoute, useRouter } from "vue-router";
@@ -136,10 +136,21 @@ const rowsFileDownload = ref<rowFile[]>([
   },
 ]);
 
-/**
- * ฟังก์ชันดึงข้อมูลรายละเอียดการขอโอนตาม ID ของรายการโอน(transferId)
- *
- */
+const isCheckData = computed(() => {
+  if (
+    organizationPositionOld.value !== "" &&
+    positionTypeOld.value !== "" &&
+    positionLevelOld.value !== "" &&
+    posNo.value !== "" &&
+    salary.value !== 0 &&
+    organization.value !== "" &&
+    date.value !== null
+  ) {
+    return true;
+  } else return false;
+});
+
+/** ฟังก์ชันดึงข้อมูลรายละเอียดการขอโอนตาม ID ของรายการโอน(transferId)*/
 async function getData() {
   showLoader();
   await http
@@ -215,9 +226,7 @@ async function fileDownload(no: number, type: string, fileName: string) {
     });
 }
 
-/**
- * ฟังก์ชันยืนยันการส่งคำร้องไปยัง สกจ.
- */
+/** ฟังก์ชันยืนยันการส่งคำร้องไปยัง สกจ.*/
 function confirmMessage() {
   dialogConfirm(
     $q,
@@ -241,9 +250,7 @@ function confirmMessage() {
   );
 }
 
-/**
- * ฟังก์ชันยืนยันการบันทึกการแก้ไขข้อมูล
- */
+/**  ฟังก์ชันยืนยันการบันทึกการแก้ไขข้อมูล*/
 function onSubmit() {
   dialogConfirm(
     $q,
@@ -278,9 +285,7 @@ function onSubmit() {
   );
 }
 
-/**
- * ฟังก์ชันปิดการแก้ไขข้อมูล
- */
+/** ฟังก์ชันปิดการแก้ไขข้อมูล*/
 async function cancel() {
   await getData();
   edit.value = false;
@@ -299,7 +304,6 @@ function getClass(val: boolean) {
 
 /**
  * เมื่อ Componets ถูกเรียกใช้งาน
- *
  * เช็ต role ผู้ใช่งาน
  * เรียก getData ดึงข้อมูลรายละเอียดการขอโอน
  */
@@ -690,6 +694,7 @@ onMounted(async () => {
     <!-- Workflow -->
     <WorkFlow
       ref="workflowRef"
+      v-model:is-check-data="isCheckData"
       :id="transferId"
       :sys-name="'PLACEMENT_TRANSFER'"
     />
diff --git a/src/modules/06_retirement/components/resign/ResignByid.vue b/src/modules/06_retirement/components/resign/ResignByid.vue
index 529806d8d..bc5250dc2 100644
--- a/src/modules/06_retirement/components/resign/ResignByid.vue
+++ b/src/modules/06_retirement/components/resign/ResignByid.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { ref, onMounted, computed } from "vue";
 import axios from "axios";
 import { useRouter, useRoute } from "vue-router";
 import { useQuasar, QForm } from "quasar";
-import { ref, onMounted } from "vue";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
@@ -94,6 +94,19 @@ const actionPass = ref<boolean>(false);
 const reasonReign = ref<string>("");
 const dateBreak = ref<Date | null>(null);
 
+const isCheckData = computed(() => {
+  if (
+    organizationPositionOld.value !== "" &&
+    positionTypeOld.value !== "" &&
+    positionLevelOld.value !== "" &&
+    posNo.value !== "" &&
+    salary.value !== 0 &&
+    date.value !== null
+  ) {
+    return true;
+  } else return false;
+});
+
 /** คอลัมน์ */
 const rows = ref<TypeFile[]>([]);
 const columns = ref<QTableProps["columns"]>([
@@ -1284,7 +1297,12 @@ onMounted(async () => {
       </q-form>
     </q-card>
 
-    <WorkFlow ref="workflowRef" :id="id" sys-name="RETIREMENT_RESIFNATION" />
+    <WorkFlow
+      ref="workflowRef"
+      v-model:is-check-data="isCheckData"
+      :id="id"
+      sys-name="RETIREMENT_RESIFNATION"
+    />
   </div>
 
   <q-dialog v-model="modal" persistent>