From cddfa60795d3223ea2c38161c003bfb5a7073f0f Mon Sep 17 00:00:00 2001
From: opensnail <598092184@qq.com>
Date: Thu, 2 May 2024 00:00:28 +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=E6=89=B9=E6=AC=A1=E5=88=97=E8=A1=A8?=
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/router/elegant/imports.ts           |  1 +
 src/router/elegant/routes.ts            | 10 +++++
 src/router/elegant/transform.ts         |  1 +
 src/service/api/workflow.ts             |  7 ++++
 src/typings/app.d.ts                    |  1 +
 src/views/workflow/batch/index.vue      | 55 ++++++++++++++-----------
 src/views/workflow/form/batch/index.vue | 17 ++++++++
 9 files changed, 71 insertions(+), 25 deletions(-)
 create mode 100644 src/views/workflow/form/batch/index.vue

diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 885400d..56d4ba6 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -48,6 +48,7 @@ const local: App.I18n.Schema = {
     success: 'Success',
     fail: 'Fail',
     stop: 'Stop',
+    confirmStop: 'Confirm Stop?',
     execute: 'Execute',
     batchList: 'Batch',
     copy: 'Copy',
@@ -287,6 +288,7 @@ const local: App.I18n.Schema = {
     workflow_batch: 'Workflow Batch',
     workflow_form: 'Workflow',
     workflow_form_copy: 'Copy Workflow',
+    workflow_form_batch: 'Workflow Batch List',
     workflow_form_detail: 'Workflow Detail',
     workflow_form_edit: 'Edit Workflow',
     job: 'Schedule Task Management',
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index 2855a25..ffb2b25 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -48,6 +48,7 @@ const local: App.I18n.Schema = {
     success: '成功',
     fail: '失败',
     stop: '停止',
+    confirmStop: '确认停止吗？',
     execute: '执行',
     copy: '复制',
     batchList: '批次',
@@ -288,6 +289,7 @@ const local: App.I18n.Schema = {
     workflow_batch: '执行批次',
     workflow_form: '工作流',
     workflow_form_copy: '复制工作流',
+    workflow_form_batch: '工作流批次列表',
     workflow_form_detail: '工作流详情',
     workflow_form_edit: '编辑工作流',
     job: '定时任务',
diff --git a/src/router/elegant/imports.ts b/src/router/elegant/imports.ts
index 513104a..f52e2c6 100644
--- a/src/router/elegant/imports.ts
+++ b/src/router/elegant/imports.ts
@@ -50,6 +50,7 @@ export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<Ro
   "user-center": () => import("@/views/user-center/index.vue"),
   user_manager: () => import("@/views/user/manager/index.vue"),
   workflow_batch: () => import("@/views/workflow/batch/index.vue"),
+  workflow_form_batch: () => import("@/views/workflow/form/batch/index.vue"),
   workflow_form_copy: () => import("@/views/workflow/form/copy/index.vue"),
   workflow_form_detail: () => import("@/views/workflow/form/detail/index.vue"),
   workflow_form_edit: () => import("@/views/workflow/form/edit/index.vue"),
diff --git a/src/router/elegant/routes.ts b/src/router/elegant/routes.ts
index 7097df3..07f5932 100644
--- a/src/router/elegant/routes.ts
+++ b/src/router/elegant/routes.ts
@@ -553,6 +553,16 @@ export const generatedRoutes: GeneratedRoute[] = [
           i18nKey: 'route.workflow_form'
         },
         children: [
+          {
+            name: 'workflow_form_batch',
+            path: '/workflow/form/batch',
+            component: 'view.workflow_form_batch',
+            meta: {
+              hideInMenu: true,
+              title: 'workflow_form_batch',
+              i18nKey: 'route.workflow_form_batch'
+            }
+          },
           {
             name: 'workflow_form_copy',
             path: '/workflow/form/copy',
diff --git a/src/router/elegant/transform.ts b/src/router/elegant/transform.ts
index a6503c1..27a6291 100644
--- a/src/router/elegant/transform.ts
+++ b/src/router/elegant/transform.ts
@@ -203,6 +203,7 @@ const routeMap: RouteMap = {
   "workflow": "/workflow",
   "workflow_batch": "/workflow/batch",
   "workflow_form": "/workflow/form",
+  "workflow_form_batch": "/workflow/form/batch",
   "workflow_form_copy": "/workflow/form/copy",
   "workflow_form_detail": "/workflow/form/detail",
   "workflow_form_edit": "/workflow/form/edit",
diff --git a/src/service/api/workflow.ts b/src/service/api/workflow.ts
index 8ea6320..087fe26 100644
--- a/src/service/api/workflow.ts
+++ b/src/service/api/workflow.ts
@@ -48,3 +48,10 @@ export function fetchDelWorkflow(id: string) {
     method: 'delete'
   });
 }
+
+export function fetchStopWorkflowBatch(id: string) {
+  return request({
+    url: `/workflow/batch/stop/${id}`,
+    method: 'post'
+  });
+}
diff --git a/src/typings/app.d.ts b/src/typings/app.d.ts
index 1fe10d0..5f54f19 100644
--- a/src/typings/app.d.ts
+++ b/src/typings/app.d.ts
@@ -294,6 +294,7 @@ declare namespace App {
         success: string;
         fail: string;
         stop: string;
+        confirmStop: string;
         execute: string;
         batchList: string;
         copy: string;
diff --git a/src/views/workflow/batch/index.vue b/src/views/workflow/batch/index.vue
index 9ebecc4..842d1fc 100644
--- a/src/views/workflow/batch/index.vue
+++ b/src/views/workflow/batch/index.vue
@@ -1,11 +1,13 @@
 <script setup lang="tsx">
 import { NButton, NPopconfirm, NTag } from 'naive-ui';
-import { fetchGetWorkflowBatchList } from '@/service/api';
+import { useRouter } from 'vue-router';
+import { fetchGetWorkflowBatchList, fetchStopWorkflowBatch } from '@/service/api';
 import { $t } from '@/locales';
 import { useAppStore } from '@/store/modules/app';
 import { useTable, useTableOperate } from '@/hooks/common/table';
 import { operationReasonRecord, taskBatchStatusRecord } from '@/constants/business';
 import WorkflowBatchSearch from './modules/workflow-batch-search.vue';
+const router = useRouter();
 
 const appStore = useAppStore();
 
@@ -63,9 +65,9 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
         const tagMap: Record<number, NaiveUI.ThemeColor> = {
           1: 'info',
           2: 'success',
-          3: 'warning',
+          3: 'success',
           4: 'error',
-          5: 'error',
+          5: 'warning',
           6: 'warning'
         };
 
@@ -100,19 +102,23 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       width: 130,
       render: row => (
         <div class="flex-center gap-8px">
-          <NButton type="primary" ghost size="small" onClick={() => edit(row.id!)}>
-            {$t('common.edit')}
+          <NButton type="primary" ghost size="small" onClick={() => detail(row.id!)}>
+            {$t('common.detail')}
           </NButton>
-          <NPopconfirm onPositiveClick={() => handleDelete(row.id!)}>
-            {{
-              default: () => $t('common.confirmDelete'),
-              trigger: () => (
-                <NButton type="error" ghost size="small">
-                  {$t('common.delete')}
-                </NButton>
-              )
-            }}
-          </NPopconfirm>
+          {row?.taskBatchStatus === 1 || row?.taskBatchStatus === 2 ? (
+            <NPopconfirm onPositiveClick={() => handleStop(row.id!)} v-if="">
+              {{
+                default: () => $t('common.confirmStop'),
+                trigger: () => (
+                  <NButton type="error" ghost size="small">
+                    {$t('common.stop')}
+                  </NButton>
+                )
+              }}
+            </NPopconfirm>
+          ) : (
+            ''
+          )}
         </div>
       )
     }
@@ -121,10 +127,8 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
 
 const {
   handleAdd,
-  handleEdit,
   checkedRowKeys,
-  onBatchDeleted,
-  onDeleted
+  onBatchDeleted
   // closeDrawer
 } = useTableOperate(data, getData);
 
@@ -135,15 +139,16 @@ async function handleBatchDelete() {
   onBatchDeleted();
 }
 
-function handleDelete(id: string) {
-  // request
-  console.log(id);
-
-  onDeleted();
+async function handleStop(id: string) {
+  const { error } = await fetchStopWorkflowBatch(id);
+  if (!error) {
+    window.$message?.success($t('common.executeSuccess'));
+    getData();
+  }
 }
 
-function edit(id: string) {
-  handleEdit(id);
+function detail(id: string) {
+  router.push({ path: '/workflow/form/batch', query: { id } });
 }
 </script>
 
diff --git a/src/views/workflow/form/batch/index.vue b/src/views/workflow/form/batch/index.vue
new file mode 100644
index 0000000..96a7e4d
--- /dev/null
+++ b/src/views/workflow/form/batch/index.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import WorkFlowIframe from '../modules/workflow-iframe.vue';
+
+defineOptions({
+  name: 'WorkFlowDetail'
+});
+</script>
+
+<template>
+  <div class="iframe"><WorkFlowIframe value="kaxC8Iml" /></div>
+</template>
+
+<style scoped>
+.iframe {
+  padding: 0 !important;
+}
+</style>