ปรับ workflow

src/components/Workflow/Main.vue

@@ -6,6 +6,7 @@ import { useCounterMixin } from "@/stores/mixin";
 import http from "@/plugins/http";
 import config from "@/app.config";
 
+import type { Permission } from "@/components/Workflow/interface/index/Main";
 import type { DataListState } from "@/components/Workflow/interface/response/Main";
 
 import DialogSelectPerson from "@/components/Workflow/DialogSelectPerson.vue";
@@ -21,17 +22,46 @@ const { id, sysName } = defineProps({
 
 const stateId = ref<string>(""); //id state ปัจุบัน
 const state = ref<number>(1); //state ปัจุบัน
+const isPermission = ref<boolean>(true); //การเข้าถึง Workflow
 
-const isChangeState = ref<boolean>(false); //ส่งไปยังผู้บังคับบัญชา/ผู้มีอำนาจ
-const isOperate = ref<boolean>(true); //เปลี่ยนสถานะ (state) เอกสารได้
-const isView = ref<boolean>(true); //ดูเอกสารได้
-const isUpdate = ref<boolean>(true); //แก้ไขเอกสารได้
-const isDelete = ref<boolean>(true); //ลบเอกสารได้ (ถ้ามี)
-const isCancel = ref<boolean>(true); //ลบเอกสารได้ (ถ้ามี)
+const permission = ref<Permission>({
+  isChangeState: false, //ส่งไปยังผู้บังคับบัญชา/ผู้มีอำนาจ
+  isOperate: false, //เปลี่ยนสถานะ (state) เอกสารได้
+  isView: false, //ดูเอกสารได้
+  isUpdate: false, //แก้ไขเอกสารได้
+  isDelete: false, //ลบเอกสารได้ (ถ้ามี)
+  isCancel: false, //ลบเอกสารได้ (ถ้ามี)
+});
 
 const modalSelectPerson = ref<boolean>(false); //เลือกรายชื่อ ส่งไปผู้บังคับบัญชา/ผู้มีอำนาจ
 const itemState = ref<DataListState[]>([]);
 
+/** ฟังก์ชันเรียกข้อมูล Workflow ที่อยู่ปัจุบัน*/
+async function fetchCheckState() {
+  await http
+    .post(config.API.workflow + `check-user-now`, {
+      refId: id,
+      system: sysName,
+    })
+    .then(async (res) => {
+      await fetchData();
+      const data = await res.data.result;
+      stateId.value = data.stateId;
+      state.value = data.stateNo === 4 ? 5 : data.stateNo;
+      permission.value = {
+        isChangeState: data.can_change_state,
+        isOperate: data.can_operate,
+        isView: data.can_view,
+        isUpdate: data.can_update,
+        isDelete: data.can_delete,
+        isCancel: data.can_cancel,
+      };
+    })
+    .catch(() => {
+      isPermission.value = false;
+    });
+}
+
 /** ฟังก์ชันเรียกข้อมูล Workflow ทั้งหมด*/
 async function fetchData() {
   await http
@@ -48,29 +78,6 @@ async function fetchData() {
     });
 }
 
-/** ฟังก์ชันเรียกข้อมูล Workflow ที่อยู่ปัจุบัน*/
-async function fetchCheckState() {
-  await http
-    .post(config.API.workflow + `check-user-now`, {
-      refId: id,
-      system: sysName,
-    })
-    .then(async (res) => {
-      const data = await res.data.result;
-      stateId.value = data.stateId;
-      state.value = data.stateNo;
-      isChangeState.value = data.can_change_state;
-      isOperate.value = data.can_operate;
-      isView.value = data.can_view;
-      isUpdate.value = data.can_update;
-      isDelete.value = data.can_delete;
-      isCancel.value = data.can_cancel;
-    })
-    .catch((err) => {
-      messageError($q, err);
-    });
-}
-
 /** ฟังก์ชันยืนยันการ NextStep*/
 function onChangeState() {
   dialogConfirm($q, async () => {
@@ -81,7 +88,7 @@ function onChangeState() {
         system: sysName,
       })
       .then(async () => {
-        await Promise.all([fetchData(), fetchCheckState()]);
+        await fetchCheckState();
       })
       .catch((err) => {
         messageError($q, err);
@@ -92,18 +99,17 @@ function onChangeState() {
   });
 }
 
-/** ฟังก์ชันเรียกใช้งานฟังก์ชัน fetchData, fetchCheckState*/
-async function fetchAllFunction() {
-  await Promise.all([fetchData(), fetchCheckState()]);
-}
-
 onMounted(async () => {
-  await fetchAllFunction();
+  await fetchCheckState();
+});
+
+defineExpose({
+  permission,
 });
 </script>
 
 <template>
-  <q-card bordered class="row col-12">
+  <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>
@@ -128,7 +134,7 @@ onMounted(async () => {
             <div class="row q-col-gutter-sm" v-if="state === 1 && index === 0">
               <div>
                 <q-btn
-                  v-if="isChangeState"
+                  v-if="permission.isChangeState"
                   @click.prevent="onChangeState"
                   label="Next Step"
                   color="primary"
@@ -178,7 +184,7 @@ onMounted(async () => {
                 </q-list>
               </div>
 
-              <div v-if="isOperate">
+              <div v-if="permission.isOperate && state === index + 1">
                 <q-btn
                   @click.prevent="modalSelectPerson = true"
                   label="ส่งไปผู้บังคับบัญชา/ผู้มีอำนาจ"
@@ -186,7 +192,7 @@ onMounted(async () => {
                 />
               </div>
 
-              <div v-if="isChangeState">
+              <div v-if="permission.isChangeState && state === index + 1">
                 <q-btn
                   @click.prevent="onChangeState"
                   label="Next Step"
@@ -203,6 +209,6 @@ onMounted(async () => {
   <DialogSelectPerson
     v-model:modal="modalSelectPerson"
     :state-id="stateId"
-    :fetch-data="fetchAllFunction"
+    :fetch-data="fetchCheckState"
   />
 </template>

src/components/Workflow/interface/index/Main.ts

@@ -0,0 +1,10 @@
+interface Permission {
+  isChangeState: boolean; //ส่งไปยังผู้บังคับบัญชา/ผู้มีอำนาจ
+  isOperate: boolean; //เปลี่ยนสถานะ (state) เอกสารได้
+  isView: boolean; //ดูเอกสารได้
+  isUpdate: boolean; //แก้ไขเอกสารได้
+  isDelete: boolean; //ลบเอกสารได้ (ถ้ามี)
+  isCancel: boolean; //ลบเอกสารได้ (ถ้ามี)
+}
+
+export type { Permission };

src/modules/02_transfer/views/AddTransfer.vue

@@ -22,6 +22,7 @@ const id = ref<string>(
     ? ""
     : route.params.id.toString()
 ); //id path
+
 const files = ref<any>(); //ไฟล์
 const tranferOrg = ref<string>(""); //ชื่อหน่วยงานที่ขอโอนไป
 const noteReason = ref<string>(""); //เหตุผล
@@ -48,11 +49,11 @@ async function createTransfer() {
   formData.append("file", files.value);
   await http
     .post(config.API.listtransfer(), formData)
-    .then((res: any) => {
+    .then((res) => {
+      router.push(`/transfer/` + res.data.result);
       success($q, "บันทึกข้อมูลสำเร็จ");
-      router.push(`/transfer`);
     })
-    .catch((e: any) => {
+    .catch((e) => {
       messageError($q, e);
     })
     .finally(() => {