维护国际化

src/pages/supplierEvaluateManage/supplierEvaluateResult/supplierEvaluateResultInfo.tsx

@@ -19,12 +19,13 @@ import {
   DeleteOutlined,
   ArrowLeftOutlined,
 } from '@ant-design/icons';
-import { history, useLocation } from 'umi';
+import { history, useLocation, useIntl } from 'umi';
 import { getEvaluateSupplierList, getAllEvaluateRules } from '@/servers/api/supplierEvaluate';
 
 const { Option } = Select;
 
 const SupplierEvaluateResultInfo: React.FC = () => {
+  const intl = useIntl();
   const location = useLocation<{ record: SupplierEvaluateResult.EvaluateTaskItem }>();
   const [loading, setLoading] = useState<boolean>(false);
   const [form] = Form.useForm();
@@ -35,7 +36,10 @@ const SupplierEvaluateResultInfo: React.FC = () => {
     total: 0,
     showSizeChanger: true,
     showQuickJumper: true,
-    showTotal: (total) => `共 ${total} 条记录`,
+    showTotal: (total) => intl.formatMessage(
+      { id: 'supplierEvaluateResult.pagination.total' },
+      { total }
+    ),
   });
   const [searchParams, setSearchParams] =
     useState<SupplierEvaluateResult.EvaluateSupplierSearchParams>({});
@@ -60,11 +64,11 @@ const SupplierEvaluateResultInfo: React.FC = () => {
       if (response.success && response.data) {
         setEvaluateRules(response.data);
       } else {
-        message.error(response.message || '获取评价规则列表失败');
+        message.error(response.message || intl.formatMessage({ id: 'supplierEvaluateResult.message.fetchRulesFailed' }));
       }
     } catch (error) {
       console.error('获取评价规则列表失败:', error);
-      message.error('获取评价规则列表失败');
+      message.error(intl.formatMessage({ id: 'supplierEvaluateResult.message.fetchRulesFailed' }));
     }
   };
 
@@ -81,7 +85,7 @@ const SupplierEvaluateResultInfo: React.FC = () => {
   ) => {
     // 确保有评价任务ID
     if (!parentRecord?.id) {
-      message.error('缺少评价任务ID，无法获取数据');
+      message.error(intl.formatMessage({ id: 'supplierEvaluateResult.message.missingTaskId' }));
       return;
     }
 
@@ -128,11 +132,11 @@ const SupplierEvaluateResultInfo: React.FC = () => {
           total,
         });
       } else {
-        message.error(response.message || '获取评价结果详情列表失败');
+        message.error(response.message || intl.formatMessage({ id: 'supplierEvaluateResult.message.fetchDetailFailed' }));
       }
     } catch (error) {
       console.error('获取评价结果详情列表失败:', error);
-      message.error('获取评价结果详情列表失败');
+      message.error(intl.formatMessage({ id: 'supplierEvaluateResult.message.fetchDetailFailed' }));
     } finally {
       setLoading(false);
     }
@@ -184,13 +188,13 @@ const SupplierEvaluateResultInfo: React.FC = () => {
 
   const columns = [
     {
-      title: '序号',
+      title: intl.formatMessage({ id: 'supplierEvaluateResult.column.index' }),
       render: (_: any, __: SupplierEvaluateResult.EvaluateSupplierItem, index: number) =>
         (pagination.current! - 1) * pagination.pageSize! + index + 1,
       width: 80,
     },
     {
-      title: '供应商名称',
+      title: intl.formatMessage({ id: 'supplierEvaluateResult.column.supplierName' }),
       dataIndex: 'supplierName',
       key: 'supplierName',
       width: 200,
@@ -204,26 +208,26 @@ const SupplierEvaluateResultInfo: React.FC = () => {
       ),
     },
     {
-      title: '品类',
+      title: intl.formatMessage({ id: 'supplierEvaluateResult.column.categoryName' }),
       dataIndex: 'categoryName',
       key: 'categoryName',
       width: 120,
     },
     {
-      title: '评价得分',
+      title: intl.formatMessage({ id: 'supplierEvaluateResult.column.reviewScore' }),
       dataIndex: 'reviewScore',
       key: 'reviewScore',
       width: 100
     },
     {
-      title: '评价等级',
+      title: intl.formatMessage({ id: 'supplierEvaluateResult.column.levelName' }),
       dataIndex: 'levelName',
       key: 'levelName',
       width: 100,
       align: 'center' as const
     },
     {
-      title: '操作',
+      title: intl.formatMessage({ id: 'supplierEvaluateResult.column.action' }),
       key: 'action',
       width: 180,
       align: 'center' as const,
@@ -233,10 +237,10 @@ const SupplierEvaluateResultInfo: React.FC = () => {
             type="link"
             onClick={() => handleViewScoreDetail(record)}
           >
-            得分明细
+            {intl.formatMessage({ id: 'supplierEvaluateResult.button.scoreDetail' })}
           </Button>
           <Button type="link" onClick={() => handleViewScoring(record)}>
-            打分情况
+            {intl.formatMessage({ id: 'supplierEvaluateResult.button.scoringStatus' })}
           </Button>
         </Space>
       ),
@@ -247,11 +251,15 @@ const SupplierEvaluateResultInfo: React.FC = () => {
     <div className="common-container">
       <div className="filter-action-row">
         <Form form={form} layout="inline" onFinish={handleSearch} className="filter-form">
-          <Form.Item name="supplierName" label="供应商名称">
-            <Input placeholder="请输入供应商名称" allowClear />
+          <Form.Item name="supplierName" label={intl.formatMessage({ id: 'supplierEvaluateResult.form.supplierName' })}>
+            <Input placeholder={intl.formatMessage({ id: 'supplierEvaluateResult.form.placeholder.supplierName' })} allowClear />
           </Form.Item>
-          <Form.Item name="levelName" label="评价等级">
-            <Select placeholder="请选择评价等级" allowClear style={{ width: 150 }}>
+          <Form.Item name="levelName" label={intl.formatMessage({ id: 'supplierEvaluateResult.form.levelName' })}>
+            <Select
+              placeholder={intl.formatMessage({ id: 'supplierEvaluateResult.form.placeholder.levelName' })}
+              allowClear
+              style={{ width: 150 }}
+            >
               {evaluateRules.map((rule) => (
                 <Option key={rule.id} value={rule.levelName}>
                   {rule.levelName}
@@ -261,16 +269,16 @@ const SupplierEvaluateResultInfo: React.FC = () => {
           </Form.Item>
           <Form.Item className="filter-btns">
             <Button type="primary" icon={<SearchOutlined />} onClick={() => form.submit()}>
-              搜索
+              {intl.formatMessage({ id: 'supplierEvaluateResult.button.search' })}
             </Button>
             <Button type="primary" danger icon={<DeleteOutlined />} onClick={handleReset}>
-              重置
+              {intl.formatMessage({ id: 'supplierEvaluateResult.button.reset' })}
             </Button>
           </Form.Item>
         </Form>
         <div className="right-buttons">
           <Button type="link" icon={<ArrowLeftOutlined />} onClick={handleBack}>
-            返回
+            {intl.formatMessage({ id: 'supplierEvaluateResult.button.back' })}
           </Button>
         </div>
       </div>