From ecf706316f57487dcdc8483ba51dec25b7c92929 Mon Sep 17 00:00:00 2001 From: sladro Date: Mon, 15 Sep 2025 15:42:30 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E6=9D=83=E9=99=90?= =?UTF-8?q?=E6=8E=A7=E5=88=B6=E7=B3=BB=E7=BB=9F=E5=B9=B6=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=E8=AF=84=E5=88=86=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## 主要修改 ### 🔒 权限控制优化 - **导航权限修复**: - 学生角色移除报告中心导航，避免无权限访问 - 教师角色移除学生画像导航，功能整合到报告中心 - **路由守卫完善**: 添加角色权限验证，防止URL直接访问 ### 🐛 数据显示修复 - **NaN评分问题**: 修复ReportCenter和Report页面评分计算逻辑 - **数据一致性**: 确保报告中心和详细页面评分完全一致 - **Mock数据扩展**: 为8名学生添加完整评价数据，覆盖知名企业 ### 📝 数据真实性提升 - **学生姓名更新**: 替换为更真实的中文姓名（张志明、李梦瑶等） - **企业评价数据**: 新增华为、腾讯、阿里、百度等企业评价记录 - **教师专家评价**: 完善各角色评价数据，提升系统可信度 ### 📚 项目文档更新 - 更新CLAUDE.md记录所有功能模块完成状态 - 所有核心功能达到100%完成度 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- CLAUDE.md | 22 +++- src/router/index.js | 29 ++++- src/utils/mockData.js | 214 ++++++++++++++++++++++++++++++++----- src/views/Home.vue | 14 +-- src/views/Report.vue | 78 +++++++++++--- src/views/ReportCenter.vue | 35 ++++-- 6 files changed, 325 insertions(+), 67 deletions(-) diff --git a/CLAUDE.md b/CLAUDE.md index 5f50f4d..a77eaf1 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -117,12 +117,32 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co - 改用flex布局，设置固定宽度避免平分容器 - 移除"开发中"状态模块，保持功能一致性 +#### 🔒 权限控制系统优化（新增） +- **导航权限修复**： + - 学生角色：移除报告中心导航，只显示基础功能 + - 教师角色：移除学生画像导航（功能整合到报告中心） + - 避免功能重复，权限划分更清晰 +- **路由守卫完善**： + - 添加角色权限验证，防止URL直接访问 + - 权限不足自动重定向到合适页面 + +#### 🐛 数据显示问题修复（新增） +- **NaN评分修复**： + - ReportCenter.vue: 加强数据验证，避免显示"NaN分" + - Report.vue: 统一评分计算逻辑，确保数据一致性 + - 报告中心和详细报告页面评分完全一致 +- **Mock数据扩展**： + - 为8名学生添加完整的企业、教师、专家评价数据 + - 覆盖华为、腾讯、阿里、百度等知名企业评价 + - 学生姓名更新为更真实的中文姓名（张志明、李梦瑶等） + #### 📊 功能完成度统计 - 评价管理：100% ✅ - 学生画像：100% ✅ - 工作台Dashboard：100% ✅ - 登录认证：100% ✅ -- 评价报告：0% ⏳（下一步开发重点） +- 评价报告：100% ✅（已完成） +- 权限控制：100% ✅（已完成） ## UI设计规范与教训（重要！） diff --git a/src/router/index.js b/src/router/index.js index 3cead41..6432e87 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,4 +1,5 @@ import { createRouter, createWebHistory } from 'vue-router' +import { useAuthStore } from '@/stores/auth' const routes = [ { @@ -31,7 +32,8 @@ const routes = [ { path: 'reports', name: 'ReportCenter', - component: () => import('@/views/ReportCenter.vue') + component: () => import('@/views/ReportCenter.vue'), + meta: { role: 'teacher' } }, { path: 'report/:studentId', @@ -57,4 +59,29 @@ const router = createRouter({ routes }) +// 路由守卫 - 权限验证 +router.beforeEach((to, from, next) => { + const authStore = useAuthStore() + + // 检查是否需要登录 + if (to.meta.requiresAuth && !authStore.user) { + next('/') + return + } + + // 检查角色权限 + if (to.meta.role && authStore.user?.role !== to.meta.role) { + // 如果是学生试图访问教师功能，重定向到主页 + if (authStore.user?.role === 'student' && to.meta.role === 'teacher') { + next('/home') + return + } + // 其他权限不足情况也重定向到主页 + next('/home') + return + } + + next() +}) + export default router \ No newline at end of file diff --git a/src/utils/mockData.js b/src/utils/mockData.js index b16f7b9..549db47 100644 --- a/src/utils/mockData.js +++ b/src/utils/mockData.js @@ -26,16 +26,16 @@ export const mockOptions = { // Mock扩展学生数据 export const mockStudents = [ - { id: 1, name: '张三', studentId: '202101001', grade: '2021级', class: '计科1班', phone: '13812345678', email: 'zhangsan@example.com' }, - { id: 2, name: '李四', studentId: '202101002', grade: '2021级', class: '计科1班', phone: '13912345678', email: 'lisi@example.com' }, - { id: 3, name: '王五', studentId: '202101003', grade: '2021级', class: '计科1班', phone: '13712345678', email: 'wangwu@example.com' }, - { id: 4, name: '赵六', studentId: '202101004', grade: '2021级', class: '计科1班', phone: '13612345678', email: 'zhaoliu@example.com' }, - { id: 5, name: '孙七', studentId: '202101005', grade: '2021级', class: '计科1班', phone: '13512345678', email: 'sunqi@example.com' }, - { id: 6, name: '周八', studentId: '202102001', grade: '2021级', class: '计科2班', phone: '13412345678', email: 'zhouba@example.com' }, - { id: 7, name: '吴九', studentId: '202102002', grade: '2021级', class: '计科2班', phone: '13312345678', email: 'wujiu@example.com' }, - { id: 8, name: '郑十', studentId: '202201001', grade: '2022级', class: '软工1班', phone: '13212345678', email: 'zhengshi@example.com' }, - { id: 9, name: '陈一', studentId: '202201002', grade: '2022级', class: '软工1班', phone: '13112345678', email: 'chenyi@example.com' }, - { id: 10, name: '林二', studentId: '202202001', grade: '2022级', class: '软工2班', phone: '13012345678', email: 'liner@example.com' } + { id: 1, name: '张志明', studentId: '202101001', grade: '2021级', class: '计科1班', phone: '13812345678', email: 'zhangzm@example.com' }, + { id: 2, name: '李梦瑶', studentId: '202101002', grade: '2021级', class: '计科1班', phone: '13912345678', email: 'limy@example.com' }, + { id: 3, name: '王浩然', studentId: '202101003', grade: '2021级', class: '计科1班', phone: '13712345678', email: 'wanghr@example.com' }, + { id: 4, name: '赵雨桐', studentId: '202101004', grade: '2021级', class: '计科1班', phone: '13612345678', email: 'zhaoyt@example.com' }, + { id: 5, name: '陈思远', studentId: '202101005', grade: '2021级', class: '计科1班', phone: '13512345678', email: 'chensy@example.com' }, + { id: 6, name: '刘佳怡', studentId: '202102001', grade: '2021级', class: '计科2班', phone: '13412345678', email: 'liujy@example.com' }, + { id: 7, name: '杨宇轩', studentId: '202102002', grade: '2021级', class: '计科2班', phone: '13312345678', email: 'yangyx@example.com' }, + { id: 8, name: '周晓彤', studentId: '202201001', grade: '2022级', class: '软工1班', phone: '13212345678', email: 'zhouxt@example.com' }, + { id: 9, name: '马俊杰', studentId: '202201002', grade: '2022级', class: '软工1班', phone: '13112345678', email: 'majj@example.com' }, + { id: 10, name: '林诗雨', studentId: '202202001', grade: '2022级', class: '软工2班', phone: '13012345678', email: 'linsy@example.com' } ] // Mock评价数据存储 @@ -61,6 +61,56 @@ export const mockEvaluationData = { suggestions: '优秀学生，具备很强的学习能力和解决问题的能力。', evaluatedAt: '2024-12-09T14:20:00Z', evaluatorName: '华为技术有限公司' + }, + 3: { + attitude: 4.2, + skills: 4.4, + communication: 4.1, + problemSolving: 4.3, + overall: 'good', + suggestions: '技术基础扎实，沟通能力需要提升，整体表现良好。', + evaluatedAt: '2024-12-08T16:45:00Z', + evaluatorName: '腾讯科技有限公司' + }, + 4: { + attitude: 3.8, + skills: 3.9, + communication: 4.0, + problemSolving: 3.7, + overall: 'average', + suggestions: '基础能力尚可，需要加强专业技能训练和问题解决能力。', + evaluatedAt: '2024-12-07T09:30:00Z', + evaluatorName: '阿里巴巴集团' + }, + 5: { + attitude: 4.6, + skills: 4.8, + communication: 4.5, + problemSolving: 4.9, + overall: 'excellent', + suggestions: '表现突出，技术能力强，具有很好的发展潜力。', + evaluatedAt: '2024-12-06T14:15:00Z', + evaluatorName: '百度科技' + }, + 6: { + attitude: 4.0, + skills: 4.1, + communication: 3.9, + problemSolving: 4.2, + overall: 'good', + suggestions: '工作认真负责，技术能力稳定，建议多参与复杂项目。', + evaluatedAt: '2024-12-05T11:20:00Z', + evaluatorName: '字节跳动' + }, + 7: { + attitude: 4.3, + skills: 4.0, + communication: 4.4, + problemSolving: 4.1, + overall: 'good', + suggestions: '沟通能力优秀，技术水平良好，团队合作意识强。', + evaluatedAt: '2024-12-04T15:30:00Z', + evaluatorName: '美团科技' } }, @@ -76,6 +126,16 @@ export const mockEvaluationData = { evaluatedAt: '2024-12-08T16:45:00Z', evaluatorName: '李老师' }, + 2: { + theory: 4.7, + practice: 4.6, + innovation: 4.5, + attitude: 4.8, + courseGrade: 94.5, + comments: '优秀学生，各方面表现突出，理论与实践结合能力强，创新意识优秀。', + evaluatedAt: '2024-12-09T10:30:00Z', + evaluatorName: '李老师' + }, 3: { theory: 4.6, practice: 4.4, @@ -85,11 +145,71 @@ export const mockEvaluationData = { comments: '表现优异，理论与实践结合能力强，具有良好的创新潜质。', evaluatedAt: '2024-12-07T11:15:00Z', evaluatorName: '李老师' + }, + 4: { + theory: 3.9, + practice: 3.7, + innovation: 3.5, + attitude: 4.0, + courseGrade: 82.0, + comments: '基础扎实，但实践和创新能力有待提升，学习态度认真。', + evaluatedAt: '2024-12-06T14:20:00Z', + evaluatorName: '王老师' + }, + 5: { + theory: 4.8, + practice: 4.9, + innovation: 4.7, + attitude: 4.9, + courseGrade: 96.0, + comments: '表现卓越，理论功底深厚，实践能力强，创新思维活跃，学习态度积极。', + evaluatedAt: '2024-12-05T09:45:00Z', + evaluatorName: '张老师' + }, + 6: { + theory: 4.0, + practice: 4.2, + innovation: 3.9, + attitude: 4.3, + courseGrade: 86.5, + comments: '学习认真，基础知识掌握良好，实践能力不错，需加强创新思维培养。', + evaluatedAt: '2024-12-04T13:15:00Z', + evaluatorName: '赵老师' + }, + 7: { + theory: 4.1, + practice: 4.0, + innovation: 4.0, + attitude: 4.4, + courseGrade: 87.0, + comments: '表现均衡，各项能力发展较为稳定，学习态度良好。', + evaluatedAt: '2024-12-03T16:30:00Z', + evaluatorName: '陈老师' + }, + 8: { + theory: 3.6, + practice: 3.8, + innovation: 3.4, + attitude: 3.9, + courseGrade: 79.5, + comments: '基础有待加强，需要更多的练习和指导，学习态度较好。', + evaluatedAt: '2024-12-02T11:45:00Z', + evaluatorName: '刘老师' } }, // 专家评价记录 expert: { + 1: { + industryKnowledge: 4.0, + technicalDepth: 3.9, + applicationAbility: 4.2, + potential: 4.3, + professionalAdvice: '技术基础较好，行业认知需要提升，建议多关注前沿技术发展。', + recommendation: 'recommend', + evaluatedAt: '2024-12-08T10:15:00Z', + evaluatorName: '张专家' + }, 2: { industryKnowledge: 4.2, technicalDepth: 4.0, @@ -99,6 +219,46 @@ export const mockEvaluationData = { recommendation: 'recommend', evaluatedAt: '2024-12-06T09:30:00Z', evaluatorName: '王专家' + }, + 3: { + industryKnowledge: 4.4, + technicalDepth: 4.2, + applicationAbility: 4.1, + potential: 4.6, + professionalAdvice: '行业理解深入，技术应用能力强，具有很好的职业发展前景。', + recommendation: 'strongly_recommend', + evaluatedAt: '2024-12-05T14:45:00Z', + evaluatorName: '李专家' + }, + 5: { + industryKnowledge: 4.8, + technicalDepth: 4.7, + applicationAbility: 4.9, + potential: 4.9, + professionalAdvice: '优秀的技术人才，行业洞察深刻，应用能力出色，强烈推荐重点培养。', + recommendation: 'strongly_recommend', + evaluatedAt: '2024-12-04T11:20:00Z', + evaluatorName: '赵专家' + }, + 6: { + industryKnowledge: 3.8, + technicalDepth: 3.9, + applicationAbility: 4.0, + potential: 4.1, + professionalAdvice: '基础扎实，需要加强对行业发展趋势的理解和把握。', + recommendation: 'recommend', + evaluatedAt: '2024-12-03T16:30:00Z', + evaluatorName: '陈专家' + }, + 7: { + industryKnowledge: 4.1, + technicalDepth: 3.8, + applicationAbility: 4.2, + potential: 4.0, + professionalAdvice: '应用能力较强，技术深度需要进一步加强，发展潜力良好。', + recommendation: 'recommend', + evaluatedAt: '2024-12-02T13:15:00Z', + evaluatorName: '吴专家' } }, @@ -135,24 +295,24 @@ export const mockPortraitData = { abilityRadar: { dimensions: ['理论基础', '实践能力', '创新思维', '团队协作', '沟通表达', '问题解决'], students: { - 1: { // 张三 - name: '张三', + 1: { // 张志明 + name: '张志明', studentId: '202101001', scores: [85, 92, 78, 88, 82, 90], // 对应6个维度的得分 average: 85.8, rank: 2, // 班级排名 totalStudents: 30 }, - 2: { // 李四 - name: '李四', + 2: { // 李梦瑶 + name: '李梦瑶', studentId: '202101002', scores: [90, 85, 95, 82, 88, 85], average: 87.5, rank: 1, totalStudents: 30 }, - 3: { // 王五 - name: '王五', + 3: { // 王浩然 + name: '王浩然', studentId: '202101003', scores: [82, 88, 80, 90, 85, 87], average: 85.3, @@ -164,7 +324,7 @@ export const mockPortraitData = { // 成绩分布柱状图数据 gradeDistribution: { - 1: { // 张三 + 1: { // 张志明 subjects: ['数据结构', '算法设计', '软件工程', '数据库', '网络编程', '前端开发'], scores: [88, 92, 85, 90, 87, 94], grades: ['B+', 'A-', 'B+', 'A-', 'B+', 'A'], @@ -173,7 +333,7 @@ export const mockPortraitData = { gpa: 3.72, classAverage: [82, 85, 80, 84, 83, 88] // 班级平均分 }, - 2: { // 李四 + 2: { // 李梦瑶 subjects: ['数据结构', '算法设计', '软件工程', '数据库', '网络编程', '前端开发'], scores: [95, 88, 92, 87, 90, 89], grades: ['A', 'B+', 'A-', 'B+', 'A-', 'B+'], @@ -186,7 +346,7 @@ export const mockPortraitData = { // 成长轨迹数据 growthTrack: { - 1: { // 张三 + 1: { // 张志明 timeline: ['2024-01', '2024-02', '2024-03', '2024-04', '2024-05', '2024-06'], overallScores: [75, 78, 82, 85, 87, 88], // 综合能力得分变化 skillProgress: { @@ -204,7 +364,7 @@ export const mockPortraitData = { // 综合评价报告 comprehensiveReport: { - 1: { // 张三 + 1: { // 张志明 strengths: [ '实践动手能力强，项目开发经验丰富', '学习态度认真，能够主动思考问题', @@ -224,7 +384,7 @@ export const mockPortraitData = { { teacher: '李老师', course: '软件工程', - comment: '张三同学在项目开发中表现突出，具备良好的工程思维和团队协作能力。', + comment: '张志明同学在项目开发中表现突出，具备良好的工程思维和团队协作能力。', date: '2024-06-15' }, { @@ -326,7 +486,7 @@ export const mockProjectDetails = { export const mockReportData = { // 发展趋势数据 developmentTrends: { - 1: { // 张三的发展趋势 + 1: { // 张志明的发展趋势 monthlyScores: [ { month: '2024-09', overall: 78.5, company: 80, teacher: 77, expert: 75, peer: 82 }, { month: '2024-10', overall: 81.2, company: 83, teacher: 79, expert: 78, peer: 85 }, @@ -348,7 +508,7 @@ export const mockReportData = { { month: '2024-12', rank: 2, totalStudents: 30 } ] }, - 2: { // 李四的发展趋势 + 2: { // 李梦瑶的发展趋势 monthlyScores: [ { month: '2024-09', overall: 82.3, company: 84, teacher: 81, expert: 79, peer: 85 }, { month: '2024-10', overall: 84.1, company: 86, teacher: 83, expert: 82, peer: 86 }, @@ -374,7 +534,7 @@ export const mockReportData = { // 里程碑事件数据 milestones: { - 1: [ // 张三的里程碑 + 1: [ // 张志明的里程碑 { date: '2024-12-15', title: '期末项目优秀', @@ -406,7 +566,7 @@ export const mockReportData = { category: '荣誉奖励' } ], - 2: [ // 李四的里程碑 + 2: [ // 李梦瑶的里程碑 { date: '2024-12-18', title: '技术创新突破', @@ -434,7 +594,7 @@ export const mockReportData = { // 详细分析数据 detailedAnalysis: { - 1: { // 张三的详细分析 + 1: { // 张志明的详细分析 overallSummary: { totalScore: 86.5, ranking: 2, @@ -507,7 +667,7 @@ export const mockReportData = { // 发展建议数据 developmentSuggestions: { - 1: { // 张三的发展建议 + 1: { // 张志明的发展建议 shortTerm: [ // 1-3个月 '加强编程实践，每周完成2-3个小项目练习', '参与至少1次技术分享或团队汇报', diff --git a/src/views/Home.vue b/src/views/Home.vue index 8a614c2..bfacade 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -51,21 +51,11 @@
24
- -
- -
-
- 学生画像 - 156名学生 -
- -