feat: 完善设备节点设置的基础模型模块
parent
1eb526d45d
commit
d8590ee313
@ -0,0 +1,184 @@
|
||||
/*
|
||||
* @Author: donghao donghao@supervision.ltd
|
||||
* @Date: 2024-04-30 10:02:29
|
||||
* @LastEditors: donghao donghao@supervision.ltd
|
||||
* @LastEditTime: 2024-05-06 16:58:57
|
||||
* @FilePath: \general-ai-platform-web\src\pages\Business\DeviceGroup\components\modelDeploy.tsx
|
||||
* @Description: 业务模型部署
|
||||
* @交互说明
|
||||
* 1、业务模型部署列表的分页展示
|
||||
* 2、配置参数功能
|
||||
*/
|
||||
import TableActionCard from '@/components/TableActionCard';
|
||||
import { getBusinessModelList } from '@/services/testApi/businessModel';
|
||||
import { ExclamationCircleFilled } from '@ant-design/icons';
|
||||
import type { ActionType, ProColumns } from '@ant-design/pro-components';
|
||||
import { ProTable } from '@ant-design/pro-components';
|
||||
import { FormattedMessage } from '@umijs/max';
|
||||
import { Button } from 'antd';
|
||||
import { useRef, useState } from 'react';
|
||||
import {
|
||||
proTableCommonOptions,
|
||||
proTablePaginationOptions,
|
||||
} from '../../../../../config/defaultTable';
|
||||
// import CreateForm from './components/createForm';
|
||||
|
||||
const ModelDeploy: React.FC = () => {
|
||||
// const intl = useIntl();
|
||||
const actionRef = useRef<ActionType>();
|
||||
|
||||
// const [createModalOpen, setCreateModalOpen] = useState<boolean>(false);
|
||||
// const [categoryFkIdIds, setCategoryFkIdIds] = useState([]);
|
||||
// 动态设置每页数量
|
||||
const [currentPageSize, setCurrentPageSize] = useState<number>(10);
|
||||
// const [currentRow, setCurrentRow] = useState<Record<string, any>>({});
|
||||
|
||||
/**配置参数 */
|
||||
|
||||
// function reloadList() {
|
||||
// actionRef.current?.reload();
|
||||
// }
|
||||
|
||||
// 业务模型列表信息
|
||||
const columns: ProColumns<Record<string, any>>[] = [
|
||||
{
|
||||
title: <FormattedMessage id="business_model.table.list.name" defaultMessage="业务模型名称" />,
|
||||
dataIndex: 'name',
|
||||
hideInSearch: true,
|
||||
key: 'fixedName',
|
||||
fixed: 'left',
|
||||
},
|
||||
{
|
||||
title: <FormattedMessage id="business_model.table.list.isEnable" defaultMessage="部署状态" />,
|
||||
dataIndex: 'isEnable',
|
||||
hideInSearch: true,
|
||||
// width: 80,
|
||||
render: (dom, record) => {
|
||||
return (
|
||||
<div
|
||||
className={`model_index_type_tag flex items-center justify-center ${
|
||||
record.isEnable ? 'active1' : 'active2'
|
||||
}`}
|
||||
>
|
||||
<span className="dot"></span>
|
||||
<span>
|
||||
{record.isEnable ? (
|
||||
<FormattedMessage
|
||||
id="business_model.table.list.deployed.isEnable"
|
||||
defaultMessage="已部署"
|
||||
/>
|
||||
) : (
|
||||
<FormattedMessage
|
||||
id="business_model.table.list.undeployed.isEnable"
|
||||
defaultMessage="未部署"
|
||||
/>
|
||||
)}
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
title: (
|
||||
<FormattedMessage id="business_model.table.list.createTime" defaultMessage="创建时间" />
|
||||
),
|
||||
dataIndex: 'createTime',
|
||||
hideInSearch: true,
|
||||
valueType: 'dateTime',
|
||||
},
|
||||
|
||||
{
|
||||
title: <FormattedMessage id="pages.searchTable.titleOption" defaultMessage="操作" />,
|
||||
dataIndex: 'option',
|
||||
valueType: 'option',
|
||||
fixed: 'right',
|
||||
key: 'option',
|
||||
render: () => [
|
||||
<TableActionCard
|
||||
key="TableActionCardRef"
|
||||
renderActions={[
|
||||
{
|
||||
key: 'updateDetail',
|
||||
renderDom: (
|
||||
<Button
|
||||
key="updateDetail"
|
||||
type="link"
|
||||
size="small"
|
||||
onClick={() => {
|
||||
// TODO 编辑在新增联调后实现
|
||||
// setCurrentRow(record);
|
||||
}}
|
||||
>
|
||||
<FormattedMessage id="pages.searchTable.updateDetail" defaultMessage="配置参数" />
|
||||
</Button>
|
||||
),
|
||||
},
|
||||
]}
|
||||
></TableActionCard>,
|
||||
],
|
||||
},
|
||||
];
|
||||
return (
|
||||
<div className="dg_modelDeploy_page">
|
||||
<div
|
||||
className="pb-[12px]"
|
||||
style={{
|
||||
color: '#FAAD14',
|
||||
}}
|
||||
>
|
||||
<ExclamationCircleFilled />
|
||||
<span className="pl-[8px]">配置参数需关联具体设备请先至设备列表添加设备后再进行配置</span>
|
||||
</div>
|
||||
<ProTable
|
||||
className="gn_pro_table"
|
||||
cardProps={{
|
||||
bodyStyle: { padding: 0 },
|
||||
}}
|
||||
// 标题栏
|
||||
search={false}
|
||||
scroll={{ y: proTableCommonOptions.commscrollY }}
|
||||
options={{ fullScreen: false, setting: false, density: false, reload: false }}
|
||||
actionRef={actionRef}
|
||||
rowKey="key"
|
||||
onDataSourceChange={(data) => {
|
||||
console.log(data, 'onDataSourceChange_data');
|
||||
// let CategoryFkIdIds: any = data.map((v) => {
|
||||
// return v.categoryFkId;
|
||||
// });
|
||||
// setCategoryFkIdIds(CategoryFkIdIds);
|
||||
}}
|
||||
pagination={{
|
||||
...proTablePaginationOptions,
|
||||
pageSize: currentPageSize,
|
||||
onChange: (page, pageSize) => setCurrentPageSize(pageSize),
|
||||
}}
|
||||
columnsState={{
|
||||
persistenceKey: 'algorithm_model_list',
|
||||
persistenceType: 'localStorage',
|
||||
}}
|
||||
request={async (params = {}) => {
|
||||
const { current, ...rest } = params;
|
||||
const reqParams = {
|
||||
page: current,
|
||||
...rest,
|
||||
};
|
||||
let resp = await getBusinessModelList({ ...reqParams });
|
||||
console.log(resp, 'getModelVersionList_resp');
|
||||
return {
|
||||
data: resp.data?.results.map((v: Record<string, any>) => {
|
||||
return { ...v, key: v.id };
|
||||
}),
|
||||
success: resp.success,
|
||||
total: resp.data.count,
|
||||
current: current,
|
||||
pageSize: currentPageSize,
|
||||
};
|
||||
}}
|
||||
columns={columns}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ModelDeploy;
|
||||
Loading…
Reference in New Issue