feat(ai-web): 完成执行任务的创建（提交漏的文件）
This commit is contained in:
v-zhangjc9
@@ -1,6 +1,21 @@
|
||||
import React from 'react'
|
||||
import {amisRender, commonInfo, crudCommonOptions, paginationTemplate,} from '../../../util/amis.tsx'
|
||||
import {useNavigate} from 'react-router'
|
||||
import {
|
||||
amisRender,
|
||||
commonInfo,
|
||||
crudCommonOptions,
|
||||
mappingField,
|
||||
mappingItem,
|
||||
paginationTemplate,
|
||||
readOnlyDialogOptions,
|
||||
} from '../../../util/amis.tsx'
|
||||
import {generateInputForm} from './InputSchema.tsx'
|
||||
|
||||
const statusMapping = [
|
||||
mappingItem('完成', 'FINISHED', 'label-success'),
|
||||
mappingItem('执行中', 'RUNNING', 'label-warning'),
|
||||
mappingItem('错误', 'ERROR', 'label-danger'),
|
||||
]
|
||||
|
||||
const FlowTask: React.FC = () => {
|
||||
const navigate = useNavigate()
|
||||
@@ -20,8 +35,8 @@ const FlowTask: React.FC = () => {
|
||||
page: {
|
||||
index: '${page}',
|
||||
size: '${perPage}',
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
...crudCommonOptions(),
|
||||
...paginationTemplate(
|
||||
@@ -55,15 +70,67 @@ const FlowTask: React.FC = () => {
|
||||
label: '任务ID',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
name: 'templateName',
|
||||
label: '模板',
|
||||
},
|
||||
{
|
||||
name: 'status',
|
||||
label: '状态',
|
||||
width: 50,
|
||||
align: 'center',
|
||||
...mappingField('status', statusMapping),
|
||||
},
|
||||
{
|
||||
type: 'operation',
|
||||
label: '操作',
|
||||
width: 200,
|
||||
buttons: [
|
||||
{
|
||||
type: 'action',
|
||||
label: '查看',
|
||||
level: 'link',
|
||||
size: 'sm',
|
||||
actionType: 'dialog',
|
||||
dialog: {
|
||||
title: '查看',
|
||||
size: 'md',
|
||||
...readOnlyDialogOptions(),
|
||||
body: [
|
||||
{
|
||||
type: 'service',
|
||||
schemaApi: {
|
||||
method: 'get',
|
||||
url: `${commonInfo.baseAiUrl}/flow_task/template/input_schema/\${templateId}`,
|
||||
// @ts-ignore
|
||||
adaptor: (payload, response, api, context) => {
|
||||
return {
|
||||
...payload,
|
||||
data: {
|
||||
...generateInputForm(payload.data, undefined, false),
|
||||
id: 'db8a4d10-0c47-4e27-b1a4-d0f2e1c15992',
|
||||
initApi: {
|
||||
method: 'get',
|
||||
url: `${commonInfo.baseAiUrl}/flow_task/input_data/\${id}`,
|
||||
// @ts-ignore
|
||||
adaptor: (payload, response, api, context) => {
|
||||
return {
|
||||
...payload,
|
||||
data: {
|
||||
inputData: payload.data,
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
static: true,
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'action',
|
||||
label: '重新执行',
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
import {isEmpty} from 'licia'
|
||||
import React from 'react'
|
||||
import {amisRender,} from '../../../util/amis.tsx'
|
||||
import {amisRender, commonInfo} from '../../../util/amis.tsx'
|
||||
import {generateInputForm} from './InputSchema.tsx'
|
||||
|
||||
const FlowTaskAdd: React.FC = () => {
|
||||
// const navigate = useNavigate()
|
||||
@@ -7,25 +9,166 @@ const FlowTaskAdd: React.FC = () => {
|
||||
<div className="task-template">
|
||||
{amisRender(
|
||||
{
|
||||
id: 'e81515a4-8a73-457a-974d-7e9196eeb524',
|
||||
type: 'page',
|
||||
title: '发起任务',
|
||||
body: {
|
||||
id: '74a1a3e5-41a6-4979-88e7-65f15bce4d4c',
|
||||
type: 'wizard',
|
||||
wrapWithPanel: false,
|
||||
steps:[
|
||||
steps: [
|
||||
{
|
||||
title: '选择任务模板',
|
||||
body: []
|
||||
actions: [
|
||||
{
|
||||
type: 'action',
|
||||
level: 'primary',
|
||||
actionType: 'next',
|
||||
label: '下一步',
|
||||
disabledOn: '${templateId === undefined}',
|
||||
},
|
||||
],
|
||||
body: [
|
||||
{
|
||||
type: 'service',
|
||||
api: `get:${commonInfo.baseAiUrl}/flow_task/template/list`,
|
||||
body: [
|
||||
{
|
||||
type: 'table2',
|
||||
source: '$items',
|
||||
rowSelection: {
|
||||
type: 'radio',
|
||||
keyField: 'id',
|
||||
rowClick: true,
|
||||
fixed: true,
|
||||
},
|
||||
onEvent: {
|
||||
selectedChange: {
|
||||
actions: [
|
||||
{
|
||||
actionType: 'custom',
|
||||
// @ts-ignore
|
||||
script: (context, doAction, event) => {
|
||||
console.log(event)
|
||||
let selectedIds = (event?.data?.selectedItems ?? []).map((item: any) => item.id)
|
||||
if (!isEmpty(selectedIds)) {
|
||||
doAction({
|
||||
actionType: 'setValue',
|
||||
componentId: 'e81515a4-8a73-457a-974d-7e9196eeb524',
|
||||
args: {
|
||||
value: {
|
||||
templateId: selectedIds[0],
|
||||
},
|
||||
},
|
||||
})
|
||||
} else {
|
||||
doAction({
|
||||
actionType: 'setValue',
|
||||
componentId: 'e81515a4-8a73-457a-974d-7e9196eeb524',
|
||||
args: {
|
||||
value: {
|
||||
templateId: undefined,
|
||||
},
|
||||
},
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
name: 'name',
|
||||
title: '名称',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
name: 'description',
|
||||
title: '模板描述',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: '填写任务信息',
|
||||
body: []
|
||||
actions: [
|
||||
{
|
||||
type: 'action',
|
||||
actionType: 'prev',
|
||||
label: '上一步',
|
||||
onEvent: {
|
||||
click: {
|
||||
actions: [
|
||||
{
|
||||
actionType: 'setValue',
|
||||
componentId: 'e81515a4-8a73-457a-974d-7e9196eeb524',
|
||||
args: {
|
||||
value: {
|
||||
templateId: undefined,
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
type: 'action',
|
||||
level: 'primary',
|
||||
label: '提交',
|
||||
onEvent: {
|
||||
click: {
|
||||
actions: [
|
||||
{
|
||||
actionType: 'validate',
|
||||
componentId: 'db8a4d10-0c47-4e27-b1a4-d0f2e1c15992',
|
||||
},
|
||||
{
|
||||
actionType: 'stopPropagation',
|
||||
expression: '${event.data.validateResult.error !== \'\'}',
|
||||
},
|
||||
{
|
||||
actionType: 'submit',
|
||||
componentId: 'db8a4d10-0c47-4e27-b1a4-d0f2e1c15992',
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
body: [
|
||||
{
|
||||
type: 'service',
|
||||
schemaApi: {
|
||||
method: 'get',
|
||||
url: `${commonInfo.baseAiUrl}/flow_task/template/input_schema/\${templateId}`,
|
||||
// @ts-ignore
|
||||
adaptor: (payload, response, api, context) => {
|
||||
return {
|
||||
...payload,
|
||||
data: {
|
||||
id: 'db8a4d10-0c47-4e27-b1a4-d0f2e1c15992',
|
||||
api: {
|
||||
method: 'post',
|
||||
url: `${commonInfo.baseAiUrl}/flow_task/save`,
|
||||
data: {
|
||||
templateId: '${templateId|default:undefined}',
|
||||
input: '${inputData|default:undefined}',
|
||||
}
|
||||
},
|
||||
...generateInputForm(payload.data, undefined, false),
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: '完成',
|
||||
body: []
|
||||
},
|
||||
]
|
||||
],
|
||||
},
|
||||
},
|
||||
)}
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import type {Schema} from 'amis'
|
||||
import {commonInfo} from '../../../util/amis.tsx'
|
||||
|
||||
export const typeMap: Record<string, string> = {
|
||||
text: '文本',
|
||||
@@ -12,35 +13,47 @@ export type InputField = {
|
||||
description?: string
|
||||
}
|
||||
|
||||
export const generateInputForm: (inputSchema: Record<string, InputField>) => Schema = inputSchema => {
|
||||
export const generateInputForm: (inputSchema: Record<string, InputField>, title?: string, border?: boolean, staticView?: boolean) => Schema = (inputSchema, title, border) => {
|
||||
let items: Schema[] = []
|
||||
for (const name of Object.keys(inputSchema)) {
|
||||
let field = inputSchema[name]
|
||||
// @ts-ignore
|
||||
let formItem: Schema = {
|
||||
name: name,
|
||||
let commonMeta: Schema = {
|
||||
name: `inputData.${name}`,
|
||||
...field,
|
||||
}
|
||||
switch (field.type) {
|
||||
case 'text':
|
||||
formItem = {
|
||||
...formItem,
|
||||
items.push({
|
||||
...commonMeta,
|
||||
type: 'input-text',
|
||||
clearValueOnEmpty: true,
|
||||
}
|
||||
})
|
||||
break
|
||||
case 'number':
|
||||
formItem.type = 'input-number'
|
||||
commonMeta.type = 'input-number'
|
||||
break
|
||||
case 'files':
|
||||
formItem.type = 'input-file'
|
||||
items.push({
|
||||
...commonMeta,
|
||||
type: 'input-file',
|
||||
autoUpload: false,
|
||||
drag: true,
|
||||
multiple: true,
|
||||
joinValues: false,
|
||||
extractValue: true,
|
||||
accept: '*',
|
||||
maxSize: 104857600,
|
||||
receiver: `${commonInfo.baseAiUrl}/upload`,
|
||||
})
|
||||
break
|
||||
}
|
||||
items.push(formItem)
|
||||
}
|
||||
return {
|
||||
debug: commonInfo.debug,
|
||||
type: 'form',
|
||||
title: '入参表单预览',
|
||||
title: title,
|
||||
wrapWithPanel: border,
|
||||
canAccessSuperData: false,
|
||||
actions: [],
|
||||
body: items,
|
||||
|
||||
Reference in New Issue
Block a user