Merge branch 'refs/heads/master' into production
commit
d003a0f170
@ -0,0 +1,20 @@
|
||||
import axios from 'axios';
|
||||
import { GlobalParams } from '@/api/interface';
|
||||
|
||||
// 公共路径
|
||||
const urlPrefix = '/api/v1/bpms-workbench';
|
||||
|
||||
// 新增全局变量
|
||||
export function addGlobal(data: GlobalParams) {
|
||||
return axios.post(`${urlPrefix}/global/add`, data);
|
||||
}
|
||||
|
||||
// 获取全局变量列表
|
||||
export function getGlobalList(sceneId: string) {
|
||||
return axios.get(`${urlPrefix}/global/${sceneId}/map`);
|
||||
}
|
||||
|
||||
// 删除全局变量
|
||||
export function deleteGlobal(id: string) {
|
||||
return axios.delete(`${urlPrefix}/global/${id}`);
|
||||
}
|
||||
@ -1,10 +1,44 @@
|
||||
import React from 'react';
|
||||
import { Button, Popconfirm, Table } from '@arco-design/web-react';
|
||||
import { IconDelete } from '@arco-design/web-react/icon';
|
||||
|
||||
const InstanceList = () => {
|
||||
const data = [];
|
||||
|
||||
// 定义表格列
|
||||
const columns = [
|
||||
{
|
||||
title: '实例名',
|
||||
dataIndex: 'name'
|
||||
},
|
||||
{
|
||||
title: '实例标识',
|
||||
dataIndex: 'dataType'
|
||||
},
|
||||
{
|
||||
title: '运行类型',
|
||||
dataIndex: 'defaultValue'
|
||||
},
|
||||
{
|
||||
title: '实例状态',
|
||||
dataIndex: 'description'
|
||||
},
|
||||
{
|
||||
title: '实例测试时间',
|
||||
dataIndex: 'description1'
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
dataIndex: 'operations'
|
||||
}
|
||||
];
|
||||
return (
|
||||
<div>
|
||||
实例列表
|
||||
</div>
|
||||
<Table
|
||||
columns={columns}
|
||||
data={data}
|
||||
pagination={false}
|
||||
rowKey="id"
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -1,10 +1,39 @@
|
||||
import React from 'react';
|
||||
import React, { useState } from 'react';
|
||||
import { Input, Tree } from '@arco-design/web-react';
|
||||
import { IconSearch } from '@arco-design/web-react/icon';
|
||||
import { menu } from './test/data';
|
||||
|
||||
const TreeNode = Tree.Node;
|
||||
|
||||
const SideBar = () => {
|
||||
const [searchValue, setSearchValue] = useState('');
|
||||
|
||||
const handleSearchChange = (value: string) => {
|
||||
setSearchValue(value);
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
侧边栏
|
||||
</div>
|
||||
<>
|
||||
<Input
|
||||
prefix={<IconSearch />}
|
||||
placeholder={'搜索'}
|
||||
style={{ width: '90%' }}
|
||||
value={searchValue}
|
||||
onChange={handleSearchChange}
|
||||
/>
|
||||
|
||||
<Tree
|
||||
onSelect={(value, info) => {
|
||||
console.log(value, info);
|
||||
}}
|
||||
onExpand={(keys, info) => {
|
||||
console.log(keys, info);
|
||||
}}
|
||||
treeData={menu}
|
||||
>
|
||||
</Tree>
|
||||
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -0,0 +1,152 @@
|
||||
export const menu = [
|
||||
{
|
||||
'id': '1770647707245903873',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '设备数采与控制交互组件',
|
||||
'dictValue': '设备数采与控制交互组件',
|
||||
'title': '设备数采与控制交互组件',
|
||||
'sort': 0,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
},
|
||||
{
|
||||
'id': '1770647743455330305',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '视觉AI组件',
|
||||
'dictValue': '视觉AI组件',
|
||||
'title': '视觉AI组件',
|
||||
'sort': 1,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
},
|
||||
{
|
||||
'id': '1770647774937776129',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '运动规划组件',
|
||||
'dictValue': '运动规划组件',
|
||||
'title': '运动规划组件',
|
||||
'sort': 2,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
},
|
||||
{
|
||||
'id': '1770647807334580225',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '工艺知识服务组件',
|
||||
'dictValue': '工艺知识服务组件',
|
||||
'title': '工艺知识服务组件',
|
||||
'sort': 2,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
},
|
||||
{
|
||||
'id': '1770647842776449026',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '网络通信组件',
|
||||
'dictValue': '网络通信组件',
|
||||
'title': '网络通信组件',
|
||||
'sort': 4,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
},
|
||||
{
|
||||
'id': '1770647878029574145',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '数据存取组件',
|
||||
'dictValue': '数据存取组件',
|
||||
'title': '数据存取组件',
|
||||
'sort': 5,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
},
|
||||
{
|
||||
'id': '1770647908987731969',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '时序数据AI组件',
|
||||
'dictValue': '时序数据AI组件',
|
||||
'title': '时序数据AI组件',
|
||||
'sort': 6,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
},
|
||||
{
|
||||
'id': '1770647940654727170',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '文本数据AI组件',
|
||||
'dictValue': '文本数据AI组件',
|
||||
'title': '文本数据AI组件',
|
||||
'sort': 7,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
},
|
||||
{
|
||||
'id': '1770648447733497858',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '测试组件',
|
||||
'dictValue': '测试组件',
|
||||
'title': '测试组件',
|
||||
'sort': 999,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
},
|
||||
{
|
||||
'id': '1938074918032830465',
|
||||
'tenantId': '000000',
|
||||
'parentId': '1658394185466220545',
|
||||
'code': 'component_classify',
|
||||
'dictKey': '监听组件',
|
||||
'dictValue': '监听组件',
|
||||
'title': '监听组件',
|
||||
'sort': 10,
|
||||
'remark': '',
|
||||
'isSealed': -1,
|
||||
'isDeleted': -1,
|
||||
'parentName': '',
|
||||
'hasChildren': false
|
||||
}
|
||||
];
|
||||
@ -0,0 +1,257 @@
|
||||
import React from 'react';
|
||||
import { Form, Input, Modal, Select } from '@arco-design/web-react';
|
||||
import { useSelector } from 'react-redux';
|
||||
|
||||
const FormItem = Form.Item;
|
||||
|
||||
// 定义数据类型枚举
|
||||
const dataTypeEnum = [
|
||||
'OBJECT',
|
||||
'JSON',
|
||||
'ARRAY',
|
||||
'BOOLEAN',
|
||||
'INTEGER',
|
||||
'DOUBLE',
|
||||
'STRING'
|
||||
];
|
||||
|
||||
// 定义数组元素类型枚举
|
||||
const arrayElementTypeEnum = [
|
||||
'STRING',
|
||||
'INTEGER',
|
||||
'DOUBLE',
|
||||
'BOOLEAN',
|
||||
'ARRAY',
|
||||
'JSON',
|
||||
'OBJECT'
|
||||
];
|
||||
|
||||
// 默认值类型校验方法
|
||||
const validateDefaultValue = (value, dataType, arrayType) => {
|
||||
// 如果没有值，则不进行校验
|
||||
if (value === undefined || value === null || value === '') {
|
||||
return true;
|
||||
}
|
||||
|
||||
switch (dataType) {
|
||||
case 'STRING':
|
||||
case 'DATE':
|
||||
case 'DATETIME':
|
||||
case 'TIMESTAMP':
|
||||
case 'DATABASE':
|
||||
// 字符串类型 - 任何值都是有效的
|
||||
return true;
|
||||
|
||||
case 'INTEGER':
|
||||
// 整数类型 - 必须是整数
|
||||
const intRegex = /^-?\d+$/;
|
||||
return intRegex.test(value);
|
||||
|
||||
case 'DOUBLE':
|
||||
// 双精度浮点类型 - 必须是数字
|
||||
const doubleRegex = /^-?\d+(\.\d+)?$/;
|
||||
return doubleRegex.test(value);
|
||||
|
||||
case 'BOOLEAN':
|
||||
// 布尔类型 - 必须是 true 或 false
|
||||
return value === 'true' || value === 'false' || value === true || value === false;
|
||||
|
||||
case 'ARRAY':
|
||||
// 数组类型 - 尝试解析为JSON数组
|
||||
try {
|
||||
const parsed = JSON.parse(value);
|
||||
if (!Array.isArray(parsed)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// 根据数组元素类型进行校验
|
||||
if (arrayType) {
|
||||
for (const item of parsed) {
|
||||
switch (arrayType) {
|
||||
case 'STRING':
|
||||
case 'DATE':
|
||||
case 'DATETIME':
|
||||
case 'TIMESTAMP':
|
||||
if (typeof item !== 'string') {
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
case 'INTEGER':
|
||||
if (!Number.isInteger(item)) {
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
case 'DOUBLE':
|
||||
if (typeof item !== 'number') {
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
case 'BOOLEAN':
|
||||
if (typeof item !== 'boolean') {
|
||||
return false;
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
return true;
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
|
||||
case 'JSON':
|
||||
// JSON类型 - 必须是有效的JSON
|
||||
try {
|
||||
JSON.parse(value);
|
||||
return true;
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
|
||||
case 'OBJECT':
|
||||
// 对象类型 - 必须是有效的JSON对象
|
||||
try {
|
||||
const parsed = JSON.parse(value);
|
||||
return typeof parsed === 'object' && parsed !== null && !Array.isArray(parsed);
|
||||
} catch (e) {
|
||||
return false;
|
||||
}
|
||||
|
||||
default:
|
||||
// 其他类型暂时不做特殊校验
|
||||
return true;
|
||||
}
|
||||
};
|
||||
|
||||
const AddGlobalVarModal = ({ visible, onOk, onChangeVisible, form }) => {
|
||||
const { info } = useSelector((state: any) => state.ideContainer);
|
||||
|
||||
// 获取表单字段值
|
||||
const formData = Form.useWatch('dataType', form);
|
||||
const arrayTypeData = Form.useWatch('arrayType', form);
|
||||
|
||||
return (
|
||||
<Modal
|
||||
title="添加环境变量"
|
||||
visible={visible}
|
||||
onOk={() => onOk()}
|
||||
onCancel={() => onChangeVisible(false)}
|
||||
autoFocus={false}
|
||||
focusLock={true}
|
||||
maskClosable={false}
|
||||
>
|
||||
<Form form={form} autoComplete="off">
|
||||
<FormItem
|
||||
field="name"
|
||||
label="变量名"
|
||||
required
|
||||
rules={[
|
||||
{
|
||||
validator(value, cb) {
|
||||
if (!value) {
|
||||
return cb('请填写变量名');
|
||||
}
|
||||
|
||||
return cb();
|
||||
}
|
||||
}
|
||||
]}
|
||||
>
|
||||
<Input placeholder="请输入变量名" />
|
||||
</FormItem>
|
||||
<FormItem
|
||||
field="dataType"
|
||||
label="数据类型"
|
||||
required
|
||||
rules={[
|
||||
{
|
||||
validator(value, cb) {
|
||||
if (!value) {
|
||||
return cb('请选择数据类型');
|
||||
}
|
||||
|
||||
return cb();
|
||||
}
|
||||
}
|
||||
]}
|
||||
>
|
||||
<Select placeholder="请选择数据类型">
|
||||
{dataTypeEnum.map(key => (
|
||||
<Select.Option key={key} value={key}>
|
||||
{key}
|
||||
</Select.Option>
|
||||
))}
|
||||
</Select>
|
||||
</FormItem>
|
||||
{/* 只有在数据类型选择为ARRAY时才展示数组类型选项 */}
|
||||
{formData === 'ARRAY' && (
|
||||
<FormItem
|
||||
field="arrayType"
|
||||
label="数组类型"
|
||||
required
|
||||
rules={[
|
||||
{
|
||||
validator(value, cb) {
|
||||
if (!value) {
|
||||
return cb('请选择数组类型');
|
||||
}
|
||||
|
||||
return cb();
|
||||
}
|
||||
}
|
||||
]}
|
||||
>
|
||||
<Select placeholder="请选择数组类型">
|
||||
{arrayElementTypeEnum.map(key => (
|
||||
<Select.Option key={key} value={key}>
|
||||
{key}
|
||||
</Select.Option>
|
||||
))}
|
||||
</Select>
|
||||
</FormItem>
|
||||
)}
|
||||
<FormItem
|
||||
field="defaultValue"
|
||||
label="默认值"
|
||||
required
|
||||
rules={[
|
||||
{
|
||||
validator(value, cb) {
|
||||
if (!value) {
|
||||
return cb('请填写默认值');
|
||||
}
|
||||
|
||||
// 校验默认值类型
|
||||
if (!validateDefaultValue(value, formData, arrayTypeData)) {
|
||||
// 根据数据类型返回不同的错误消息
|
||||
switch (formData) {
|
||||
case 'INTEGER':
|
||||
return cb('默认值必须是整数');
|
||||
case 'DOUBLE':
|
||||
return cb('默认值必须是数字');
|
||||
case 'BOOLEAN':
|
||||
return cb('默认值必须是 true 或 false');
|
||||
case 'ARRAY':
|
||||
return cb('默认值必须是有效的JSON数组格式');
|
||||
case 'JSON':
|
||||
return cb('默认值必须是有效的JSON格式');
|
||||
case 'OBJECT':
|
||||
return cb('默认值必须是有效的格式');
|
||||
default:
|
||||
return cb('默认值格式不正确');
|
||||
}
|
||||
}
|
||||
|
||||
return cb();
|
||||
}
|
||||
}
|
||||
]}
|
||||
>
|
||||
<Input placeholder="请输入默认值" />
|
||||
</FormItem>
|
||||
</Form>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
export default AddGlobalVarModal;
|
||||
Loading…
Reference in New Issue