feat(ai-web): 增加任务和任务模板
This commit is contained in:
95
service-web/client/src/pages/ai/task/FlowTask.tsx
Normal file
95
service-web/client/src/pages/ai/task/FlowTask.tsx
Normal file
@@ -0,0 +1,95 @@
|
||||
import React from 'react'
|
||||
import {amisRender, commonInfo, crudCommonOptions, paginationTemplate,} from '../../../util/amis.tsx'
|
||||
import {useNavigate} from 'react-router'
|
||||
|
||||
const FlowTask: React.FC = () => {
|
||||
const navigate = useNavigate()
|
||||
return (
|
||||
<div className="task-template">
|
||||
{amisRender(
|
||||
{
|
||||
type: 'page',
|
||||
title: '任务记录',
|
||||
body: [
|
||||
{
|
||||
type: 'crud',
|
||||
api: {
|
||||
method: 'post',
|
||||
url: `${commonInfo.baseAiUrl}/flow_task/list`,
|
||||
data: {
|
||||
page: {
|
||||
index: '${page}',
|
||||
size: '${perPage}',
|
||||
}
|
||||
}
|
||||
},
|
||||
...crudCommonOptions(),
|
||||
...paginationTemplate(
|
||||
10,
|
||||
5,
|
||||
[
|
||||
{
|
||||
type: 'action',
|
||||
label: '',
|
||||
icon: 'fa fa-plus',
|
||||
size: 'sm',
|
||||
onEvent: {
|
||||
click: {
|
||||
actions: [
|
||||
{
|
||||
actionType: 'custom',
|
||||
// @ts-ignore
|
||||
script: (context, action, event) => {
|
||||
navigate(`/ai/flow_task/add`)
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
),
|
||||
columns: [
|
||||
{
|
||||
name: 'id',
|
||||
label: '任务ID',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
name: 'status',
|
||||
label: '状态',
|
||||
},
|
||||
{
|
||||
type: 'operation',
|
||||
label: '操作',
|
||||
width: 200,
|
||||
buttons: [
|
||||
{
|
||||
type: 'action',
|
||||
label: '重新执行',
|
||||
level: 'link',
|
||||
size: 'sm',
|
||||
},
|
||||
{
|
||||
type: 'action',
|
||||
label: '删除',
|
||||
className: 'text-danger btn-deleted',
|
||||
level: 'link',
|
||||
size: 'sm',
|
||||
actionType: 'ajax',
|
||||
api: `get:${commonInfo.baseAiUrl}/task/remove/\${id}`,
|
||||
confirmText: '确认删除任务记录：${name}',
|
||||
confirmTitle: '删除',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default FlowTask
|
||||
36
service-web/client/src/pages/ai/task/FlowTaskAdd.tsx
Normal file
36
service-web/client/src/pages/ai/task/FlowTaskAdd.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
import React from 'react'
|
||||
import {amisRender,} from '../../../util/amis.tsx'
|
||||
|
||||
const FlowTaskAdd: React.FC = () => {
|
||||
// const navigate = useNavigate()
|
||||
return (
|
||||
<div className="task-template">
|
||||
{amisRender(
|
||||
{
|
||||
type: 'page',
|
||||
title: '发起任务',
|
||||
body: {
|
||||
type: 'wizard',
|
||||
wrapWithPanel: false,
|
||||
steps:[
|
||||
{
|
||||
title: '选择任务模板',
|
||||
body: []
|
||||
},
|
||||
{
|
||||
title: '填写任务信息',
|
||||
body: []
|
||||
},
|
||||
{
|
||||
title: '完成',
|
||||
body: []
|
||||
},
|
||||
]
|
||||
},
|
||||
},
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default FlowTaskAdd
|
||||
@@ -0,0 +1,108 @@
|
||||
import React from 'react'
|
||||
import {amisRender, commonInfo, crudCommonOptions, paginationTemplate,} from '../../../../util/amis.tsx'
|
||||
import {useNavigate} from 'react-router'
|
||||
|
||||
const FlowTaskTemplate: React.FC = () => {
|
||||
const navigate = useNavigate()
|
||||
return (
|
||||
<div className="task-template">
|
||||
{amisRender(
|
||||
{
|
||||
type: 'page',
|
||||
title: '任务模板',
|
||||
body: [
|
||||
{
|
||||
type: 'crud',
|
||||
api: {
|
||||
method: 'post',
|
||||
url: `${commonInfo.baseAiUrl}/flow_task/template/list`,
|
||||
data: {
|
||||
page: {
|
||||
index: '${page}',
|
||||
size: '${perPage}',
|
||||
}
|
||||
}
|
||||
},
|
||||
...crudCommonOptions(),
|
||||
...paginationTemplate(
|
||||
10,
|
||||
5,
|
||||
[
|
||||
{
|
||||
type: 'action',
|
||||
label: '',
|
||||
icon: 'fa fa-plus',
|
||||
size: 'sm',
|
||||
onEvent: {
|
||||
click: {
|
||||
actions: [
|
||||
{
|
||||
actionType: 'custom',
|
||||
// @ts-ignore
|
||||
script: (context, action, event) => {
|
||||
navigate(`/ai/flow_task_template/edit/-1`)
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
),
|
||||
columns: [
|
||||
{
|
||||
name: 'name',
|
||||
label: '名称',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
name: 'description',
|
||||
label: '描述',
|
||||
},
|
||||
{
|
||||
type: 'operation',
|
||||
label: '操作',
|
||||
width: 200,
|
||||
buttons: [
|
||||
{
|
||||
type: 'action',
|
||||
label: '编辑',
|
||||
level: 'link',
|
||||
size: 'sm',
|
||||
onEvent: {
|
||||
click: {
|
||||
actions: [
|
||||
{
|
||||
actionType: 'custom',
|
||||
// @ts-ignore
|
||||
script: (context, action, event) => {
|
||||
navigate(`/ai/flow_task_template/edit/${context.props.data['id']}`)
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'action',
|
||||
label: '删除',
|
||||
className: 'text-danger btn-deleted',
|
||||
level: 'link',
|
||||
size: 'sm',
|
||||
actionType: 'ajax',
|
||||
api: `get:${commonInfo.baseAiUrl}/flow_task/template/remove/\${id}`,
|
||||
confirmText: '确认删除任务模板：${name}',
|
||||
confirmTitle: '删除',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default FlowTaskTemplate
|
||||
@@ -0,0 +1,118 @@
|
||||
import React from 'react'
|
||||
import {useParams} from 'react-router'
|
||||
import styled from 'styled-components'
|
||||
import {amisRender, commonInfo, horizontalFormOptions} from '../../../../util/amis.tsx'
|
||||
import {isEqual} from 'licia'
|
||||
|
||||
const TemplateEditDiv = styled.div`
|
||||
.antd-EditorControl {
|
||||
min-height: 500px !important;
|
||||
}
|
||||
`
|
||||
|
||||
const FlowTaskTemplateEdit: React.FC = () => {
|
||||
const {template_id} = useParams()
|
||||
const preloadTemplateId = isEqual(template_id, '-1') ? undefined : template_id
|
||||
console.log('preloadTemplateId', preloadTemplateId)
|
||||
return (
|
||||
<TemplateEditDiv className="task-template-edit h-full">
|
||||
{amisRender({
|
||||
type: 'page',
|
||||
title: '模板编辑',
|
||||
body: {
|
||||
debug: commonInfo.debug,
|
||||
type: 'form',
|
||||
api: {
|
||||
method: 'POST',
|
||||
url: `${commonInfo.baseAiUrl}/flow_task/template/save`,
|
||||
data: {
|
||||
name: '${template.name}',
|
||||
description: '${template.description}',
|
||||
inputSchema: '${template.inputSchema}',
|
||||
flow: '${template.flow}',
|
||||
}
|
||||
},
|
||||
initApi: preloadTemplateId
|
||||
? {
|
||||
method: 'GET',
|
||||
url: `${commonInfo.baseAiUrl}/flow_task/template/detail/${preloadTemplateId}`,
|
||||
// @ts-ignore
|
||||
adaptor: (payload, response, api, context) => {
|
||||
return {
|
||||
...payload,
|
||||
data: {
|
||||
template: payload.data,
|
||||
},
|
||||
}
|
||||
},
|
||||
}
|
||||
: undefined,
|
||||
wrapWithPanel: false,
|
||||
...horizontalFormOptions(),
|
||||
body: [
|
||||
{
|
||||
type: 'input-text',
|
||||
name: 'template.name',
|
||||
label: '名称',
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
type: 'textarea',
|
||||
name: 'template.description',
|
||||
label: '描述',
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
type: 'group',
|
||||
body: [
|
||||
{
|
||||
type: 'editor',
|
||||
required: true,
|
||||
label: '入参表单',
|
||||
description: '使用amis代码编写入参表单结构，流程会解析所有name对应的变量传入流程开始阶段；只需要编写form的columns部分',
|
||||
name: 'template.inputSchema',
|
||||
value: '[]',
|
||||
language: 'json',
|
||||
options: {
|
||||
wordWrap: 'bounded',
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'amis',
|
||||
name: 'template.inputSchema',
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'editor',
|
||||
required: true,
|
||||
label: '任务流程',
|
||||
name: 'template.flow',
|
||||
description: '使用标准的LiteFlow语法',
|
||||
language: 'xml',
|
||||
options: {
|
||||
wordWrap: 'bounded',
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'button-toolbar',
|
||||
buttons: [
|
||||
{
|
||||
type: 'submit',
|
||||
label: '提交',
|
||||
level: 'primary',
|
||||
},
|
||||
{
|
||||
type: 'reset',
|
||||
label: '重置',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
})}
|
||||
</TemplateEditDiv>
|
||||
)
|
||||
}
|
||||
|
||||
export default FlowTaskTemplateEdit
|
||||
@@ -4,6 +4,7 @@ import {
|
||||
ClusterOutlined,
|
||||
CompressOutlined,
|
||||
DatabaseOutlined,
|
||||
FileTextOutlined,
|
||||
GatewayOutlined,
|
||||
InfoCircleOutlined,
|
||||
OpenAIOutlined,
|
||||
@@ -34,6 +35,10 @@ import YarnCluster from './pages/overview/YarnCluster.tsx'
|
||||
import Test from './pages/Test.tsx'
|
||||
import {commonInfo} from './util/amis.tsx'
|
||||
import FlowEditor from './pages/ai/flow/FlowEditor.tsx'
|
||||
import FlowTaskTemplate from './pages/ai/task/template/FlowTaskTemplate.tsx'
|
||||
import FlowTaskTemplateEdit from './pages/ai/task/template/FlowTaskTemplateEdit.tsx'
|
||||
import FlowTask from './pages/ai/task/FlowTask.tsx'
|
||||
import FlowTaskAdd from './pages/ai/task/FlowTaskAdd.tsx'
|
||||
|
||||
export const routes: RouteObject[] = [
|
||||
{
|
||||
@@ -111,6 +116,22 @@ export const routes: RouteObject[] = [
|
||||
path: 'knowledge/detail/:knowledge_id/segment/:group_id',
|
||||
Component: DataSegment,
|
||||
},
|
||||
{
|
||||
path: 'flow_task',
|
||||
Component: FlowTask,
|
||||
},
|
||||
{
|
||||
path: 'flow_task/add',
|
||||
Component: FlowTaskAdd,
|
||||
},
|
||||
{
|
||||
path: 'flow_task_template',
|
||||
Component: FlowTaskTemplate,
|
||||
},
|
||||
{
|
||||
path: 'flow_task_template/edit/:template_id',
|
||||
Component: FlowTaskTemplateEdit,
|
||||
},
|
||||
{
|
||||
path: 'flowable',
|
||||
Component: FlowEditor,
|
||||
@@ -158,7 +179,7 @@ export const menus = {
|
||||
icon: <SyncOutlined/>,
|
||||
},
|
||||
{
|
||||
path: `/yarn/${commonInfo.clusters.compaction_names()}/${values(commonInfo.clusters.compaction).join(",")}/Compaction`,
|
||||
path: `/yarn/${commonInfo.clusters.compaction_names()}/${values(commonInfo.clusters.compaction).join(',')}/Compaction`,
|
||||
name: '压缩集群',
|
||||
icon: <SyncOutlined/>,
|
||||
},
|
||||
@@ -222,6 +243,23 @@ export const menus = {
|
||||
name: '流程编排',
|
||||
icon: <GatewayOutlined/>,
|
||||
},
|
||||
{
|
||||
path: '1089caa6-9477-44a5-99f1-a9c179f6cfd3',
|
||||
name: '任务',
|
||||
icon: <FileTextOutlined/>,
|
||||
routes: [
|
||||
{
|
||||
path: '/ai/flow_task',
|
||||
name: '任务列表',
|
||||
icon: <FileTextOutlined/>,
|
||||
},
|
||||
{
|
||||
path: '/ai/flow_task_template',
|
||||
name: '任务模板',
|
||||
icon: <FileTextOutlined/>,
|
||||
},
|
||||
]
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
|
||||
@@ -10,8 +10,8 @@ import {isEqual} from 'licia'
|
||||
export const commonInfo = {
|
||||
debug: isEqual(import.meta.env.MODE, 'development'),
|
||||
baseUrl: 'http://132.126.207.130:35690/hudi_services/service_web',
|
||||
baseAiUrl: 'http://132.126.207.130:35690/hudi_services/service_ai_web',
|
||||
// baseAiUrl: 'http://localhost:8080',
|
||||
// baseAiUrl: 'http://132.126.207.130:35690/hudi_services/service_ai_web',
|
||||
baseAiUrl: 'http://localhost:8080',
|
||||
authorizationHeaders: {
|
||||
'Authorization': 'Basic QXhoRWJzY3dzSkRiWU1IMjpjWXhnM2I0UHRXb1ZENVNqRmF5V3h0blNWc2p6UnNnNA==',
|
||||
'Content-Type': 'application/json',
|
||||
|
||||
Reference in New Issue
Block a user