任务详情
一、需求背景：
现有一个ai智能教育平台（vue.js前端+api），需要迁移到平板端供学校下发至学生操作使用，现需求如下：
前端适配优化：网页所有功能在平板上触控流畅，布局合理
浏览器功能锁定：学生使用时无法退出全屏，无法调用浏览器功能（如地址栏、多标签页）
封装为独立安装包：生成安装apk，便于安装到学校统一采购的平板上
网页主页基础界面示意图
二、具体需求清单：
前端适配优化（核心）
网页版前端为vue
• 触控交互
- 所有点击目标放大至≥48dp，避免误触。
- 禁用长按/右键菜单（防止调出浏览器菜单）。
• 布局调整
- 横屏锁定（通过CSS或JS强制横屏显示）。
- 响应式重构：确保对话、文件上传、报告生成等核心功能在平板分辨率下完整显示。
浏览器全屏化 + 功能锁定
• 全屏化代码：在网站前端添加自动全屏代码，学生打开网页时自动占满屏幕。
• 限制浏览器功能：
- 屏蔽地址栏（通过PWA或Meta标签强制隐藏）。
- 禁用缩放、后退/刷新/多标签页。
- 阻止右键菜单（防止学生调出开发者工具）。
- 拦截物理返回键（仅限Web环境，非系统级）
• 会话持久化
- 防止意外退出后需重新登录（延长Cookie有效期）。
封装为安卓apk
三、技术要求
前端开发：精通Vue.js响应式布局、移动端触控事件优化
安卓封装：熟悉Capacitor/Cordova，有Kiosk模式开发经验。
四、交付物与验收标准
必须交付的内容
优化后的网站代码
安卓APK安装包：
全屏锁定、禁用返回/主页键。
通过平板真机测试。
部署文档：
APK安装指南或批量部署到学校平板的工具
五、预算与时间
预算：8k-18k（根据封装复杂度价格可议）。
时间：5-7天（适配3天 + 封装测试2天）。
