From cf5e6a1f1e7f0a770ba821efacd8ebe4d1b89738 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Mon, 16 Dec 2024 08:21:38 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20=E6=B5=81=E7=A8=8B=E5=AE=9A=E4=B9=89(?=
 =?UTF-8?q?=E9=99=A4=E5=8E=86=E5=8F=B2=E7=89=88=E6=9C=AC)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/workflow/processDefinition/data.tsx |  2 +-
 .../workflow/processDefinition/index.vue      | 76 ++++++++++++++++---
 2 files changed, 66 insertions(+), 12 deletions(-)

diff --git a/apps/web-antd/src/views/workflow/processDefinition/data.tsx b/apps/web-antd/src/views/workflow/processDefinition/data.tsx
index 22824acc..b93c47cb 100644
--- a/apps/web-antd/src/views/workflow/processDefinition/data.tsx
+++ b/apps/web-antd/src/views/workflow/processDefinition/data.tsx
@@ -71,6 +71,6 @@ export const columns: VxeGridProps['columns'] = [
     slots: { default: 'action' },
     title: '操作',
     resizable: false,
-    width: 360,
+    width: 280,
   },
 ];
diff --git a/apps/web-antd/src/views/workflow/processDefinition/index.vue b/apps/web-antd/src/views/workflow/processDefinition/index.vue
index e8127748..e601faea 100644
--- a/apps/web-antd/src/views/workflow/processDefinition/index.vue
+++ b/apps/web-antd/src/views/workflow/processDefinition/index.vue
@@ -8,14 +8,16 @@ import { Page, type VbenFormProps } from '@vben/common-ui';
 import { $t } from '@vben/locales';
 import { getVxePopupContainer } from '@vben/utils';
 
-import { Modal, Popconfirm, Space } from 'ant-design-vue';
+import { message, Modal, Popconfirm, Space } from 'ant-design-vue';
 
 import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
 import { vxeCheckboxChecked } from '#/adapter/vxe-table';
 import {
   workflowDefinitionActive,
+  workflowDefinitionCopy,
   workflowDefinitionDelete,
   workflowDefinitionList,
+  workflowDefinitionPublish,
 } from '#/api/workflow/definition';
 
 import CategoryTree from './category-tree.vue';
@@ -109,11 +111,16 @@ function handleMultiDelete() {
 }
 
 const router = useRouter();
-function handleDesign(row: any) {
+/**
+ * 流程设计/预览
+ * @param row row
+ * @param disabled true为预览，false为设计
+ */
+function handleDesign(row: any, disabled: boolean) {
   console.log(row);
   router.push({
     path: '/workflow/designer',
-    query: { definitionId: row.id, disabled: 'true' },
+    query: { definitionId: row.id, disabled: String(disabled) },
   });
 }
 
@@ -122,7 +129,33 @@ function handleDesign(row: any) {
  * @param row row
  */
 async function handleActive(row: any) {
-  await workflowDefinitionActive(row.id, row.activityStatus);
+  await workflowDefinitionActive(row.id, !row.activityStatus);
+  await tableApi.query();
+}
+
+/**
+ * 历史版本
+ * @param _row row
+ */
+function handleHistory(_row: any) {
+  message.info('暂未开放');
+}
+
+/**
+ * 发布流程
+ * @param row row
+ */
+async function handlePublish(row: any) {
+  await workflowDefinitionPublish(row.id);
+  await tableApi.query();
+}
+
+/**
+ * 复制流程
+ * @param row row
+ */
+async function handleCopy(row: any) {
+  await workflowDefinitionCopy(row.id);
   await tableApi.query();
 }
 </script>
@@ -154,7 +187,7 @@ async function handleActive(row: any) {
           </Space>
         </template>
         <template #action="{ row }">
-          <div class="flex flex-col items-baseline gap-1">
+          <div class="flex flex-col gap-1">
             <div>
               <a-button
                 v-if="row.activityStatus === ActivityStatusEnum.Active"
@@ -172,7 +205,9 @@ async function handleActive(row: any) {
               >
                 激活流程
               </a-button>
-              <a-button size="small" type="link"> 历史版本 </a-button>
+              <a-button size="small" type="link" @click="handleHistory(row)">
+                历史版本
+              </a-button>
               <Popconfirm
                 :get-popup-container="getVxePopupContainer"
                 placement="left"
@@ -185,12 +220,31 @@ async function handleActive(row: any) {
               </Popconfirm>
             </div>
             <div>
-              <a-button size="small" type="link"> 绑定业务 </a-button>
-              <a-button size="small" type="link" @click="handleDesign(row)">
-                查看流程
+              <a-button
+                size="small"
+                type="link"
+                @click="handleDesign(row, !!row.isPublish)"
+              >
+                {{ row.isPublish ? '查看流程' : '设计流程' }}
               </a-button>
-              <a-button size="small" type="link"> 发布流程 </a-button>
-              <a-button size="small" type="link"> 复制流程 </a-button>
+              <Popconfirm
+                :get-popup-container="getVxePopupContainer"
+                :title="`确认发布流程[${row.flowName}]?`"
+                placement="left"
+                @confirm="handlePublish(row)"
+              >
+                <a-button v-if="!row.isPublish" size="small" type="link">
+                  发布流程
+                </a-button>
+              </Popconfirm>
+              <Popconfirm
+                :get-popup-container="getVxePopupContainer"
+                :title="`确认复制流程[${row.flowName}]?`"
+                placement="left"
+                @confirm="handleCopy(row)"
+              >
+                <a-button size="small" type="link"> 复制流程 </a-button>
+              </Popconfirm>
             </div>
           </div>
         </template>