测试阶段 Modal - 部署和详情

"// ??\nimport { Modal, Form, Table, Typography, Button, message } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport SqlTable from '../testConfig/SqlTable';\nimport { largeVersionV1LargeDeployList } from '@/services/fortest';\nimport { APPACTION_STATUS } from '@/constant/const';\nimport { largeVersionV1LargeDeploy } from '@/services/large-versionV1';\nconst { Title } = Typography;\n\nconst TestingStageModal = (props) => {\n const { children, stageData, test, largeVersionId, listProjects } = props;\n const [visible, setVisible] = useState(false);\n const [form] = Form.useForm();\n const [selectesRowkey, setSelectedRowKeys] = useState([]);\n const [datas, setDatas] = useState([]);\n const [dbConfigInfosData, setDbConfigInfosData] = useState([]);\n const [selectTestRows, setSelectTestRows] = useState([]);\n const [sqlRows, setSqlRows] = useState([]); \n\n const handleSelect = (selectedRowKeys, selectedRows) => {\n setSelectedRowKeys(selectedRowKeys);\n setSelectTestRows(selectedRows);\n };\n\n const handleSqlRowsChange = (rows) => {\n setSqlRows(rows);\n console.log(rows, 30);\n };\n useEffect(() => {\n if (visible && stageData) {\n largeDeployList(); //应用信息列表\n }\n }, [visible, stageData]);\n\n const largeDeployList = async () => {\n const { data } = await largeVersionV1LargeDeployList({\n largeVersionId: largeVersionId,\n env: 'test',\n projectId: stageData.projectId,\n });\n const applicationInfosData = data[0]?.largeVersionDeployConfigVO?.applicationInfos || [];\n setDatas(applicationInfosData);\n setDbConfigInfosData(data[0]?.largeVersionDeployConfigVO?.dbConfigInfos);\n };\n const handleUpdate = async () => {\n const params = {\n largeVersionId: largeVersionId,\n env: 'test',\n projectId: stageData.projectId,\n largeVersionDeployConfigVO: {\n largeVersionId: largeVersionId,\n env: 'test',\n projectId: stageData.projectId,\n projectName: stageData.projectName,\n applicationInfos: selectTestRows,\n dbConfigInfos: sqlRows,\n },\n };\n\n const data = await largeVersionV1LargeDeploy(params);\n if (!data.errorCode) {\n message.success('保存成功');\n setVisible(fasle);\n if (listProjects) {\n listProjects();\n }\n } else {\n message.error(data.message);\n }\n console.log(data, 5444);\n };\n const columns = [\n // { title: '全选', dataIndex: 'name' },\n { title: '部署顺序', dataIndex: 'deployOrder' },\n { title: '制品镜像id', dataIndex: 'imageId' },\n { title: '应用id', dataIndex: 'appId' },\n { title: '部署状态', dataIndex: 'deployStatus', width: 160, fixed: 'right', render: (_, record) => { return ({APPACTION_STATUS[record.deployStatus]}) } },\n ];\n return (\n <>\n {React.cloneElement(children, {\n onClick: () => {\n setVisible(true);\n },\n })}\n <Modal\n title={test === 'arrange' ? '部署' : '详情'}\n open={visible}\n width={800}\n layout="horizontal"\n onOk={handleUpdate}\n onCancel={() => setVisible(false)}\n maskClosable={false}\n footer={[\n <>\n <Button onClick={() => setVisible(false)}>取消\n <Button type="primary" onClick={handleUpdate} disabled={test === 'details'}>\n 确定\n \n </>,\n ]}\n >\n {/*