翔安排口app
- Vue 61.4%
- JavaScript 38.1%
- SCSS 0.4%
- HTML 0.1%
| Filename | Latest commit message | Latest commit date |
|---|---|---|
| src | ||
| .env.example | ||
| .gitattributes | ||
| .gitignore | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| shims-uni.d.ts | ||
| vite.config.js | ||
翔安排口溯源 — UniApp 移动 App
独立 UniApp 工程，对接 backend/ 同一套 /api/v1 接口。
开发
cd frontend/app
npm install
npm run dev:h5
H5 开发模式通过 Vite 代理访问 http://localhost:8080。
App 真机 / 模拟器
- 修改
src/config/index.js中APP_API_HOST为电脑局域网 IP（如http://192.168.1.100:8080） - 确保手机与电脑同一网段，后端
8080可访问 - 使用 HBuilderX 打开本目录，运行到 Android 基座；或
npm run dev:app
打包 APK
使用 HBuilderX：发行 → 原生 App-云打包 / 本地打包。
CLI：npm run build:app（需配置 Android 打包环境）。
默认测试账号
| 角色 | 账号 | 密码 |
|---|---|---|
| 网格员 | grid | 123456 |
| 整改人员 | operator | 123456 |
| 部门接收人 | dept | 123456 |
| 管理员 | admin | 123456 |
当前进度（S5-App）
- 工程初始化、JWT 登录、首页、个人中心
- 工单列表/详情、V2.2 闭环（领取/分派/改派/退回公共池/整改/双方验收）
- 公共池阶段发起人编辑、五态文案、新角色（班站长/部门领导）
- 巡查上报（
uni.getLocation） - 水质监测列表 + 详情子页 + 上报（指标/字典/图片/草稿）
- 水质/地图筛选与地图页一致（
RegionTreePicker+ 关键词；村庄支流分组 10 分钟缓存） - 地图查询（天地图 Web 底图；搜索/村庄支流筛选/导航）
- 消息中心（未读角标；水质告警点击跳转水质 Tab，不带筛选参数）
- uni-push 消息推送
- Android APK 验收包
关键模块说明
| 模块 | 路径 | 说明 |
|---|---|---|
| 水质列表 | pages/water/water |
筛选与地图页同布局；列表卡片展示氨氮/总磷指标块；点击进详情 |
| 水质详情 | pages/water/detail |
展示上报全部字段（含字典项、阈值、备注、现场图） |
| 排口范围缓存 | utils/outletScopeCache.js |
村庄/支流/排口分组数据；内存 + 本地存储；TTL 10 分钟；按用户隔离；退出登录清除 |
| 区域树选择器 | components/RegionTreePicker.vue |
镇/街、上级流域分组；节点展示排口数 名称（N） |
| 消息中心 | pages/message/message |
工单消息 → 工单详情；水质告警 → 水质 Tab（redirectTo / reLaunch） |