Yaxin
/
General-AI-Platform-Web
31
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 新增全局测试数据testData,调整项目列表业务组件与静态组件隔离开

Browse Source
develop
zhoux 1 year ago
parent 5f2252187c
commit 9f49af1c10
5 changed files with 506 additions and 423 deletions
Show Stats Download Patch File Download Diff File

25
src/pages/Device/DeviceList/index.tsx
Unescape Escape View File

@ -24,7 +24,7 @@ import {
FooterToolbar,
PageContainer,
ProTable,
ProFormSelect, ProCard,
ProFormSelect, ProCard, ProFormText,
} from '@ant-design/pro-components';
import {FormattedMessage, useIntl, useAccess, Access, history} from '@umijs/max';
import {Button, message, Tree} from 'antd';
@ -205,6 +205,23 @@ const DeviceList: React.FC = () => {
</a>
);
},
renderFormItem: () => {
return (
<>
<ProFormText
width="md"
labelCol={{ span: 4 }}
wrapperCol={{ span: 22 }}
name="id"
placeholder={`${intl.formatMessage({
id: 'common.please_input',
defaultMessage: '$$$',
})}`}
required={false}
/>
</>
);
},
},
{
@ -273,6 +290,9 @@ const DeviceList: React.FC = () => {
return (
// value 和 onchange 会通过 form 自动注入。
<ProFormSelect
width="md"
labelCol={{ span: 4 }}
wrapperCol={{ span: 22 }}
placeholder={`${intl.formatMessage({id: 'common.please_select', defaultMessage: '$$$'})}`}
required={false} showSearch debounceTime={1000}
request={async (keyWord) => {
@ -311,6 +331,9 @@ const DeviceList: React.FC = () => {
return (
// value 和 onchange 会通过 form 自动注入。
<ProFormSelect
width="md"
labelCol={{ span: 4 }}
wrapperCol={{ span: 22 }}
placeholder={`${intl.formatMessage({id: 'common.please_select', defaultMessage: '$$$'})}`}
required={false} showSearch debounceTime={1000}
request={async (keyWord) => {

803
src/pages/Setting/AlgorithmSetting.tsx
Unescape Escape View File

@ -1,435 +1,394 @@
import {
postDeviceGroupGetDeviceGroupList,
postDeviceGroupGetDeviceGroupTree
postDeviceGroupGetDeviceGroupList,
postDeviceGroupGetDeviceGroupTree,
} from '@/services/device/DeviceGroup';
import {PlusOutlined, RedoOutlined} from '@ant-design/icons';
import type {ActionType} from '@ant-design/pro-components';
import { postGetProjectByGroupId } from '@/services/project/Project';
import { postModelVersionGetModelVersionListByIds } from '@/services/resource/ModelVersion';
import { FormattedMessage } from '@@/exports';
import { RedoOutlined } from '@ant-design/icons';
import type { ActionType } from '@ant-design/pro-components';
import {
PageContainer, ProCard, ProColumns, ProDescriptions, ProList, ProTable
PageContainer,
ProCard,
ProColumns,
ProDescriptions,
ProList,
ProTable,
} from '@ant-design/pro-components';
import {useIntl, useAccess} from '@umijs/max';
import {Button, message, Tag, Tree} from 'antd';
import React, {useEffect, useRef, useState} from 'react';
import {DataNode} from "antd/es/tree";
import {Access, FormattedMessage, history} from "@@/exports";
import {postGetProjectByGroupId} from "@/services/project/Project";
import {postModelVersionGetModelVersionListByIds} from "@/services/resource/ModelVersion";
import {dateFormat} from "@/utils/common";
import UpdateForm from "./components/UpdateForm";
import { useAccess, useIntl } from '@umijs/max';
import { Button, Tag, message } from 'antd';
import { DataNode } from 'antd/es/tree';
import React, { useEffect, useRef, useState } from 'react';
import ProjectCard from './components/ProjectCard';
import UpdateForm from './components/UpdateForm';
const AlgorithmSetting: React.FC = () => {
/**
* @en-US Pop-up window of new window
* @zh-CN 新建窗口的弹窗
* */
/**
* @en-US International configuration
* @zh-CN 国际化配置
* */
const access = useAccess();
const intl = useIntl();
const actionRef = useRef<ActionType>();
const [updateModalOpen, setUpdateModalOpen] = useState<boolean>(false);
const [hasInit, setHasInit] = useState<boolean>(false)
const [nodeTreeData, setNodeTreeData] = React.useState<DataNode[]>([]);
const [selectNodes, setSelectNodes] = React.useState<any[]>([]);
const [currentRow, setCurrentRow] = useState<API.DeviceGroup>();
const [currentCard, setCurrentCard] = useState<API.DeviceModelInGroup>();
const [selectedRowsState, setSelectedRows] = useState<API.DeviceGroup[]>([]);
const [tabs, setTabs] = useState([]);
const [cardActionProps, setCardActionProps] = useState<'actions' | 'extra'>(
'extra',
);
const [modelVersionData, setModelVersionData] = useState<any[]>([]);
const [projectData, setProjectData] = useState<any>({});
const handleUpdateModal = ()=>{
if (updateModalOpen) {
setUpdateModalOpen(false)
setCurrentCard(undefined)
} else {
setUpdateModalOpen(true)
}
/**
* @en-US Pop-up window of new window
* @zh-CN 新建窗口的弹窗
* */
/**
* @en-US International configuration
* @zh-CN 国际化配置
* */
const access = useAccess();
const intl = useIntl();
const projectCardListRef = useRef<any>(null);
const actionRef = useRef<ActionType>();
const [updateModalOpen, setUpdateModalOpen] = useState<boolean>(false);
const [hasInit, setHasInit] = useState<boolean>(false);
const [nodeTreeData, setNodeTreeData] = React.useState<DataNode[]>([]);
const [selectNodes, setSelectNodes] = React.useState<any[]>([]);
const [currentRow, setCurrentRow] = useState<API.DeviceGroup>();
const [currentCard, setCurrentCard] = useState<API.DeviceModelInGroup>();
const [selectedRowsState, setSelectedRows] = useState<API.DeviceGroup[]>([]);
const [tabs, setTabs] = useState([]);
const [cardActionProps, setCardActionProps] = useState<'actions' | 'extra'>('extra');
const [modelVersionData, setModelVersionData] = useState<any[]>([]);
const [projectData, setProjectData] = useState<any>({});
const handleUpdateModal = () => {
if (updateModalOpen) {
setUpdateModalOpen(false);
setCurrentCard(undefined);
} else {
setUpdateModalOpen(true);
}
const data = [
'苏胜天人物识别算法',
'苏胜天交警识别识别',
'苏胜天车牌识别算法',
'苏胜天语音识别算法',
'苏胜天轨迹识别算法',
].map((item) => ({
title: '苏胜天算法模型',
subTitle: <Tag color="#5BD8A6">经典算法</Tag>,
actions: [<a key="run">模型版本选择</a>],
avatar:
'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
content: (
<div
style={{
display: "flex",
flexDirection: "column",
alignItems: 'center',
width: '100%'
}}
};
const [tab, setTab] = useState<string>('');
const columns1: ProColumns<API.DeviceGroup>[] = [
{
title: <FormattedMessage id="device.device_group.table.list.name" defaultMessage="$$$" />,
dataIndex: 'name',
hideInSearch: true,
},
];
const columns = [
{
title: <FormattedMessage id="device.device_group.table.list.id" defaultMessage="id" />,
dataIndex: 'id',
sorter: true,
},
{
title: <FormattedMessage id="device.device_group.table.list.name" defaultMessage="$$$" />,
dataIndex: 'name',
hideInSearch: true,
},
{
title: <FormattedMessage id="device.device_group.table.list.code" defaultMessage="$$$" />,
dataIndex: 'code',
hideInSearch: true,
},
{
title: <FormattedMessage id="device.device_group.table.list.address" defaultMessage="$$$" />,
dataIndex: 'address',
hideInSearch: true,
},
{
title: (
<FormattedMessage id="device.device_group.table.list.telephone" defaultMessage="$$$" />
),
dataIndex: 'telephone',
hideInSearch: true,
},
{
title: <FormattedMessage id="device.device_group.table.list.lon" defaultMessage="$$$" />,
dataIndex: 'lon',
hideInSearch: true,
},
{
title: <FormattedMessage id="device.device_group.table.list.lat" defaultMessage="$$$" />,
dataIndex: 'lat',
hideInSearch: true,
},
{
title: (
<FormattedMessage id="device.device_group.table.list.managerName" defaultMessage="$$$" />
),
dataIndex: 'managerName',
hideInSearch: true,
},
{
title: (
<FormattedMessage id="device.device_group.table.list.managerPhone" defaultMessage="$$$" />
),
dataIndex: 'managerPhone',
hideInSearch: true,
},
{
title: <FormattedMessage id="device.device_group.table.list.isEnable" defaultMessage="$$$" />,
dataIndex: 'isEnable',
filters: true,
onFilter: true,
hideInSearch: true,
valueType: 'switch',
},
{
title: <FormattedMessage id="device.device_group.table.list.remark" defaultMessage="$$$" />,
dataIndex: 'remark',
hideInSearch: true,
},
{
title: (
<FormattedMessage id="device.device_group.table.list.createTime" defaultMessage="$$$" />
),
dataIndex: 'createTime',
sorter: true,
hideInSearch: true,
valueType: 'dateTime',
},
{
title: (
<FormattedMessage id="device.device_group.table.list.updateTime" defaultMessage="$$$" />
),
dataIndex: 'updateTime',
sorter: true,
hideInSearch: true,
valueType: 'dateTime',
},
];
// TODO 操作左侧网点数据节点， 项目列表数据变更
function fetchProjectByGroupId(record: Record<string, any>) {
// console.log('clickTreeNode', projectCardListRef.current)
postGetProjectByGroupId({ id: record.id }).then((resp) => {
let tab_data = (resp?.data?.list || []).map((v: any) => {
let model_data = ([...v?.models,...v?.models,...v?.models,...v?.models] || []).map((item: any) => ({
title: (
<>
<img src="/images/model.png" alt="" style={{ width: '50px' }} />
</>
),
actions: [
<Button
type="link"
key={item.id}
onClick={() => {
setCurrentCard({ groupFkId: record.id, modelFkId: item.id });
handleUpdateModal();
}}
>
<div style={{fontSize: '24px', fontWeight: 'bold'}}>{item}</div>
<div><img src="/images/model.png" alt="" style={{width: '160px'}}/></div>
<div>版本：<span style={{fontSize: 18, fontWeight: "bold"}}>V1.2.4</span></div>
<div>更新时间：<span style={{fontSize: 18, fontWeight: "bold"}}>2022-12-12</span></div>
</div>
),
}));
const [tab, setTab] = useState('');
const columns1: ProColumns<API.DeviceGroup>[] = [
{
title: (<FormattedMessage
id="device.device_group.table.list.name"
defaultMessage="$$$"/>),
dataIndex: "name",
hideInSearch: true,
},
];
const columns = [
{
title: (<FormattedMessage
id="device.device_group.table.list.id"
defaultMessage="id"/>),
dataIndex: "id",
sorter: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.name"
defaultMessage="$$$"/>),
dataIndex: "name",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.code"
defaultMessage="$$$"/>),
dataIndex: "code",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.address"
defaultMessage="$$$"/>),
dataIndex: "address",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.telephone"
defaultMessage="$$$"/>),
dataIndex: "telephone",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.lon"
defaultMessage="$$$"/>),
dataIndex: "lon",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.lat"
defaultMessage="$$$"/>),
dataIndex: "lat",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.managerName"
defaultMessage="$$$"/>),
dataIndex: "managerName",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.managerPhone"
defaultMessage="$$$"/>),
dataIndex: "managerPhone",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.isEnable"
defaultMessage="$$$"/>),
dataIndex: "isEnable",
filters: true, onFilter: true,
hideInSearch: true,
valueType: 'switch',
},
{
title: (<FormattedMessage
id="device.device_group.table.list.remark"
defaultMessage="$$$"/>),
dataIndex: "remark",
hideInSearch: true,
},
{
title: (<FormattedMessage
id="device.device_group.table.list.createTime"
defaultMessage="$$$"/>),
dataIndex: "createTime",
sorter: true,
hideInSearch: true,
valueType: 'dateTime',
},
{
title: (<FormattedMessage
id="device.device_group.table.list.updateTime"
defaultMessage="$$$"/>),
dataIndex: "updateTime",
sorter: true,
hideInSearch: true,
valueType: 'dateTime',
},
];
useEffect(() => {
postDeviceGroupGetDeviceGroupTree().then((resp) => {
setNodeTreeData(resp.data.tree)
setHasInit(true)
}).catch(() => {
message.error(intl.formatMessage({id: 'common.failure', defaultMessage: '$$$'}))
})
}, [])
return (
<PageContainer>
<ProCard split="vertical">
<ProCard title="网点选择" colSpan="30%" extra={<Button icon={<RedoOutlined/>} onClick={() => {
setSelectNodes([]);
actionRef.current?.reload()
}}>重置</Button>}>
<ProTable<API.DeviceGroup>
headerTitle={intl.formatMessage({
id: 'pages.searchTable.title',
defaultMessage: '$$$',
})}
options={{search: true, fullScreen: false, setting: false, density: false, reload: false}}
actionRef={actionRef}
search={false}
rowKey="key"
onRow={(record) => {
return {
onClick: () => {
if (record.id) {
setCurrentRow(record);
postGetProjectByGroupId({id: record.id}).then((resp) => {
let tab_data = (resp?.data?.list || []).map((v: any) => {
let model_data = (v?.models || []).map((item: any) => ({
title: '苏胜天算法模型',
subTitle: <Tag color="#5BD8A6">经典算法</Tag>,
actions: [<a key={item.id} onClick={()=>{
setCurrentCard({groupFkId: record.id, modelFkId: item.id})
handleUpdateModal()
}}>绑定设备</a>],
avatar:
'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
content: (
<div
style={{
display: "flex",
flexDirection: "column",
alignItems: 'center',
width: '100%'
}}
>
<div style={{fontSize: '24px', fontWeight: 'bold'}}>{item.name}</div>
<div><img src="/images/model.png" alt="" style={{width: '160px'}}/></div>
<div>版本：<span style={{fontSize: 18, fontWeight: "bold"}}>{item.remark}</span></div>
<div>更新时间：<span style={{fontSize: 18, fontWeight: "bold"}}>{dateFormat(item.updateTime)}</span></div>
</div>
)
}));
console.log(88, model_data, data)
// setProjectData({...projectData, [v.id]: v})
return {
label: `项目：${v.name}`,
key: v.id,
children: (<ProList<any>
ghost={true}
itemCardProps={{
ghost: true,
}}
pagination={{
defaultPageSize: 8,
showSizeChanger: false,
}}
showActions="hover"
grid={{ gutter: 8, column: 4 }}
metas={{
title: {},
subTitle: {},
type: {},
avatar: {},
content: {},
actions: {
cardActionProps,
},
}}
headerTitle="项目模型列表"
dataSource={model_data}
/>),
}
})
if (tab_data.length) {
setTab(tab_data[0].key)
}
setTabs(tab_data)
})
}
},
};
}}
pagination={{
showSizeChanger: false,
pageSize: 10,
}}
columnsState={{
persistenceKey: 'device_group_list',
persistenceType: 'localStorage'
}}
request={async (params = {}, sort) => {
const {current, ...rest} = params
const reqParams = {
page: current,
desc: false,
orderKey: "",
...rest,
}
if (sort && Object.keys(sort).length) {
reqParams.orderKey = Object.keys(sort)[0]
let sort_select = sort[reqParams.orderKey]
reqParams.desc = sort_select === 'descend';
}
let resp = await postDeviceGroupGetDeviceGroupList({...reqParams, name: params?.keyword || ''})
return {
data: resp.data.list.map((v: API.DeviceGroup)=>{
return {...v, key: v.id}
}),
success: resp.success,
total: resp.data.total,
current: resp.data.page,
pageSize: resp.data.pageSize
};
}}
columns={columns1}
rowSelection={{
onChange: (_, selectedRows) => {
// setSelectedRows(selectedRows);
},
}}
/>
</ProCard>
<ProCard title="" colSpan="70%" headerBordered split={'horizontal'}>
<ProCard>
<ProDescriptions
column={2}
dataSource={currentRow}
title="网点详细信息"
tooltip="包含了从服务器请求，columns等功能"
columns={columns}
>
</ProDescriptions>
</ProCard>
<ProCard
tabs={{
activeKey: tab,
items: tabs,
onChange: (key) => {
let model_ids = projectData[key]?.inferConfig?.models || []
postModelVersionGetModelVersionListByIds({ids: model_ids}).then((resp)=>{
let version_model_data = (resp?.data?.list || []).map((item) => {
return {
title: '苏胜天算法模型',
subTitle: <Tag color="#5BD8A6">经典算法</Tag>,
actions: [<a key="run" onClick={()=>{handleUpdateModal()}}>模型版本选择</a>],
avatar:
'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
content: (
<div
style={{
display: "flex",
flexDirection: "column",
alignItems: 'center',
width: '100%'
}}
>
<div style={{fontSize: '24px', fontWeight: 'bold'}}>{item}</div>
<div><img src="/images/model.png" alt="" style={{width: '160px'}}/></div>
<div>版本：<span style={{fontSize: 18, fontWeight: "bold"}}>V1.2.4</span></div>
<div>更新时间：<span style={{fontSize: 18, fontWeight: "bold"}}>2022-12-12</span></div>
</div>
),
}
});
setModelVersionData(version_model_data)
console.log(99, modelVersionData)
})
setTab(key);
},
}}
></ProCard>
</ProCard>
</ProCard>
<UpdateForm
updateModalOpen={updateModalOpen}
values={currentCard || {}}
handleModal={handleUpdateModal}
reload={actionRef.current?.reload}
绑定设备
</Button>,
],
content: <ProjectCard info={item}></ProjectCard>,
}));
// console.log(88, model_data);
// setProjectData({...projectData, [v.id]: v})
return {
label: `项目：${v.name}`,
key: v.id,
children: (
<ProList<any>
ghost={true}
itemCardProps={{
ghost: true,
// headStyle: {background: 'red', padding: 0, margin: 0},
bodyStyle: {padding: 0, margin: 0},
}}
pagination={{
defaultPageSize: 6,
showSizeChanger: false,
}}
showActions="hover"
grid={{gutter: 8, xs: 1, md: 2, xl: 3, xxl: 4}}
metas={{
title: {},
type: {},
content: {},
actions: {
cardActionProps,
},
}}
headerTitle="项目模型列表"
dataSource={model_data}
/>
</PageContainer>
);
),
};
});
if (tab_data.length) {
setTab(tab_data[0].key);
}
setTabs(tab_data);
});
}
// TODO 操作项目列表数据类别切换， 项目列表数据变更
function changeProjectTab(key: React.SetStateAction<string>) {
let model_ids = projectData[key]?.inferConfig?.models || [];
postModelVersionGetModelVersionListByIds({ ids: model_ids }).then((resp) => {
let version_model_data = (resp?.data?.list || []).map((item: Record<string, any>) => {
return {
title: '苏胜天算法模型',
subTitle: <Tag color="#5BD8A6">经典算法</Tag>,
actions: [
<Button
type="link"
key="run"
onClick={() => {
handleUpdateModal();
}}
>
模型版本选择
</Button>,
],
avatar: 'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
content: <ProjectCard info={item}></ProjectCard>,
};
});
setModelVersionData(version_model_data);
console.log(99, modelVersionData);
});
setTab(key);
}
useEffect(() => {
postDeviceGroupGetDeviceGroupTree()
.then((resp) => {
setNodeTreeData(resp.data.tree);
setHasInit(true);
})
.catch(() => {
message.error(intl.formatMessage({ id: 'common.failure', defaultMessage: '$$$' }));
});
}, []);
return (
<PageContainer>
<ProCard split="vertical">
<ProCard
title="网点选择"
colSpan="30%"
extra={
<Button
icon={<RedoOutlined />}
onClick={() => {
setSelectNodes([]);
actionRef.current?.reload();
}}
>
重置
</Button>
}
>
<ProTable<API.DeviceGroup>
headerTitle={intl.formatMessage({
id: 'pages.searchTable.title',
defaultMessage: '$$$',
})}
options={{
search: true,
fullScreen: false,
setting: false,
density: false,
reload: false,
}}
actionRef={actionRef}
search={false}
rowKey="key"
onRow={(record) => {
return {
onClick: () => {
if (record.id) {
setCurrentRow(record);
fetchProjectByGroupId(record);
}
},
};
}}
pagination={{
showSizeChanger: false,
pageSize: 10,
}}
columnsState={{
persistenceKey: 'device_group_list',
persistenceType: 'localStorage',
}}
request={async (params = {}, sort) => {
const { current, ...rest } = params;
const reqParams = {
page: current,
desc: false,
orderKey: '',
...rest,
};
if (sort && Object.keys(sort).length) {
reqParams.orderKey = Object.keys(sort)[0];
let sort_select = sort[reqParams.orderKey];
reqParams.desc = sort_select === 'descend';
}
let resp = await postDeviceGroupGetDeviceGroupList({
...reqParams,
name: params?.keyword || '',
});
return {
data: resp.data.list.map((v: API.DeviceGroup) => {
return { ...v, key: v.id };
}),
success: resp.success,
total: resp.data.total,
current: resp.data.page,
pageSize: resp.data.pageSize,
};
}}
columns={columns1}
rowSelection={{
onChange: (_, selectedRows) => {
// setSelectedRows(selectedRows);
},
}}
/>
</ProCard>
<ProCard title="" headerBordered split={'horizontal'}>
<ProCard colSpan="80%">
<ProDescriptions
column={2}
dataSource={currentRow}
title="网点详细信息"
tooltip="包含了从服务器请求，columns等功能"
columns={columns}
></ProDescriptions>
</ProCard>
<ProCard
wrap
tabs={{
activeKey: tab,
items: tabs,
onChange: (key) => {
changeProjectTab(key);
},
}}
></ProCard>
</ProCard>
</ProCard>
<UpdateForm
updateModalOpen={updateModalOpen}
values={currentCard || {}}
handleModal={handleUpdateModal}
reload={actionRef.current?.reload}
/>
</PageContainer>
);
};
export default AlgorithmSetting;

49
src/pages/Setting/components/ProjectCard.tsx
Unescape Escape View File

@ -0,0 +1,49 @@
/*
* @Author: zhoux zhouxia@supervision.ltd
* @Date: 2023-11-06 16:12:17
* @LastEditors: zhoux zhouxia@supervision.ltd
* @LastEditTime: 2023-11-07 14:32:41
* @FilePath: \general-ai-platform-web\src\pages\Setting\components\ProjectCardList.tsx
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
import React from 'react';
import { dateFormat } from '@/utils/common';
import { Tag } from 'antd';
// import { postModelVersionGetModelVersionListByIds } from '@/services/resource/ModelVersion';
// const [tabs, setTabs] = useState([]);
// const [projectData, setProjectData] = useState<any>({});
// const [tab, setTab] = useState('');
// const [modelVersionData, setModelVersionData] = useState<any[]>([]);
// 卡片
const ProjectCard: React.FC = ({ info }: { info: Record<string, any> }) => {
return (
<div
style={{
display: 'flex',
flexDirection: 'column',
alignItems: 'left',
paddingLeft: 15,
paddingRight: 15
}}
>
<div style={{display: 'flex', alignItems: 'center'}}>
<span style={{fontWeight: 700, fontSize: 16, paddingRight: 10}}>{info.name}</span>
<Tag color="#5BD8A6">经典算法</Tag>
</div>
<div>
版本：
<span style={{ fontSize: 18, fontWeight: 'bold' }}>{info.remark}</span>
</div>
<div>
更新时间：
<span style={{ fontSize: 18, fontWeight: 'bold' }}>{dateFormat(info.updateTime)}</span>
</div>
</div>
);
};
export default ProjectCard;

41
src/testData/SettingAIgorithm.tsx
Unescape Escape View File

@ -0,0 +1,41 @@
/*
* @Author: zhoux zhouxia@supervision.ltd
* @Date: 2023-11-07 10:57:28
* @LastEditors: zhoux zhouxia@supervision.ltd
* @LastEditTime: 2023-11-07 10:57:32
* @FilePath: \general-ai-platform-web\src\testData\SettingAIgorithm.ts
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
const data = [
'苏胜天人物识别算法',
'苏胜天交警识别识别',
'苏胜天车牌识别算法',
'苏胜天语音识别算法',
'苏胜天轨迹识别算法',
].map((item) => ({
title: '苏胜天算法模型',
subTitle: <Tag color="#5BD8A6">经典算法</Tag>,
actions: [<a key="run">模型版本选择</a>],
avatar: 'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
content: (
<div
style={{
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
width: '100%',
}}
>
<div style={{ fontSize: '24px', fontWeight: 'bold' }}>{item}</div>
<div>
<img src="/images/model.png" alt="" style={{ width: '160px' }} />
</div>
<div>
版本：<span style={{ fontSize: 18, fontWeight: 'bold' }}>V1.2.4</span>
</div>
<div>
更新时间：<span style={{ fontSize: 18, fontWeight: 'bold' }}>2022-12-12</span>
</div>
</div>
),
}));

11
src/testData/testData.md
Unescape Escape View File

@ -0,0 +1,11 @@
<!--
* @Author: zhoux zhouxia@supervision.ltd
* @Date: 2023-11-07 10:55:31
* @LastEditors: zhoux zhouxia@supervision.ltd
* @LastEditTime: 2023-11-07 10:55:42
* @FilePath: \general-ai-platform-web\src\testData\testData.md
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
### 测试数据
Write Preview
Loading…
Cancel
Save