测试阶段弹窗 - 部署和详情

import { Modal, Form, Table, Typography, Button } from 'antd'; import React, { useEffect, useState } from 'react'; import SqlTable from '../testConfig/SqlTable'; import { largeVersionV1LargeDeployList } from '@/services/fortest'; import { APPACTION_STATUS } from '@/constant/const'; const { Title } = Typography;

const stageDatas = [ { deploymentOrder: '1', productImageId: '45', applicationId: '9876', deploymentStatus: '未部署', }, ];

const TestingStageModal = (props) => { const { children, stageData, test, largeVersionId } = props; const [visible, setVisible] = useState(false); const [form] = Form.useForm(); const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [datas, setDatas] = useState([]);

const handleSelect = (newSelectedRowKeys) => { console.log('selectedRowKeys changed: ', newSelectedRowKeys); setSelectedRowKeys(newSelectedRowKeys); }; useEffect(() => { if (visible && stageData) { largeDeployList();//应用信息列表 }

}, [visible, stageData]);

const largeDeployList = async () => { const data = await largeVersionV1LargeDeployList({ largeVersionId: largeVersionId, env: 'test', projectId: stageData.projectId }); console.log(data, 3444); const applicationInfos = data[0]?.largeVersionDeployConfigVO?.applicationInfos || []; console.log(applicationInfos, 40); // setDatas(data); } const handleUpdate = () => { }; const columns = [ { title: '全选', dataIndex: 'name' }, { title: '部署顺序', dataIndex: 'deployOrder' }, { title: '制品镜像id', dataIndex: 'imageId' }, { title: '应用id', dataIndex: 'appId' }, { title: '部署状态', dataIndex: 'deployStatus' }, ]; return ( <> {React.cloneElement(children, { onClick: () => { setVisible(true); }, })} <Modal title={test === 'arrange' ? '部署' : '详情'} open={visible} width={650} layout="horizontal" onOk={() => form.submit()} onCancel={() => setVisible(false)} maskClosable={false} > {/*