基地教学管理系统产品系统

一、立项原因（旨在解决的问题）
教学与设备脱节：理论难映射到产线与机床现场，实践参与度低。
教学过程分散：课前准备、课堂互动、课后复盘缺统一平台与留痕机制。
评价不客观：缺少过程数据与证据化材料，考核口径不一致。
协同与合规不足：多角色权限边界不清；内网环境对外部依赖高，稳定性与合规存隐患。
目标：以统一平台实现三维可视化+实时联动+教学工具闭环，提升教学质量与管理效率。
二、行业场景与业务背景
职教/高校实训：智能制造、数控、机电等专业群，强调“教—学—考—评—证”闭环与数据化治理。
企业内训/上岗：用数字孪生复现实操与异常处置，缩短上手周期、降低培训成本。
示范与竞赛：大屏驾驶舱、指标看板与三维讲解一体，满足展陈与赛事需求。
产教融合：校企共建课程与模型资源库标准化沉淀，支持复盘与持续优化。

一、具体功能模块
账号与权限
登录/登出、角色与菜单权限、按钮级权限控制（permissionButton）、消息通知与未读提醒
教学管理
课程管理（编排课程、资源挂载）
授课与课堂互动（TeachingToolbar、白板/批注、课堂计时、截图留痕）
考试与评测（试卷管理、考试发起、成绩统计）
教学资源管理（课件/文档/视频/三维模型关联）
数字孪生与可视化
三维车间/设备展示（Three.js + GLTF/DRACO，模型：SceneAll.glb、YSV-1060Z 等）
设备与工艺状态联动（WebSocket 实时驱动），相机与基础交互
MDC 监控与驾驶舱/大屏
指标看板（OEE/节拍/产量等图表）、数值翻牌与进度环
大屏自适配与主题布局（myVScaleScreen + UnoCSS）
DNC 与生产配套
DNC 模块入口与接口封装，程序/任务对接（依据 src/views/dncModule 与 api）
资源与文件
文件/视频/三维模型集中管理与上传（uploadApi）
系统管理
用户/角色/菜单、数据字典、系统参数、系统消息
报表统计
教学、设备、资源等维度的图表与统计视图（ECharts）
通用能力
HTTP 请求封装、WebSocket 通道、缓存与本地存储、校验与工具库
二、项目主要功能描述
教学闭环实施
课程编排到课堂授课的一体化流程，内置白板批注、截图取证与课堂计时；课后通过试卷/考试完成评测，形成“教—学—考—评—证”的闭环数据。
车间实景与课堂联动
三维车间/设备模型在浏览器端加载与交互，结合 WebSocket 实时状态，将工艺、产线节拍与课堂讲解同屏呈现，提升理解与参与度。
驾驶舱与大屏展示
面向教学楼/展陈/竞赛的看板与驾驶舱：指标卡片、图表联动、视频/三维切换，支持多分辨率自适配与主题化布局。

我负责的具体任务
教学管理链路：课程、授课、考试评测页面与接口联调。
三维可视化：Three+GLTF/DRACO 加载场景与设备，材质/动画交互。
实时联动：WebSocket 驱动 3D 与图表同步更新。
大屏驾驶舱：ECharts 指标、数值翻牌/进度环与自适配（myVScaleScreen）。
教学互动：Fabric 白板/批注、截图留痕导出。
权限与路由：按钮级权限与路由守卫对接。
基础设施：HTTP 封装、缓存与校验；构建与性能优化（gzip/terser、包体分析、资源本地化）。
技术栈、架构、亮点与难点
技术栈：Vue3.5+TS5+Vite5，Pinia，Vue Router，Element Plus，vxe-table，UnoCSS；ECharts，Three.js，@tweenjs/tween.js；unplugin-auto-import/vue-components/icons，vite-plugin-svg-icons。
架构：views/components/store/api/utils/config/router 分层；3D加载、WebSocket、图表、权限、白板等能力模块化。
亮点：三维+教学深度融合；内网本地化资源；组件与样式按需；类型安全与工程化闭环。
难点与对策：大模型与帧率（DRACO+按需/分片）；实时抖动（断线重连+节流/去抖）；万行表格（虚拟滚动与列按需）；复杂权限（路由 meta+按钮权限）；多分辨率（等比缩放与主题统一）。