Doni/ZhangQiPro
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
13 Commits 1 Branch 0 Tags 24 MiB
3c19173c24
Commit Graph

13 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
sladro
3c19173c24 feat: 优化BigScreenPortrait大屏页面显示和功能完善 
🔧 显示问题修复：
- 修复参与学生人数显示布局问题，优化number-gauge-combined容器
- 调整迷你仪表盘尺寸从60px到45px，适配紧凑布局
- 优化数字显示样式，使用clamp()确保响应式适配
- 完善ECharts仪表盘配置，简化为迷你版本显示

🎯 功能按钮完善：
- 实现"生成报告"和"历史记录"按钮完整功能
- 集成权限验证系统，需要教师权限才能访问
- 添加智能权限提示，未登录时引导用户登录
- 保持按钮原有美观样式，权限不足时仅显示小锁图标

🎨 界面文本优化：
- 清理Login.vue中的"演示"字样，改为"登录"
- 移除版权信息中的"演示版本"标识
- 优化组件中的演示相关文本，提升专业性

🚀 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-16 10:23:36 +08:00
sladro
43ef1d45ab "优化登录页面：添加学生能力评价画像按钮，调整布局和样式" 2025-09-15 17:09:43 +08:00
sladro
aa8f3184ca "更新UI组件和样式：优化雷达图、按钮、对话框等组件，改进仪表板和评估页面" 2025-09-15 16:38:15 +08:00
sladro
ce76c1a37a refactor: 完善CSS变量系统并优化报告功能 
- 新增紫色和状态评分颜色CSS变量到variables.css
- 修复ReportCenter评分颜色硬编码问题，改用CSS变量
- 修复ReportAnalysis中紫色硬编码，使用CSS变量
- 优化Dashboard边框样式和Report页面布局
- 更新mockData中学生姓名为更真实的中文姓名

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-15 16:20:14 +08:00
sladro
ecf706316f feat: 完善权限控制系统并修复评分显示问题 
## 主要修改

### 🔒 权限控制优化
- **导航权限修复**:
  - 学生角色移除报告中心导航，避免无权限访问
  - 教师角色移除学生画像导航，功能整合到报告中心
- **路由守卫完善**: 添加角色权限验证，防止URL直接访问

### 🐛 数据显示修复
- **NaN评分问题**: 修复ReportCenter和Report页面评分计算逻辑
- **数据一致性**: 确保报告中心和详细页面评分完全一致
- **Mock数据扩展**: 为8名学生添加完整评价数据，覆盖知名企业

### 📝 数据真实性提升
- **学生姓名更新**: 替换为更真实的中文姓名（张志明、李梦瑶等）
- **企业评价数据**: 新增华为、腾讯、阿里、百度等企业评价记录
- **教师专家评价**: 完善各角色评价数据，提升系统可信度

### 📚 项目文档更新
- 更新CLAUDE.md记录所有功能模块完成状态
- 所有核心功能达到100%完成度

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-15 15:42:30 +08:00
sladro
d241784cdd feat: 完成工作台优化和报告中心重构 
主要更新：
- 新增ReportCenter.vue学生列表页面，支持搜索筛选功能
- 修复工作台快速访问卡片过大问题，改用flex布局设置固定宽度
- 清理所有硬编码颜色值，统一使用CSS变量系统
- 修复Vue编译错误，JavaScript对象中正确使用getCSSVariable函数
- 移除"开发中"状态模块，保持功能一致性
- 优化导航逻辑，报告中心现在跳转到学生列表页面

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-15 15:23:13 +08:00
sladro
0d365a70e2 feat: 完成评价报告系统开发并修复关键技术问题 
## 新增功能
- Report.vue: 完整的学生评价报告页面
- ReportMonitor.vue: 发展监测子页面，包含趋势分析和里程碑时间轴
- ReportAnalysis.vue: 能力分析子页面，含六维雷达图和发展建议
- 完善路由配置，支持报告系统的嵌套路由

## 技术修复
- 修复Pinia初始化顺序问题，路由守卫移至main.js
- 修复ECharts CSS变量解析错误，添加getCSSVariable函数
- 修复侧边栏报告中心按钮点击无反应问题

## 数据完善
- 扩展mockData.js，新增完整的报告数据结构
- 添加发展趋势、里程碑、详细分析等Mock数据

## 文档更新
- 更新CLAUDE.md，项目完成度提升至100%
- 完善功能模块状态和最近更新记录

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-15 14:41:13 +08:00
sladro
381450e66c feat: 完成学生画像功能开发并修复代码规范问题 
✨ 新功能开发
- 实现完整的学生画像系统(AbilityRadarChart + GradeDistributionChart)
- 开发Portrait.vue页面，支持学生选择、信息展示、图表分析
- 添加丰富的mockPortraitData数据结构
- 支持6维度能力分析和成绩分布对比
- 实现综合评价报告、教师评语、企业反馈展示

🔧 代码规范修复
- 替换所有硬编码颜色为CSS变量系统
- 移除console.error调试输出，改为用户友好提示
- 提取魔法数值为配置常量(CHART_CONFIG)
- 确保100%遵循项目编码规范

🎨 设计优化
- 响应式布局支持平板和手机端
- 流畅的页面加载动画效果
- 统一的视觉语言和交互体验
- 优雅的空状态和错误处理

📊 功能特性
- 教师专属权限控制
- URL参数支持直接访问
- 实时数据切换和导出功能
- ECharts图表组件高度可复用

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-15 11:51:24 +08:00
sladro
1f0df40f51 优化: 完善评价管理功能样式和用户体验 
- 修复页面布局，适配主布局侧边栏
- 优化顶部header：添加粘性定位和毛玻璃效果
- 美化表格样式：渐变表头、hover效果、圆角边框
- 改进按钮交互：统一尺寸、hover动画、视觉反馈
- 完善响应式设计：平板和手机端优化
- 添加页面加载动画效果
- 提升整体视觉一致性和专业感

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-15 11:24:22 +08:00
sladro
1efef41ba8 fix: 修复导航系统关键问题并完善功能 
### 🔧 主要修复
- **导航切换问题**: 添加工作台主页导航入口，修复无法返回仪表盘的问题
- **视觉样式问题**: 移除导航文字下划线，优化选中状态显示
- **路由匹配逻辑**: 修复蓝色指示条不切换的问题，确保选中状态正确显示
- **用户体验优化**: 统一导航交互逻辑，提升操作流畅性

### 📝 详细变更
1. **Home.vue导航优化**:
   - 添加工作台(`/home`)主页导航项
   - 修复CSS中重复的`::before`伪元素冲突
   - 统一使用`exact-active-class`确保精确路由匹配
   - 添加`text-decoration: none`移除链接下划线

2. **路由结构完善**:
   - 优化嵌套路由配置，确保正确的父子关系
   - 修正路由守卫逻辑，提升权限控制精度

3. **Mock数据扩展**:
   - 增强mockData.js，支持更丰富的演示数据
   - 添加评价状态管理和项目详情数据

4. **组件功能完善**:
   - 完善Evaluate.vue评价管理页面
   - 优化样式变量统一性

### 🎯 解决的问题
- ✅ 修复点击左侧导航无法切换到仪表盘主页
- ✅ 移除"评价管理"等导航文字的下划线
- ✅ 修复蓝色指示条不随导航切换的问题
- ✅ 解决工作台始终显示透明白色选中效果的问题

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-15 11:06:59 +08:00
sladro
c6194ae1dd 重构: 完成Home页面UI设计全面优化 
主要改进:
- 修复CSS变量使用，避免硬编码颜色
- 精简元素尺寸，图标从90px降至40px
- 修复侧边栏布局，使用fixed定位
- 统一所有角标为圆形设计
- 丰富页面内容，添加真实数据展示
- 优化快速访问模块设计
- 更新CLAUDE.md文档，记录UI设计教训

技术细节:
- 侧边栏固定定位，不随页面滚动
- 顶部导航改为面包屑 + 操作按钮
- 统计卡片添加趋势指示和可视化
- 功能模块卡片优化布局和内容

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-14 18:59:54 +08:00
sladro
bd6734d6b8 feat: 界面全面重构 - 实现专业教育平台设计 
### 🎨 重大视觉更新

#### 全新设计系统
- 采用专业教育主题配色：深蓝主色调体现可信度
- 统一设计系统变量：颜色、间距、圆角、阴影规范
- 现代CSS架构：支持响应式和流畅动画

#### 登录页面完全重构
- 左右分割式布局：品牌展示区(60%) + 登录区(40%)
- 数据可视化：统计卡片展示平台活跃度
- 交互优化：悬浮动画、表单验证、快速体验按钮

#### 主页界面革新
- 专业仪表板布局：侧边栏导航 + 主内容区
- 实时数据统计：4个彩色卡片显示关键指标
- 功能模块网格：大卡片设计，清晰层次结构
- 角色权限适配：根据用户角色显示相应功能

### 🔧 技术改进
- Vue3组件完全重构，保持接口兼容性
- Flexbox和Grid布局合理运用
- 响应式设计适配不同屏幕尺寸
- 流畅过渡动画提升用户体验

### 📊 用户体验提升
- 信息架构更加清晰，专业性大幅提升
- 符合教育管理系统的视觉定位
- 数据展示直观，功能组织合理

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-14 18:33:08 +08:00
sladro
b3d4f5d7c3 feat: 初始化实践教学评价平台项目 
- 创建Vue3项目结构，使用ElementPlus和ECharts
- 实现统一样式系统和可复用组件（BaseCard、BaseButton、PageLayout）
- 完成登录页面设计，支持四种用户角色（学生、教师、企业、专家）
- 实现登录功能和基于角色的权限控制系统
- 配置路由守卫和状态管理（Pinia）
- 创建Mock数据生成器支持演示功能

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-09-14 17:50:23 +08:00