01 移动端使用说明

定位： 当您身处施工现场或不便使用 PC 时，通过手机即可完成安全检查、审批签字、设备领还等核心操作。

H5 入口说明

系统移动端基于 Vue 3 + Vant UI 构建，以 H5（Web App）形态运行，无需安装 App。

浏览器打开

1. 用手机 Chrome / Safari / 系统浏览器 访问移动端地址（如 http://your-domain.com/h5 或 http://localhost:3002）
2. 页面自动适配手机屏幕，显示品牌启动页
3. 上滑启动页 进入登录界面

[示意图：品牌启动页 → 上滑进入登录]

微信内打开

1. 将移动端地址通过微信消息发送给自己或同事
2. 点击链接，在微信内置浏览器中打开
3. 首次访问建议点击右上角 「···」→ 收藏，方便后续快速进入

提示： 如需频繁使用，可用浏览器打开后添加 「添加到主屏幕」 ，下次从桌面图标一键启动，体验接近原生 App。

登录方式

截图：移动端登录界面

登录成功后自动跳转到 移动端工作台。

扫码功能

设备扫码

用于快速查看设备信息、领用或归还设备：

1. 在设备管理列表页，点击顶部 「📷 扫一扫」 按钮
2. 授权摄像头权限（iOS 需要手动允许）
3. 将设备二维码放入屏幕框内，自动识别
4. 支持 后置摄像头 扫码，自动识别设备编码或 URL 格式二维码
5. 识别后自动跳转到设备详情页

手动输入备选：若摄像头无法使用，可在扫码页底部「手动输入设备编码」搜索。

最近扫描：成功扫过的设备会保存在「最近扫描」列表中，最多 20 条，方便快速回访。

二维码签到

培训、会议、班前会等场景支持二维码签到：

1. 进入签到页面，打开手机摄像头
2. 扫描现场大屏或纸质材料上的签到二维码
3. 系统自动记录签到时间、签到人
4. 签到成功后页面提示完成

移动签到（现场打卡）

定位打卡

安全检查、班前会等场景支持基于地理位置的签到打卡：

1. 进入签到页面，系统自动获取当前位置
2. 若定位与指定作业区域一致，点击 签到 按钮
3. 系统记录签到时间 + GPS 坐标
4. 支持查看签到历史记录

注意： 请确保手机 GPS 已开启，并在室外或信号良好的位置操作。iOS 需在 Safari 设置中允许「位置访问」。

拍照签到

现场安全检查支持拍照取证：

1. 在检查项中点击 拍照 按钮
2. 可选择 拍照 或 从相册选择
3. 照片自动关联检查记录和地理位置
4. 支持多张照片连续拍摄

快速领还与设备管理

设备快速领用

1. 进入 设备管理 列表
2. 点击目标设备卡片的 「📤 领用」 按钮
3. 填写领用表单：
   • 领用人（姓名）
   • 领用用途（作业内容）
   • 预计归还日期（默认 7 天后）
   • 备注（可选）
4. 点击 确认领用，提交领用申请
5. 提交成功后自动跳转回设备详情页

[示意图：设备列表 → 领用表单 → 提交成功]

设备快速归还

1. 在设备详情页点击 「📥 归还」 按钮
2. 填写归还表单：
   • 归还人（姓名）
   • 设备状态（良好 / 轻微损坏 / 损坏 / 丢失）
   • 归还备注（可选）
3. 系统自动展示当前借用记录供核对
4. 点击 确认归还
5. 归还成功后设备状态自动更新

设备分类与搜索

设备列表支持按分类筛选：

顶部搜索栏支持按 设备名称 / 编码 / 规格型号 搜索。

移动审批

审批待办

1. 进入 危险作业审批 页面（或通过工作台待办列表）
2. 默认显示 待审批 列表
3. 点击任意审批项查看详情：
   • 作业票编号、类型、作业地点、作业内容
   • 作业起止时间、负责人信息
   • 风险等级与控制措施
4. 在详情页底部进行审批操作

审批操作

签字批准

批准操作前需要进行电子签名确认：

1. 点击 批准 按钮
2. 弹出 SignaturePad 手写签名组件
3. 用手指在画布上书写签名
4. 确认签名后提交审批结果

手写签名

SignaturePad 组件

系统内置 SignaturePad 手写签名组件，支持以下场景：

使用方法

1. 进入签名页面，看到白色 画布区域
2. 用手指在画布上书写（建议字写大一点）
3. 支持：
   • 鼠标/手指绘画 — 桌面端用鼠标，移动端用手指
   • 清空重写 — 点击「清空」按钮重新书写
   • 确认保存 — 点击「确认签名」生成签名图片
4. 签名以 PNG 图片 保存，可嵌入审批单、责任书等文档

已签名展示

只读模式下可查看已有签名，标注「✅ 已签名」或「⏳ 未签名」。

移动端工作台入口

登录后自动进入 移动端工作台（Workbench.vue），界面组成：

顶部区域

• 问候语 — 根据当前时间显示「早上好 / 下午好 / 晚上好」
• 用户名 — 当前登录用户姓名
• 通知铃铛 — 未读通知数量角标（超过 99 显示 99+）
• 公司名称 — 云南伏达电力工程有限责任公司

快捷操作区

12 个功能入口图标，点击直达对应模块：

天气与安全建议

• 实时天气 — 当前温度、天气状况、湿度、风速
• 7 天预报 — 未来一周逐日天气
• 地质灾害预警 — 红色弹窗提醒（如有）
• 施工安全建议 — 根据天气自动给出（如：高温防暑 / 雷雨停工 / 大风预警）

待办事项

• 待审批的作业票列表
• 待处理的检查任务数量
• 点击直接跳转对应模块处理

数据统计面板

六项核心数据概览，点击可查看详情：

常见操作提示