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

src/pages/Device/DeviceList/index.tsx

@@ -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) => {

src/pages/Setting/AlgorithmSetting.tsx

@@ -1,23 +1,27 @@
 import {
   postDeviceGroupGetDeviceGroupList,
-    postDeviceGroupGetDeviceGroupTree
+  postDeviceGroupGetDeviceGroupTree,
 } from '@/services/device/DeviceGroup';
 
-import {PlusOutlined, RedoOutlined} from '@ant-design/icons';
+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 { useAccess, useIntl } from '@umijs/max';
-import {Button, message, Tag, Tree} from 'antd';
+import { Button, Tag, message } from 'antd';
+import { DataNode } from 'antd/es/tree';
 import React, { useEffect, useRef, useState } from 'react';
-import {DataNode} from "antd/es/tree";
+import ProjectCard from './components/ProjectCard';
-import {Access, FormattedMessage, history} from "@@/exports";
+import UpdateForm from './components/UpdateForm';
-import {postGetProjectByGroupId} from "@/services/project/Project";
-import {postModelVersionGetModelVersionListByIds} from "@/services/resource/ModelVersion";
-import {dateFormat} from "@/utils/common";
-import UpdateForm from "./components/UpdateForm";
-
 
 const AlgorithmSetting: React.FC = () => {
   /**
@@ -31,11 +35,10 @@ const AlgorithmSetting: React.FC = () => {
    * */
   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 [hasInit, setHasInit] = useState<boolean>(false)
   const [nodeTreeData, setNodeTreeData] = React.useState<DataNode[]>([]);
   const [selectNodes, setSelectNodes] = React.useState<any[]>([]);
   const [currentRow, setCurrentRow] = useState<API.DeviceGroup>();
@@ -43,270 +46,174 @@ const AlgorithmSetting: React.FC = () => {
 
   const [selectedRowsState, setSelectedRows] = useState<API.DeviceGroup[]>([]);
   const [tabs, setTabs] = useState([]);
-    const [cardActionProps, setCardActionProps] = useState<'actions' | 'extra'>(
+  const [cardActionProps, setCardActionProps] = useState<'actions' | 'extra'>('extra');
-        'extra',
-    );
   const [modelVersionData, setModelVersionData] = useState<any[]>([]);
   const [projectData, setProjectData] = useState<any>({});
 
   const handleUpdateModal = () => {
     if (updateModalOpen) {
-            setUpdateModalOpen(false)
+      setUpdateModalOpen(false);
-            setCurrentCard(undefined)
+      setCurrentCard(undefined);
     } else {
-            setUpdateModalOpen(true)
+      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%'
-                }}
-            >
-                <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 [tab, setTab] = useState<string>('');
   const columns1: ProColumns<API.DeviceGroup>[] = [
     {
-            title: (<FormattedMessage
+      title: <FormattedMessage id="device.device_group.table.list.name" defaultMessage="$$$" />,
-                id="device.device_group.table.list.name"
+      dataIndex: 'name',
-                defaultMessage="$$$"/>),
-            dataIndex: "name",
       hideInSearch: true,
     },
-
   ];
 
   const columns = [
-
     {
-            title: (<FormattedMessage
+      title: <FormattedMessage id="device.device_group.table.list.id" defaultMessage="id" />,
-                id="device.device_group.table.list.id"
+      dataIndex: 'id',
-                defaultMessage="id"/>),
-            dataIndex: "id",
       sorter: true,
     },
 
     {
-            title: (<FormattedMessage
+      title: <FormattedMessage id="device.device_group.table.list.name" defaultMessage="$$$" />,
-                id="device.device_group.table.list.name"
+      dataIndex: 'name',
-                defaultMessage="$$$"/>),
-            dataIndex: "name",
       hideInSearch: true,
     },
 
-
     {
-            title: (<FormattedMessage
+      title: <FormattedMessage id="device.device_group.table.list.code" defaultMessage="$$$" />,
-                id="device.device_group.table.list.code"
+      dataIndex: 'code',
-                defaultMessage="$$$"/>),
-            dataIndex: "code",
       hideInSearch: true,
     },
 
-
     {
-            title: (<FormattedMessage
+      title: <FormattedMessage id="device.device_group.table.list.address" defaultMessage="$$$" />,
-                id="device.device_group.table.list.address"
+      dataIndex: 'address',
-                defaultMessage="$$$"/>),
-            dataIndex: "address",
       hideInSearch: true,
     },
 
-
     {
-            title: (<FormattedMessage
+      title: (
-                id="device.device_group.table.list.telephone"
+        <FormattedMessage id="device.device_group.table.list.telephone" defaultMessage="$$$" />
-                defaultMessage="$$$"/>),
+      ),
-            dataIndex: "telephone",
+      dataIndex: 'telephone',
       hideInSearch: true,
     },
 
-
     {
-            title: (<FormattedMessage
+      title: <FormattedMessage id="device.device_group.table.list.lon" defaultMessage="$$$" />,
-                id="device.device_group.table.list.lon"
+      dataIndex: 'lon',
-                defaultMessage="$$$"/>),
-            dataIndex: "lon",
       hideInSearch: true,
     },
 
-
     {
-            title: (<FormattedMessage
+      title: <FormattedMessage id="device.device_group.table.list.lat" defaultMessage="$$$" />,
-                id="device.device_group.table.list.lat"
+      dataIndex: 'lat',
-                defaultMessage="$$$"/>),
-            dataIndex: "lat",
       hideInSearch: true,
     },
 
-
     {
-            title: (<FormattedMessage
+      title: (
-                id="device.device_group.table.list.managerName"
+        <FormattedMessage id="device.device_group.table.list.managerName" defaultMessage="$$$" />
-                defaultMessage="$$$"/>),
+      ),
-            dataIndex: "managerName",
+      dataIndex: 'managerName',
       hideInSearch: true,
     },
 
-
     {
-            title: (<FormattedMessage
+      title: (
-                id="device.device_group.table.list.managerPhone"
+        <FormattedMessage id="device.device_group.table.list.managerPhone" defaultMessage="$$$" />
-                defaultMessage="$$$"/>),
+      ),
-            dataIndex: "managerPhone",
+      dataIndex: 'managerPhone',
       hideInSearch: true,
     },
 
-
     {
-            title: (<FormattedMessage
+      title: <FormattedMessage id="device.device_group.table.list.isEnable" defaultMessage="$$$" />,
-                id="device.device_group.table.list.isEnable"
+      dataIndex: 'isEnable',
-                defaultMessage="$$$"/>),
+      filters: true,
-            dataIndex: "isEnable",
+      onFilter: true,
-            filters: true, onFilter: true,
       hideInSearch: true,
       valueType: 'switch',
     },
 
     {
-            title: (<FormattedMessage
+      title: <FormattedMessage id="device.device_group.table.list.remark" defaultMessage="$$$" />,
-                id="device.device_group.table.list.remark"
+      dataIndex: 'remark',
-                defaultMessage="$$$"/>),
-            dataIndex: "remark",
       hideInSearch: true,
     },
 
-
     {
-            title: (<FormattedMessage
+      title: (
-                id="device.device_group.table.list.createTime"
+        <FormattedMessage id="device.device_group.table.list.createTime" defaultMessage="$$$" />
-                defaultMessage="$$$"/>),
+      ),
-            dataIndex: "createTime",
+      dataIndex: 'createTime',
       sorter: true,
       hideInSearch: true,
       valueType: 'dateTime',
     },
 
-
     {
-            title: (<FormattedMessage
+      title: (
-                id="device.device_group.table.list.updateTime"
+        <FormattedMessage id="device.device_group.table.list.updateTime" defaultMessage="$$$" />
-                defaultMessage="$$$"/>),
+      ),
-            dataIndex: "updateTime",
+      dataIndex: 'updateTime',
       sorter: true,
       hideInSearch: true,
       valueType: 'dateTime',
     },
   ];
 
-
+  // TODO 操作左侧网点数据节点， 项目列表数据变更
-    useEffect(() => {
+  function fetchProjectByGroupId(record: Record<string, any>) {
-
+    // console.log('clickTreeNode', projectCardListRef.current)
-
-        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) => ({
+        let model_data = ([...v?.models,...v?.models,...v?.models,...v?.models] || []).map((item: any) => ({
-                                                    title: '苏胜天算法模型',
+          title: (
-                                                    subTitle: <Tag color="#5BD8A6">经典算法</Tag>,
+            <>
-                                                    actions: [<a key={item.id} onClick={()=>{
+              <img src="/images/model.png" alt="" style={{ width: '50px' }} />
-                                                        setCurrentCard({groupFkId: record.id, modelFkId: item.id})
+            </>
-                                                        handleUpdateModal()
+          ),
-                                                    }}>绑定设备</a>],
+          actions: [
-                                                    avatar:
+            <Button
-                                                        'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
+              type="link"
-
+              key={item.id}
-                                                    content: (
+              onClick={() => {
-                                                        <div
+                setCurrentCard({ groupFkId: record.id, modelFkId: item.id });
-                                                            style={{
+                handleUpdateModal();
-                                                                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>
+            </Button>,
-                                                            <div>版本：<span style={{fontSize: 18, fontWeight: "bold"}}>{item.remark}</span></div>
+          ],
-                                                            <div>更新时间：<span style={{fontSize: 18, fontWeight: "bold"}}>{dateFormat(item.updateTime)}</span></div>
+          content: <ProjectCard info={item}></ProjectCard>,
-                                                        </div>
+       
-                                                    )
         }));
-                                                console.log(88, model_data, data)
+        // console.log(88, model_data);
         // setProjectData({...projectData, [v.id]: v})
         return {
           label: `项目：${v.name}`,
           key: v.id,
-                                                    children: (<ProList<any>
+          children: (
+            <ProList<any>
+              
               ghost={true}
               itemCardProps={{
                 ghost: true,
+                // headStyle: {background: 'red', padding: 0, margin: 0},
+                bodyStyle: {padding: 0, margin: 0},
               }}
               pagination={{
-                                                            defaultPageSize: 8,
+                defaultPageSize: 6,
                 showSizeChanger: false,
               }}
               showActions="hover"
-                                                        grid={{ gutter: 8, column: 4 }}
+              grid={{gutter: 8,  xs: 1, md: 2, xl: 3, xxl: 4}}
               metas={{
                 title: {},
-                                                            subTitle: {},
                 type: {},
-                                                            avatar: {},
                 content: {},
                 actions: {
                   cardActionProps,
@@ -314,16 +221,96 @@ const AlgorithmSetting: React.FC = () => {
               }}
               headerTitle="项目模型列表"
               dataSource={model_data}
-                                                    />),
+            />
-
+          ),
+        };
+      });
+      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);
       })
-                                            if (tab_data.length) {
+      .catch(() => {
-                                                setTab(tab_data[0].key)
+        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>
           }
-                                            setTabs(tab_data)
+        >
-                                        })
+          <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);
                   }
                 },
               };
@@ -334,32 +321,34 @@ const AlgorithmSetting: React.FC = () => {
             }}
             columnsState={{
               persistenceKey: 'device_group_list',
-                            persistenceType: 'localStorage'
+              persistenceType: 'localStorage',
             }}
             request={async (params = {}, sort) => {
-                            const {current, ...rest} = params
+              const { current, ...rest } = params;
               const reqParams = {
                 page: current,
                 desc: false,
-                                orderKey: "",
+                orderKey: '',
                 ...rest,
-                            }
+              };
               if (sort && Object.keys(sort).length) {
-                                reqParams.orderKey = Object.keys(sort)[0]
+                reqParams.orderKey = Object.keys(sort)[0];
-                                let sort_select = sort[reqParams.orderKey]
+                let sort_select = sort[reqParams.orderKey];
                 reqParams.desc = sort_select === 'descend';
               }
-                            let resp = await postDeviceGroupGetDeviceGroupList({...reqParams, name: params?.keyword || ''})
+              let resp = await postDeviceGroupGetDeviceGroupList({
+                ...reqParams,
+                name: params?.keyword || '',
+              });
               return {
                 data: resp.data.list.map((v: API.DeviceGroup) => {
-                                    return {...v, key: v.id}
+                  return { ...v, key: v.id };
                 }),
                 success: resp.success,
                 total: resp.data.total,
                 current: resp.data.page,
-                                pageSize: resp.data.pageSize
+                pageSize: resp.data.pageSize,
               };
-
             }}
             columns={columns1}
             rowSelection={{
@@ -369,57 +358,27 @@ const AlgorithmSetting: React.FC = () => {
             }}
           />
         </ProCard>
-                <ProCard title="" colSpan="70%" headerBordered split={'horizontal'}>
+        <ProCard title=""    headerBordered split={'horizontal'}>
-                    <ProCard>
+          <ProCard colSpan="80%">
             <ProDescriptions
+            
               column={2}
               dataSource={currentRow}
               title="网点详细信息"
               tooltip="包含了从服务器请求，columns等功能"
               columns={columns}
-                        >
+            ></ProDescriptions>
-                        </ProDescriptions>
           </ProCard>
-
           <ProCard
+            wrap
             tabs={{
               activeKey: tab,
               items: tabs,
               onChange: (key) => {
-                                let model_ids = projectData[key]?.inferConfig?.models || []
+                changeProjectTab(key);
-                                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

src/pages/Setting/components/ProjectCard.tsx

@@ -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;

src/testData/SettingAIgorithm.tsx

@@ -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>
+    ),
+  }));

src/testData/testData.md

@@ -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
+-->
+### 测试数据
+
+