From 781d5c5610ed768fad706128eb158a48134677b2 Mon Sep 17 00:00:00 2001
From: wxg0103 <727495428@qq.com>
Date: Sat, 30 Mar 2024 17:52:56 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E9=A1=B9=E7=9B=AE=E7=AE=A1=E7=90=86):?=
 =?UTF-8?q?=20=E4=BC=98=E5=8C=96=E4=BB=BB=E5=8A=A1=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../taskCenter/component/scheduledTask.vue    | 61 +++++++++++++++++--
 .../taskCenter/locale/en-US.ts                |  4 ++
 .../taskCenter/locale/zh-CN.ts                |  3 +
 3 files changed, 63 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/project-management/taskCenter/component/scheduledTask.vue b/frontend/src/views/project-management/taskCenter/component/scheduledTask.vue
index a1ab176c5a..1f590c2890 100644
--- a/frontend/src/views/project-management/taskCenter/component/scheduledTask.vue
+++ b/frontend/src/views/project-management/taskCenter/component/scheduledTask.vue
@@ -29,6 +29,8 @@
       </template>
       <template #operation="{ record }">
         <a-switch v-model="record.enable" size="small" type="line" />
+        <a-divider direction="vertical" />
+        <MsButton class="!mr-0" @click="delSchedule(record)">{{ t('common.delete') }}</MsButton>
         <!-- TODO这一版不上 -->
         <!-- <a-divider direction="vertical" />
         <MsButton class="!mr-0" @click="edit(record)">{{ t('common.edit') }}</MsButton>
@@ -41,27 +43,32 @@
 
 <script setup lang="ts">
   import { ref } from 'vue';
+  import { Message } from '@arco-design/web-vue';
+  import dayjs from 'dayjs';
 
   import MsButton from '@/components/pure/ms-button/index.vue';
   import MsBaseTable from '@/components/pure/ms-table/base-table.vue';
   import type { BatchActionParams, BatchActionQueryParams, MsTableColumn } from '@/components/pure/ms-table/type';
   import useTable from '@/components/pure/ms-table/useTable';
-  import MsTableMoreAction from '@/components/pure/ms-table-more-action/index.vue';
   import type { ActionsItem } from '@/components/pure/ms-table-more-action/types';
 
+  import { switchDefinitionSchedule } from '@/api/modules/api-test/management';
   import {
+    deleteScheduleSysTask,
     getScheduleOrgApiCaseList,
     getScheduleProApiCaseList,
     getScheduleSysApiCaseList,
   } from '@/api/modules/project-management/taskCenter';
   import { useI18n } from '@/hooks/useI18n';
+  import useModal from '@/hooks/useModal';
   import { useTableStore } from '@/store';
 
+  import { TimingTaskCenterApiCaseItem } from '@/models/projectManagement/taskCenter';
   import { TableKeyEnum } from '@/enums/tableEnum';
   import { TaskCenterEnum } from '@/enums/taskCenter';
 
   const tableStore = useTableStore();
-
+  const { openModal } = useModal();
   const { t } = useI18n();
 
   const props = defineProps<{
@@ -128,14 +135,14 @@
       slotName: 'nextTime',
       dataIndex: 'nextTime',
       showInTable: true,
-      width: 300,
+      width: 200,
       showDrag: true,
     },
     {
       title: 'common.operation',
       slotName: 'operation',
       dataIndex: 'operation',
-      width: 120,
+      width: 180,
       fixed: 'right',
       showDrag: false,
     },
@@ -159,7 +166,12 @@
       heightUsed: 300,
       enableDrag: false,
       showSelectorAll: true,
-    }
+    },
+    // eslint-disable-next-line no-return-assign
+    (item) => ({
+      ...item,
+      nextTime: dayjs(item.nextTime).format('YYYY-MM-DD HH:mm:ss'),
+    })
   );
 
   function initData() {
@@ -192,6 +204,45 @@
 
   function edit(record: any) {}
 
+  function delSchedule(record: any) {
+    openModal({
+      type: 'error',
+      title: t('project.taskCenter.delSchedule'),
+      content: t('project.taskCenter.delSchedule.tip'),
+      okText: t('common.confirmDelete'),
+      cancelText: t('common.cancel'),
+      okButtonProps: {
+        status: 'danger',
+      },
+      maskClosable: false,
+      onBeforeOk: async () => {
+        try {
+          await deleteScheduleSysTask(record?.id as string);
+          Message.success(t('project.taskCenter.delScheduleSuccess'));
+          initData();
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.log(error);
+        }
+      },
+      hideCancel: false,
+    });
+  }
+
+  async function handleBeforeEnableChange(record: TimingTaskCenterApiCaseItem) {
+    try {
+      await switchDefinitionSchedule(record.id);
+      Message.success(
+        t(record.enable ? 'apiTestManagement.disableTaskSuccess' : 'apiTestManagement.enableTaskSuccess')
+      );
+      return true;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      return false;
+    }
+  }
+
   const moreActions: ActionsItem[] = [
     {
       label: 'common.delete',
diff --git a/frontend/src/views/project-management/taskCenter/locale/en-US.ts b/frontend/src/views/project-management/taskCenter/locale/en-US.ts
index c55422d059..372e8f0dd9 100644
--- a/frontend/src/views/project-management/taskCenter/locale/en-US.ts
+++ b/frontend/src/views/project-management/taskCenter/locale/en-US.ts
@@ -41,4 +41,8 @@ export default {
   'project.taskCenter.realTimeTask': 'Real Time Task',
   'project.taskCenter.createTask': 'create',
   'project.taskCenter.apiCaseList': '{type} list',
+  'project.taskCenter.delSchedule': 'Are you sure to delete the scheduled task?',
+  'project.taskCenter.delScheduleSuccess': 'Delete scheduled task successfully',
+  'project.taskCenter.delSchedule.tip':
+    'Deleting the scheduled task will cause the task to stop. Do you want to continue?',
 };
diff --git a/frontend/src/views/project-management/taskCenter/locale/zh-CN.ts b/frontend/src/views/project-management/taskCenter/locale/zh-CN.ts
index 67c5eeac19..ede890feb4 100644
--- a/frontend/src/views/project-management/taskCenter/locale/zh-CN.ts
+++ b/frontend/src/views/project-management/taskCenter/locale/zh-CN.ts
@@ -40,4 +40,7 @@ export default {
   'project.taskCenter.realTimeTask': '实时任务',
   'project.taskCenter.createTask': '创建定时任务',
   'project.taskCenter.apiCaseList': '{type}列表',
+  'project.taskCenter.delSchedule': '确定删除定时任务吗？',
+  'project.taskCenter.delScheduleSuccess': '删除定时任务成功',
+  'project.taskCenter.delSchedule.tip': '删除定时任务会导致任务停止，是否继续？',
 };