+ {/* 光晕装饰 */}
+
+
+
+
+ {/* 双层纹理叠层：点阵 + 斜线 */}
+
+
+
+ );
+};
+
+const styles: Record
+ {/* Logo + 标题 */}
+
+ name="login"
+ onFinish={onFinish}
+ initialValues={{ role: 'employee' }}
+ size="large"
+ >
+
+ }
+ placeholder="用户名（工号）"
+ style={styles.input}
+ />
+
+
+
+
+
+
+ }>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ {/* 提示信息 */}
+ {alertInfo && (
+ 员工月度绩效考核系统
+
+ 优一科技 © 2026
+
+
+
+ {!isMobile && 绩效考核系统 }
+
+ } style={{ color: 'white' }} onClick={handleLogout}>
+ {!isMobile && '退出'}
+
+
+ {menuItems.map(item => (
+
+ {item.icon}
+ {item.mobileLabel}
+
+ ))}
+
+ )}
+
+ 欢迎使用员工绩效考核系统
+ 请从菜单选择功能：
+
+);
+
+export default EmployeeDashboard;
diff --git a/src/pages/employee/PerformanceForm.tsx b/src/pages/employee/PerformanceForm.tsx
new file mode 100644
index 0000000..16560c5
--- /dev/null
+++ b/src/pages/employee/PerformanceForm.tsx
@@ -0,0 +1,427 @@
+import React, { useState, useEffect, useRef } from 'react';
+import {
+ Form,
+ Input,
+ InputNumber,
+ Button,
+ Card,
+ Divider,
+ Space,
+ Typography,
+ message,
+ Tag,
+ Row,
+ Col,
+ Alert,
+ DatePicker,
+ Result,
+ Spin,
+} from 'antd';
+import { SaveOutlined, SendOutlined, LoadingOutlined, CheckCircleOutlined } from '@ant-design/icons';
+import { useAuth } from '../../context/AuthContext';
+import { performanceApi, PerformanceSubmitDTO } from '../../api/performance';
+import { ALL_PERFORMANCE_ITEMS } from './performanceItems';
+import dayjs, { Dayjs } from 'dayjs';
+
+const { Title, Text } = Typography;
+const { TextArea } = Input;
+
+interface FormValues {
+ assessmentMonth: Dayjs;
+ workSummary: string;
+ leave: number;
+ late: number;
+ absent: number;
+ lackCard: number;
+ attendanceRemark?: string;
+ items: Array<{
+ userContent: string;
+ selfScore: number;
+ evidence?: string;
+ }>;
+}
+
+const PerformanceForm: React.FC = () => {
+ const { userInfo } = useAuth();
+ const [form] = Form.useForm-
+
- 绩效填报：填写月度绩效考核内容 +
- 绩效历史：查看历史绩效记录和详情 +
+
+ );
+ }
+
+ // 提交成功但还未开始轮询（过渡状态）
+ return (
+
+ AI 正在分析中，请稍等！
+
+ 系统正在对您的绩效数据进行 AI 智能评分，通常需要 30 秒至 1 分钟...
+
+
+
+ 绩效填报
+
+ {/* 基础信息 */}
+
+ {isMobile ? (
+
+ 姓名： {userInfo?.name}
+ 部门： {userInfo?.department}
+ 岗位： {userInfo?.position}
+
+ ) : (
+
+ 姓名： {userInfo?.name}
+ 部门： {userInfo?.department}
+ 岗位： {userInfo?.position}
+
+ )}
+
+
+
+
+ );
+};
+
+export default PerformanceForm;
diff --git a/src/pages/employee/PerformanceHistory.tsx b/src/pages/employee/PerformanceHistory.tsx
new file mode 100644
index 0000000..a2f9f1b
--- /dev/null
+++ b/src/pages/employee/PerformanceHistory.tsx
@@ -0,0 +1,418 @@
+import React, { useEffect, useState, useCallback } from 'react';
+import {
+ Table,
+ Tag,
+ Button,
+ DatePicker,
+ Space,
+ Typography,
+ Drawer,
+ Descriptions,
+ List,
+ Divider,
+ message,
+ Empty,
+ Card,
+ Row,
+ Col,
+} from 'antd';
+import { EyeOutlined } from '@ant-design/icons';
+import type { ColumnsType } from 'antd/es/table';
+import dayjs from 'dayjs';
+import { performanceApi, PerformanceRecord } from '../../api/performance';
+import { useIsMobile } from '../../hooks/useBreakpoint';
+
+const { Title, Text } = Typography;
+
+const STATUS_MAP: Record
+ 个人绩效历史
+
+
+ {
+ setFilterMonth(dateStr as string || undefined);
+ setPage(1);
+ }}
+ />
+
+
+
+ {/* 移动端卡片列表 */}
+ {isMobile ? (
+ `共 ${t} 条`,
+ }}
+ locale={{ emptyText:
+ {loading && viewDetail(record)}
+ hoverable
+ >
+
+ {record.month}
+ {s.label}
+
+
+ 自评分
{record.selfScore != null ? Number(record.selfScore).toFixed(1) : '-'}
+ AI评分
{record.aiScore != null ? Number(record.aiScore).toFixed(1) : '-'}
+ 最终总分
+ {record.totalScore != null + ?{Number(record.totalScore).toFixed(1)}
+ : (record.status === 'submitted' || record.status === 'under_review')
+ ? 待审核
+ : -
+ }
+
+
+ {record.submitTime && (
+
+ 提交：{dayjs(record.submitTime).format('YYYY-MM-DD HH:mm')}
+
+ )}
+
+ );
+ })}
+ {total > pageSize && (
+
+ ) : (
+ 加载中...
}
+ {!loading && records.length === 0 && + {record.totalScore != null + ?
+
+
+ {page} / {Math.ceil(total / pageSize)}
+
+
+
+ )}
+