diff --git a/src/dicts/dataStatistics.ts b/src/dicts/dataStatistics.ts index fe521f3..977f5e7 100644 --- a/src/dicts/dataStatistics.ts +++ b/src/dicts/dataStatistics.ts @@ -22,13 +22,6 @@ export const SupplierTypeText = { 'FOREIGN': '境外', }; -// 评价年度列表 -export const EvaluateYears = [ - { label: '2023年', value: '2023' }, - { label: '2022年', value: '2022' }, - { label: '2021年', value: '2021' }, -]; - // 年审结果字典 export const AnnualReviewResultText = { '1': '合格', diff --git a/src/pages/dataStatistics/supplierEvaluateStatistics/supplierEvaluateStatistics.tsx b/src/pages/dataStatistics/supplierEvaluateStatistics/supplierEvaluateStatistics.tsx index 8b35245..6bbea7f 100644 --- a/src/pages/dataStatistics/supplierEvaluateStatistics/supplierEvaluateStatistics.tsx +++ b/src/pages/dataStatistics/supplierEvaluateStatistics/supplierEvaluateStatistics.tsx @@ -1,37 +1,25 @@ import React, { useState, useEffect } from 'react'; -import { - Button, - Table, - Input, - Select, - Form, - Tooltip, - Tag, - DatePicker, - message -} from 'antd'; +import { Button, Table, Input, Select, Form, Tooltip, Tag, DatePicker, message } from 'antd'; import type { TablePaginationConfig } from 'antd'; -import { - SearchOutlined, - DeleteOutlined, - ExportOutlined -} from '@ant-design/icons'; +import { SearchOutlined, DeleteOutlined, ExportOutlined } from '@ant-design/icons'; import { useIntl } from 'umi'; -import { EvaluateLevelText, EvaluateLevelColor, EvaluateYears } from '@/dicts/dataStatistics'; +import { EvaluateLevelText, EvaluateLevelColor } from '@/dicts/dataStatistics'; import { getSupplierEvaluateStatistics } from '@/servers/api/dataStatistics'; import { getAllEvaluateRules } from '@/servers/api/supplierEvaluate'; import './supplierEvaluateStatistics.less'; import { downloadFile } from '@/utils/download'; +import moment from 'moment'; const { Option } = Select; -const { RangePicker } = DatePicker; const SupplierEvaluateStatistics: React.FC = () => { const intl = useIntl(); const [loading, setLoading] = useState(false); const [form] = Form.useForm(); - const [statisticsData, setStatisticsData] = useState([]); + const [statisticsData, setStatisticsData] = useState( + [], + ); const [pagination, setPagination] = useState({ current: 1, pageSize: 10, @@ -40,9 +28,13 @@ const SupplierEvaluateStatistics: React.FC = () => { showQuickJumper: true, showTotal: (total) => intl.formatMessage({ id: 'dataStatistics.common.total' }, { total }), }); - const [searchParams, setSearchParams] = useState({}); + const [searchParams, setSearchParams] = useState( + {}, + ); // 评价等级列表 - const [evaluateRules, setEvaluateRules] = useState([]); + const [evaluateRules, setEvaluateRules] = useState( + [], + ); // 准入单位下拉选项 - 假数据 const companyOptions = [ @@ -59,7 +51,9 @@ const SupplierEvaluateStatistics: React.FC = () => { if (response.success && response.data) { setEvaluateRules(response.data); } else { - message.error(response.message || intl.formatMessage({ id: 'dataStatistics.evaluate.getRulesFailed' })); + message.error( + response.message || intl.formatMessage({ id: 'dataStatistics.evaluate.getRulesFailed' }), + ); } } catch (error) { console.error('获取评价规则列表失败:', error); @@ -105,7 +99,9 @@ const SupplierEvaluateStatistics: React.FC = () => { total: response.data.total, }); } else { - message.error(response.message || intl.formatMessage({ id: 'dataStatistics.evaluate.getDataFailed' })); + message.error( + response.message || intl.formatMessage({ id: 'dataStatistics.evaluate.getDataFailed' }), + ); } } catch (error) { console.error('获取评价统计数据失败:', error); @@ -128,7 +124,9 @@ const SupplierEvaluateStatistics: React.FC = () => { // 获取评级标签 const getLevelTag = (level: string) => { const color = EvaluateLevelColor[level as keyof typeof EvaluateLevelColor] || 'default'; - const text = EvaluateLevelText[level as keyof typeof EvaluateLevelText] || intl.formatMessage({ id: 'dataStatistics.evaluate.unknownLevel' }); + const text = + EvaluateLevelText[level as keyof typeof EvaluateLevelText] || + intl.formatMessage({ id: 'dataStatistics.evaluate.unknownLevel' }); return {text}; }; @@ -190,7 +188,8 @@ const SupplierEvaluateStatistics: React.FC = () => { dataIndex: 'evaluateYear', key: 'evaluateYear', width: 100, - render: (year: string | null) => year ? intl.formatMessage({ id: 'dataStatistics.common.yearFormat' }, { year }) : '-' + render: (year: string | null) => + year ? intl.formatMessage({ id: 'dataStatistics.common.yearFormat' }, { year }) : '-', }, { title: intl.formatMessage({ id: 'dataStatistics.evaluate.evaluateLevel' }), @@ -222,25 +221,67 @@ const SupplierEvaluateStatistics: React.FC = () => { layout="inline" className="filter-form" > - - + + - - + {companyOptions.map((option) => ( + ))} - - - - - {evaluateRules.map((rule) => (