数据源管理增加取消抽取任务

src/model/datasource.js

@@ -60,6 +60,10 @@ export function* startTask(payload) {
   return yield call(service.startTask, payload);
 }
 
+export function* cancelTask(payload) {
+  return yield call(service.cancelTask, payload);
+}
+
 export function* getTaskReportSummary(payload) {
   return yield call(service.getTaskReportSummary, payload);
 }

src/service/datasourcemanager.js

@@ -56,6 +56,10 @@ export function startTask(payload) {
   return PostJSON("/metadataharvester/task/startHarvestingTask", payload);
 }
 
+export function cancelTask(payload) {
+  return PostJSON("/metadataharvester/task/cancelHarvestingTask", payload);
+}
+
 export function getTaskReportSummary(payload) {
   return GetJSON("/metadataharvester/task/getTaskReportSummary", payload);
 }

src/view/Manage/DatasourceManage/Component/TaskItem.jsx

 import React, { useContext } from 'react';
 import { Card, Typography, Space, Button, Tooltip, Progress } from 'antd';
-import { EditOutlined, DeleteOutlined, DatabaseOutlined, FileOutlined, ScheduleOutlined } from '@ant-design/icons';
+import { EditOutlined, DeleteOutlined, DatabaseOutlined, FileOutlined, ScheduleOutlined, StopOutlined } from '@ant-design/icons';
 
 import { DatasourceContext } from './ContextManager';
 import './TaskItem.less';
@@ -8,12 +8,12 @@ import './TaskItem.less';
 const TaskItem = (props) => {
   const { data } = props;
   
-  const { onStartTask, onLogTask, onEditTask, onDeleteTask, onScheduleShow, tasksProgress } = useContext(DatasourceContext);
+  const { onStartTask, onCancelTask, onLogTask, onEditTask, onDeleteTask, onScheduleShow, tasksProgress } = useContext(DatasourceContext);
 
-  let disableEdit = false, editTip = '修改';
+  let isExtract = false, editTip = '修改';
 
   if (tasksProgress&&tasksProgress[data.id]!==null&&tasksProgress[data.id]!==undefined) {
-    disableEdit = true;
+    isExtract = true;
     editTip = '正在抽取中,不允许修改任务';
   }
 
@@ -44,14 +44,19 @@ const TaskItem = (props) => {
           <Tooltip placement='bottom' title='定时调度'>
             <Button icon={<ScheduleOutlined />} size='small' onClick={() => { onScheduleShow && onScheduleShow(data); }} />
           </Tooltip>
-          <Tooltip placement='bottom' title='抽取'>
-            <Button icon={<DatabaseOutlined />} size='small' onClick={() => { onStartTask && onStartTask(data); }} />
-          </Tooltip>
+          {
+            isExtract ? <Tooltip placement='bottom' title='取消抽取'>
+              <Button icon={<StopOutlined />} size='small' onClick={() => { onCancelTask && onCancelTask(data); }} />
+            </Tooltip> :
+              <Tooltip placement='bottom' title='抽取'>
+              <Button icon={<DatabaseOutlined />} size='small' onClick={() => { onStartTask && onStartTask(data); }} />
+            </Tooltip>
+          }
           <Tooltip placement='bottom' title='日志'>
             <Button icon={<FileOutlined />} size='small' onClick={() => { onLogTask && onLogTask(data); }} />
           </Tooltip>
           <Tooltip placement='bottom' title={editTip}>
-            <Button icon={<EditOutlined />} size='small' disabled={disableEdit} onClick={() => { onEditTask && onEditTask(data); }} />
+            <Button icon={<EditOutlined />} size='small' disabled={isExtract} onClick={() => { onEditTask && onEditTask(data); }} />
           </Tooltip>
           <Tooltip placement='bottom' title='删除'>
             <Button icon={<DeleteOutlined />} size='small' onClick={() => { onDeleteTask && onDeleteTask(data); }} />

src/view/Manage/DatasourceManage/index.jsx

@@ -293,6 +293,26 @@ const DatasourceManage = (props) => {
     });
   }
 
+  const cancelTask = (task) => {
+    modal.confirm({
+      title: '是否取消该任务?',
+      content: '',
+      onOk: () => {
+        dispatch({
+          type: 'datasource.cancelTask',
+          payload: {
+            params: {
+              harvestingTaskId: task.id
+            }
+          },
+          callback: () => {
+            
+          }
+        });
+      }
+    });
+  }
+
   const editTask = (task) => {
     setCurrentTaskId(task.id);
     setCurrentDatasourceId(task.target.id||'');
@@ -343,6 +363,7 @@ const DatasourceManage = (props) => {
       refreshTasksSuccess: refreshTasksSuccess,
       onScheduleShow: scheduleShow,
       onStartTask: startTask,
+      onCancelTask: cancelTask,
       onLogTask: logTask,
       onEditTask: editTask,
       onDeleteTask: deleteTask,