维护国际化

src/components/EvaluateTaskPersonnelSelector/EvaluateTaskPersonnelSelector.tsx

@@ -4,6 +4,7 @@ import type { TablePaginationConfig } from 'antd/es/table';
 import { SearchOutlined } from '@ant-design/icons';
 import { getUserList } from '@/servers/api/user';
 import './EvaluateTaskPersonnelSelector.less';
+import { useIntl } from 'umi';
 
 const { Search } = Input;
 
@@ -41,6 +42,7 @@ const EvaluateTaskPersonnelSelector: React.FC<EvaluateTaskPersonnelSelectorProps
   filterUserIds = [],
   onClose,
 }) => {
+  const intl = useIntl();
   // 搜索关键词
   const [keyword, setKeyword] = useState<string>('');
 
@@ -100,15 +102,15 @@ const EvaluateTaskPersonnelSelector: React.FC<EvaluateTaskPersonnelSelectorProps
 
         setPersonnel(personnelData);
       } else {
-        message.error(response?.message || '获取用户列表失败');
+        message.error(response?.message || intl.formatMessage({ id: 'supplierTaskManage.message.fetchUserListFailed' }));
       }
     } catch (error) {
       console.error('获取人员数据失败:', error);
-      message.error('获取人员数据失败，请稍后重试');
+      message.error(intl.formatMessage({ id: 'supplierTaskManage.message.fetchPersonnelFailed' }));
     } finally {
       setLoading(false);
     }
-  }, [keyword, pagination]); // 移除selectedPersonnelIds依赖
+  }, [keyword, pagination, filter, filterUserIds, intl]); // 添加intl依赖
 
   /**
    * 初始化人员数据
@@ -153,12 +155,12 @@ const EvaluateTaskPersonnelSelector: React.FC<EvaluateTaskPersonnelSelectorProps
   // 表格列定义
   const columns = [
     {
-      title: '姓名',               // 列标题
-      dataIndex: 'name',           // 数据字段名
-      key: 'name',                 // 列唯一标识
+      title: intl.formatMessage({ id: 'supplierTaskManage.column.name' }),
+      dataIndex: 'name',
+      key: 'name',
     },
     {
-      title: '部门',
+      title: intl.formatMessage({ id: 'supplierTaskManage.column.userDept' }),
       dataIndex: 'userDept',
       key: 'userDept',
     }
@@ -170,22 +172,20 @@ const EvaluateTaskPersonnelSelector: React.FC<EvaluateTaskPersonnelSelectorProps
       <div className="selector-header">
         <div className="search-bar">
           <Search
-            placeholder="请输入姓名搜索"
+            placeholder={intl.formatMessage({ id: 'supplierTaskManage.placeholder.searchName' })}
             onSearch={handleSearch}
-            enterButton={<Button icon={<SearchOutlined />}>搜索</Button>}
+            enterButton={<Button icon={<SearchOutlined />}>{intl.formatMessage({ id: 'supplierTaskManage.button.search' })}</Button>}
           />
         </div>
         <div className="selected-count">
-          已选择: <span className="count">{selectedKeys.length}</span> 人
+          {intl.formatMessage({ id: 'supplierTaskManage.text.selectedCount' }, { count: selectedKeys.length })}
         </div>
       </div>
       <Table
-      // 如果 isSelected = true 则禁用勾选
         rowSelection={{
           selectedRowKeys: selectedKeys,
           onChange: handleSelectChange,
           getCheckboxProps: (record) => ({
-            // 如果 isSelected = true 则禁用勾选
             disabled: record.isSelected === true,
           }),
         }}
@@ -199,9 +199,9 @@ const EvaluateTaskPersonnelSelector: React.FC<EvaluateTaskPersonnelSelectorProps
       />
       <div className="selector-footer">
         <Space>
-          <Button onClick={onCancel}>关闭</Button>
+          <Button onClick={onCancel}>{intl.formatMessage({ id: 'supplierTaskManage.button.close' })}</Button>
           <Button type="primary" onClick={handleConfirm}>
-            确定
+            {intl.formatMessage({ id: 'supplierTaskManage.button.confirm' })}
           </Button>
         </Space>
       </div>