chore: 修改办理人

apps/web-antd/src/views/workflow/components/flow-interfere-modal.vue

@@ -0,0 +1,106 @@
+<script setup lang="ts">
+import type { User } from '#/api/system/user/model';
+import type { TaskInfo } from '#/api/workflow/task/model';
+
+import { ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { Descriptions, DescriptionsItem, Modal } from 'ant-design-vue';
+
+import {
+  getTaskByTaskId,
+  taskOperation,
+  terminationTask,
+} from '#/api/workflow/task';
+
+import { userSelectModal } from '.';
+
+const emit = defineEmits<{ complete: [] }>();
+
+const taskInfo = ref<TaskInfo>();
+const [BasicModal, modalApi] = useVbenModal({
+  title: '流程干预',
+  class: 'w-[800px]',
+  fullscreenButton: false,
+  async onOpenChange(isOpen) {
+    if (!isOpen) {
+      return null;
+    }
+    const { taskId } = modalApi.getData() as { taskId: string };
+    taskInfo.value = await getTaskByTaskId(taskId);
+  },
+});
+
+/**
+ * 转办
+ */
+const [TransferModal, transferModalApi] = useVbenModal({
+  connectedComponent: userSelectModal,
+});
+function handleTransfer(userList: User[]) {
+  if (userList.length === 0 || !taskInfo.value) return;
+  const current = userList[0];
+  Modal.confirm({
+    title: '转办',
+    content: `确定转办给${current?.nickName}吗?`,
+    centered: true,
+    onOk: async () => {
+      await taskOperation(
+        { taskId: taskInfo.value!.id, userId: current!.userId },
+        'transferTask',
+      );
+      emit('complete');
+    },
+  });
+}
+
+/**
+ * 审批终止
+ */
+function handleTermination() {
+  if (!taskInfo.value) {
+    return;
+  }
+  Modal.confirm({
+    title: '审批终止',
+    content: '确定终止当前审批流程吗？',
+    centered: true,
+    okButtonProps: { danger: true },
+    onOk: async () => {
+      await terminationTask({ taskId: taskInfo.value!.id });
+      emit('complete');
+    },
+  });
+}
+</script>
+
+<template>
+  <BasicModal>
+    <Descriptions v-if="taskInfo" :column="2" bordered size="small">
+      <DescriptionsItem label="任务名称">
+        {{ taskInfo.nodeName }}
+      </DescriptionsItem>
+      <DescriptionsItem label="节点编码">
+        {{ taskInfo.nodeCode }}
+      </DescriptionsItem>
+      <DescriptionsItem label="开始时间">
+        {{ taskInfo.createTime }}
+      </DescriptionsItem>
+      <DescriptionsItem label="流程实例ID">
+        {{ taskInfo.instanceId }}
+      </DescriptionsItem>
+      <DescriptionsItem label="版本号">
+        {{ taskInfo.version }}
+      </DescriptionsItem>
+      <DescriptionsItem label="业务ID">
+        {{ taskInfo.businessId }}
+      </DescriptionsItem>
+    </Descriptions>
+    <TransferModal mode="single" @finish="handleTransfer" />
+    <template #footer>
+      <a-button @click="() => transferModalApi.open()">转办</a-button>
+      <a-button danger type="primary" @click="handleTermination">终止</a-button>
+    </template>
+  </BasicModal>
+</template>