From 64a4e77ddfc679fd864a1e7ef3969f84d4840e31 Mon Sep 17 00:00:00 2001
From: opensnail <598092184@qq.com>
Date: Tue, 30 Apr 2024 23:18:18 +0800
Subject: [PATCH] =?UTF-8?q?feat(sj=5F1.0.0):=20=E5=AE=8C=E6=88=90=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E6=B5=81=E7=9A=84=E5=A4=8D=E5=88=B6=E3=80=81=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E3=80=81=E6=9B=B4=E6=96=B0=E3=80=81=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/locales/langs/en-us.ts                    |  2 +
 src/locales/langs/zh-cn.ts                    |  2 +
 src/service/api/workflow.ts                   |  8 +++
 src/typings/app.d.ts                          |  2 +
 .../workflow/form/modules/workflow-iframe.vue | 11 ++--
 src/views/workflow/task/index.vue             | 54 ++++++++++++++++---
 6 files changed, 67 insertions(+), 12 deletions(-)

diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index c78c5c1..885400d 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -49,6 +49,8 @@ const local: App.I18n.Schema = {
     fail: 'Fail',
     stop: 'Stop',
     execute: 'Execute',
+    batchList: 'Batch',
+    copy: 'Copy',
     resume: 'Resume',
     pause: 'Pause',
     finish: 'Finish',
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 141e8aa..2855a25 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -49,6 +49,8 @@ const local: App.I18n.Schema = {
     fail: '失败',
     stop: '停止',
     execute: '执行',
+    copy: '复制',
+    batchList: '批次',
     resume: '恢复',
     pause: '暂停',
     finish: '完成',
diff --git a/src/service/api/workflow.ts b/src/service/api/workflow.ts
index 6983b27..6c5cf81 100644
--- a/src/service/api/workflow.ts
+++ b/src/service/api/workflow.ts
@@ -9,6 +9,14 @@ export function fetchGetWorkflowPageList(params?: Api.Workflow.WorkflowSearchPar
   });
 }
 
+/** trigger workflow */
+export function fetchTriggerWorkflow(id: string) {
+  return request({
+    url: `/workflow/trigger/${id}`,
+    method: 'post'
+  });
+}
+
 /** get namespace list */
 export function fetchGetWorkflowNameList(params?: Api.WorkflowBatch.WorkflowBatchSearchParams) {
   return request<Api.Workflow.Workflow[]>({
diff --git a/src/typings/app.d.ts b/src/typings/app.d.ts
index d89eef3..1fe10d0 100644
--- a/src/typings/app.d.ts
+++ b/src/typings/app.d.ts
@@ -295,6 +295,8 @@ declare namespace App {
         fail: string;
         stop: string;
         execute: string;
+        batchList: string;
+        copy: string;
         resume: string;
         pause: string;
         finish: string;
diff --git a/src/views/workflow/form/modules/workflow-iframe.vue b/src/views/workflow/form/modules/workflow-iframe.vue
index fc71f24..4cd0405 100644
--- a/src/views/workflow/form/modules/workflow-iframe.vue
+++ b/src/views/workflow/form/modules/workflow-iframe.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { onActivated, onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
+import { $t } from '@/locales';
 
 defineOptions({
   name: 'WorkFlowIframe'
@@ -23,18 +24,18 @@ const baseUrl = import.meta.env.BASE_URL;
 
 function save() {
   window.removeEventListener('message', handleMessage);
-  window.$message?.info('工作流新增成功');
-  router.push({ path: '/job/workflow/list' });
+  window.$message?.info($t('common.addSuccess'));
+  router.push({ path: '/workflow/task' });
 }
 
 function cancel() {
   window.removeEventListener('message', handleMessage);
-  router.push({ path: '/job/workflow/list' });
+  router.push({ path: '/workflow/task' });
 }
 
 function update() {
-  window.$message?.info('工作流修改成功');
-  router.push({ path: '/job/workflow/list' });
+  window.$message?.info($t('common.updateSuccess'));
+  router.push({ path: '/workflow/task' });
 }
 
 function handleMessage(e: MessageEvent) {
diff --git a/src/views/workflow/task/index.vue b/src/views/workflow/task/index.vue
index f64cff0..e15dc83 100644
--- a/src/views/workflow/task/index.vue
+++ b/src/views/workflow/task/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="tsx">
 import { NButton, NPopconfirm, NTag } from 'naive-ui';
 import { useRouter } from 'vue-router';
-import { fetchGetWorkflowPageList } from '@/service/api';
+import { fetchGetWorkflowPageList, fetchTriggerWorkflow } from '@/service/api';
 import { $t } from '@/locales';
 import { useAppStore } from '@/store/modules/app';
 import { useTable, useTableOperate } from '@/hooks/common/table';
@@ -38,7 +38,18 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'workflowName',
       title: $t('page.workflow.workflowName'),
       align: 'left',
-      minWidth: 120
+      minWidth: 120,
+      render: row => {
+        function showDetailDrawer() {
+          detail(row.id!);
+        }
+
+        return (
+          <n-button text tag="a" type="primary" onClick={showDetailDrawer} class="ws-normal">
+            {row.workflowName}
+          </n-button>
+        );
+      }
     },
     {
       key: 'groupName',
@@ -102,12 +113,22 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'operate',
       title: $t('common.operate'),
       align: 'center',
-      width: 130,
+      fixed: 'right',
+      width: 300,
       render: row => (
         <div class="flex-center gap-8px">
-          <NButton type="primary" ghost size="small" onClick={() => edit(row.id!)}>
+          <NButton type="primary" ghost size="small" onClick={() => execute(row.id!)}>
+            {$t('common.execute')}
+          </NButton>
+          <NButton type="primary" ghost size="small" onClick={() => copy(row.id!)}>
+            {$t('common.copy')}
+          </NButton>
+          <NButton type="warning" ghost size="small" onClick={() => edit(row.id!)}>
             {$t('common.edit')}
           </NButton>
+          <NButton type="success" ghost size="small" onClick={() => batch(row.id!)}>
+            {$t('common.batchList')}
+          </NButton>
           <NPopconfirm onPositiveClick={() => handleDelete(row.id!)}>
             {{
               default: () => $t('common.confirmDelete'),
@@ -125,7 +146,6 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
 });
 
 const {
-  handleEdit,
   checkedRowKeys,
   onBatchDeleted,
   onDeleted
@@ -147,12 +167,32 @@ function handleDelete(id: string) {
 }
 
 function edit(id: string) {
-  handleEdit(id);
+  router.push({ path: '/workflow/form/edit', query: { id } });
 }
 
 function handleAdd() {
   router.push({ path: '/workflow/form/edit' });
 }
+
+function detail(id: string) {
+  router.push({ path: '/workflow/form/detail', query: { id } });
+}
+
+function copy(id: string) {
+  router.push({ path: '/workflow/form/copy', query: { id } });
+}
+
+function batch(id: string) {
+  router.push({ path: '/workflow/batch', query: { workflowId: id } });
+}
+
+async function execute(id: string) {
+  const { error } = await fetchTriggerWorkflow(id);
+  if (!error) {
+    window.$message?.success($t('common.executeSuccess'));
+    getData();
+  }
+}
 </script>
 
 <template>
@@ -180,7 +220,7 @@ function handleAdd() {
         :columns="columns"
         :data="data"
         :flex-height="!appStore.isMobile"
-        :scroll-x="962"
+        :scroll-x="1300"
         :loading="loading"
         remote
         :row-key="row => row.id"