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

fix: 项目部署切换不更新问题修复

Browse Source
develop
donghao 1 year ago
parent 3e821d2888
commit 0b535104d8
1 changed files with 137 additions and 84 deletions
Show Stats Download Patch File Download Diff File

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

@ -118,108 +118,161 @@ const AlgorithmSetting: React.FC = () => {
setCurrentRow(resp.data.deviceGroup);
}
// TODO 左侧图标目前写死，需替换
// 操作左侧网点数据节点， 项目列表数据变更
function fetchProjectByGroupId(record: Record<string, any>) {
postProjectGetProjectByGroupId({ id: record.key }).then((resp) => {
let tab_data = (resp?.data?.list || []).map((v: any) => {
console.log(resp.data.list);
// 设置modelData 需要使用content的来填充数据
function initModelList(list: Record<string, any>[], key: React.SetStateAction<string>) {
list.map((v) => {
if (v.id === key) {
let model_data = ([...v?.models] || []).map((item: any) => ({
content: (
<ProCard
style={{ backgroundColor: 'rgba(21, 91, 212, 0.03)' }}
bodyStyle={{ margin: 0, padding: 0 }}
<ProCard
style={{ backgroundColor: 'rgba(21, 91, 212, 0.03)' }}
bodyStyle={{ margin: 0, padding: 0 }}
>
<div
style={{
display: 'flex',
alignItems: 'center',
padding: 15,
justifyContent: 'space-between',
}}
>
<div
style={{
display: 'flex',
alignItems: 'center',
padding: 15,
justifyContent: 'space-between',
}}
>
<div>
<img src="/images/icons/logo.svg" alt="" style={{ width: '64px' }} />
</div>
<Button
type="link"
size="small"
key={item.configId}
style={{ padding: 0, fontWeight: 700 }}
onClick={() => {
setProjectData(item);
console.log(item, 'setProjectData_item', projectData);
setProjectConfigId(item.configId);
handleUpdateModal();
}}
>
配置参数
</Button>
<div>
<img src="/images/icons/logo.svg" alt="" style={{ width: '64px' }} />
</div>
<ProjectCard info={item}></ProjectCard>
</ProCard>
<Button
type="link"
size="small"
key={item.configId}
style={{ padding: 0, fontWeight: 700 }}
onClick={() => {
setProjectData(item);
console.log(item, 'setProjectData_item', projectData);
setProjectConfigId(item.configId);
handleUpdateModal();
}}
>
配置参数
</Button>
</div>
<ProjectCard info={item}></ProjectCard>
</ProCard>
),
}));
setModelData(model_data);
return {
label: v.name,
key: v.id,
};
});
if (tab_data.length) {
setTab(tab_data[0].key);
setModelData(() => [...model_data]);
}
setTabs(tab_data);
});
}
// TODO 需联调
// TODO 需联调
// 操作项目列表数据类别切换， 项目列表数据变更
function changeProjectTab(key: React.SetStateAction<string>) {
console.log('changeProjectTab_key', key);
let model_ids: number[] = projectData[key as string]?.inferConfig?.models || [];
postModelVersionGetModelVersionListByIds({ ids: model_ids }).then((resp) => {
let version_model_data = (resp?.data?.list || []).map((item: Record<string, any>) => {
initModelList(tabs, key);
// let model_ids: number[] = projectData[key as string]?.inferConfig?.models || [];
// postModelVersionGetModelVersionListByIds({ ids: model_ids }).then((resp) => {
// let version_model_data = (resp?.data?.list || []).map((item: Record<string, any>) => {
// return {
// subTitle: <Tag color="#5BD8A6">经典算法</Tag>,
// avatar: 'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
// content: (
// <ProCard bodyStyle={{ margin: 0, padding: 0 }}>
// <div
// style={{
// display: 'flex',
// alignItems: 'center',
// padding: 15,
// justifyContent: 'space-between',
// }}
// >
// <div>
// <div>{JSON.stringify(item.configId)}</div>
// <img src="/images/model.png" alt="" style={{ width: '64px' }} />
// </div>
// <Button
// type="link"
// size="small"
// key={item.configId}
// style={{ padding: 0 }}
// onClick={() => {
// setProjectConfigId(item.configId);
// handleUpdateModal();
// }}
// >
// 配置
// </Button>
// </div>
// <ProjectCard info={item}></ProjectCard>
// </ProCard>
// ),
// };
// });
// setModelVersionData(version_model_data);
// console.log(modelVersionData);
// });
setTab(key);
}
// TODO 左侧图标目前写死，需替换
// 操作左侧网点数据节点， 项目列表数据变更
function fetchProjectByGroupId(record: Record<string, any>) {
postProjectGetProjectByGroupId({ id: record.key }).then((resp) => {
let tab_data = (resp?.data?.list || []).map((v: any) => {
// console.log(resp.data.list);
// let model_data = ([...v?.models] || []).map((item: any) => ({
// content: (
// <ProCard
// style={{ backgroundColor: 'rgba(21, 91, 212, 0.03)' }}
// bodyStyle={{ margin: 0, padding: 0 }}
// >
// <div
// style={{
// display: 'flex',
// alignItems: 'center',
// padding: 15,
// justifyContent: 'space-between',
// }}
// >
// <div>
// <img src="/images/icons/logo.svg" alt="" style={{ width: '64px' }} />
// </div>
// <Button
// type="link"
// size="small"
// key={item.configId}
// style={{ padding: 0, fontWeight: 700 }}
// onClick={() => {
// setProjectData(item);
// console.log(item, 'setProjectData_item', projectData);
// setProjectConfigId(item.configId);
// handleUpdateModal();
// }}
// >
// 配置参数
// </Button>
// </div>
// <ProjectCard info={item}></ProjectCard>
// </ProCard>
// ),
// }));
// setModelData(model_data);
return {
subTitle: <Tag color="#5BD8A6">经典算法</Tag>,
avatar: 'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',
content: (
<ProCard bodyStyle={{ margin: 0, padding: 0 }}>
<div
style={{
display: 'flex',
alignItems: 'center',
padding: 15,
justifyContent: 'space-between',
}}
>
<div>
<div>{JSON.stringify(item.configId)}</div>
<img src="/images/model.png" alt="" style={{ width: '64px' }} />
</div>
<Button
type="link"
size="small"
key={item.configId}
style={{ padding: 0 }}
onClick={() => {
setProjectConfigId(item.configId);
handleUpdateModal();
}}
>
配置
</Button>
</div>
<ProjectCard info={item}></ProjectCard>
</ProCard>
),
label: v.name,
key: v.id,
id: v.id,
models: v?.models,
};
});
setModelVersionData(version_model_data);
console.log(modelVersionData);
if (Array.isArray(resp?.data?.list) && resp?.data?.list.length) {
initModelList(resp?.data?.list, resp?.data?.list[0]?.id);
}
if (tab_data.length) {
setTab(tab_data[0].key);
}
setTabs(tab_data);
});
setTab(key);
}
// 切换展示 项目|告警
function changeMode(info: tabModeListProps) {
console.log(info, 'changeMode_info');

Write Preview
Loading…
Cancel
Save