README.md
3.21 KB
美乐爱觉项目
测试环境网站 https://oa-dev.onwall.cn/f/mlaj
功能更新记录
-
教师端新增作业管理页面：路径
/teacher/tasks，标题“作业管理”。- 列表展示：作业名称、开始时间、截止时间。
- 当前数据来源为Mock，后续可替换为真实接口数据。
- 教师端新增作业主页：路径
/teacher/tasks/:id，标题“作业主页”。 - 头部：作业名称、介绍文案、细项信息（周期、频次、时间段、附件类型）。
- 统计：出勤率与任务完成率（参考
myClassPage.vue统计样式，数据Mock）。 - 日历：使用
van-calendar单选模式，选择日期后展示当日学生完成情况。 - 学生完成情况：参考图片2样式，勾选代表已完成，未勾选代表未完成（数据Mock）。
- 教师端新增学员作业记录页面：路径
/teacher/student-record，标题“学员作业记录”。 - 在作业主页的学生列表点击卡片可跳转至该页面（当前版本为固定示例页面）。
- 列表展示：作业帖子、图片/视频/音频、点赞与点评弹窗（与
studentPage.vue的作业记录样式一致）。 - 接口参数固定：
user_id=817017，group_id=816653（后续可替换为动态参数）。 - 学习详情页标签指示条修复：
/src/views/profile/StudyCoursePage.vue - 现象：首次进入且存在“打卡互动”时，底部绿色指示条定位错误。
- 修复：新增标签容器
ref与ResizeObserver，按栏目数量对容器进行等分，指示条宽度与位移按分段和索引计算，异步加载第三个栏目时不再错位。 - 登录逻辑调整：仅在登录页微信图标点击时触发授权
- 变更文件：
/src/views/auth/LoginPage.vue、/src/router/guards.js、/src/router/index.js - 路由守卫：移除自动微信授权检查，新增
startWxAuth供手动触发。 - 登录页：微信图标绑定点击事件，非微信环境提示“请在微信内打开”。
- 使用方式：进入登录页，点击微信图标进行授权登录。
- 课程详情页动态 favicon
- 行为：进入课程详情页时，在
index.html的<head>中插入<link rel="icon" type="image/svg+xml" href="..." />，图标为该课程cover；离开页面时移除。 - CDN 规则：若图片域名为
cdn.ipadbiz.cn，自动追加?imageMogr2/thumbnail/200x/strip/quality/70。 - 位置：
/src/views/courses/CourseDetailPage.vue，使用生命周期与watch监听封面变化来设置与清理。 - 函数：
build_favicon_url(src)、set_favicon(href)、remove_favicon()。 - 401拦截策略优化（公开页面不再跳登录）
- 行为：接口返回
code=401时，不再对公开页面（如课程详情/courses/:id）进行登录重定向；仅当当前路由确实需要登录权限时才跳转至登录页。 - 原理：响应拦截器调用路由守卫
checkAuth判断当前路由是否为受限页面，受限则清理登录信息并附带redirect重定向至登录页；公开页面保持当前页，由业务自行处理401。 - 位置：
/src/utils/axios.js，在响应拦截器中按需处理重定向。