|
|
|
@ -2,7 +2,7 @@
|
|
|
|
* @Author: donghao donghao@supervision.ltd
|
|
|
|
* @Author: donghao donghao@supervision.ltd
|
|
|
|
* @Date: 2024-04-08 10:36:06
|
|
|
|
* @Date: 2024-04-08 10:36:06
|
|
|
|
* @LastEditors: donghao donghao@supervision.ltd
|
|
|
|
* @LastEditors: donghao donghao@supervision.ltd
|
|
|
|
* @LastEditTime: 2024-05-13 10:44:32
|
|
|
|
* @LastEditTime: 2024-05-14 17:02:41
|
|
|
|
* @FilePath: \general-ai-manage\src\pages\Model\ModelDetail\index.tsx
|
|
|
|
* @FilePath: \general-ai-manage\src\pages\Model\ModelDetail\index.tsx
|
|
|
|
* @Description: 模型详情（基础信息展示、模型版本列表）
|
|
|
|
* @Description: 模型详情（基础信息展示、模型版本列表）
|
|
|
|
* @交互说明
|
|
|
|
* @交互说明
|
|
|
|
@ -11,13 +11,14 @@
|
|
|
|
* 3、编辑模型基本信息
|
|
|
|
* 3、编辑模型基本信息
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
import InnerPageBack from '@/components/Back/innerPageBack';
|
|
|
|
import InnerPageBack from '@/components/Back/innerPageBack';
|
|
|
|
|
|
|
|
import { CommButton } from '@/components/Button';
|
|
|
|
import TableActionCard from '@/components/TableActionCard';
|
|
|
|
import TableActionCard from '@/components/TableActionCard';
|
|
|
|
import IsDelete from '@/components/TableActionCard/isDelete';
|
|
|
|
import IsDelete from '@/components/TableActionCard/isDelete';
|
|
|
|
import { getModelDetail, getModelVersionList } from '@/services/testApi/model';
|
|
|
|
import { getModelDetail, getModelVersionList } from '@/services/testApi/model';
|
|
|
|
import { PlusOutlined } from '@ant-design/icons';
|
|
|
|
|
|
|
|
import type { ActionType, ProColumns } from '@ant-design/pro-components';
|
|
|
|
import type { ActionType, ProColumns } from '@ant-design/pro-components';
|
|
|
|
import { ProCard, ProDescriptions, ProTable } from '@ant-design/pro-components';
|
|
|
|
import { ProCard, ProDescriptions, ProTable } from '@ant-design/pro-components';
|
|
|
|
import { Access, FormattedMessage, history, useAccess, useParams } from '@umijs/max';
|
|
|
|
import { FormattedMessage, useParams } from '@umijs/max';
|
|
|
|
import { Button } from 'antd';
|
|
|
|
import { Button } from 'antd';
|
|
|
|
import { useRef, useState } from 'react';
|
|
|
|
import { useRef, useState } from 'react';
|
|
|
|
import { proTableCommonOptions, proTablePaginationOptions } from '../../../../config/defaultTable';
|
|
|
|
import { proTableCommonOptions, proTablePaginationOptions } from '../../../../config/defaultTable';
|
|
|
|
@ -25,7 +26,7 @@ import CreateForm from './components/createForm';
|
|
|
|
|
|
|
|
|
|
|
|
const ModelDetail: React.FC = () => {
|
|
|
|
const ModelDetail: React.FC = () => {
|
|
|
|
const routeParams = useParams(); // 路由参数读取
|
|
|
|
const routeParams = useParams(); // 路由参数读取
|
|
|
|
const access = useAccess();
|
|
|
|
// const access = useAccess();
|
|
|
|
// const intl = useIntl();
|
|
|
|
// const intl = useIntl();
|
|
|
|
const actionRef = useRef<ActionType>();
|
|
|
|
const actionRef = useRef<ActionType>();
|
|
|
|
|
|
|
|
|
|
|
|
@ -102,7 +103,10 @@ const ModelDetail: React.FC = () => {
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
className="default_version_tag"
|
|
|
|
className="default_version_tag"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
默认版本
|
|
|
|
<FormattedMessage
|
|
|
|
|
|
|
|
id="model_detail.version.table.list.tag.defaultVersion"
|
|
|
|
|
|
|
|
defaultMessage="默认版本"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
@ -149,7 +153,9 @@ const ModelDetail: React.FC = () => {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
key: 'setDefault',
|
|
|
|
key: 'setDefault',
|
|
|
|
renderDom: record.isEnable ? (
|
|
|
|
renderDom: record.isEnable ? (
|
|
|
|
<span style={{ color: '#ccc' }}>设为默认</span>
|
|
|
|
<span style={{ color: '#ccc' }}>
|
|
|
|
|
|
|
|
<FormattedMessage id="pages.searchTable.setDefault" defaultMessage="设为默认" />
|
|
|
|
|
|
|
|
</span>
|
|
|
|
) : (
|
|
|
|
) : (
|
|
|
|
<Button
|
|
|
|
<Button
|
|
|
|
key="setDefault"
|
|
|
|
key="setDefault"
|
|
|
|
@ -208,7 +214,7 @@ const ModelDetail: React.FC = () => {
|
|
|
|
bodyStyle={{ padding: 0, margin: 0, backgroundColor: 'transparent' }}
|
|
|
|
bodyStyle={{ padding: 0, margin: 0, backgroundColor: 'transparent' }}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<InnerPageBack title=""></InnerPageBack>
|
|
|
|
<InnerPageBack title=""></InnerPageBack>
|
|
|
|
<div className="gn_active_descriptions mb-[20px]">
|
|
|
|
<div className="gn_descriptions mb-[20px]">
|
|
|
|
<ProDescriptions
|
|
|
|
<ProDescriptions
|
|
|
|
column={3}
|
|
|
|
column={3}
|
|
|
|
columns={ModelDetailColumns}
|
|
|
|
columns={ModelDetailColumns}
|
|
|
|
@ -226,68 +232,82 @@ const ModelDetail: React.FC = () => {
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
></ProDescriptions>
|
|
|
|
></ProDescriptions>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<ProTable
|
|
|
|
<div className="gn_head_card" style={{ padding: 0 }}>
|
|
|
|
className="gn_pro_table"
|
|
|
|
<ProCard
|
|
|
|
headerTitle={<span>版本列表</span>}
|
|
|
|
className="gn_card"
|
|
|
|
// 标题栏
|
|
|
|
title={
|
|
|
|
toolBarRender={() => [
|
|
|
|
<span className="head3">
|
|
|
|
<Access
|
|
|
|
<FormattedMessage
|
|
|
|
accessible={access.canUpdate(history.location.pathname)}
|
|
|
|
id="model_detail.version.table.list.title"
|
|
|
|
key={`${history.location.pathname}-add`}
|
|
|
|
defaultMessage="版本列表"
|
|
|
|
>
|
|
|
|
/>
|
|
|
|
<div className="my-[16px]">
|
|
|
|
</span>
|
|
|
|
<Button
|
|
|
|
}
|
|
|
|
type="primary"
|
|
|
|
extra={
|
|
|
|
key="primary"
|
|
|
|
<CommButton
|
|
|
|
onClick={() => {
|
|
|
|
type="primary"
|
|
|
|
setCreateModalOpen(true);
|
|
|
|
buttonLabel={
|
|
|
|
}}
|
|
|
|
<FormattedMessage
|
|
|
|
>
|
|
|
|
id="model_detail.version.table.list.action.add"
|
|
|
|
<PlusOutlined />
|
|
|
|
defaultMessage="新建版本信息"
|
|
|
|
<FormattedMessage id="pages.searchTable.new" defaultMessage="New" />
|
|
|
|
/>
|
|
|
|
</Button>
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
onClick={() => {
|
|
|
|
</Access>,
|
|
|
|
handleCreateModal();
|
|
|
|
]}
|
|
|
|
}}
|
|
|
|
search={false}
|
|
|
|
></CommButton>
|
|
|
|
scroll={{ y: proTableCommonOptions.commscrollY, x: proTableCommonOptions.commscrollX }}
|
|
|
|
}
|
|
|
|
options={{ fullScreen: false, setting: false, density: false, reload: false }}
|
|
|
|
>
|
|
|
|
actionRef={actionRef}
|
|
|
|
<ProTable
|
|
|
|
rowKey="id"
|
|
|
|
className="gn_pro_table"
|
|
|
|
onDataSourceChange={(data) => {
|
|
|
|
cardProps={{
|
|
|
|
console.log(data, 'onDataSourceChange_data');
|
|
|
|
bodyStyle: { padding: 0 },
|
|
|
|
// let CategoryFkIdIds: any = data.map((v) => {
|
|
|
|
}}
|
|
|
|
// return v.categoryFkId;
|
|
|
|
// 标题栏
|
|
|
|
// });
|
|
|
|
search={false}
|
|
|
|
// setCategoryFkIdIds(CategoryFkIdIds);
|
|
|
|
scroll={{
|
|
|
|
}}
|
|
|
|
y: 420,
|
|
|
|
pagination={{
|
|
|
|
x: proTableCommonOptions.commscrollX,
|
|
|
|
...proTablePaginationOptions,
|
|
|
|
}}
|
|
|
|
pageSize: currentPageSize,
|
|
|
|
options={{ fullScreen: false, setting: false, density: false, reload: false }}
|
|
|
|
onChange: (page, pageSize) => setCurrentPageSize(pageSize),
|
|
|
|
actionRef={actionRef}
|
|
|
|
}}
|
|
|
|
rowKey="id"
|
|
|
|
columnsState={{
|
|
|
|
onDataSourceChange={(data) => {
|
|
|
|
persistenceKey: 'algorithm_model_list',
|
|
|
|
console.log(data, 'onDataSourceChange_data');
|
|
|
|
persistenceType: 'localStorage',
|
|
|
|
// let CategoryFkIdIds: any = data.map((v) => {
|
|
|
|
}}
|
|
|
|
// return v.categoryFkId;
|
|
|
|
request={async (params = {}) => {
|
|
|
|
// });
|
|
|
|
const { current, ...rest } = params;
|
|
|
|
// setCategoryFkIdIds(CategoryFkIdIds);
|
|
|
|
const reqParams = {
|
|
|
|
}}
|
|
|
|
page: current,
|
|
|
|
pagination={{
|
|
|
|
...rest,
|
|
|
|
...proTablePaginationOptions,
|
|
|
|
};
|
|
|
|
pageSize: currentPageSize,
|
|
|
|
let resp = await getModelVersionList({ ...reqParams });
|
|
|
|
onChange: (page, pageSize) => setCurrentPageSize(pageSize),
|
|
|
|
console.log(resp, 'getModelVersionList_resp');
|
|
|
|
}}
|
|
|
|
return {
|
|
|
|
columnsState={{
|
|
|
|
data: resp.data?.results,
|
|
|
|
persistenceKey: 'algorithm_model_list',
|
|
|
|
success: resp.success,
|
|
|
|
persistenceType: 'localStorage',
|
|
|
|
total: resp.data.count,
|
|
|
|
}}
|
|
|
|
current: current,
|
|
|
|
request={async (params = {}) => {
|
|
|
|
pageSize: currentPageSize,
|
|
|
|
const { current, ...rest } = params;
|
|
|
|
};
|
|
|
|
const reqParams = {
|
|
|
|
}}
|
|
|
|
page: current,
|
|
|
|
columns={columns}
|
|
|
|
...rest,
|
|
|
|
/>
|
|
|
|
};
|
|
|
|
|
|
|
|
let resp = await getModelVersionList({ ...reqParams });
|
|
|
|
|
|
|
|
console.log(resp, 'getModelVersionList_resp');
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
data: resp.data?.results,
|
|
|
|
|
|
|
|
success: resp.success,
|
|
|
|
|
|
|
|
total: resp.data.count,
|
|
|
|
|
|
|
|
current: current,
|
|
|
|
|
|
|
|
pageSize: currentPageSize,
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
columns={columns}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</ProCard>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</ProCard>
|
|
|
|
</ProCard>
|
|
|
|
<CreateForm
|
|
|
|
<CreateForm
|
|
|
|
createModalOpen={createModalOpen}
|
|
|
|
createModalOpen={createModalOpen}
|
|
|
|
|
