diff --git a/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManageDetail.tsx b/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManageDetail.tsx index 6bd14d7..871a9d4 100644 --- a/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManageDetail.tsx +++ b/src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManageDetail.tsx @@ -1,5 +1,5 @@ import React, { useState, useEffect } from 'react'; -import { history, useIntl } from 'umi'; +import { useIntl, history, useLocation } from 'umi'; import { Button, Card, Descriptions, Divider, Spin, message, Typography, Empty } from 'antd'; import { ArrowLeftOutlined } from '@ant-design/icons'; import { getTemplateDetail } from '@/servers/api/supplierEvaluate'; @@ -12,12 +12,11 @@ const { Title } = Typography; const SupplierTemplateManageDetail: React.FC = () => { const intl = useIntl(); const [loading, setLoading] = useState(false); - const [templateDetail, setTemplateDetail] = useState(null); + const [templateDetail, setTemplateDetail] = useState< + SupplierTemplateManage.TemplateDetailResponse['data'] | null + >(null); const [templateData, setTemplateData] = useState([]); - - // 从路由获取ID - const { id } = history.location.state as { id: string }; - + const location = useLocation<{ id: string }>(); // 获取模板详情 const fetchTemplateDetail = async (templateId: string) => { try { @@ -43,16 +42,13 @@ const SupplierTemplateManageDetail: React.FC = () => { setLoading(false); } }; - // 首次加载获取数据 useEffect(() => { - if (id) { + if (location.state?.id) { + const id = location.state.id; fetchTemplateDetail(id); - } else { - message.error(intl.formatMessage({ id: 'supplierTemplateManage.detail.idNotExist' })); - history.goBack(); } - }, [id]); + }, [location]); // 返回列表页 const handleBack = () => { @@ -87,7 +83,7 @@ const SupplierTemplateManageDetail: React.FC = () => { bordered={false} className={styles.innerCard} > - +