feat: 流程撤回到上一节点

src/views/secondDev/approveFlowPage.vue

@@ -26,6 +26,7 @@
                             <a-menu @click="onMoreClick">
                                 <a-menu-item v-if="!readonly && hasBtnFinish" key="finish">终止</a-menu-item>
                                 <a-menu-item v-if="!readonly" key="transfer">转办</a-menu-item>
+                                <a-menu-item v-if="readonly && drawNode" key="drawBack">撤回</a-menu-item>
                                 <a-menu-item key="flowchart">查看流程图</a-menu-item>
                             </a-menu>
                         </template>
@@ -62,12 +63,12 @@
 
 <script setup>
     import { useRouter } from 'vue-router';
-    import { onMounted, reactive, ref, unref } from 'vue';
+    import { onMounted, reactive, ref, unref, createVNode } from 'vue';
     import FormInformation from '/@/views/secondDev/FormInformation.vue';
     import userTaskItem from '/@/views/workflow/task/hooks/userTaskItem';
-    import { getApprovalProcess, postApproval, postGetNextTaskMaybeArrival, postTransfer } from '/@/api/workflow/task';
+    import { getApprovalProcess, postApproval, postGetNextTaskMaybeArrival, postTransfer, getDrawNode, withdraw } from '/@/api/workflow/task';
     import { ApproveCode, ApproveType } from '/@/enums/workflowEnum';
-    import { CheckCircleOutlined, StopOutlined, CloseOutlined, DownOutlined } from '@ant-design/icons-vue';
+    import { CheckCircleOutlined, StopOutlined, CloseOutlined, DownOutlined, ExclamationCircleOutlined } from '@ant-design/icons-vue';
     import OpinionDialog from '/@/components/SecondDev/OpinionDialog.vue';
     import TransferDialog from '/@/components/SecondDev/TransferDialog.vue';
     import { separator } from '/@bpmn/config/info';
@@ -77,6 +78,10 @@
     import { message, Modal } from 'ant-design-vue';
     import useEventBus from '/@/hooks/event/useEventBus';
     import ProcessInformation from '/@/views/workflow/task/components/flow/ProcessInformation.vue';
+    import { useI18n } from '/@/hooks/web/useI18n';
+    import { useMessage } from '/@/hooks/web/useMessage';
+    const { t } = useI18n();
+    const { notification } = useMessage();
 
     const { data, approveUserData, initProcessData, notificationError, notificationSuccess } = userTaskItem();
     const { bus, FLOW_PROCESSED } = useEventBus();
@@ -101,6 +106,7 @@
     const hasBtnApprove = ref(true);
     const hasBtnReject = ref(false);
     const hasBtnFinish = ref(false);
+    const drawNode = ref('')
 
     let approvalData = reactive({
         isCountersign: false,
@@ -134,6 +140,33 @@
             });
         } else if (key === 'transfer') {
             onTransferClick();
+        } else if(key === 'drawBack') {
+            Modal.confirm({
+            title: t('提示'),
+            icon: createVNode(ExclamationCircleOutlined),
+            content: t('请确认是否撤回该流程？'),
+            okText: t('确定'),
+            okType: 'danger',
+            cancelText: t('取消'),
+            onOk() {
+                withdraw(processId.value, drawNode.value).then(res => {
+                    if (res) {
+                        notification.open({
+                        type: 'success',
+                        message: t('撤回'),
+                        description: t('撤回成功'),
+                    });
+                } else {
+                    notification.open({
+                        type: 'error',
+                        message: t('撤回'),
+                        description: t('撤回失败'),
+                    });
+                }
+            })
+        },
+        onCancel() {},
+      });
         }
     }
 
@@ -300,9 +333,16 @@
                 approvalData.circulateConfigs = [];
             }
             renderKey.value = Math.random() + '';
+            getBackNode()
         } catch (error) {}
     });
 
+    function getBackNode() {
+        getDrawNode(processId.value).then(res => {
+            drawNode.value = res[0].activityId
+        })
+    }
+
     async function submit() {
         data.submitLoading = true;
         validateSuccess.value = false;