docs(wiki): B1/B4 修复条目 — JWT 死代码 + alertmanager 盲飞 + 项目阶段 5 阻塞状态

- 症状导航 +2 条：JWT doc-code drift 死代码（change-me-in-production 无注入源）/ alertmanager 渠道占位盲飞
- 项目阶段行更新：上线评估 6.4/10 + 5 阻塞状态（B1/B4 代码层已修，B2/B3/B5 待 staging）
- 表头日期 2026-06-26

.gitea/workflows/ci.yml

@@ -46,6 +46,47 @@ jobs:
           ERP__JWT__SECRET: ci-test-secret
           ERP__AUTH__SUPER_ADMIN_PASSWORD: CI_Test_Pass_2026
 
+  # PP-10: 覆盖率 baseline（软门禁阶段）
+  # 当前 continue-on-error=true，先让覆盖率可见、生成报告 artifact。
+  # 后续根据 baseline 真实数据提高 fail-under 阈值（目标 service 层 ≥60%）并去掉
+  # continue-on-error 硬化门禁。见 docs/discussions/2026-06-25-analysis/ PP-10。
+  coverage:
+    runs-on: ubuntu-latest
+    continue-on-error: true
+    services:
+      postgres:
+        image: postgres:16
+        env:
+          POSTGRES_DB: erp_test
+          POSTGRES_USER: test
+          POSTGRES_PASSWORD: test
+        ports:
+          - 5432:5432
+        options: >-
+          --health-cmd pg_isready
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+    steps:
+      - uses: actions/checkout@v4
+      - uses: dtolnay/rust-toolchain@stable
+      - uses: Swatinem/rust-cache@v2
+        with:
+          workspaces: ". -> target"
+      - name: Install cargo-tarpaulin
+        run: cargo install cargo-tarpaulin --locked
+      - name: Run coverage (fail-under 20% baseline)
+        run: cargo tarpaulin --workspace --out Xml --output-dir coverage --fail-under 20 -- --test-threads=2
+        env:
+          ERP__DATABASE__URL: postgres://test:test@localhost:5432/erp_test
+          ERP__JWT__SECRET: ci-test-secret
+          ERP__AUTH__SUPER_ADMIN_PASSWORD: CI_Test_Pass_2026
+      - uses: actions/upload-artifact@v4
+        with:
+          name: coverage-report
+          path: coverage/
+          if-no-files-found: warn
+
   frontend-build:
     runs-on: ubuntu-latest
     steps:
@@ -67,3 +108,19 @@ jobs:
         with:
           node-version: "20"
       - run: cd apps/web && corepack enable && pnpm install --frozen-lockfile && pnpm audit
+
+  miniprogram-test:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: apps/miniprogram
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+      - run: corepack enable && pnpm install --frozen-lockfile
+      - name: TypeScript check
+        run: npx tsc --noEmit
+      - name: Run tests
+        run: npx vitest run

.github/workflows/test.yml

@@ -17,7 +17,7 @@ jobs:
         image: postgres:16
         env:
           POSTGRES_USER: postgres
-          POSTGRES_PASSWORD: 123123
+          POSTGRES_PASSWORD: postgres
           POSTGRES_DB: postgres
         ports:
           - 5432:5432
@@ -28,9 +28,9 @@ jobs:
           --health-retries 5
 
     env:
-      TEST_DB_URL: postgres://postgres:123123@localhost:5432/postgres
+      TEST_DB_URL: postgres://postgres:postgres@localhost:5432/postgres
       JWT_SECRET: test-jwt-secret-for-ci
-      DATABASE_URL: postgres://postgres:123123@localhost:5432/erp_ci
+      DATABASE_URL: postgres://postgres:postgres@localhost:5432/erp_ci
 
     steps:
       - uses: actions/checkout@v4
@@ -81,4 +81,29 @@ jobs:
         run: pnpm build
 
       - name: Security audit (npm)
-        run: npx npm-audit --audit-level=high || true
+        run: npx npm-audit --audit-level=high
+
+  miniprogram-test:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: apps/miniprogram
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 10
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+          cache-dependency-path: apps/miniprogram/pnpm-lock.yaml
+
+      - run: pnpm install --frozen-lockfile
+
+      - name: TypeScript check
+        run: npx tsc --noEmit
+
+      - name: Run tests
+        run: npx vitest run

.gitignore

@@ -82,6 +82,28 @@ tmp/
 screenshots/
 server-log.txt
 snapshot_*.txt
+_*.txt
+_server_*.txt
+tmp_*.txt
+direct_*.txt
+server_*.txt
+server_combined.txt
+out.txt
+_wx_login.json
+.claude/settings.json
+
+# Trace/debug JSON
+trace-*.json
+
+# Graphify knowledge graph (regenerated locally)
+graphify-out/
+
+# Native miniprogram (separate project)
+apps/mp-native/
+
+# Misc untracked
+err.txt
 uploads/g:/hms/.superpowers/
 .claude/skills/design-handoff/node_modules/
 .design/config.yml
+.superpowers/

CLAUDE.md

@@ -177,8 +177,13 @@
 
 - [ ] 新增端点有权限声明（默认拒绝，不是默认放行）
 - [ ] 敏感数据有脱敏/加密处理（PII 字段走 AES-256-GCM）
-- [ ] 用户输入已验证和消毒（防 SQL 注入、XSS）
-- [ ] 无 CORS 通配符、无硬编码密钥
+- [ ] 用户输入已验证和消毒（防 SQL 注入、XSS、命令注入、路径穿越）
+- [ ] 无 CORS 通配符、无硬编码密钥、无 fallback 默认密钥
+- [ ] 日志中无敏感数据输出（密码、token、身份证号、手机号等）
+- [ ] 文件上传有 MIME 类型验证 + 大小限制 + 路径穿越防护
+- [ ] API 响应不暴露内部实现细节（数据库错误、堆栈跟踪、文件路径）
+- [ ] 速率限制已配置（认证端点更严格）
+- [ ] 密钥通过环境变量注入，`.env.example` 已同步更新
 
 #### 文档一致性
 
@@ -224,7 +229,7 @@
 
 #### 新增 API 端点安全检查（强制）
 
-> 历史数据：25 次安全 fix 中 80% 源于默认放行模式。
+> 默认拒绝是安全基线 — 绝大多数安全修复源于默认放行模式。
 > 新增端点时**必须**逐项确认：
 
 - [ ] 端点已添加 `require_permission` 权限守卫（非公开端点）
@@ -237,7 +242,7 @@
 
 #### 前后端接口同步检查（强制）
 
-> 历史数据：35 次 fix 源于前后端接口不一致。
+> 前后端接口不一致是高频 bug 来源 — 任何 DTO 变更必须双向同步。
 > 后端 DTO 变更时**必须**同步检查前端：
 
 - [ ] DTO 字段名变更 → 前端 TypeScript 接口同步更新
@@ -249,7 +254,7 @@
 
 #### DTO 输入校验检查（强制）
 
-> 历史数据：2026-05-19 全系统审计发现 44 处校验缺失。
+> DTO 输入校验是安全防线 — 缺失校验等于暴露攻击面，Update 和 Create 必须对称。
 > 新增/修改 DTO 时**必须**逐项确认：
 
 - [ ] 所有请求结构体已 `derive(Validate)`（包括 Update\*Req、查询参数）
@@ -291,6 +296,50 @@
 // 国际化文案使用 i18n key，不硬编码中文
 ```
 
+### 3.7 安全规范
+
+#### 密钥与凭据管理
+
+- 所有密钥、token、密码**必须**通过环境变量或密钥管理服务注入，**禁止**硬编码在源码中
+- 开发环境密钥**必须**与生产环境严格隔离（`cfg(debug_assertions)` 编译期防护）
+- 生产密钥**禁止**有 fallback 默认值，缺失时启动 panic
+- 新增密钥时必须同步更新 `.env.example` 和 `wiki/infrastructure.md`
+
+#### 依赖安全
+
+- 新增依赖前**必须**检查已知漏洞（`cargo audit` / `npm audit`）
+- 禁止引入有未修补高危漏洞的依赖版本
+- 定期更新依赖到最新安全补丁版本
+
+#### 数据安全
+
+- PII 数据（姓名、身份证号、手机号、地址等）**必须**加密存储（AES-256-GCM）
+- 日志中**禁止**输出 PII 数据和认证凭据（密码、token、session key）
+- 敏感操作（登录、权限变更、数据导出、批量删除）**必须**记录审计日志（操作者、时间、目标、结果）
+- 文件上传**必须**验证 MIME 类型 + 限制文件大小 + 防止路径穿越（文件名 sanitize）
+
+#### 传输安全
+
+- 生产环境**必须**强制 HTTPS，**禁止**降级到 HTTP
+- HTTP 响应**必须**包含安全头（HSTS、CSP、X-Frame-Options、X-Content-Type-Options、Permissions-Policy）
+- SSE/WebSocket 长连接认证 token 不通过 URL query 参数传递（使用 header 或 cookie）
+- API 响应**禁止**暴露内部实现细节（堆栈跟踪、数据库错误、文件路径、SQL 语句）
+
+#### 认证与授权
+
+- 密码**必须**使用单向哈希（bcrypt/argon2），**禁止**明文或可逆加密存储
+- JWT **必须**设置合理过期时间，支持 token 吊销机制
+- 敏感操作（删除数据、权限变更）需要二次确认
+- 权限检查在 handler 层执行，**禁止**仅依赖前端隐藏控制访问
+- `tenant_id` **必须**从 JWT 中间件注入，**禁止**信任客户端传递的值
+
+#### 速率限制
+
+- 所有 API 端点**必须**配置速率限制
+- 认证相关端点（登录、注册、密码重置）限制更严格
+- 批量操作和数据导出需要独立的速率限制策略
+- 速率限制超出时返回 429 状态码，响应包含 `Retry-After` header
+
 ---
 
 ## 4. 测试与验证
@@ -409,17 +458,24 @@ chore(docker): 添加 PostgreSQL 健康检查
 - ❌ **不要**跳过验证直接提交 — 编译/测试/功能验证必须全部通过
 - ❌ **不要**提交后忘记推送 — 不推送等于没完成，远程仓库必须同步。每次新会话开始先检查未推送提交
 - ❌ **不要**忘记更新文档 — 涉及架构、接口、模块变化时必须同步更新相关文档
-- ❌ **不要**连续 5 个代码提交不更新 wiki — wiki 是团队唯一真相源，过期数据比没有数据更有害（5 月实测：89 fix 仅 11 有 wiki 更新，关键数字迁移数差 8 个）
+- ❌ **不要**连续 5 个代码提交不更新 wiki — wiki 是团队唯一真相源，过期数据比没有数据更有害
 - ❌ **不要**修复 bug 后跳过症状导航更新 — 每个修复都应该帮助未来遇到同类问题的人快速定位根因
 - ❌ **不要**新增功能后不更新 wiki 关键数字 — 迁移数/路由数/实体数/测试数必须与代码同步，否则 wiki 指标表就是废数据
 - ❌ **不要**一次性输出长文档 — 超过 200 行的文档必须分步编写（先大纲 → 逐章 → 整合），否则会因上下文过长卡死
 - ❌ **不要**忽略讨论记录 — 每次发散式讨论结束后必须建立文档到 `docs/discussions/`，不要口头确认后就忘
-- ❌ **不要**跳过 Feature DoD — 每个功能标记"完成"前必须通过 §2.6 检查清单，不全面验证就提交 = 后续 5 次 fix（媒体库教训）
-- ❌ **不要**新增端点时默认放行 — 所有端点默认拒绝访问，必须显式声明权限（安全教训：25 次 fix 源于默认放行）
-- ❌ **不要**后端 DTO 变更不同步前端 — 字段名/路径/类型变更时必须同步更新前端 TypeScript 接口（35 次 fix 教训）
-- ❌ **不要**写 Update DTO 时省略校验 — Update*Req 必须与 Create*Req 校验对称（44 处缺失教训：Update 无 Validate derive / 枚举字段无 custom 校验 / Vec 无 min=1 / 密码无 max）
+- ❌ **不要**跳过 Feature DoD — 每个功能标记"完成"前必须通过 §2.6 检查清单，不全面验证就提交将导致后续反复修复
+- ❌ **不要**新增端点时默认放行 — 所有端点默认拒绝访问，必须显式声明权限
+- ❌ **不要**后端 DTO 变更不同步前端 — 字段名/路径/类型变更时必须同步更新前端 TypeScript 接口
+- ❌ **不要**写 Update DTO 时省略校验 — Update*Req 必须与 Create*Req 校验对称（Validate derive / 枚举 custom / Vec min=1 / 密码 max=128）
 - ❌ **不要**URL 字段不做 SSRF 防护 — 禁止 localhost/127.0.0.1/内网地址，仅允许 http/https 协议
 - ❌ **不要**handler 层跳过 `.validate()` — 所有 `Json<T>` handler 函数体第一行必须调 `req.validate().map_err(\|e\| AppError::Validation(e.to_string()))?`
+- ❌ **不要**在日志中输出敏感数据 — 密码、token、身份证号、手机号等 PII 信息禁止写入日志
+- ❌ **不要**信任客户端传递的 `tenant_id` — 必须从 JWT 中间件注入，客户端可伪造
+- ❌ **不要**在生产代码中使用 `unwrap()` — 必须处理所有错误，使用 `?` 或 `map_err`
+- ❌ **不要**将内部错误信息返回给客户端 — 数据库错误、堆栈跟踪、文件路径等必须转换为用户友好的错误消息
+- ❌ **不要**使用 HTTP 传输敏感数据 — 生产环境必须 HTTPS
+- ❌ **不要**跳过依赖安全检查 — 新增依赖前运行 `cargo audit` / `npm audit`，禁止引入有高危漏洞的版本
+- ❌ **不要**文件上传不做安全处理 — 必须验证 MIME 类型 + 限制大小 + sanitize 文件名防路径穿越
 
 ### 场景化指令
 
@@ -448,3 +504,32 @@ chore(docker): 添加 PostgreSQL 健康检查
 | 设计文档索引 | `wiki/index.md` |
 | 开发进度、模块状态 | `wiki/index.md` 关键数字 |
 | 环境配置、连接信息、登录凭据 | `wiki/infrastructure.md` §2 |
+
+## graphify — 代码知识图谱
+
+> 项目知识图谱位于 `graphify-out/`，当前规模：18,517 节点 / 22,666 边 / 1,841 社区（纯 AST 解析，无 API 成本）。
+> 工具：`python -m graphify`（已安装 graphifyy 0.8.18）。
+
+### 开发流程中的使用场景
+
+| 时机 | 命令 | 目的 |
+|------|------|------|
+| **接手新任务，理解代码关系** | `graphify query "概念名"` | 搜索相关节点，比 Grep 更精准（按调用/引用/包含关系） |
+| **排查 bug，追踪调用链** | `graphify path "A" "B"` | 查找两个模块/函数间的最短路径 |
+| **理解某个模块的职责** | `graphify explain "模块名"` | 自然语言解释节点及其邻居 |
+| **代码改动后** | `graphify update .` | 增量更新图谱（AST-only，秒级完成） |
+| **宏观架构审查** | 读 `graphify-out/GRAPH_REPORT.md` | 全局社区结构、跨文件关系概览 |
+
+### 使用优先级（融入 §2.5 闭环工作法）
+
+在 §2.5 步骤 1「现状确认」中，**优先使用 graphify 替代盲目 Grep**：
+
+1. **先 `graphify query`** — 精确定位相关节点和社区（比 Grep 返回更结构化的结果）
+2. **再 `graphify path`** — 确认模块间依赖路径（避免遗漏间接依赖）
+3. **最后 Grep/Glob/Read** — 确认 graphify 发现的具体文件内容
+
+### 注意事项
+
+- `graphify update .` 纯本地 AST 解析，不消耗 LLM token，每次代码改动后都可以运行
+- 查询结果比 GRAPH_REPORT.md 更精准，优先使用 query/path/explain，仅在需要全局视图时读报告
+- 首次生成需几分钟（1712 文件），后续增量更新秒级完成

Cargo.toml

@@ -120,6 +120,9 @@ handlebars = "6"
 # HTML sanitization
 ammonia = "4"
 
+# Document parsing
+pdf-extract = "0.7"
+
 # Metrics
 metrics = "0.24"
 metrics-exporter-prometheus = "0.16"

apps/miniprogram/.env.production

@@ -0,0 +1,5 @@
+TARO_APP_API_URL=https://api.hms.example.com/api/v1
+TARO_APP_DEFAULT_TENANT_ID=
+# TARO_APP_ENCRYPTION_KEY 不在此文件设置
+# 生产密钥通过 CI/CD 环境变量注入（dotenv 不覆盖已有 env var）
+# 本地 build:weapp 测试时自动回退到 .env 中的开发密钥

apps/miniprogram/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "arrowParens": "always"
+}

apps/miniprogram/__tests__/helpers/mock-api.ts

@@ -11,6 +11,9 @@ vi.mock('@/services/request', () => ({
   clearRequestCache: vi.fn(),
   markLoggingOut: vi.fn(),
   clearLoggingOut: vi.fn(),
+  getCachedPatientId: vi.fn(() => ''),
+  setCachedPatientId: vi.fn(),
+  resetForTesting: vi.fn(),
 }));
 
 /** 创建一个成功的 API 响应 */

apps/miniprogram/__tests__/services/analytics-pii.test.ts

@@ -0,0 +1,99 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+
+vi.mock('@tarojs/taro', () => ({
+  default: {
+    getStorageSync: vi.fn(() => []),
+    setStorage: vi.fn(),
+    removeStorageSync: vi.fn(),
+  },
+}));
+
+vi.mock('@/services/request', () => ({
+  api: { post: vi.fn().mockResolvedValue({ success: true }) },
+}));
+
+describe('Analytics PII 清理', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('flushEvents 发送的 batch 不含 PII', async () => {
+    const { trackEvent, flushEvents } = await import('@/services/analytics');
+    const { api } = await import('@/services/request');
+
+    trackEvent('page_view', {
+      page: 'health',
+      userId: 'should-be-removed',
+      patientId: 'should-be-removed',
+      user_name: 'should-be-removed',
+      phone: 'should-be-removed',
+      id_card: 'should-be-removed',
+    });
+
+    await flushEvents();
+
+    const postCall = vi.mocked(api.post).mock.calls[0];
+    const body = postCall[1] as { events: Array<Record<string, unknown>> };
+    const evt = body.events[0];
+
+    // 事件级别不应有 userId/patientId
+    expect(evt).not.toHaveProperty('userId');
+    expect(evt).not.toHaveProperty('patientId');
+
+    // properties 中不应有 PII 字段
+    const props = evt.properties as Record<string, unknown>;
+    expect(props).not.toHaveProperty('userId');
+    expect(props).not.toHaveProperty('patientId');
+    expect(props).not.toHaveProperty('user_name');
+    expect(props).not.toHaveProperty('phone');
+    expect(props).not.toHaveProperty('id_card');
+
+    // 正常字段保留
+    expect(props.page).toBe('health');
+  });
+
+  it('trackEvent 不在事件级别包含 userId/patientId', async () => {
+    const { trackEvent, flushEvents } = await import('@/services/analytics');
+    const { api } = await import('@/services/request');
+
+    trackEvent('test_event');
+    await flushEvents();
+
+    const postCall = vi.mocked(api.post).mock.calls[0];
+    const body = postCall[1] as { events: Array<Record<string, unknown>> };
+    const evt = body.events[0];
+
+    expect(evt).not.toHaveProperty('userId');
+    expect(evt).not.toHaveProperty('patientId');
+  });
+
+  it('sanitizeProperties 过滤所有 PII 标识字段', async () => {
+    const { trackEvent, flushEvents } = await import('@/services/analytics');
+    const { api } = await import('@/services/request');
+
+    trackEvent('test', {
+      openid: 'oXXX',
+      access_token: 'tok',
+      refresh_token: 'ref',
+      email: 'test@test.com',
+      address: '某地',
+      mobile: '13800001111',
+      page: 'settings', // 非 PII 字段
+    });
+
+    await flushEvents();
+
+    const postCall = vi.mocked(api.post).mock.calls[0];
+    const body = postCall[1] as { events: Array<Record<string, unknown>> };
+    const props = body.events[0].properties as Record<string, unknown>;
+
+    // 全部 PII 被过滤，只剩 page
+    expect(props).not.toHaveProperty('openid');
+    expect(props).not.toHaveProperty('access_token');
+    expect(props).not.toHaveProperty('refresh_token');
+    expect(props).not.toHaveProperty('email');
+    expect(props).not.toHaveProperty('address');
+    expect(props).not.toHaveProperty('mobile');
+    expect(props.page).toBe('settings');
+  });
+});

apps/miniprogram/__tests__/services/request.test.ts

@@ -7,7 +7,7 @@ vi.mock('@tarojs/taro', () => ({
     getStorageSync: vi.fn(() => ''),
     setStorageSync: vi.fn(),
     showToast: vi.fn(),
-    reLaunch: vi.fn(),
+    reLaunch: vi.fn(() => Promise.resolve()),
     getCurrentPages: vi.fn(() => []),
   },
 }));
@@ -23,7 +23,7 @@ vi.mock('@/utils/secure-storage', () => ({
 }));
 
 import Taro from '@tarojs/taro';
-import { api, clearRequestCache, resetForTesting } from '@/services/request';
+import { api, clearRequestCache, resetForTesting, setCachedPatientId } from '@/services/request';
 
 describe('request module', () => {
   beforeEach(() => {
@@ -148,4 +148,218 @@ describe('request module', () => {
       await expect(api.get('/bad-params')).rejects.toThrow('参数错误');
     });
   });
+
+  describe('ResponseCache', () => {
+    it('should cache GET responses and return cached on second call', async () => {
+      vi.mocked(Taro.request).mockResolvedValue({ statusCode: 200, data: { success: true, data: { id: '1' } } } as any);
+
+      await api.get('/cached-test');
+      await api.get('/cached-test');
+
+      expect(Taro.request).toHaveBeenCalledTimes(1);
+    });
+
+    it('should not cache POST requests', async () => {
+      vi.mocked(Taro.request).mockResolvedValue({ statusCode: 200, data: { success: true, data: {} } } as any);
+
+      await api.post('/no-cache', { a: 1 });
+      await api.post('/no-cache', { a: 1 });
+
+      expect(Taro.request).toHaveBeenCalledTimes(2);
+    });
+
+    it('clearRequestCache should clear cached entries', async () => {
+      vi.mocked(Taro.request).mockResolvedValue({ statusCode: 200, data: { success: true, data: { v: 1 } } } as any);
+
+      await api.get('/clear-test');
+      clearRequestCache();
+      await api.get('/clear-test');
+
+      expect(Taro.request).toHaveBeenCalledTimes(2);
+    });
+  });
+
+  describe('setCachedPatientId', () => {
+    it('should isolate cache entries by patient ID', async () => {
+      vi.mocked(Taro.request).mockResolvedValue({ statusCode: 200, data: { success: true, data: { v: 1 } } } as any);
+      setCachedPatientId('patient-A');
+      await api.get('/health/data');
+
+      setCachedPatientId('patient-B');
+      await api.get('/health/data');
+
+      // 不同 patient ID 应各自发请求（缓存隔离）
+      expect(Taro.request).toHaveBeenCalledTimes(2);
+    });
+  });
+
+  describe('requestUnlimited', () => {
+    it('should bypass concurrency limiter', async () => {
+      vi.mocked(Taro.request).mockResolvedValue({ statusCode: 200, data: { success: true, data: 'ok' } } as any);
+
+      const { requestUnlimited } = await import('@/services/request');
+      await requestUnlimited('GET', '/health/test');
+
+      expect(Taro.request).toHaveBeenCalledWith(
+        expect.objectContaining({ method: 'GET' }),
+      );
+    });
+  });
+
+  describe('ConcurrencyLimiter', () => {
+    it('should queue requests when at capacity', async () => {
+      const { ConcurrencyLimiter } = await import('@/services/request/limiter');
+      const limiter = new ConcurrencyLimiter(2);
+      const order: number[] = [];
+
+      const acquire1 = limiter.acquire();
+      const acquire2 = limiter.acquire();
+      // Third acquire should queue
+      const acquire3 = limiter.acquire().then(() => order.push(3));
+
+      order.push(1);
+      order.push(2);
+
+      // Release one to unblock the third
+      limiter.release();
+      await acquire3;
+
+      expect(order).toContain(3);
+      limiter.release();
+      limiter.release();
+    });
+
+    it('should release in FIFO order', async () => {
+      const { ConcurrencyLimiter } = await import('@/services/request/limiter');
+      const limiter = new ConcurrencyLimiter(1);
+      const order: string[] = [];
+
+      await limiter.acquire(); // fills the slot
+
+      const p2 = limiter.acquire().then(() => order.push('second'));
+      const p3 = limiter.acquire().then(() => order.push('third'));
+
+      limiter.release(); // releases second
+      await p2;
+      limiter.release(); // releases third
+      await p3;
+
+      expect(order).toEqual(['second', 'third']);
+    });
+  });
+
+  describe('ResponseCache LRU', () => {
+    it('should update insertion order on cache hit', async () => {
+      const { ResponseCache } = await import('@/services/request/cache');
+      const cache = new ResponseCache(3, 60_000);
+      cache.setPatientId('p1');
+
+      cache.set('/a', 'data-a');
+      cache.set('/b', 'data-b');
+      cache.set('/c', 'data-c');
+
+      // Access /a to move it to the end (most recently used)
+      cache.get('/a');
+
+      // Adding /d should evict /b (oldest after /a was accessed)
+      cache.set('/d', 'data-d');
+
+      expect(cache.get('/b')).toBeNull();
+      expect(cache.get('/a')).toBe('data-a');
+      expect(cache.get('/d')).toBe('data-d');
+    });
+
+    it('should expire entries based on TTL', async () => {
+      const { ResponseCache } = await import('@/services/request/cache');
+      vi.useFakeTimers();
+      const cache = new ResponseCache(100, 1000);
+      cache.setPatientId('p1');
+
+      cache.set('/expiring', 'data', 500);
+      expect(cache.get('/expiring')).toBe('data');
+
+      vi.advanceTimersByTime(600);
+      expect(cache.get('/expiring')).toBeNull();
+
+      vi.useRealTimers();
+    });
+  });
+
+  describe('token refresh & 401 retry', () => {
+    it('should throw immediately when isLoggingOut is true', async () => {
+      const { markLoggingOut } = await import('@/services/request');
+      vi.mocked(Taro.request).mockResolvedValue({ statusCode: 401, data: {} } as any);
+
+      markLoggingOut();
+      await expect(api.get('/protected')).rejects.toThrow('登录已过期');
+    });
+
+    it('should attempt token refresh on 401', async () => {
+      const mockStore: Record<string, string> = {
+        access_token: 'expired-token',
+        refresh_token: 'valid-refresh',
+        tenant_id: 'test-tenant',
+      };
+
+      // Override secureGet for this test
+      const { secureGet } = await import('@/utils/secure-storage');
+      vi.mocked(secureGet).mockImplementation((key: string) => mockStore[key] || '');
+
+      // First call: 401 → triggers refresh
+      // Refresh call: success
+      // Retry call: success
+      vi.mocked(Taro.request)
+        .mockResolvedValueOnce({ statusCode: 401, data: {} } as any)
+        .mockResolvedValueOnce({ statusCode: 200, data: { success: true, data: { access_token: 'new-token', refresh_token: 'new-refresh', expires_in: 3600 } } } as any)
+        .mockResolvedValueOnce({ statusCode: 200, data: { success: true, data: { result: 'ok' } } } as any);
+
+      const result = await api.get('/needs-auth');
+
+      expect(result).toEqual({ result: 'ok' });
+      // 3 calls: initial 401 + refresh + retry
+      expect(Taro.request).toHaveBeenCalledTimes(3);
+    });
+
+    it('should redirect to login when refresh fails', async () => {
+      const mockStore: Record<string, string> = {
+        access_token: 'expired-token',
+        refresh_token: 'bad-refresh',
+        tenant_id: 'test-tenant',
+      };
+
+      const { secureGet } = await import('@/utils/secure-storage');
+      vi.mocked(secureGet).mockImplementation((key: string) => mockStore[key] || '');
+      vi.mocked(Taro.getCurrentPages).mockReturnValue([{ path: 'pages/home' } as any]);
+
+      vi.mocked(Taro.request)
+        .mockResolvedValueOnce({ statusCode: 401, data: {} } as any)
+        .mockResolvedValueOnce({ statusCode: 401, data: {} } as any); // refresh fails
+
+      await expect(api.get('/protected-resource')).rejects.toThrow('登录已过期');
+      expect(Taro.reLaunch).toHaveBeenCalledWith({ url: '/pages/login/index' });
+    });
+  });
+
+  describe('safeReLaunch dedup', () => {
+    it('should only call reLaunch once for concurrent requests', async () => {
+      const { markLoggingOut } = await import('@/services/request');
+      vi.mocked(Taro.request).mockResolvedValue({ statusCode: 401, data: {} } as any);
+      vi.mocked(Taro.getCurrentPages).mockReturnValue([{ path: 'pages/home' } as any]);
+
+      const mockStore: Record<string, string> = {
+        access_token: 'expired',
+        refresh_token: 'bad',
+        tenant_id: 't1',
+      };
+      const { secureGet } = await import('@/utils/secure-storage');
+      vi.mocked(secureGet).mockImplementation((key: string) => mockStore[key] || '');
+
+      // First call sets isLoggingOut, second call hits early exit
+      await expect(api.get('/test1')).rejects.toThrow();
+      await expect(api.get('/test2')).rejects.toThrow();
+
+      // reLaunch should be called at most once
+      expect(vi.mocked(Taro.reLaunch).mock.calls.length).toBeLessThanOrEqual(1);
+    });
+  });
 });

apps/miniprogram/__tests__/utils/request-signer.test.ts

@@ -0,0 +1,66 @@
+import { describe, it, expect } from 'vitest';
+import { signRequest, generateNonce, hmacSha256Sync } from '@/utils/request-signer';
+
+describe('generateNonce', () => {
+  it('生成 16 字符十六进制字符串', () => {
+    const nonce = generateNonce();
+    expect(nonce).toHaveLength(16);
+    expect(nonce).toMatch(/^[0-9a-f]{16}$/);
+  });
+
+  it('连续调用生成不同值', () => {
+    const n1 = generateNonce();
+    const n2 = generateNonce();
+    expect(n1).not.toBe(n2);
+  });
+});
+
+describe('hmacSha256Sync', () => {
+  it('相同输入产生相同输出', () => {
+    const key = 'test-key';
+    const msg = 'hello world';
+    const r1 = hmacSha256Sync(key, msg);
+    const r2 = hmacSha256Sync(key, msg);
+    expect(r1).toBe(r2);
+    expect(r1).toHaveLength(64); // SHA-256 = 32 bytes = 64 hex chars
+  });
+
+  it('不同输入产生不同输出', () => {
+    const r1 = hmacSha256Sync('key', 'msg1');
+    const r2 = hmacSha256Sync('key', 'msg2');
+    expect(r1).not.toBe(r2);
+  });
+});
+
+describe('signRequest', () => {
+  const signingKey = 'test-signing-key-256-bit!!!!!!!!!!!';
+
+  it('GET 请求生成正确的签名头', () => {
+    const headers = signRequest('GET', '/health/patients', undefined, signingKey);
+
+    expect(headers).toHaveProperty('X-Signature');
+    expect(headers).toHaveProperty('X-Timestamp');
+    expect(headers).toHaveProperty('X-Nonce');
+    expect(headers['X-Nonce']).toHaveLength(16);
+    expect(headers['X-Signature']).toHaveLength(64);
+  });
+
+  it('POST 请求包含 body hash', () => {
+    const headers = signRequest('POST', '/health/vital-signs', { value: 120 }, signingKey);
+
+    expect(headers).toHaveProperty('X-Signature');
+    expect(headers['X-Signature']).toHaveLength(64);
+  });
+
+  it('无 body 时也能正常签名', () => {
+    const headers = signRequest('GET', '/test', undefined, signingKey);
+    expect(headers['X-Signature']).toBeTruthy();
+  });
+
+  it('相同参数不同 nonce 产生不同签名', () => {
+    const h1 = signRequest('GET', '/test', undefined, signingKey);
+    // 由于 nonce 不同，签名也不同
+    const h2 = signRequest('GET', '/test', undefined, signingKey);
+    expect(h1['X-Signature']).not.toBe(h2['X-Signature']);
+  });
+});

apps/miniprogram/__tests__/utils/secure-storage.test.ts

@@ -0,0 +1,324 @@
+/**
+ * secure-storage AES-256-GCM 测试
+ * 覆盖：加解密对称性、空值删除、明文兼容、迁移、Base64 边界
+ */
+import { vi, describe, it, expect, beforeEach } from 'vitest';
+
+// --- crypto.getRandomValues polyfill ---
+if (!globalThis.crypto?.getRandomValues) {
+  globalThis.crypto = {
+    getRandomValues: (arr: any) => {
+      for (let i = 0; i < arr.length; i++) arr[i] = (Math.random() * 256) | 0;
+      return arr;
+    },
+  } as any;
+}
+
+// --- Mock @tarojs/taro (覆盖 setup.ts 中的默认 mock，添加 base64 方法) ---
+const storage = new Map<string, string>();
+
+vi.mock('@tarojs/taro', () => ({
+  default: {
+    getStorageSync: vi.fn((key: string) => storage.get(key) ?? ''),
+    setStorageSync: vi.fn((key: string, value: string) => { storage.set(key, value); }),
+    removeStorageSync: vi.fn((key: string) => { storage.delete(key); }),
+    arrayBufferToBase64: vi.fn((buf: ArrayBuffer) => {
+      const bytes = new Uint8Array(buf);
+      let binary = '';
+      for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i]);
+      return btoa(binary);
+    }),
+    base64ToArrayBuffer: vi.fn((b64: string) => {
+      const binary = atob(b64);
+      const bytes = new Uint8Array(binary.length);
+      for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+      return bytes.buffer;
+    }),
+  },
+}));
+
+// --- Mock 加密密钥 ---
+process.env.TARO_APP_ENCRYPTION_KEY =
+  '0123456789abcdef0123456789abcdef0123456789abcdef0123456789abcdef';
+process.env.NODE_ENV = 'development';
+
+// --- 导入被测模块（在 mock 之后） ---
+import { secureSet, secureGet, secureRemove, migrateLegacyStorage } from '@/utils/secure-storage';
+
+// --- 辅助：直接访问 mock 函数 ---
+import Taro from '@tarojs/taro';
+
+const mockGet = Taro.getStorageSync as ReturnType<typeof vi.fn>;
+const mockSet = Taro.setStorageSync as ReturnType<typeof vi.fn>;
+const mockRemove = Taro.removeStorageSync as ReturnType<typeof vi.fn>;
+
+describe('secure-storage AES-256-GCM', () => {
+  beforeEach(() => {
+    storage.clear();
+    vi.clearAllMocks();
+  });
+
+  // ================================================================
+  // 1. AES 加解密对称性
+  // ================================================================
+  describe('AES 加解密对称性', () => {
+    const cases: Array<[string, string]> = [
+      ['英文', 'hello world'],
+      ['中文', '你好世界'],
+      ['emoji', '\u{1F600}\u{1F680}\u{1F4A9}'],
+      ['特殊字符', '<script>alert("xss")</script>&"\''],
+      ['JSON', '{"name":"张三","age":30,"nested":{"key":"val"}}'],
+      ['超长字符串', 'A'.repeat(10000)],
+      ['混合内容', 'Hello 你好 \u{1F600} !@#$%^&*()'],
+      ['空格和换行', '  line1\nline2\ttabbed  '],
+      ['Unicode 补充', '\u{1F1E8}\u{1F1F3}\u{1F1FA}\u{1F1F8}'],
+    ];
+
+    cases.forEach(([label, value]) => {
+      it(`roundtrip: ${label}`, () => {
+        secureSet('test_key', value);
+        const result = secureGet('test_key');
+        expect(result).toBe(value);
+      });
+    });
+
+    it('多次写入同一 key 产生不同密文（nonce 随机）', () => {
+      secureSet('dup', 'same-value');
+      const first = storage.get('_es_dup')!;
+      secureSet('dup', 'same-value');
+      const second = storage.get('_es_dup')!;
+      // 密文应该不同（nonce 不同），但都能解密
+      expect(first).not.toBe(second);
+      expect(secureGet('dup')).toBe('same-value');
+    });
+
+    it('不同 key 互不干扰', () => {
+      secureSet('key_a', 'value_a');
+      secureSet('key_b', 'value_b');
+      expect(secureGet('key_a')).toBe('value_a');
+      expect(secureGet('key_b')).toBe('value_b');
+    });
+  });
+
+  // ================================================================
+  // 2. 空 value 触发 remove
+  // ================================================================
+  describe('空 value 触发 remove', () => {
+    it('空字符串触发 removeStorageSync', () => {
+      secureSet('empty', '');
+      expect(mockRemove).toHaveBeenCalledWith('_es_empty');
+      expect(secureGet('empty')).toBe('');
+    });
+
+    it('先写入再清空应删除存储', () => {
+      secureSet('temp', 'some-data');
+      expect(secureGet('temp')).toBe('some-data');
+      secureSet('temp', '');
+      expect(secureGet('temp')).toBe('');
+    });
+  });
+
+  // ================================================================
+  // 3. 明文 fallback 读取兼容
+  // ================================================================
+  describe('明文 fallback 兼容', () => {
+    it('直接读取无前缀的明文存储', () => {
+      storage.set('access_token', 'plain-token-123');
+      expect(secureGet('access_token')).toBe('plain-token-123');
+    });
+
+    it('加密存储优先于明文存储', () => {
+      storage.set('access_token', 'plain-token');
+      secureSet('access_token', 'encrypted-token');
+      expect(secureGet('access_token')).toBe('encrypted-token');
+    });
+
+    it('存储值非字符串时回退到明文', () => {
+      // getStorageSync mock 返回 ''（默认值），prefixed key 不存在
+      // 明文 key 也返回 ''
+      expect(secureGet('nonexistent')).toBe('');
+    });
+  });
+
+  // ================================================================
+  // 4. migrateLegacyStorage 迁移逻辑
+  // ================================================================
+  describe('migrateLegacyStorage', () => {
+    it('将明文数据迁移到加密存储并删除原始 key', () => {
+      storage.set('access_token', 'legacy-token');
+      storage.set('refresh_token', 'legacy-refresh');
+      storage.set('user_data', '{"id":"123"}');
+
+      migrateLegacyStorage();
+
+      // 明文 key 应被删除
+      expect(storage.has('access_token')).toBe(false);
+      expect(storage.has('refresh_token')).toBe(false);
+      expect(storage.has('user_data')).toBe(false);
+
+      // 加密 key 存在且可解密
+      expect(secureGet('access_token')).toBe('legacy-token');
+      expect(secureGet('refresh_token')).toBe('legacy-refresh');
+      expect(secureGet('user_data')).toBe('{"id":"123"}');
+    });
+
+    it('已加密的 key 不重复迁移', () => {
+      secureSet('access_token', 'already-encrypted');
+      const spy = vi.spyOn(storage, 'set');
+
+      migrateLegacyStorage();
+
+      // 不应产生新的 set 调用（除了可能内部的 secureSet 已有的）
+      // 关键：值不变
+      expect(secureGet('access_token')).toBe('already-encrypted');
+    });
+
+    it('非字符串的明文数据不迁移', () => {
+      // 我们的 mock getStorageSync 对不存在的 key 返回 ''
+      // 模拟: 存一个空字符串的明文值（不迁移）
+      storage.set('tenant_id', '');
+      migrateLegacyStorage();
+      // 空字符串不被视为有效数据，不做迁移
+      expect(storage.has('_es_tenant_id')).toBe(false);
+    });
+
+    it('MIGRATION_KEYS 中未列出的 key 不受影响', () => {
+      storage.set('custom_key', 'custom-value');
+      migrateLegacyStorage();
+      expect(storage.get('custom_key')).toBe('custom-value');
+      expect(storage.has('_es_custom_key')).toBe(false);
+    });
+
+    it('prefixed key 存在但非 aes: 前缀时重新加密为 AES', () => {
+      // 直接放一个非 aes: 前缀的值到 prefixed key
+      // migrateLegacyStorage 发现 prefixed key 存在且不以 aes: 开头，
+      // 会调用 secureGet → 明文 fallback 返回该值，然后 secureSet 重新加密
+      storage.set('_es_access_token', 'legacy-ciphertext-or-plain');
+
+      migrateLegacyStorage();
+
+      // 应被重新加密为 AES 格式
+      const stored = storage.get('_es_access_token')!;
+      expect(stored.startsWith('aes:')).toBe(true);
+    });
+  });
+
+  // ================================================================
+  // 5. secureRemove
+  // ================================================================
+  describe('secureRemove', () => {
+    it('删除加密存储', () => {
+      secureSet('remove_test', 'to-be-removed');
+      expect(secureGet('remove_test')).toBe('to-be-removed');
+      secureRemove('remove_test');
+      expect(secureGet('remove_test')).toBe('');
+    });
+
+    it('删除不存在的 key 不报错', () => {
+      expect(() => secureRemove('nonexistent')).not.toThrow();
+    });
+  });
+
+  // ================================================================
+  // 6. Base64 边界
+  // ================================================================
+  describe('Base64 边界', () => {
+    it('存储值可正确通过 base64 编解码', () => {
+      const value = 'Test with special chars: 
';
+      secureSet('b64_test', value);
+      const result = secureGet('b64_test');
+      expect(result).toBe(value);
+    });
+
+    it('二进制丰富内容加解密', () => {
+      // 构造包含各种 Unicode 范围的字符串
+      const chars = [];
+      for (let i = 0x20; i < 0x7f; i++) chars.push(String.fromCharCode(i));
+      // CJK 基本区
+      for (let i = 0x4e00; i < 0x4e10; i++) chars.push(String.fromCharCode(i));
+      // emoji
+      chars.push('\u{1F600}', '\u{1F680}', '\u{1F970}');
+      const value = chars.join('');
+
+      secureSet('b64_binary', value);
+      expect(secureGet('b64_binary')).toBe(value);
+    });
+
+    it('损坏的 AES 密文返回 null 后走明文 fallback', () => {
+      storage.set('_es_corrupt', 'aes:INVALID_BASE64!!!');
+      // aesDecrypt 失败返回 null，hasEncryptionKey=true 所以不走 dev plaintext
+      // 最终返回 raw 值
+      expect(secureGet('corrupt')).toBe('aes:INVALID_BASE64!!!');
+    });
+  });
+
+  // ================================================================
+  // 7. 空密钥 dev 模式 — 明文存储兼容
+  // ================================================================
+  describe('空密钥 dev 模式', () => {
+    const originalKey = process.env.TARO_APP_ENCRYPTION_KEY;
+    const originalEnv = process.env.NODE_ENV;
+
+    beforeEach(() => {
+      storage.clear();
+      vi.clearAllMocks();
+    });
+
+    afterEach(() => {
+      process.env.TARO_APP_ENCRYPTION_KEY = originalKey;
+      process.env.NODE_ENV = originalEnv;
+    });
+
+    it('dev 模式空密钥：secureSet 存明文，secureGet 读取成功', () => {
+      process.env.TARO_APP_ENCRYPTION_KEY = '';
+      process.env.NODE_ENV = 'development';
+      secureSet('dev_plain', 'hello-dev');
+      // 应以明文存储
+      expect(storage.get('_es_dev_plain')).toBe('hello-dev');
+      expect(secureGet('dev_plain')).toBe('hello-dev');
+    });
+
+    it('dev 模式空密钥：读取 MCP 注入的明文成功', () => {
+      process.env.TARO_APP_ENCRYPTION_KEY = '';
+      process.env.NODE_ENV = 'development';
+      storage.set('access_token', 'mcp-injected-token');
+      expect(secureGet('access_token')).toBe('mcp-injected-token');
+    });
+  });
+
+  // ================================================================
+  // 8. production 模式空密钥 — 拒绝加解密
+  // ================================================================
+  describe('production 模式空密钥', () => {
+    const originalKey = process.env.TARO_APP_ENCRYPTION_KEY;
+    const originalEnv = process.env.NODE_ENV;
+
+    beforeEach(() => {
+      storage.clear();
+      vi.clearAllMocks();
+    });
+
+    afterEach(() => {
+      process.env.TARO_APP_ENCRYPTION_KEY = originalKey;
+      process.env.NODE_ENV = originalEnv;
+    });
+
+    it('production 空密钥：secureSet 存明文（无加密可用），secureGet 返回空', () => {
+      process.env.TARO_APP_ENCRYPTION_KEY = '';
+      process.env.NODE_ENV = 'production';
+      secureSet('prod_test', 'sensitive-data');
+      // 应以明文存储（无 key 时 aesEncrypt 返回 null）
+      expect(storage.get('_es_prod_test')).toBe('sensitive-data');
+      // secureGet: prefixed key 有值但非 aes: 前缀 + hasEncryptionKey=false → 返回 raw
+      expect(secureGet('prod_test')).toBe('sensitive-data');
+    });
+
+    it('production 空密钥：AES 解密失败返回空字符串', () => {
+      process.env.TARO_APP_ENCRYPTION_KEY = '';
+      process.env.NODE_ENV = 'production';
+      // 模拟存在一个 aes: 前缀的旧数据
+      storage.set('_es_old_data', 'aes:INVALID_CORRUPT_DATA');
+      expect(secureGet('old_data')).toBe('');
+    });
+  });
+});

apps/miniprogram/config/index.ts

@@ -2,6 +2,12 @@ import { defineConfig } from '@tarojs/cli';
 import path from 'path';
 
 export default defineConfig(async (merge) => {
+  // 生产构建缺少加密密钥时发出警告（不阻断构建，但提示开发者/CI 配置）
+  if (process.env.NODE_ENV === 'production' && !process.env.TARO_APP_ENCRYPTION_KEY) {
+    console.warn('[config] ⚠ TARO_APP_ENCRYPTION_KEY 未设置，将回退到 .env 中的开发密钥');
+    console.warn('[config] 生产部署应通过 CI/CD 环境变量注入独立密钥');
+  }
+
   const baseConfig = {
     projectName: 'hms-miniprogram',
     date: '2026-4-23',
@@ -19,9 +25,14 @@ export default defineConfig(async (merge) => {
       'process.env.TARO_APP_WX_TEMPLATE_REPORT': JSON.stringify(process.env.TARO_APP_WX_TEMPLATE_REPORT || ''),
       'process.env.TARO_APP_WX_TEMPLATE_CRITICAL_ALERT': JSON.stringify(process.env.TARO_APP_WX_TEMPLATE_CRITICAL_ALERT || ''),
       'process.env.TARO_APP_WX_TEMPLATE_HEALTH_ABNORMAL': JSON.stringify(process.env.TARO_APP_WX_TEMPLATE_HEALTH_ABNORMAL || ''),
+      'process.env.TARO_APP_WX_TEMPLATE_MEDICATION': JSON.stringify(process.env.TARO_APP_WX_TEMPLATE_MEDICATION || ''),
       'process.env.TARO_APP_DEFAULT_TENANT_ID': JSON.stringify(process.env.TARO_APP_DEFAULT_TENANT_ID || ''),
-      'process.env.TARO_APP_DEV_USER': JSON.stringify(process.env.TARO_APP_DEV_USER || ''),
-      'process.env.TARO_APP_DEV_PASS': JSON.stringify(process.env.TARO_APP_DEV_PASS || ''),
+      'process.env.TARO_APP_DEV_USER': JSON.stringify(
+        process.env.NODE_ENV === 'production' ? '' : (process.env.TARO_APP_DEV_USER || '')
+      ),
+      'process.env.TARO_APP_DEV_PASS': JSON.stringify(
+        process.env.NODE_ENV === 'production' ? '' : (process.env.TARO_APP_DEV_PASS || '')
+      ),
     },
     copy: { patterns: [], options: {} },
     framework: 'react',
@@ -33,17 +44,39 @@ export default defineConfig(async (merge) => {
       resource: ['src/styles/variables.scss'],
     },
     mini: {
+      virtualHost: true,
+      copy: {
+        patterns: [
+          { from: 'src/native-components/', to: 'dist/native-components/', ignore: ['*.ts'] },
+        ],
+        options: {},
+      },
       compile: {
         exclude: [],
         include: [],
       },
       commonChunks: ['runtime', 'vendors', 'taro', 'common'],
       addChunkPages(pages) {
+        // 主包 TabBar 页面保持 common chunk
+        const tabBarPages = new Set([
+          'pages/index/index',
+          'pages/health/index',
+          'pages/mall/index',
+          'pages/messages/index',
+          'pages/profile/index',
+        ]);
         pages.forEach((page) => {
           if (page.name === 'app') return;
-          page.chunks?.unshift('common');
+          // 分包页面不注入 common chunk，由分包自己的 vendors.js 承载
+          if (page.name.startsWith('pages/pkg-')) return;
+          if (tabBarPages.has(page.name) || !page.name.startsWith('pages/')) {
+            page.chunks?.unshift('common');
+          }
         });
       },
+      miniCssExtractPluginOption: {
+        ignoreOrder: true,
+      },
       postcss: {
         pxtransform: { enable: true, config: {} },
         cssModules: {

apps/miniprogram/config/prod.ts

@@ -8,11 +8,18 @@ export default {
       compress: {
         drop_console: true,
         drop_debugger: true,
-        pure_funcs: ['console.log', 'console.info', 'console.debug'],
+        pure_funcs: ['console.log', 'console.info', 'console.debug', 'console.warn'],
+        passes: 2,
+        unsafe: true,
+        unsafe_comps: true,
+        unsafe_math: true,
       },
       format: {
         comments: false,
       },
+      mangle: {
+        toplevel: true,
+      },
     },
   },
   h5: {

apps/miniprogram/eslint.config.mjs

@@ -0,0 +1,35 @@
+import js from '@eslint/js';
+import ts from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+
+export default [
+  { ignores: ['dist/', 'dist-h5/', 'lib/', 'node_modules/', 'config/'] },
+  {
+    files: ['src/**/*.{ts,tsx}'],
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        ecmaVersion: 2020,
+        sourceType: 'module',
+        ecmaFeatures: { jsx: true },
+      },
+    },
+    plugins: {
+      '@typescript-eslint': ts,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...ts.configs.recommended.rules,
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+      '@typescript-eslint/no-explicit-any': 'error',
+      '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+      'no-console': ['warn', { allow: ['warn', 'error'] }],
+    },
+  },
+];

apps/miniprogram/native/pkg-veepoo/index.js

@@ -0,0 +1,863 @@
+/**
+ * Veepoo M2 原生小程序页面 — 连接 + 测量
+ *
+ * 完全脱离 Taro 框架，直接使用微信原生 API + Veepoo SDK。
+ * 流程严格对齐官方 Demo：
+ *   onLoad 注册全局监听器
+ *   → scan → stopScan → connect(等待 connection:true)
+ *   → delay 500ms → authenticate
+ *   → SDK 事件(type=1) / Storage 轮询 → ready
+ */
+// eslint-disable-next-line no-undef
+const { veepooBle, veepooFeature, veepooLogger } = require('./libs/veepoo-sdk');
+
+// ── 常量 ──
+
+var SDK_EVENT_AUTH = 1;
+var SDK_EVENT_BATTERY = 2;
+var SDK_EVENT_SLEEP = 4;
+var SDK_EVENT_DAILY = 5;
+var SDK_EVENT_TEMPERATURE = 6;
+var SDK_EVENT_BLOOD_PRESSURE = 18;
+var SDK_EVENT_BLOOD_OXYGEN = 31;
+var SDK_EVENT_HEART_RATE = 51;
+var SDK_EVENT_PRESSURE = 58;
+var SDK_EVENT_AUTO_TEST = 54;
+
+var MEASURE_TYPES = [
+  { type: 'heart_rate', label: '心率', unit: 'bpm', icon: '♥', color: '#EF4444', sdkType: SDK_EVENT_HEART_RATE },
+  { type: 'blood_oxygen', label: '血氧', unit: '%', icon: 'O₂', color: '#3B82F6', sdkType: SDK_EVENT_BLOOD_OXYGEN },
+  { type: 'blood_pressure', label: '血压', unit: 'mmHg', icon: '↕', color: '#8B5CF6', sdkType: SDK_EVENT_BLOOD_PRESSURE },
+  { type: 'temperature', label: '体温', unit: '°C', icon: 'T', color: '#F59E0B', sdkType: SDK_EVENT_TEMPERATURE },
+  { type: 'pressure', label: '压力', unit: '', icon: '~', color: '#6366F1', sdkType: SDK_EVENT_PRESSURE },
+];
+
+var MEASURE_TIMEOUTS = {
+  heart_rate: 60000,
+  blood_oxygen: 60000,
+  blood_pressure: 120000,
+  temperature: 60000,
+  pressure: 90000,
+};
+
+var MEASURE_SETTLE_DELAY = 1500;
+
+function _findConfig(type) {
+  for (var i = 0; i < MEASURE_TYPES.length; i++) {
+    if (MEASURE_TYPES[i].type === type) return MEASURE_TYPES[i];
+  }
+  return MEASURE_TYPES[0];
+}
+
+// ── Page ──
+
+// eslint-disable-next-line no-undef
+Page({
+  data: {
+    phase: 'idle',
+    deviceId: '',
+    deviceName: 'M2',
+    batteryLevel: null,
+    error: '',
+    selectedType: 'heart_rate',
+    selectedIcon: '♥',
+    selectedColor: '#EF4444',
+    selectedLabel: '心率',
+    selectedUnit: 'bpm',
+    measureTypes: MEASURE_TYPES,
+    measurePhase: 'idle',
+    measureProgress: 0,
+    measureDisplayValue: '',
+    measureError: '',
+    results: {},
+    hasResults: false,
+    // 自动测量状态
+    autoMeasuring: false,
+    autoMeasureDone: false,
+    autoMeasureStatus: {},
+    autoMeasureValues: {},
+    autoMeasureProgress: 0,
+  },
+
+  _authTimer: null,
+  _authTimeout: null,
+  _scanTimer: null,
+  _scanFound: null,
+  _measureTimer: null,
+  _settleTimer: null,
+  _lastValues: null,
+  _connected: false,
+  _eventChannel: null,
+  _connecting: false,
+  _listenersRegistered: false,
+  _autoQueue: null,
+  _autoQueueIndex: 0,
+
+  // ── 生命周期 ──
+
+  onLoad: function () {
+    // eslint-disable-next-line no-undef
+    this._eventChannel = this.getOpenerEventChannel();
+    // eslint-disable-next-line no-undef
+    wx.setNavigationBarTitle({ title: 'M2 手环测量' });
+    this._updateSelectedDisplay('heart_rate');
+
+    // 注意：不在 onLoad 注册 veepooWeiXinSDKNotifyMonitorValueChange！
+    // 该函数内部会调用 wx.notifyBLECharacteristicValueChange，需要蓝牙适配器已初始化。
+    // onLoad 时适配器未初始化 → 返回 "notifyBLECharacteristicValueChange:fail:not init"
+    // 监听器改在 _doConnect 的 connection:true 回调中注册。
+
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 页面已加载');
+  },
+
+  onUnload: function () {
+    this._cleanup();
+  },
+
+  _cleanup: function () {
+    if (this._authTimer) { clearInterval(this._authTimer); this._authTimer = null; }
+    if (this._authTimeout) { clearTimeout(this._authTimeout); this._authTimeout = null; }
+    if (this._scanTimer) { clearTimeout(this._scanTimer); this._scanTimer = null; }
+    if (this._measureTimer) { clearTimeout(this._measureTimer); this._measureTimer = null; }
+    if (this._settleTimer) { clearTimeout(this._settleTimer); this._settleTimer = null; }
+    this._connecting = false;
+    if (this._connected) {
+      try { veepooBle.veepooWeiXinSDKloseBluetoothAdapterManager(function () {}); } catch (e) {
+        // eslint-disable-next-line no-undef
+        console.warn('[veepoo-native] 断开异常:', e);
+      }
+      this._connected = false;
+    }
+  },
+
+  // ── 全局监听器（onLoad 注册一次） ──
+
+  _registerGlobalListeners: function () {
+    if (this._listenersRegistered) return;
+    this._listenersRegistered = true;
+    var self = this;
+
+    // SDK 数据监听 — 接收所有解析后的事件（auth/measure/battery 等）
+    veepooBle.veepooWeiXinSDKNotifyMonitorValueChange(function (data) {
+      // eslint-disable-next-line no-undef
+      console.log('[veepoo-native] SDK 数据事件:', JSON.stringify(data).substring(0, 500));
+      self._handleSdkEvent(data);
+    });
+
+    // BLE 连接状态变化
+    veepooBle.veepooWeiXinSDKBLEConnectionStateChangeManager(function (res) {
+      // eslint-disable-next-line no-undef
+      console.log('[veepoo-native] 连接状态变化:', JSON.stringify(res));
+      if (!res.connected) {
+        self._connected = false;
+        self._connecting = false;
+        self._cancelPendingMeasure();
+        self.setData({ phase: 'disconnected' });
+      }
+    });
+
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] SDK 函数类型:', {
+      scanFn: typeof veepooBle.veepooWeiXinSDKStartScanDeviceAndReceiveScanningDevice,
+      connectFn: typeof veepooBle.veepooWeiXinSDKBleConnectionServicesCharacteristicsNotifyManager,
+      dataFn: typeof veepooBle.veepooWeiXinSDKNotifyMonitorValueChange,
+      authFn: typeof veepooFeature.veepooBlePasswordCheckManager,
+    });
+  },
+
+  _updateSelectedDisplay: function (type) {
+    var cfg = _findConfig(type);
+    this.setData({
+      selectedType: type,
+      selectedIcon: cfg.icon,
+      selectedColor: cfg.color,
+      selectedLabel: cfg.label,
+      selectedUnit: cfg.unit,
+    });
+  },
+
+  // ── 连接流程 ──
+
+  handleConnect: function () {
+    if (this.data.phase !== 'idle' && this.data.phase !== 'error' && this.data.phase !== 'disconnected') return;
+    if (this._connecting) return;
+    this._connecting = true;
+
+    this.setData({ phase: 'scanning', error: '' });
+    veepooLogger.setLevel(0);
+
+    var self = this;
+    self._scanFound = null;
+
+    veepooBle.veepooWeiXinSDKStartScanDeviceAndReceiveScanningDevice(function (res) {
+      var device = Array.isArray(res) ? res[0] : res;
+      if (!device) return;
+      var name = (device.localName || device.name || '').toUpperCase();
+      var deviceId = device.deviceId || device.mac || '';
+      // eslint-disable-next-line no-undef
+      console.log('[veepoo-native] 扫描到:', name, deviceId);
+      if (!self._scanFound && (name.indexOf('M2') !== -1 || name.indexOf('VPM') !== -1 || name.indexOf('VEEPOO') !== -1)) {
+        self._scanFound = device;
+        veepooBle.veepooWeiXinSDKStopSearchBleManager(function () {
+          self._doConnect(device);
+        });
+      }
+    });
+
+    this._scanTimer = setTimeout(function () {
+      if (!self._scanFound) {
+        veepooBle.veepooWeiXinSDKStopSearchBleManager(function () {});
+        self._connecting = false;
+        self.setData({ phase: 'error', error: '未找到 M2 设备，请确保手环已开机且蓝牙已开启' });
+      }
+    }, 15000);
+  },
+
+  _doConnect: function (device) {
+    this.setData({ phase: 'connecting' });
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 开始连接:', device.deviceId || device.mac);
+    var self = this;
+
+    veepooBle.veepooWeiXinSDKBleConnectionServicesCharacteristicsNotifyManager(device, function (result) {
+      // eslint-disable-next-line no-undef
+      console.log('[veepoo-native] 连接阶段回调:', JSON.stringify(result).substring(0, 300));
+
+      // 只响应最终就绪回调（connection:true）
+      if (result.connection === true) {
+        self._connected = true;
+        self._connecting = false;
+        self.setData({
+          deviceId: device.deviceId || device.mac || '',
+        });
+
+        // 关键：在连接就绪后注册数据监听器
+        // veepooWeiXinSDKNotifyMonitorValueChange 内部会调用
+        // wx.notifyBLECharacteristicValueChange，需要蓝牙适配器已初始化+已连接
+        self._registerGlobalListeners();
+
+        // eslint-disable-next-line no-undef
+        console.log('[veepoo-native] 连接就绪，监听器已注册，500ms 后发送认证');
+
+        setTimeout(function () {
+          // eslint-disable-next-line no-undef
+          console.log('[veepoo-native] 调用 veepooBlePasswordCheckManager');
+          veepooFeature.veepooBlePasswordCheckManager();
+          self.setData({ phase: 'authenticating' });
+        }, 500);
+
+        // Storage 轮询兜底
+        self._authTimer = setInterval(function () {
+          try {
+            // eslint-disable-next-line no-undef
+            var status = wx.getStorageSync('deviceChipStatus');
+            // SDK 可能写入字符串或布尔值 true
+            if (status === 'successfulVerification' || status === 'passTheVerification' || status === true) {
+              clearInterval(self._authTimer);
+              self._authTimer = null;
+              self._onReady();
+            }
+          } catch (_) { /* ignore */ }
+        }, 500);
+
+        self._authTimeout = setTimeout(function () {
+          if (self._authTimer) {
+            clearInterval(self._authTimer);
+            self._authTimer = null;
+            self._connecting = false;
+            // eslint-disable-next-line no-undef
+            console.error('[veepoo-native] 认证超时 deviceChipStatus=', wx.getStorageSync('deviceChipStatus'));
+            self.setData({ phase: 'error', error: '设备认证超时，请重新连接' });
+          }
+        }, 8000);
+      }
+    });
+  },
+
+  _onReady: function () {
+    if (this._authTimeout) { clearTimeout(this._authTimeout); this._authTimeout = null; }
+    this._connecting = false;
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 认证成功，设备就绪');
+    this.setData({ phase: 'ready' });
+    veepooFeature.veepooReadElectricQuantityManager();
+
+    // 认证成功后自动读取 3 天睡眠数据 + 开启自动测量
+    this._readSleepData();
+    this._enableAutoMeasurement();
+
+    // 自动依次测量所有指标（面向中老年人，减少操作）
+    this._startAutoMeasureQueue();
+  },
+
+  // ── SDK 事件路由 ──
+
+  _handleSdkEvent: function (data) {
+    if (!data || data.type === undefined) return;
+    var type = data.type;
+
+    if (type === SDK_EVENT_AUTH) {
+      var content = data.content || {};
+      // eslint-disable-next-line no-undef
+      console.log('[veepoo-native] 认证事件: VPDeviceAck=' + content.VPDeviceAck + ' VPDevicepassword=' + content.VPDevicepassword);
+      // VPDeviceAck 是认证结果（successfulVerification/passTheVerification）
+      // VPDevicepassword 是设备密码原始值（如 "0000"），不是认证结果
+      if (content.VPDeviceAck === 'successfulVerification' || content.VPDeviceAck === 'passTheVerification') {
+        if (this._authTimer) { clearInterval(this._authTimer); this._authTimer = null; }
+        if (this._authTimeout) { clearTimeout(this._authTimeout); this._authTimeout = null; }
+        this._onReady();
+      }
+      return;
+    }
+
+    if (type === SDK_EVENT_BATTERY) {
+      var pct = (data.content || {}).VPDeviceElectricPercent;
+      if (pct !== undefined && pct !== null) {
+        this.setData({ batteryLevel: Number(pct) });
+      }
+      return;
+    }
+
+    // 睡眠数据回调（type=4）
+    if (type === SDK_EVENT_SLEEP) {
+      this._handleSleepEvent(data);
+      return;
+    }
+
+    // 日常数据回调（type=5）
+    if (type === SDK_EVENT_DAILY) {
+      // 日常数据用于历史同步，原生页面暂不处理
+      return;
+    }
+
+    // 自动测量配置回调（type=54）
+    if (type === SDK_EVENT_AUTO_TEST) {
+      // eslint-disable-next-line no-undef
+      console.log('[veepoo-native] 自动测量配置回调');
+      return;
+    }
+
+    for (var i = 0; i < MEASURE_TYPES.length; i++) {
+      if (MEASURE_TYPES[i].sdkType === type) {
+        this._handleMeasureEvent(MEASURE_TYPES[i].type, data);
+        return;
+      }
+    }
+  },
+
+  // ── 测量流程 ──
+
+  handleSelectType: function (e) {
+    var type = e.currentTarget.dataset.type;
+    if (this.data.measurePhase === 'measuring') return;
+    this._updateSelectedDisplay(type);
+    this.setData({ measureError: '' });
+  },
+
+  handleStartMeasure: function () {
+    var type = this.data.selectedType;
+    if (this.data.measurePhase === 'measuring') return;
+    if (!this._connected) {
+      this.setData({ measureError: '设备未连接' });
+      return;
+    }
+
+    var self = this;
+    self._lastValues = null;
+
+    self.setData({
+      measurePhase: 'measuring',
+      measureProgress: 0,
+      measureDisplayValue: '',
+      measureError: '',
+    });
+
+    self._sendMeasureCommand(type, true);
+
+    self._measureTimer = setTimeout(function () {
+      self._onMeasureError('测量超时，请重试');
+    }, MEASURE_TIMEOUTS[type] || 60000);
+  },
+
+  handleCancelMeasure: function () {
+    this._cancelPendingMeasure();
+    this.setData({
+      measurePhase: 'idle',
+      measureProgress: 0,
+      measureDisplayValue: '',
+    });
+  },
+
+  handleDisconnect: function () {
+    this._cleanup();
+    this.setData({ phase: 'idle', deviceId: '', batteryLevel: null, error: '' });
+  },
+
+  handleBack: function () {
+    var results = this.data.results;
+    if (Object.keys(results).length > 0) {
+      try {
+        // eslint-disable-next-line no-undef
+        wx.setStorageSync('hms:veepoo_measure_results', JSON.stringify(results));
+      } catch (_) { /* ignore */ }
+    }
+    if (this._eventChannel) {
+      this._eventChannel.emit('measureComplete', { results: results, count: Object.keys(results).length });
+    }
+    // eslint-disable-next-line no-undef
+    wx.navigateBack({ delta: 1 });
+  },
+
+  handleResetResult: function () {
+    var type = this.data.selectedType;
+    var newResults = Object.assign({}, this.data.results);
+    delete newResults[type];
+    this.setData({
+      measurePhase: 'idle',
+      measureProgress: 0,
+      measureDisplayValue: '',
+      measureError: '',
+      results: newResults,
+      hasResults: Object.keys(newResults).length > 0,
+    });
+  },
+
+  // ── 测量事件处理 ──
+
+  _handleMeasureEvent: function (type, data) {
+    // 自动测量模式下，路由到自动测量处理器
+    if (this.data.autoMeasuring) {
+      this._handleAutoMeasureEvent(type, data);
+      return;
+    }
+
+    // 手动测量模式
+    if (this.data.selectedType !== type || this.data.measurePhase !== 'measuring') return;
+
+    var content = data.content || {};
+    var self = this;
+
+    if (content.deviceBusy === true) { self._onMeasureError('设备正忙，请稍后重试'); return; }
+    if (content.notWear === true || data.state === 6) { self._onMeasureError('请将手环佩戴到手腕上'); return; }
+    if (data.state === 7) { self._onMeasureError('设备正在充电'); return; }
+    if (data.state === 8) { self._onMeasureError('设备电量不足'); return; }
+    if (type === 'pressure' && data.ack === 2) { self._onMeasureError('设备电量不足'); return; }
+    if (type === 'pressure' && data.ack === 3) { self._onMeasureError('设备正在测量其他数据'); return; }
+    if (type === 'pressure' && data.ack === 4) { self._onMeasureError('佩戴检测未通过'); return; }
+
+    var values = self._extractValues(type, content);
+    if (!values) return;
+
+    self._lastValues = values;
+
+    var displayVal = self._formatValues(type, values);
+    var progress = data.Progress !== undefined ? data.Progress : 0;
+    self.setData({
+      measureDisplayValue: displayVal,
+      measureProgress: Math.max(progress, 0),
+    });
+
+    if (progress >= 100) {
+      self._onMeasureSuccess(type, values);
+      return;
+    }
+
+    if (!self._settleTimer) {
+      self._settleTimer = setTimeout(function () {
+        if (self._lastValues && self.data.measurePhase === 'measuring') {
+          self._onMeasureSuccess(type, self._lastValues);
+        }
+      }, MEASURE_SETTLE_DELAY);
+    }
+  },
+
+  _extractValues: function (type, content) {
+    switch (type) {
+      case 'heart_rate': {
+        var hr = Number(content.heartRate);
+        return (hr >= 30 && hr <= 250) ? { heart_rate: hr } : null;
+      }
+      case 'blood_oxygen': {
+        var bo = Number(content.bloodOxygen);
+        return (bo >= 70 && bo <= 100) ? { blood_oxygen: bo } : null;
+      }
+      case 'blood_pressure': {
+        var high = Number(content.bloodPressureHigh);
+        var low = Number(content.bloodPressureLow);
+        return (high > 0 && low > 0) ? { systolic: high, diastolic: low } : null;
+      }
+      case 'temperature': {
+        var temp = Number(content.bodyTemperature);
+        return (temp > 30 && temp < 45) ? { temperature: temp } : null;
+      }
+      case 'pressure': {
+        var p = Number(content.pressure);
+        return (p >= 0 && p <= 100) ? { pressure: p } : null;
+      }
+      default: return null;
+    }
+  },
+
+  _formatValues: function (type, values) {
+    if (type === 'blood_pressure') {
+      return (values.systolic != null ? values.systolic : '--') + '/' + (values.diastolic != null ? values.diastolic : '--');
+    }
+    var v = Object.values(values)[0];
+    return (v !== undefined && v !== null) ? String(v) : '--';
+  },
+
+  _onMeasureSuccess: function (type, values) {
+    this._cancelPendingMeasure();
+
+    var result = { type: type, values: values, measuredAt: Date.now() };
+    var newResults = Object.assign({}, this.data.results);
+    newResults[type] = result;
+
+    this.setData({
+      measurePhase: 'success',
+      measureProgress: 100,
+      measureDisplayValue: this._formatValues(type, values),
+      results: newResults,
+      hasResults: true,
+    });
+
+    if (this._eventChannel) {
+      this._eventChannel.emit('measureResult', result);
+    }
+  },
+
+  _onMeasureError: function (msg) {
+    this._cancelPendingMeasure();
+    this.setData({ measurePhase: 'error', measureError: msg });
+  },
+
+  _cancelPendingMeasure: function () {
+    if (this._measureTimer) { clearTimeout(this._measureTimer); this._measureTimer = null; }
+    if (this._settleTimer) { clearTimeout(this._settleTimer); this._settleTimer = null; }
+    this._lastValues = null;
+
+    var type = this.data.selectedType;
+    if (type) this._sendMeasureCommand(type, false);
+  },
+
+  _sendMeasureCommand: function (type, on) {
+    switch (type) {
+      case 'heart_rate':
+        veepooFeature.veepooSendHeartRateTestSwitchManager({ switch: !!on });
+        break;
+      case 'blood_oxygen':
+        veepooFeature.veepooSendBloodOxygenControlDataManager({ switch: on ? 'start' : 'stop' });
+        break;
+      case 'blood_pressure':
+        veepooFeature.veepooSendReadUniversalBloodPressureDataManager({ switch: on ? 'start' : 'stop' });
+        break;
+      case 'temperature':
+        veepooFeature.veepooSendTemperatureMeasurementSwitchManager({ switch: !!on });
+        break;
+      case 'pressure':
+        veepooFeature.veepooSendPressureTestManager({ switch: !!on });
+        break;
+    }
+  },
+
+  // ── 睡眠数据读取 ──
+
+  _sleepResults: null,
+  _sleepDay: 0,
+
+  _readSleepData: function () {
+    this._sleepResults = [];
+    this._sleepDay = 0;
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 开始读取睡眠数据（3天）');
+
+    // 依次读取 3 天睡眠
+    var self = this;
+    veepooFeature.veepooSendReadPreciseSleepManager({ day: 0 });
+
+    // 延迟读取后续天（避免并发冲突）
+    // eslint-disable-next-line no-undef
+    setTimeout(function () { veepooFeature.veepooSendReadPreciseSleepManager({ day: 1 }); }, 3000);
+    // eslint-disable-next-line no-undef
+    setTimeout(function () { veepooFeature.veepooSendReadPreciseSleepManager({ day: 2 }); }, 6000);
+  },
+
+  _handleSleepEvent: function (data) {
+    var progress = data.Progress || 0;
+    if (progress < 100) return;
+
+    var content = data.content || {};
+    var readDay = data.readDay || 0;
+    var totalTime = Number(content.sleepTotalTime || 0);
+
+    if (totalTime <= 0) return;
+
+    var sleepResult = {
+      day: readDay,
+      deepSleepMinutes: Number(content.deepSleepTime || 0),
+      lightSleepMinutes: Number(content.lightSleepTime || 0),
+      totalSleepMinutes: totalTime,
+      qualityScore: Number(content.sleepQuality || 0),
+      fallAsleepTime: String(content.fallAsleepTime || ''),
+      exitSleepTime: String(content.exitSleepTime || ''),
+    };
+
+    if (!this._sleepResults) this._sleepResults = [];
+    this._sleepResults.push(sleepResult);
+
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 睡眠数据 day=' + readDay + ' 总时长=' + totalTime + '分钟 质量=' + sleepResult.qualityScore + '星');
+
+    // 保存到 Storage 供 Taro 页面读取
+    try {
+      // eslint-disable-next-line no-undef
+      wx.setStorageSync('hms:veepoo_sleep_results', JSON.stringify(this._sleepResults));
+    } catch (_) { /* ignore */ }
+  },
+
+  // ── 自动测量 ──
+
+  _enableAutoMeasurement: function () {
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 开启自动测量功能');
+
+    // 开启心率自动监测
+    try {
+      veepooFeature.veepooSendSwitchSettingDataManager({
+        VPSettingAutomaticHRTest: 'open',
+      });
+    } catch (e) {
+      // eslint-disable-next-line no-undef
+      console.warn('[veepoo-native] 开启心率自动监测失败:', e);
+    }
+
+    // 开启血压自动监测
+    try {
+      veepooFeature.veepooSendSwitchSettingDataManager({
+        VPSettingAutomaticBPTest: 'open',
+      });
+    } catch (e) {
+      // eslint-disable-next-line no-undef
+      console.warn('[veepoo-native] 开启血压自动监测失败:', e);
+    }
+
+    // 开启体温自动监测
+    try {
+      veepooFeature.veepooSendSwitchSettingDataManager({
+        VPSettingAutomaticTemperatureTest: 'open',
+      });
+    } catch (e) {
+      // eslint-disable-next-line no-undef
+      console.warn('[veepoo-native] 开启体温自动监测失败:', e);
+    }
+  },
+
+  // ── 自动测量队列 ──
+
+  _startAutoMeasureQueue: function () {
+    var types = [];
+    var status = {};
+    for (var i = 0; i < MEASURE_TYPES.length; i++) {
+      types.push(MEASURE_TYPES[i].type);
+      status[MEASURE_TYPES[i].type] = 'pending';
+    }
+
+    this._autoQueue = types;
+    this._autoQueueIndex = 0;
+
+    this.setData({
+      autoMeasuring: true,
+      autoMeasureDone: false,
+      autoMeasureStatus: status,
+      autoMeasureValues: {},
+      autoMeasureProgress: 0,
+    });
+
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 启动自动测量队列，共 ' + types.length + ' 项');
+
+    var self = this;
+    setTimeout(function () {
+      self._startNextAutoMeasure();
+    }, 800);
+  },
+
+  _startNextAutoMeasure: function () {
+    if (!this._autoQueue || this._autoQueueIndex >= this._autoQueue.length) {
+      this._onAutoMeasureComplete();
+      return;
+    }
+
+    var type = this._autoQueue[this._autoQueueIndex];
+    this._updateSelectedDisplay(type);
+
+    var status = Object.assign({}, this.data.autoMeasureStatus);
+    status[type] = 'measuring';
+    this.setData({
+      autoMeasureStatus: status,
+      measurePhase: 'measuring',
+      measureProgress: 0,
+      measureDisplayValue: '',
+      measureError: '',
+    });
+
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 自动测量 [' + (this._autoQueueIndex + 1) + '/' + this._autoQueue.length + ']: ' + type);
+
+    this._lastValues = null;
+    this._sendMeasureCommand(type, true);
+
+    var self = this;
+    var timeout = MEASURE_TIMEOUTS[type] || 60000;
+    this._measureTimer = setTimeout(function () {
+      // eslint-disable-next-line no-undef
+      console.warn('[veepoo-native] 自动测量超时: ' + type);
+      self._onAutoMeasureError(type, '测量超时');
+    }, timeout);
+  },
+
+  _handleAutoMeasureEvent: function (type, data) {
+    if (!this._autoQueue || this._autoQueueIndex >= this._autoQueue.length) return;
+    if (type !== this._autoQueue[this._autoQueueIndex]) return;
+
+    var content = data.content || {};
+    var self = this;
+
+    if (content.deviceBusy === true) { self._onAutoMeasureError(type, '设备正忙'); return; }
+    if (content.notWear === true || data.state === 6) { self._onAutoMeasureError(type, '未佩戴'); return; }
+    if (data.state === 7) { self._onAutoMeasureError(type, '设备充电中'); return; }
+    if (data.state === 8) { self._onAutoMeasureError(type, '电量不足'); return; }
+    if (type === 'pressure' && data.ack === 2) { self._onAutoMeasureError(type, '电量不足'); return; }
+    if (type === 'pressure' && data.ack === 3) { self._onAutoMeasureError(type, '设备正忙'); return; }
+    if (type === 'pressure' && data.ack === 4) { self._onAutoMeasureError(type, '未佩戴'); return; }
+
+    var values = self._extractValues(type, content);
+    if (!values) return;
+
+    self._lastValues = values;
+
+    var progress = data.Progress !== undefined ? data.Progress : 0;
+    self.setData({ measureProgress: Math.max(progress, 0) });
+
+    if (progress >= 100) {
+      self._onAutoMeasureSuccess(type, values);
+      return;
+    }
+
+    if (!self._settleTimer) {
+      self._settleTimer = setTimeout(function () {
+        if (self._lastValues && self.data.autoMeasuring) {
+          self._onAutoMeasureSuccess(type, self._lastValues);
+        }
+      }, MEASURE_SETTLE_DELAY);
+    }
+  },
+
+  _onAutoMeasureSuccess: function (type, values) {
+    this._cancelPendingMeasure();
+
+    var result = { type: type, values: values, measuredAt: Date.now() };
+    var newResults = Object.assign({}, this.data.results);
+    newResults[type] = result;
+
+    var status = Object.assign({}, this.data.autoMeasureStatus);
+    status[type] = 'done';
+
+    var newValues = Object.assign({}, this.data.autoMeasureValues);
+    newValues[type] = this._formatValues(type, values);
+
+    var doneCount = 0;
+    var keys = Object.keys(status);
+    for (var i = 0; i < keys.length; i++) {
+      if (status[keys[i]] === 'done' || status[keys[i]] === 'error') doneCount++;
+    }
+    var progress = Math.round((doneCount / this._autoQueue.length) * 100);
+
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 自动测量完成: ' + type + ' = ' + newValues[type] + ' (' + progress + '%)');
+
+    this.setData({
+      results: newResults,
+      hasResults: true,
+      autoMeasureStatus: status,
+      autoMeasureValues: newValues,
+      autoMeasureProgress: progress,
+      measurePhase: 'idle',
+    });
+
+    this._autoQueueIndex++;
+    var self = this;
+    setTimeout(function () {
+      self._startNextAutoMeasure();
+    }, 800);
+  },
+
+  _onAutoMeasureError: function (type, msg) {
+    this._cancelPendingMeasure();
+
+    var status = Object.assign({}, this.data.autoMeasureStatus);
+    status[type] = 'error';
+
+    var doneCount = 0;
+    var keys = Object.keys(status);
+    for (var i = 0; i < keys.length; i++) {
+      if (status[keys[i]] === 'done' || status[keys[i]] === 'error') doneCount++;
+    }
+    var progress = Math.round((doneCount / this._autoQueue.length) * 100);
+
+    // eslint-disable-next-line no-undef
+    console.warn('[veepoo-native] 自动测量失败: ' + type + ' - ' + msg + ' (' + progress + '%)');
+
+    this.setData({
+      autoMeasureStatus: status,
+      autoMeasureProgress: progress,
+      measurePhase: 'idle',
+    });
+
+    this._autoQueueIndex++;
+    var self = this;
+    setTimeout(function () {
+      self._startNextAutoMeasure();
+    }, 500);
+  },
+
+  _onAutoMeasureComplete: function () {
+    // eslint-disable-next-line no-undef
+    console.log('[veepoo-native] 自动测量全部完成');
+
+    var results = this.data.results;
+    if (Object.keys(results).length > 0) {
+      try {
+        // eslint-disable-next-line no-undef
+        wx.setStorageSync('hms:veepoo_measure_results', JSON.stringify(results));
+      } catch (_) { /* ignore */ }
+    }
+
+    this.setData({
+      autoMeasureDone: true,
+      autoMeasuring: false,
+      autoMeasureProgress: 100,
+      measurePhase: 'idle',
+    });
+  },
+
+  handleCancelAutoMeasure: function () {
+    this._cancelPendingMeasure();
+    this._autoQueue = null;
+
+    var results = this.data.results;
+    if (Object.keys(results).length > 0) {
+      try {
+        // eslint-disable-next-line no-undef
+        wx.setStorageSync('hms:veepoo_measure_results', JSON.stringify(results));
+      } catch (_) { /* ignore */ }
+    }
+
+    this.setData({
+      autoMeasuring: false,
+      autoMeasureDone: false,
+      measurePhase: 'idle',
+    });
+  },
+});

apps/miniprogram/native/pkg-veepoo/index.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "M2 手环测量",
+  "navigationBarBackgroundColor": "#FFFFFF",
+  "navigationBarTextStyle": "black",
+  "backgroundColor": "#F5F5F4"
+}

apps/miniprogram/native/pkg-veepoo/index.wxml

@@ -0,0 +1,215 @@
+<!--
+  Veepoo M2 原生小程序页面 — 连接 + 测量
+  设计原型: docs/design/veepoo-measure-prototype.html
+  完全匹配 SDK 官方 Demo 流程，不依赖 Taro
+-->
+
+<!-- ═══ 未连接 / 错误 / 断开 ═══ -->
+<block wx:if="{{phase === 'idle' || phase === 'error' || phase === 'disconnected'}}">
+  <view class="connect-screen">
+    <view class="connect-anim">
+      <view class="connect-ring"></view>
+      <view class="connect-center">
+        <text class="connect-bt">BT</text>
+      </view>
+    </view>
+    <text class="connect-title">M2 手环健康测量</text>
+    <text class="connect-hint">请确保手环已开机且蓝牙已开启</text>
+
+    <view wx:if="{{error}}" class="connect-error">
+      <text class="connect-error-text">{{error}}</text>
+    </view>
+
+    <view class="connect-btn-wrap">
+      <view class="btn-primary" bindtap="handleConnect">
+        {{phase === 'error' ? '重新连接' : phase === 'disconnected' ? '重新连接' : '连接 M2 手环'}}
+      </view>
+    </view>
+
+    <view wx:if="{{hasResults}}" class="connect-back">
+      <view class="btn-text" bindtap="handleBack">查看测量结果并返回</view>
+    </view>
+  </view>
+</block>
+
+<!-- ═══ 连接中（扫描/连接/认证） ═══ -->
+<block wx:elif="{{phase === 'scanning' || phase === 'connecting' || phase === 'authenticating'}}">
+  <view class="connect-screen">
+    <view class="connect-anim">
+      <view class="connect-ring connect-ring--active"></view>
+      <view class="connect-center">
+        <text class="connect-bt">BT</text>
+      </view>
+    </view>
+    <text class="connect-title">
+      {{phase === 'scanning' ? '正在搜索 M2 手环...' : phase === 'connecting' ? '正在连接...' : '正在认证...'}}
+    </text>
+    <text class="connect-hint">请确保手环已开机且靠近手机</text>
+  </view>
+</block>
+
+<!-- ═══ 自动测量中 / 自动测量完成 ═══ -->
+<block wx:elif="{{phase === 'ready' && (autoMeasuring || autoMeasureDone)}}">
+  <view class="measure-page">
+    <!-- 设备状态栏 -->
+    <view class="device-bar">
+      <view class="device-bar__left">
+        <view class="device-bar__dot"></view>
+        <text class="device-bar__name">{{deviceName}}</text>
+        <text wx:if="{{batteryLevel !== null}}" class="device-bar__battery">{{batteryLevel}}%</text>
+      </view>
+      <view wx:if="{{autoMeasuring}}" class="device-bar__disconnect" bindtap="handleCancelAutoMeasure">取消</view>
+    </view>
+
+    <view class="auto-measure">
+      <!-- 标题 -->
+      <view class="auto-measure__header">
+        <text class="auto-measure__title">{{autoMeasureDone ? '✓ 测量完成！' : '正在自动测量...'}}</text>
+        <text wx:if="{{!autoMeasureDone}}" class="auto-measure__subtitle">请保持手环佩戴，无需任何操作</text>
+      </view>
+
+      <!-- 指标列表 -->
+      <view class="auto-measure__list">
+        <view
+          wx:for="{{measureTypes}}"
+          wx:key="type"
+          class="auto-item {{autoMeasureStatus[item.type] === 'done' ? 'auto-item--done' : autoMeasureStatus[item.type] === 'measuring' ? 'auto-item--active' : autoMeasureStatus[item.type] === 'error' ? 'auto-item--error' : ''}}"
+        >
+          <view class="auto-item__left">
+            <view class="auto-item__icon-wrap" style="background: {{autoMeasureStatus[item.type] === 'done' ? item.color : autoMeasureStatus[item.type] === 'error' ? '#ccc' : item.color}}">
+              <text class="auto-item__icon">{{autoMeasureStatus[item.type] === 'done' ? '✓' : autoMeasureStatus[item.type] === 'error' ? '✕' : item.icon}}</text>
+            </view>
+            <text class="auto-item__label">{{item.label}}</text>
+          </view>
+          <view class="auto-item__right">
+            <block wx:if="{{autoMeasureStatus[item.type] === 'done'}}">
+              <text class="auto-item__value" style="color: {{item.color}}">{{autoMeasureValues[item.type]}}</text>
+              <text wx:if="{{item.unit}}" class="auto-item__unit">{{item.unit}}</text>
+            </block>
+            <text wx:elif="{{autoMeasureStatus[item.type] === 'measuring'}}" class="auto-item__status auto-item__status--active">测量中...</text>
+            <text wx:elif="{{autoMeasureStatus[item.type] === 'error'}}" class="auto-item__status auto-item__status--error">已跳过</text>
+            <text wx:else class="auto-item__status">等待中</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- 进度条 -->
+      <view class="auto-progress">
+        <view class="auto-progress__bar">
+          <view class="auto-progress__fill" style="width: {{autoMeasureProgress}}%"></view>
+        </view>
+        <text class="auto-progress__text">{{autoMeasureProgress}}%</text>
+      </view>
+
+      <!-- 免责声明 -->
+      <view class="disclaimer">
+        <text class="disclaimer__text">测量数据仅供参考，不作为医学诊断依据。如有不适请及时就医。</text>
+      </view>
+
+      <!-- 操作按钮 -->
+      <view class="actions">
+        <block wx:if="{{autoMeasureDone}}">
+          <view class="btn btn--primary" bindtap="handleBack">查看结果并返回</view>
+        </block>
+        <block wx:elif="{{autoMeasuring}}">
+          <view class="btn btn--text" bindtap="handleCancelAutoMeasure">取消自动测量</view>
+        </block>
+      </view>
+    </view>
+  </view>
+</block>
+
+<!-- ═══ 就绪 + 手动测量 ═══ -->
+<block wx:elif="{{phase === 'ready'}}">
+  <view class="measure-page">
+    <!-- 设备状态栏 -->
+    <view class="device-bar">
+      <view class="device-bar__left">
+        <view class="device-bar__dot"></view>
+        <text class="device-bar__name">{{deviceName}}</text>
+        <text wx:if="{{batteryLevel !== null}}" class="device-bar__battery">{{batteryLevel}}%</text>
+      </view>
+      <view class="device-bar__disconnect" bindtap="handleDisconnect">断开</view>
+    </view>
+
+    <!-- 指标选择器 — 药丸式 -->
+    <scroll-view class="selector" scroll-x enhanced show-scrollbar="{{false}}">
+      <view
+        wx:for="{{measureTypes}}"
+        wx:key="type"
+        class="selector__pill {{selectedType === item.type ? 'selector__pill--active' : ''}} {{results[item.type] ? 'selector__pill--done' : ''}}"
+        data-type="{{item.type}}"
+        bindtap="handleSelectType"
+      >
+        <view class="selector__icon-wrap" style="background: {{item.color}}">
+          <text class="selector__icon">{{item.icon}}</text>
+        </view>
+        <text class="selector__label">{{item.label}}</text>
+      </view>
+    </scroll-view>
+
+    <!-- 仪表盘区域 -->
+    <view class="gauge-section">
+      <view class="gauge {{measurePhase === 'measuring' ? 'gauge--measuring' : ''}}">
+        <!-- SVG 圆环 -->
+        <view class="gauge__ring-wrap">
+          <view class="gauge__ring-bg"></view>
+          <view class="gauge__ring-progress" style="background: conic-gradient({{selectedColor}} {{measureProgress * 3.6}}deg, #E8E2DC 0deg);"></view>
+          <view class="gauge__center">
+            <!-- 空闲 -->
+            <block wx:if="{{measurePhase === 'idle'}}">
+              <text class="gauge__icon-lg" style="color: {{selectedColor}}">{{selectedIcon}}</text>
+              <text class="gauge__hint">点击下方按钮开始</text>
+            </block>
+            <!-- 测量中 -->
+            <block wx:elif="{{measurePhase === 'measuring'}}">
+              <text wx:if="{{measureDisplayValue}}" class="gauge__value" style="color: {{selectedColor}}">{{measureDisplayValue}}</text>
+              <text wx:else class="gauge__loading">测量中...</text>
+              <text wx:if="{{measureDisplayValue}}" class="gauge__unit">{{selectedUnit}}</text>
+            </block>
+            <!-- 成功 -->
+            <block wx:elif="{{measurePhase === 'success'}}">
+              <text class="gauge__value" style="color: {{selectedColor}}">{{measureDisplayValue}}</text>
+              <text class="gauge__unit">{{selectedUnit}}</text>
+            </block>
+            <!-- 错误 -->
+            <block wx:elif="{{measurePhase === 'error'}}">
+              <text class="gauge__err">!</text>
+              <text class="gauge__err-text">{{measureError}}</text>
+            </block>
+          </view>
+        </view>
+      </view>
+
+      <!-- 进度条 -->
+      <view wx:if="{{measurePhase === 'measuring' && measureProgress > 0}}" class="progress-bar">
+        <view class="progress-bar__fill" style="width: {{measureProgress}}%; background: {{selectedColor}};"></view>
+      </view>
+    </view>
+
+    <!-- 免责声明 -->
+    <view class="disclaimer">
+      <text class="disclaimer__text">测量数据仅供参考，不作为医学诊断依据。如有不适请及时就医。</text>
+    </view>
+
+    <!-- 操作按钮 -->
+    <view class="actions">
+      <block wx:if="{{measurePhase === 'idle'}}">
+        <view class="btn btn--primary" style="background: {{selectedColor}}; box-shadow: 0 4px 16px rgba(0,0,0,0.15);" bindtap="handleStartMeasure">
+          开始测量{{selectedLabel}}
+        </view>
+      </block>
+      <block wx:elif="{{measurePhase === 'measuring'}}">
+        <view class="btn btn--secondary" bindtap="handleCancelMeasure">停止测量</view>
+        <view class="btn btn--text" bindtap="handleBack">完成并查看结果</view>
+      </block>
+      <block wx:elif="{{measurePhase === 'success'}}">
+        <view class="btn btn--primary" style="background: {{selectedColor}}; box-shadow: 0 4px 16px rgba(0,0,0,0.15);" bindtap="handleResetResult">重新测量</view>
+        <view class="btn btn--secondary" bindtap="handleBack">完成并查看结果</view>
+      </block>
+      <block wx:elif="{{measurePhase === 'error'}}">
+        <view class="btn btn--primary" style="background: {{selectedColor}}; box-shadow: 0 4px 16px rgba(0,0,0,0.15);" bindtap="handleStartMeasure">重新测量</view>
+      </block>
+    </view>
+  </view>
+</block>

apps/miniprogram/native/pkg-veepoo/index.wxss

@@ -0,0 +1,619 @@
+/**
+ * Veepoo M2 原生页面样式
+ * 设计原型: docs/design/veepoo-measure-prototype.html
+ * 复刻小程序 design token
+ */
+
+page {
+  --pri: #C4623A;
+  --pri-l: #F0DDD4;
+  --bg: #F5F0EB;
+  --card: #FFFFFF;
+  --tx: #2D2A26;
+  --tx2: #5A554F;
+  --tx3: #78716C;
+  --bd: #E8E2DC;
+  --acc: #5B7A5E;
+  --acc-l: #E8F0E8;
+  --dan: #B54A4A;
+  --dan-l: #FDEAEA;
+  background: var(--bg);
+  min-height: 100vh;
+}
+
+/* ═══════════════════════════════════════
+   连接页面（未连接/连接中/错误）
+   ═══════════════════════════════════════ */
+.connect-screen {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  padding: 0 40px;
+}
+
+.connect-anim {
+  position: relative;
+  width: 120px;
+  height: 120px;
+  margin-bottom: 28px;
+}
+
+.connect-ring {
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  border: 3px solid var(--pri);
+  animation: pulse-ring 2s ease-out infinite;
+}
+
+.connect-ring--active {
+  border-color: var(--pri);
+  animation: pulse-ring 1.5s ease-out infinite;
+}
+
+.connect-center {
+  position: absolute;
+  inset: 20px;
+  border-radius: 50%;
+  background: var(--pri);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.connect-bt {
+  color: #fff;
+  font-size: 20px;
+  font-weight: 700;
+}
+
+.connect-title {
+  font-family: Georgia, 'Times New Roman', serif;
+  font-size: 22px;
+  font-weight: 700;
+  color: var(--tx);
+  margin-bottom: 8px;
+  line-height: 1.3;
+}
+
+.connect-hint {
+  font-size: 14px;
+  color: var(--tx3);
+  margin-bottom: 32px;
+  text-align: center;
+}
+
+.connect-error {
+  margin-bottom: 16px;
+  text-align: center;
+}
+
+.connect-error-text {
+  font-size: 14px;
+  color: var(--dan);
+}
+
+.connect-btn-wrap {
+  width: 200px;
+}
+
+.connect-back {
+  margin-top: 16px;
+}
+
+@keyframes pulse-ring {
+  0% { transform: scale(1); opacity: 1; }
+  100% { transform: scale(1.4); opacity: 0; }
+}
+
+/* ═══════════════════════════════════════
+   测量页面（就绪态）
+   ═══════════════════════════════════════ */
+
+/* ═══ 自动测量进度 ═══ */
+.auto-measure {
+  padding: 24px 20px 40px;
+}
+
+.auto-measure__header {
+  text-align: center;
+  margin-bottom: 28px;
+}
+
+.auto-measure__title {
+  display: block;
+  font-family: Georgia, 'Times New Roman', serif;
+  font-size: 24px;
+  font-weight: 700;
+  color: var(--tx);
+  margin-bottom: 8px;
+}
+
+.auto-measure__subtitle {
+  display: block;
+  font-size: 14px;
+  color: var(--tx3);
+}
+
+.auto-measure__list {
+  background: var(--card);
+  border-radius: 16px;
+  box-shadow: 0 2px 12px rgba(45,42,38,0.06);
+  overflow: hidden;
+}
+
+.auto-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--bd);
+  transition: background 200ms ease;
+}
+
+.auto-item:last-child {
+  border-bottom: none;
+}
+
+.auto-item--active {
+  background: rgba(196,98,58,0.04);
+}
+
+.auto-item--done {
+  background: rgba(91,122,94,0.04);
+}
+
+.auto-item--error {
+  opacity: 0.6;
+}
+
+.auto-item__left {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+
+.auto-item__icon-wrap {
+  width: 40px;
+  height: 40px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.auto-item--done .auto-item__icon-wrap {
+  background: var(--acc) !important;
+}
+
+.auto-item--error .auto-item__icon-wrap {
+  background: var(--tx3) !important;
+}
+
+.auto-item__icon {
+  font-size: 18px;
+  color: #fff;
+  font-weight: 700;
+}
+
+.auto-item__label {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--tx);
+}
+
+.auto-item__right {
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+}
+
+.auto-item__value {
+  font-family: Georgia, 'Times New Roman', serif;
+  font-size: 22px;
+  font-weight: 700;
+}
+
+.auto-item__unit {
+  font-size: 13px;
+  color: var(--tx3);
+}
+
+.auto-item__status {
+  font-size: 14px;
+  color: var(--tx3);
+}
+
+.auto-item__status--active {
+  color: var(--pri);
+  font-weight: 600;
+}
+
+.auto-item__status--error {
+  color: var(--tx3);
+}
+
+/* ── 自动测量进度条 ── */
+.auto-progress {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 24px;
+  padding: 0 4px;
+}
+
+.auto-progress__bar {
+  flex: 1;
+  height: 6px;
+  background: var(--bd);
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.auto-progress__fill {
+  height: 100%;
+  background: var(--pri);
+  border-radius: 3px;
+  transition: width 0.5s ease-out;
+}
+
+.auto-progress__text {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--pri);
+  min-width: 36px;
+  text-align: right;
+}
+.measure-page {
+  min-height: 100vh;
+  padding-bottom: 40px;
+}
+
+/* ── 设备状态栏 ── */
+.device-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 20px;
+  background: var(--card);
+  border-bottom: 1px solid var(--bd);
+}
+
+.device-bar__left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.device-bar__dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--acc);
+}
+
+.device-bar__name {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--tx);
+}
+
+.device-bar__battery {
+  font-size: 13px;
+  color: var(--tx3);
+  margin-left: 4px;
+}
+
+.device-bar__disconnect {
+  font-size: 13px;
+  color: var(--tx3);
+  padding: 6px 12px;
+  background: transparent;
+  border: 1px solid var(--bd);
+  border-radius: 999px;
+}
+
+/* ── 指标选择器（药丸式） ── */
+.selector {
+  display: flex;
+  white-space: nowrap;
+  padding: 16px 20px;
+  gap: 8px;
+}
+
+.selector__pill {
+  flex-shrink: 0;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 10px 14px;
+  border-radius: 16px;
+  position: relative;
+  min-width: 64px;
+  transition: all 200ms ease;
+}
+
+.selector__pill--active {
+  background: var(--card);
+  box-shadow: 0 2px 12px rgba(45,42,38,0.10);
+}
+
+.selector__pill--done::after {
+  content: '✓';
+  position: absolute;
+  top: 4px;
+  right: 6px;
+  font-size: 10px;
+  color: #fff;
+  background: var(--acc);
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.selector__icon-wrap {
+  width: 36px;
+  height: 36px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 200ms ease;
+}
+
+.selector__pill--active .selector__icon-wrap {
+  transform: scale(1.15);
+}
+
+.selector__icon {
+  font-size: 18px;
+  color: #fff;
+}
+
+.selector__label {
+  font-size: 13px;
+  color: var(--tx3);
+}
+
+.selector__pill--active .selector__label {
+  color: var(--tx);
+  font-weight: 600;
+}
+
+/* ── 仪表盘 ── */
+.gauge-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 16px 0 24px;
+}
+
+.gauge {
+  position: relative;
+}
+
+.gauge--measuring {
+  animation: gauge-breathe 2s ease-in-out infinite;
+}
+
+@keyframes gauge-breathe {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.03); }
+}
+
+.gauge__ring-wrap {
+  position: relative;
+  width: 220px;
+  height: 220px;
+}
+
+.gauge__ring-bg {
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  border: 10px solid var(--bd);
+  box-sizing: border-box;
+}
+
+.gauge__ring-progress {
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+}
+
+.gauge__center {
+  position: absolute;
+  inset: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: var(--bg);
+  border-radius: 50%;
+}
+
+.gauge__icon-lg {
+  font-size: 40px;
+  margin-bottom: 8px;
+}
+
+.gauge__hint {
+  font-size: 13px;
+  color: var(--tx3);
+  text-align: center;
+}
+
+.gauge__value {
+  font-family: Georgia, 'Times New Roman', serif;
+  font-size: 52px;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.gauge__unit {
+  font-size: 14px;
+  color: var(--tx3);
+  margin-top: 4px;
+}
+
+.gauge__loading {
+  font-size: 16px;
+  color: var(--tx2);
+}
+
+.gauge__err {
+  font-size: 36px;
+  color: var(--dan);
+  font-weight: 700;
+}
+
+.gauge__err-text {
+  font-size: 13px;
+  color: var(--tx2);
+  text-align: center;
+}
+
+/* ── 进度条 ── */
+.progress-bar {
+  width: 240px;
+  height: 4px;
+  background: var(--bd);
+  border-radius: 2px;
+  margin-top: 16px;
+  overflow: hidden;
+}
+
+.progress-bar__fill {
+  height: 100%;
+  border-radius: 2px;
+  transition: width 0.3s ease-out;
+}
+
+/* ── 免责声明 ── */
+.disclaimer {
+  text-align: center;
+  padding: 0 20px;
+  margin-bottom: 16px;
+}
+
+.disclaimer__text {
+  font-size: 11px;
+  color: var(--tx3);
+  line-height: 1.5;
+}
+
+/* ── 操作按钮 ── */
+.actions {
+  padding: 0 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.btn {
+  height: 52px;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  font-weight: 600;
+  text-align: center;
+  transition: opacity 150ms;
+}
+
+.btn:active {
+  opacity: 0.85;
+}
+
+.btn--primary {
+  background: var(--pri);
+  color: #fff;
+  box-shadow: 0 4px 16px rgba(196,98,58,0.3);
+}
+
+.btn--secondary {
+  background: var(--card);
+  color: var(--tx);
+  border: 1px solid var(--bd);
+}
+
+.btn--text {
+  background: transparent;
+  color: var(--tx3);
+  height: 44px;
+  font-size: 14px;
+}
+
+/* ═══ 旧版兼容样式 ═══ */
+.btn-primary {
+  background: var(--pri);
+  color: #fff;
+  height: 52px;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  font-weight: 600;
+  box-shadow: 0 4px 16px rgba(196,98,58,0.3);
+}
+.btn-primary:active { opacity: 0.85; }
+
+.btn-secondary {
+  background: var(--card);
+  color: var(--tx);
+  height: 52px;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  font-weight: 600;
+  border: 1px solid var(--bd);
+}
+.btn-secondary:active { opacity: 0.85; }
+
+.btn-text {
+  background: transparent;
+  color: var(--tx3);
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+}
+
+.btn-large { margin: 0; }
+
+/* 旧版 header/selector/gauge 兼容 */
+.header { display: none; }
+.header-device { display: none; }
+.header-dot { display: none; }
+.header-name { display: none; }
+.header-battery { display: none; }
+.header-disconnect { display: none; }
+.selector-item { display: none; }
+.selector-icon { display: none; }
+.selector-label { display: none; }
+.selector-check { display: none; }
+.gauge-circle { display: none; }
+.gauge-icon { display: none; }
+.gauge-hint { display: none; }
+.gauge-value { display: none; }
+.gauge-loading { display: none; }
+.gauge-err { display: none; }
+.gauge-err-text { display: none; }
+.gauge-progress-bar { display: none; }
+.gauge-progress-fill { display: none; }
+.assessment { display: none; }
+.assessment-text { display: none; }
+.disclaimer-text { display: none; }
+.measure-error { display: none; }
+.measure-error-text { display: none; }

apps/miniprogram/package.json

@@ -4,8 +4,16 @@
   "private": true,
   "description": "HMS 健康管理平台患者小程序",
   "scripts": {
+    "generate-tokens": "tsx scripts/generate-tokens.ts",
     "build:weapp": "taro build --type weapp",
     "dev:weapp": "taro build --type weapp --watch",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix",
+    "format": "prettier --write 'src/**/*.{ts,tsx}'",
+    "format:check": "prettier --check 'src/**/*.{ts,tsx}'",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "test:e2e": "vitest run --config e2e/vitest.config.ts",
     "dev:h5": "dotenv -e .env.h5 -- taro build --type h5 --watch",
     "build:h5": "dotenv -e .env.h5 -- taro build --type h5"
@@ -16,6 +24,8 @@
     "ios >= 8"
   ],
   "dependencies": {
+    "@noble/ciphers": "^1.0.0",
+    "@noble/hashes": "^1.8.0",
     "@tarojs/components": "4.2.0",
     "@tarojs/helper": "4.2.0",
     "@tarojs/plugin-framework-react": "4.2.0",
@@ -24,6 +34,7 @@
     "@tarojs/runtime": "4.2.0",
     "@tarojs/shared": "4.2.0",
     "@tarojs/taro": "4.2.0",
+    "mp-html": "^2.5.2",
     "react": "^18.3.0",
     "react-dom": "18.3.1",
     "zustand": "^5.0.0"
@@ -33,14 +44,23 @@
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
     "@babel/runtime": "^7.27.0",
+    "@eslint/js": "^9.0.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
     "@tarojs/cli": "4.2.0",
     "@tarojs/plugin-platform-h5": "^4.2.0",
     "@tarojs/webpack5-runner": "4.2.0",
+    "@types/node": "^22.0.0",
     "@types/react": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
     "babel-preset-taro": "^4.2.0",
     "dotenv-cli": "^11.0.0",
+    "eslint": "^9.0.0",
+    "eslint-config-prettier": "^10.0.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.0",
     "miniprogram-automator": "^0.12.1",
+    "prettier": "^3.0.0",
     "react-refresh": "^0.14.0",
     "sass": "^1.87.0",
     "typescript": "^5.8.0",

apps/miniprogram/project.config.json

@@ -14,7 +14,8 @@
     "minifyWXML": true,
     "packNpmManually": false,
     "packNpmRelationList": [],
-    "ignoreUploadUnusedFiles": true
+    "ignoreUploadUnusedFiles": true,
+    "skylineRenderEnable": false
   },
   "condition": {}
 }

apps/miniprogram/scripts/__tests__/generate-tokens.test.ts

@@ -0,0 +1,97 @@
+import { describe, it, expect } from 'vitest';
+import {
+  parseTokensFromScss,
+  parseScssVariables,
+  resolveTokenValues,
+} from '../generate-tokens';
+
+describe('parseScssVariables', () => {
+  it('extracts SCSS variable declarations', () => {
+    const scss = '$pri: #C4623A;\n$bg: #F5F0EB;';
+    const vars = parseScssVariables(scss);
+    expect(vars).toEqual({ pri: '#C4623A', bg: '#F5F0EB' });
+  });
+
+  it('ignores comments and non-variable lines', () => {
+    const scss = '// comment\n$pri: #C4623A;';
+    const vars = parseScssVariables(scss);
+    expect(vars).toEqual({ pri: '#C4623A' });
+  });
+
+  it('handles values with spaces and units', () => {
+    const scss = '$shadow-sm: 0 1px 4px rgba(45, 42, 38, 0.06);\n$r: 16px;';
+    const vars = parseScssVariables(scss);
+    expect(vars['shadow-sm']).toBe('0 1px 4px rgba(45, 42, 38, 0.06)');
+    expect(vars['r']).toBe('16px');
+  });
+});
+
+describe('parseTokensFromScss', () => {
+  it('extracts --tk-* CSS variables from page selector', () => {
+    const scss = `page {
+  --tk-font-h1: 28px;
+  --tk-font-body: 16px;
+}`;
+    const tokens = parseTokensFromScss(scss, 'page');
+    expect(tokens).toEqual({ 'font-h1': '28px', 'font-body': '16px' });
+  });
+
+  it('extracts from class selector', () => {
+    const scss = `.elder-mode {
+  --tk-font-h1: 32px;
+}`;
+    const tokens = parseTokensFromScss(scss, '.elder-mode');
+    expect(tokens).toEqual({ 'font-h1': '32px' });
+  });
+
+  it('captures SCSS variable references as-is for later resolution', () => {
+    const scss = `page {
+  --tk-pri: #{$pri};
+  --tk-font-body: 16px;
+}`;
+    const tokens = parseTokensFromScss(scss, 'page');
+    expect(tokens['pri']).toBe('#{$pri}');
+    expect(tokens['font-body']).toBe('16px');
+  });
+
+  it('returns empty object when selector not found', () => {
+    const scss = `page { --tk-font-h1: 28px; }`;
+    const tokens = parseTokensFromScss(scss, '.nonexistent');
+    expect(tokens).toEqual({});
+  });
+});
+
+describe('resolveTokenValues', () => {
+  it('replaces SCSS variable references with actual values', () => {
+    const tokensScss = `page {
+  --tk-pri: #{$pri};
+}`;
+    const varsScss = '$pri: #C4623A;';
+    const result = resolveTokenValues(tokensScss, varsScss, 'page');
+    expect(result).toEqual({ pri: '#C4623A' });
+  });
+
+  it('handles plain values without SCSS references', () => {
+    const tokensScss = `page {
+  --tk-card-radius: 16px;
+  --tk-font-body: 16px;
+}`;
+    const varsScss = '$r: 16px;';
+    const result = resolveTokenValues(tokensScss, varsScss, 'page');
+    expect(result['card-radius']).toBe('16px');
+    expect(result['font-body']).toBe('16px');
+  });
+
+  it('handles multiple variable references', () => {
+    const tokensScss = `page {
+  --tk-pri: #{$pri};
+  --tk-pri-l: #{$pri-l};
+  --tk-font-body: 16px;
+}`;
+    const varsScss = '$pri: #C4623A;\n$pri-l: #F0DDD4;';
+    const result = resolveTokenValues(tokensScss, varsScss, 'page');
+    expect(result['pri']).toBe('#C4623A');
+    expect(result['pri-l']).toBe('#F0DDD4');
+    expect(result['font-body']).toBe('16px');
+  });
+});

apps/miniprogram/scripts/generate-tokens.ts

@@ -0,0 +1,133 @@
+// scripts/generate-tokens.ts
+// 从 src/styles/tokens.scss + variables.scss 解析 CSS 变量，
+// 输出 src/styles/token-values.ts 供 JS 运行时使用
+import { readFileSync, writeFileSync } from 'fs';
+import { resolve, dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+interface TokenMap {
+  [key: string]: string;
+}
+
+/** 解析 SCSS 文件中的 CSS 变量声明 */
+function parseTokensFromScss(
+  scssContent: string,
+  selector: string = 'page',
+): TokenMap {
+  const tokens: TokenMap = {};
+  const blockRegex = new RegExp(
+    `${selector.replace('.', '\\.')}\\s*\\{([\\s\\S]+?)\\n\\}`,
+  );
+  const blockMatch = scssContent.match(blockRegex);
+  if (!blockMatch) return tokens;
+
+  const varRegex = /--tk-([\w-]+)\s*:\s*([^;]+);/g;
+  let match: RegExpExecArray | null;
+  while ((match = varRegex.exec(blockMatch[1])) !== null) {
+    tokens[match[1]] = match[2].trim();
+  }
+  return tokens;
+}
+
+/** 解析 SCSS 变量（如 $pri: #C4623A）用于替换 #{...} 引用 */
+function parseScssVariables(scssContent: string): Record<string, string> {
+  const vars: Record<string, string> = {};
+  const regex = /\$([\w-]+)\s*:\s*([^;]+);/g;
+  let match: RegExpExecArray | null;
+  while ((match = regex.exec(scssContent)) !== null) {
+    vars[match[1]] = match[2].trim();
+  }
+  return vars;
+}
+
+/** 解析 tokens.scss，替换 SCSS 变量引用 */
+function resolveTokenValues(
+  tokensContent: string,
+  variablesContent: string,
+  selector: string,
+): TokenMap {
+  const scssVars = parseScssVariables(variablesContent);
+  const rawTokens = parseTokensFromScss(tokensContent, selector);
+  const resolved: TokenMap = {};
+  for (const [key, value] of Object.entries(rawTokens)) {
+    let resolvedValue = value;
+    resolvedValue = resolvedValue.replace(
+      /#\{\$([\w-]+)\}/g,
+      (_, varName) => scssVars[varName] || '',
+    );
+    resolved[key] = resolvedValue;
+  }
+  return resolved;
+}
+
+function generateTokenFile(
+  tokensPath: string,
+  variablesPath: string,
+  outputPath: string,
+): void {
+  const tokensContent = readFileSync(tokensPath, 'utf-8');
+  const variablesContent = readFileSync(variablesPath, 'utf-8');
+
+  const normalTokens = resolveTokenValues(
+    tokensContent,
+    variablesContent,
+    'page',
+  );
+  const elderTokens = resolveTokenValues(
+    tokensContent,
+    variablesContent,
+    '.elder-mode',
+  );
+  const doctorTokens = resolveTokenValues(
+    tokensContent,
+    variablesContent,
+    '.doctor-mode',
+  );
+
+  const output = `// Auto-generated by scripts/generate-tokens.ts — DO NOT EDIT
+// Generated at: ${new Date().toISOString()}
+
+export const TOKEN_VALUES = ${JSON.stringify(normalTokens, null, 2)} as const;
+
+export const ELDER_TOKEN_OVERRIDES = ${JSON.stringify(elderTokens, null, 2)} as const;
+
+export const DOCTOR_TOKEN_OVERRIDES = ${JSON.stringify(doctorTokens, null, 2)} as const;
+
+// Canvas 专用：字号（数字，单位 px）
+export const CANVAS_FONT_NORMAL = {
+  yLabel: 10,
+  xLabel: 10,
+  tooltip: 12,
+  pointNormal: 3,
+  pointAbnormal: 5,
+} as const;
+
+export const CANVAS_FONT_ELDER = {
+  yLabel: 14,
+  xLabel: 14,
+  tooltip: 16,
+  pointNormal: 5,
+  pointAbnormal: 8,
+} as const;
+`;
+
+  writeFileSync(outputPath, output, 'utf-8');
+  console.log(`[generate-tokens] Generated ${outputPath}`);
+  console.log(`  Normal: ${Object.keys(normalTokens).length} tokens`);
+  console.log(`  Elder: ${Object.keys(elderTokens).length} overrides`);
+  console.log(`  Doctor: ${Object.keys(doctorTokens).length} overrides`);
+}
+
+// CLI 入口
+if (process.argv[1]?.endsWith('generate-tokens.ts')) {
+  const root = resolve(__dirname, '..');
+  generateTokenFile(
+    resolve(root, 'src/styles/tokens.scss'),
+    resolve(root, 'src/styles/variables.scss'),
+    resolve(root, 'src/styles/token-values.ts'),
+  );
+}
+
+export { parseTokensFromScss, parseScssVariables, resolveTokenValues, generateTokenFile };

apps/miniprogram/src/app.config.ts

@@ -1,4 +1,5 @@
 export default defineAppConfig({
+  ...(process.env.NODE_ENV === 'production' ? { lazyCodeLoading: 'requiredComponents' as const } : {}),
   pages: [
     'pages/index/index',
     'pages/login/index',
@@ -18,6 +19,7 @@ export default defineAppConfig({
     },
     {
       root: 'pages/pkg-doctor-core',
+      independent: true,
       pages: [
         'index', 'patients/index', 'patients/detail/index',
         'consultation/index', 'consultation/detail/index',
@@ -27,6 +29,7 @@ export default defineAppConfig({
     },
     {
       root: 'pages/pkg-doctor-clinical',
+      independent: true,
       pages: [
         'dialysis/index', 'dialysis/detail/index', 'dialysis/create/index',
         'prescription/index', 'prescription/detail/index', 'prescription/create/index',
@@ -74,6 +77,7 @@ export default defineAppConfig({
     list: [
       { pagePath: 'pages/index/index', text: '首页', iconPath: 'assets/tabbar/home.png', selectedIconPath: 'assets/tabbar/home-active.png' },
       { pagePath: 'pages/health/index', text: '健康', iconPath: 'assets/tabbar/health.png', selectedIconPath: 'assets/tabbar/health-active.png' },
+      { pagePath: 'pages/mall/index', text: '商城', iconPath: 'assets/tabbar/mall.png', selectedIconPath: 'assets/tabbar/mall-active.png' },
       { pagePath: 'pages/messages/index', text: '助手', iconPath: 'assets/tabbar/message.png', selectedIconPath: 'assets/tabbar/message-active.png' },
       { pagePath: 'pages/profile/index', text: '我的', iconPath: 'assets/tabbar/profile.png', selectedIconPath: 'assets/tabbar/profile-active.png' },
     ],
@@ -81,12 +85,16 @@ export default defineAppConfig({
   preloadRule: {
     'pages/index/index': {
       network: 'all',
-      packages: ['pages/pkg-health', 'pages/pkg-doctor-core', 'pages/article'],
+      packages: ['pages/pkg-health', 'pages/article'],
     },
     'pages/health/index': {
       network: 'all',
       packages: ['pages/pkg-health'],
     },
+    'pages/mall/index': {
+      network: 'all',
+      packages: ['pages/pkg-mall'],
+    },
     'pages/consultation/index': {
       network: 'all',
       packages: ['pages/pkg-consultation'],

apps/miniprogram/src/app.tsx

@@ -1,9 +1,12 @@
+import './utils/crypto-polyfill';
+import './utils/abort-controller-polyfill';
 import { useEffect, useRef, PropsWithChildren } from 'react';
-import Taro, { useDidShow, useDidHide } from '@tarojs/taro';
+import { useDidShow, useDidHide } from '@tarojs/taro';
 import ErrorBoundary from './components/ErrorBoundary';
 import { flushEvents } from './services/analytics';
 import { useAuthStore } from './stores/auth';
 import { useUIStore } from './stores/ui';
+import { useAlertPolling } from './hooks/useAlertPolling';
 import { migrateLegacyStorage } from './utils/secure-storage';
 import './app.scss';
 
@@ -18,15 +21,18 @@ function App({ children }: PropsWithChildren<Record<string, unknown>>) {
     restoreUI();
   });
 
+  // 告警轮询：登录态下自动监听 critical 告警
+  useAlertPolling();
+
   // 暴露全局 bridge 供 MCP/自动化测试调用（仅 dev 模式）
   useEffect(() => {
     if (process.env.NODE_ENV === 'production') return;
-    (globalThis as any).__hms = {
+    (globalThis as Record<string, unknown>).__hms = {
       restoreAuth: () => { restoreAuth(); return useAuthStore.getState(); },
       restoreUI,
       getAuthState: () => useAuthStore.getState(),
     };
-    return () => { delete (globalThis as any).__hms; };
+    return () => { delete (globalThis as Record<string, unknown>).__hms; };
   }, []);
 
   // Analytics 定时器：仅在页面可见时运行，后台时暂停以节省资源

apps/miniprogram/src/components/EmptyState/index.tsx

@@ -19,7 +19,7 @@ export default React.memo(function EmptyState({
 }: EmptyStateProps) {
   const displayChar = icon || text.charAt(0);
   return (
-    <View className='empty-state'>
+    <View className='empty-state' role="status" aria-live="polite">
       <View className='empty-state-icon-wrap'>
         <Text className='empty-state-icon-char'>{displayChar}</Text>
       </View>

apps/miniprogram/src/components/ErrorBoundary/index.tsx

@@ -1,31 +1,77 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { View, Text } from '@tarojs/components';
 import './index.scss';
 
 interface Props {
   children: React.ReactNode;
+  fallback?: React.ReactNode;
 }
 
 interface State {
   hasError: boolean;
   retryCount: number;
+  errorCategory: ErrorCategory;
 }
 
+type ErrorCategory = 'network' | 'render' | 'unknown';
+
 const MAX_RETRIES = 3;
 
+function classifyError(error: Error): ErrorCategory {
+  const msg = error.message?.toLowerCase() || '';
+  if (
+    msg.includes('network') ||
+    msg.includes('fetch') ||
+    msg.includes('timeout') ||
+    msg.includes('request:fail')
+  ) {
+    return 'network';
+  }
+  if (
+    msg.includes('cannot read properties') ||
+    msg.includes('is not defined') ||
+    msg.includes('is not a function') ||
+    msg.includes('render')
+  ) {
+    return 'render';
+  }
+  return 'unknown';
+}
+
+function logError(error: Error, info: React.ErrorInfo, category: ErrorCategory): void {
+  const isDev = process.env.NODE_ENV === 'development';
+  const entry = {
+    ts: new Date().toISOString(),
+    category,
+    message: error.message,
+    stack: isDev ? error.stack : undefined,
+    componentStack: isDev ? info.componentStack : undefined,
+  };
+
+  if (isDev) {
+    console.error('[ErrorBoundary]', JSON.stringify(entry, null, 2));
+  } else {
+    console.error('[ErrorBoundary]', entry.ts, entry.category, entry.message);
+  }
+}
+
 export default class ErrorBoundary extends Component<Props, State> {
   constructor(props: Props) {
     super(props);
-    this.state = { hasError: false, retryCount: 0 };
+    this.state = { hasError: false, retryCount: 0, errorCategory: 'unknown' };
   }
 
-  static getDerivedStateFromError(): Partial<State> {
-    return { hasError: true };
+  static getDerivedStateFromError(error: Error): Partial<State> {
+    return { hasError: true, errorCategory: classifyError(error) };
   }
 
   componentDidCatch(error: Error, info: React.ErrorInfo) {
-    console.error('[ErrorBoundary]', error, info.componentStack);
-    this.setState((prev) => ({ retryCount: prev.retryCount + 1 }));
+    const category = classifyError(error);
+    logError(error, info, category);
+    this.setState((prev) => ({
+      retryCount: prev.retryCount + 1,
+      errorCategory: category,
+    }));
   }
 
   handleRetry = () => {
@@ -34,21 +80,28 @@ export default class ErrorBoundary extends Component<Props, State> {
 
   render() {
     if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+
       const exceeded = this.state.retryCount >= MAX_RETRIES;
+      const isNetwork = this.state.errorCategory === 'network';
+      const title = isNetwork ? '网络连接失败' : '页面出了点问题';
+      const desc = exceeded
+        ? '请重启小程序后重试'
+        : isNetwork
+          ? '请检查网络后重试'
+          : '请返回重试';
+
       return (
         <View className='error-boundary'>
           <View className='error-icon-wrap'>
             <Text className='error-icon-text'>!</Text>
           </View>
-          <Text className='error-title'>页面出了点问题</Text>
-          <Text className='error-desc'>
-            {exceeded ? '请重启小程序' : '请返回重试'}
-          </Text>
+          <Text className='error-title'>{title}</Text>
+          <Text className='error-desc'>{desc}</Text>
           {!exceeded && (
-            <View
-              className='error-retry-btn'
-              onClick={this.handleRetry}
-            >
+            <View className='error-retry-btn' onClick={this.handleRetry}>
               <Text className='error-retry-text'>重新加载</Text>
             </View>
           )}

apps/miniprogram/src/components/ErrorState/index.tsx

@@ -12,7 +12,7 @@ export default React.memo(function ErrorState({
   onRetry,
 }: ErrorStateProps) {
   return (
-    <View className='error-state'>
+    <View className='error-state' role="alert" aria-live="assertive">
       <Text className='error-state-icon'>⚠️</Text>
       <Text className='error-state-text'>{text}</Text>
       {onRetry && (

apps/miniprogram/src/components/FrozenPage/index.scss

@@ -0,0 +1,48 @@
+@import '../../styles/variables.scss';
+@import '../../styles/mixins.scss';
+
+.frozen-page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 60vh;
+  text-align: center;
+  padding: 40px 20px;
+}
+
+.frozen-page-icon {
+  font-size: 48px;
+  margin-bottom: 24px;
+}
+
+.frozen-page-title {
+  font-size: var(--tk-font-h3);
+  font-weight: 600;
+  color: $tx;
+  margin-bottom: 12px;
+}
+
+.frozen-page-desc {
+  font-size: var(--tk-font-body);
+  color: $tx3;
+  margin-bottom: 32px;
+}
+
+.frozen-page-btn {
+  height: 44px;
+  padding: 0 32px;
+  border-radius: $r;
+  background: var(--tk-pri);
+  @include flex-center;
+
+  &:active {
+    opacity: var(--tk-touch-feedback-opacity);
+  }
+}
+
+.frozen-page-btn-text {
+  font-size: var(--tk-font-body);
+  font-weight: 500;
+  color: $white;
+}

apps/miniprogram/src/components/FrozenPage/index.tsx

@@ -0,0 +1,22 @@
+import { View, Text } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import PageShell from '@/components/ui/PageShell';
+import './index.scss';
+
+export default function FrozenPage() {
+  return (
+    <PageShell scroll={false}>
+      <View className="frozen-page">
+        <Text className="frozen-page-icon">🚧</Text>
+        <Text className="frozen-page-title">功能即将上线</Text>
+        <Text className="frozen-page-desc">我们正在努力准备中，敬请期待</Text>
+        <View
+          className="frozen-page-btn"
+          onClick={() => Taro.navigateBack({ delta: 1 }).catch(() => Taro.switchTab({ url: '/pages/index/index' }))}
+        >
+          <Text className="frozen-page-btn-text">返回</Text>
+        </View>
+      </View>
+    </PageShell>
+  );
+}

apps/miniprogram/src/components/Loading/index.tsx

@@ -9,7 +9,7 @@ interface LoadingProps {
 export default React.memo(function Loading({ text = '加载中...' }: LoadingProps) {
   const isListEnd = text !== '加载中...' && !text.includes('加载');
   return (
-    <View className={`loading-state ${isListEnd ? 'loading-state--end' : ''}`}>
+    <View className={`loading-state ${isListEnd ? 'loading-state--end' : ''}`} role="status" aria-live="polite" aria-label="加载中">
       {!isListEnd && <View className='loading-spinner' />}
       <Text className='loading-state-text'>{text}</Text>
     </View>

apps/miniprogram/src/components/RichArticle/index.tsx

@@ -0,0 +1,54 @@
+import { memo, useMemo } from 'react';
+import { View } from '@tarojs/components';
+import { sanitizeHtml } from '@/utils/sanitize-html';
+
+interface RichArticleProps {
+  html: string;
+  className?: string;
+}
+
+const TAG_STYLE = JSON.stringify({
+  h1: 'font-size:20px;font-weight:700;color:#2D2A26;margin:16px 0 8px',
+  h2: 'font-size:18px;font-weight:700;color:#2D2A26;margin:16px 0 8px',
+  h3: 'font-size:16px;font-weight:700;color:#2D2A26;margin:16px 0 8px',
+  h4: 'font-size:15px;font-weight:600;color:#2D2A26;margin:12px 0 6px',
+  p: 'font-size:16px;color:#2D2A26;line-height:1.85;margin-bottom:12px',
+  ul: 'padding-left:20px;margin:8px 0;font-size:16px;line-height:1.9;color:#2D2A26',
+  ol: 'padding-left:20px;margin:8px 0;font-size:16px;line-height:1.9;color:#2D2A26',
+  li: 'margin-bottom:4px',
+  blockquote: 'border-left:3px solid #C4623A;padding:6px 12px;color:#5A554F;margin:12px 0',
+  strong: 'font-weight:700;color:#2D2A26',
+  em: 'font-style:italic',
+  code: 'background:#F5F0EB;padding:2px 6px;border-radius:4px;font-size:14px;color:#C4623A',
+  pre: 'background:#F5F0EB;padding:12px;border-radius:8px;margin:14px 0;overflow-x:auto',
+  table: 'width:100%;border-collapse:collapse;margin:8px 0;font-size:14px',
+  th: 'border:1px solid #E8E2DC;padding:6px 8px;background:#FAF8F5;font-weight:600;text-align:left',
+  td: 'border:1px solid #E8E2DC;padding:6px 8px',
+  hr: 'border:none;border-top:1px dashed #D1D5DB;margin:14px 0',
+  img: 'max-width:100%;border-radius:8px;margin:8px 0;display:block',
+  a: 'color:#C4623A;text-decoration:none',
+});
+
+function prepareHtml(raw: string): string {
+  return sanitizeHtml(raw);
+}
+
+function RichArticle({ html, className }: RichArticleProps) {
+  const content = useMemo(() => prepareHtml(html), [html]);
+
+  if (!content) return null;
+
+  return (
+    <View className={className}>
+      <mp-html
+        content={content}
+        lazy-load
+        selectable
+        container-style="font-size:16px;color:#5A554F;line-height:1.8;word-break:break-word"
+        tag-style={TAG_STYLE}
+      />
+    </View>
+  );
+}
+
+export default memo(RichArticle);

apps/miniprogram/src/components/SegmentTabs/index.scss

@@ -15,6 +15,8 @@
       justify-content: center;
       position: relative;
 
+      @include focus-ring;
+
       &--active {
         .seg-tab__text {
           color: var(--tk-pri);
@@ -54,6 +56,8 @@
       justify-content: center;
       transition: all 0.2s;
 
+      @include focus-ring;
+
       &--active {
         background: var(--tk-pri);
         box-shadow: var(--tk-shadow-tab);

apps/miniprogram/src/components/SegmentTabs/index.tsx

@@ -3,12 +3,12 @@ import { View, Text } from '@tarojs/components';
 import './index.scss';
 
 interface Tab {
-  key: string;
-  label: string;
+  readonly key: string;
+  readonly label: string;
 }
 
 interface SegmentTabsProps {
-  tabs: Tab[];
+  tabs: readonly Tab[];
   activeKey: string;
   onChange: (key: string) => void;
   variant?: 'underline' | 'pill';
@@ -21,11 +21,13 @@ export default React.memo(function SegmentTabs({
   variant = 'underline',
 }: SegmentTabsProps) {
   return (
-    <View className={`seg-tabs seg-tabs--${variant}`}>
+    <View className={`seg-tabs seg-tabs--${variant}`} role="tablist">
       {tabs.map((tab) => (
         <View
           key={tab.key}
           className={`seg-tab ${activeKey === tab.key ? 'seg-tab--active' : ''}`}
+          role="tab"
+          aria-selected={activeKey === tab.key}
           onClick={() => onChange(tab.key)}
         >
           <Text className='seg-tab__text'>{tab.label}</Text>

apps/miniprogram/src/components/TrendChart/index.scss

@@ -57,9 +57,21 @@
   white-space: nowrap;
   pointer-events: none;
   z-index: 10;
+
+  .elder-mode & {
+    padding: 12px 16px;
+    border-radius: 8px;
+    min-height: 44px;
+    display: flex;
+    align-items: center;
+  }
 }
 
 .trend-tooltip-text {
   font-size: 12px;
   color: #fff;
+
+  .elder-mode & {
+    font-size: var(--tk-font-body-sm);
+  }
 }

apps/miniprogram/src/components/TrendChart/index.tsx

@@ -1,8 +1,13 @@
 import React, { useEffect, useRef, useCallback, useState } from 'react';
 import { Canvas, View, Text } from '@tarojs/components';
 import Taro from '@tarojs/taro';
+import { useCanvasTokens } from '@/hooks/useCanvasTokens';
 import './index.scss';
 
+/** Canvas 2D 上下文类型 — 微信小程序 Canvas 2d 接口 */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type CanvasRenderingContext2D = any;
+
 interface TrendChartProps {
   data: { date: string; value: number }[];
   referenceMin?: number;
@@ -40,9 +45,29 @@ export default React.memo(function TrendChart({
   unit = '',
   height = 500,
 }: TrendChartProps) {
+  const tokens = useCanvasTokens();
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const canvasRef = useRef<any>(null);
   const [tooltip, setTooltip] = useState<{ date: string; value: number; x: number } | null>(null);
 
+  // 关怀模式默认显示最后一个数据点 tooltip
+  useEffect(() => {
+    if (tokens.yLabelFontSize >= 14 && data && data.length > 0 && canvasRef.current) {
+      const dpr = getDPR();
+      const w = canvasRef.current.width / dpr;
+      const pad = { left: 45, right: 15 };
+      const cw = w - pad.left - pad.right;
+      const lastIdx = data.length - 1;
+      setTooltip({
+        date: data[lastIdx].date,
+        value: data[lastIdx].value,
+        x: pad.left + (lastIdx / Math.max(data.length - 1, 1)) * cw,
+      });
+    } else if (tokens.yLabelFontSize < 14) {
+      setTooltip(null);
+    }
+  }, [data, tokens.yLabelFontSize]);
+
   const draw = useCallback(() => {
     const node = canvasRef.current;
     if (!node || !data || data.length === 0) return;
@@ -78,12 +103,29 @@ export default React.memo(function TrendChart({
     if (referenceMin != null && referenceMax != null) {
       const ry1 = toY(referenceMax);
       const ry2 = toY(referenceMin);
-      ctx.fillStyle = 'rgba(5,150,105,0.08)';
+      ctx.fillStyle = tokens.referenceBandColor;
       ctx.fillRect(pad.left, ry1, cw, ry2 - ry1);
+
+      // 关怀模式增加斜线纹理增强区分度
+      if (tokens.yLabelFontSize >= 14) {
+        ctx.save();
+        ctx.strokeStyle = 'rgba(5,150,105,0.18)';
+        ctx.lineWidth = 1;
+        const step = 8;
+        ctx.beginPath();
+        for (let x = pad.left; x < pad.left + cw; x += step) {
+          const x1 = Math.min(x, pad.left + cw);
+          const x2 = Math.min(x + (ry2 - ry1), pad.left + cw);
+          ctx.moveTo(x1, ry2);
+          ctx.lineTo(x2, ry1);
+        }
+        ctx.stroke();
+        ctx.restore();
+      }
     }
 
     // Grid lines
-    ctx.strokeStyle = '#F3F4F6';
+    ctx.strokeStyle = tokens.gridColor;
     ctx.lineWidth = 1;
     const gridLines = 4;
     for (let i = 0; i <= gridLines; i++) {
@@ -95,8 +137,8 @@ export default React.memo(function TrendChart({
     }
 
     // Y-axis labels
-    ctx.fillStyle = '#94A3B8';
-    ctx.font = '10px sans-serif';
+    ctx.fillStyle = tokens.tx2;
+    ctx.font = `${tokens.yLabelFontSize}px sans-serif`;
     ctx.textAlign = 'right';
     for (let i = 0; i <= gridLines; i++) {
       const val = yMax - (yTotal / gridLines) * i;
@@ -105,6 +147,7 @@ export default React.memo(function TrendChart({
     }
 
     // X-axis labels
+    ctx.font = `${tokens.xLabelFontSize}px sans-serif`;
     ctx.textAlign = 'center';
     const step = Math.max(1, Math.floor(data.length / 5));
     for (let i = 0; i < data.length; i += step) {
@@ -126,13 +169,13 @@ export default React.memo(function TrendChart({
     ctx.lineTo(chartPoints[chartPoints.length - 1].x, toY(yMin));
     ctx.closePath();
     const grad = ctx.createLinearGradient(0, pad.top, 0, pad.top + ch);
-    grad.addColorStop(0, 'rgba(8,145,178,0.15)');
-    grad.addColorStop(1, 'rgba(8,145,178,0.01)');
+    grad.addColorStop(0, tokens.areaGradientStart);
+    grad.addColorStop(1, tokens.areaGradientEnd);
     ctx.fillStyle = grad;
     ctx.fill();
 
     // Line
-    ctx.strokeStyle = '#0891B2';
+    ctx.strokeStyle = tokens.lineColor;
     ctx.lineWidth = 2;
     drawLine(ctx, chartPoints);
 
@@ -143,15 +186,15 @@ export default React.memo(function TrendChart({
         (referenceMin != null && d.value < referenceMin) ||
         (referenceMax != null && d.value > referenceMax);
       ctx.beginPath();
-      ctx.arc(chartPoints[i].x, chartPoints[i].y, isAbnormal ? 5 : 3, 0, Math.PI * 2);
-      ctx.fillStyle = isAbnormal ? '#DC2626' : '#0891B2';
+      ctx.arc(chartPoints[i].x, chartPoints[i].y, isAbnormal ? tokens.pointAbnormalRadius : tokens.pointNormalRadius, 0, Math.PI * 2);
+      ctx.fillStyle = isAbnormal ? tokens.abnormalColor : tokens.lineColor;
       ctx.fill();
     }
 
     ctx.restore();
-  }, [data, referenceMin, referenceMax]);
+  }, [data, referenceMin, referenceMax, tokens]);
 
-  const handleTouchStart = useCallback((e: any) => {
+  const handleTouchStart = useCallback((e: { touches: Array<{ x: number }> }) => {
     if (!data || data.length === 0 || !canvasRef.current) return;
     const touch = e.touches[0];
     const node = canvasRef.current;
@@ -181,7 +224,6 @@ export default React.memo(function TrendChart({
         if (!node) return;
         canvasRef.current = node;
         const sysInfo = Taro.getSystemInfoSync();
-        const canvasW = (sysInfo.windowWidth * 750) / sysInfo.windowWidth;
         node.width = sysInfo.windowWidth * getDPR();
         node.height = ((height / 750) * sysInfo.windowWidth) * getDPR();
         draw();
@@ -207,6 +249,8 @@ export default React.memo(function TrendChart({
       {tooltip && (
         <View
           className='trend-tooltip'
+          role="tooltip"
+          aria-live="polite"
           style={{ left: `${tooltip.x}px`, top: '8px' }}
         >
           <Text className='trend-tooltip-text'>

apps/miniprogram/src/components/ui/ChatBubble/index.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import './index.scss';
 

apps/miniprogram/src/components/ui/CheckinCalendar/index.scss

@@ -0,0 +1,91 @@
+@import '../../../styles/variables.scss';
+@import '../../../styles/mixins.scss';
+
+.checkin-calendar {
+  display: flex;
+  gap: 6px;
+  justify-content: center;
+  padding: $sp-section $sp-lg $sp-md;
+
+  &__day {
+    width: 36px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: $sp-xs;
+  }
+
+  &__dot {
+    width: 36px;
+    height: 36px;
+    border-radius: 18px;
+    @include flex-center;
+
+    &--checked {
+      background: $acc-l;
+    }
+    &--today {
+      background: $pri;
+      border: 2px solid $pri;
+      box-shadow: 0 2px 8px rgba(196, 98, 58, 0.3);
+    }
+    &--empty {
+      background: $surface-alt;
+    }
+  }
+
+  &__check {
+    font-size: 13px;
+    line-height: 1;
+    color: $acc;
+
+    .checkin-calendar__dot--today & {
+      color: $white;
+    }
+  }
+
+  &__label {
+    font-size: 11px;
+    color: $tx3;
+    font-weight: 400;
+
+    &--today {
+      color: $tx;
+      font-weight: 600;
+    }
+  }
+
+  &__tip {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 10px 14px;
+    background: $acc-l;
+    border-radius: $r-sm;
+    display: flex;
+    align-items: center;
+    gap: $sp-xs;
+  }
+
+  &__tip-text {
+    font-size: 12px;
+    color: $acc;
+    font-weight: 500;
+    line-height: 1.4;
+  }
+
+  // 长者模式
+  .elder-mode & {
+    &__dot {
+      width: 40px;
+      height: 40px;
+    }
+    &__label {
+      font-size: 13px;
+    }
+    &__tip-text {
+      font-size: 14px;
+    }
+  }
+}

apps/miniprogram/src/components/ui/CheckinCalendar/index.tsx

@@ -0,0 +1,53 @@
+import React from 'react';
+import { View, Text } from '@tarojs/components';
+import './index.scss';
+
+interface CheckinCalendarProps {
+  consecutiveDays: number;
+  earnedPoints?: number;
+  onClose?: () => void;
+}
+
+const DAYS = ['一', '二', '三', '四', '五', '六', '日'];
+
+const CheckinCalendar: React.FC<CheckinCalendarProps> = ({
+  consecutiveDays,
+}) => {
+  const daysUntilReward = 7 - consecutiveDays;
+
+  return (
+    <View className='checkin-calendar'>
+      {DAYS.map((d, i) => {
+        const isChecked = i < consecutiveDays;
+        const isToday = i === consecutiveDays - 1;
+        return (
+          <View key={i} className='checkin-calendar__day'>
+            <View
+              className={`checkin-calendar__dot ${
+                isChecked
+                  ? isToday
+                    ? 'checkin-calendar__dot--today'
+                    : 'checkin-calendar__dot--checked'
+                  : 'checkin-calendar__dot--empty'
+              }`}
+            >
+              {isChecked && <Text className='checkin-calendar__check'>&#10003;</Text>}
+            </View>
+            <Text className={`checkin-calendar__label ${isToday ? 'checkin-calendar__label--today' : ''}`}>
+              周{d}
+            </Text>
+          </View>
+        );
+      })}
+      {daysUntilReward > 0 && (
+        <View className='checkin-calendar__tip'>
+          <Text className='checkin-calendar__tip-text'>
+            再坚持 {daysUntilReward} 天，连续 7 天签到额外奖励 50 积分
+          </Text>
+        </View>
+      )}
+    </View>
+  );
+};
+
+export default React.memo(CheckinCalendar);

apps/miniprogram/src/components/ui/CheckinModal/index.scss

@@ -0,0 +1,142 @@
+@import '../../../styles/variables.scss';
+@import '../../../styles/mixins.scss';
+
+.checkin-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &__overlay {
+    position: absolute;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.4);
+  }
+
+  &__card {
+    position: relative;
+    width: 320px;
+    background: $card;
+    border-radius: $r;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
+    overflow: hidden;
+    z-index: 1;
+  }
+
+  &__header {
+    background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
+    padding: $sp-lg;
+    padding-bottom: 20px;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+  }
+
+  &__header-deco {
+    position: absolute;
+    top: -15px;
+    right: -15px;
+    width: 60px;
+    height: 60px;
+    border-radius: 30px;
+    background: rgba(255, 255, 255, 0.08);
+  }
+
+  &__title {
+    font-size: var(--tk-font-body);
+    color: rgba(255, 255, 255, 0.8);
+    margin-bottom: $sp-xs;
+    display: block;
+  }
+
+  &__points-row {
+    display: flex;
+    align-items: baseline;
+    justify-content: center;
+    gap: $sp-2xs;
+  }
+
+  &__points-num {
+    @include serif-number;
+    font-size: 36px;
+    font-weight: 700;
+    color: $white;
+    line-height: 1;
+  }
+
+  &__points-unit {
+    font-size: var(--tk-font-body-sm);
+    color: rgba(255, 255, 255, 0.8);
+  }
+
+  &__streak {
+    font-size: var(--tk-font-cap);
+    color: rgba(255, 255, 255, 0.65);
+    margin-top: $sp-xs;
+    display: block;
+  }
+
+  &__calendar {
+    padding: $sp-section $sp-lg 0;
+  }
+
+  &__calendar-title {
+    font-size: var(--tk-font-body-sm);
+    font-weight: 600;
+    color: $tx;
+    margin-bottom: $sp-sm;
+    text-align: center;
+    display: block;
+  }
+
+  &__calendar-body {
+    position: relative;
+    padding-bottom: 52px;
+  }
+
+  &__footer {
+    padding: 0 $sp-lg $sp-lg;
+  }
+
+  &__btn {
+    width: 100%;
+    padding: 12px 0;
+    border-radius: $r-pill;
+    background: $pri;
+    text-align: center;
+    cursor: pointer;
+    box-shadow: $shadow-btn;
+    @include touch-target;
+
+    &:active {
+      opacity: var(--tk-touch-feedback-opacity);
+    }
+  }
+
+  &__btn-text {
+    font-size: 15px;
+    color: $white;
+    font-weight: 600;
+  }
+
+  // 长者模式
+  .elder-mode & {
+    &__card {
+      width: 340px;
+    }
+    &__points-num {
+      font-size: 42px;
+    }
+    &__title {
+      font-size: 17px;
+    }
+    &__btn {
+      padding: 16px 0;
+    }
+    &__btn-text {
+      font-size: 17px;
+    }
+  }
+}

apps/miniprogram/src/components/ui/CheckinModal/index.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import { View, Text } from '@tarojs/components';
+import CheckinCalendar from '../CheckinCalendar';
+import './index.scss';
+
+interface CheckinModalProps {
+  visible: boolean;
+  consecutiveDays: number;
+  earnedPoints: number;
+  onClose: () => void;
+}
+
+const CheckinModal: React.FC<CheckinModalProps> = ({
+  visible,
+  consecutiveDays,
+  earnedPoints,
+  onClose,
+}) => {
+  if (!visible) return null;
+
+  return (
+    <View className='checkin-modal'>
+      <View className='checkin-modal__overlay' onClick={onClose} />
+      <View className='checkin-modal__card'>
+        {/* 顶部装饰区 */}
+        <View className='checkin-modal__header'>
+          <View className='checkin-modal__header-deco' />
+          <Text className='checkin-modal__title'>签到成功</Text>
+          <View className='checkin-modal__points-row'>
+            <Text className='checkin-modal__points-num'>+{earnedPoints}</Text>
+            <Text className='checkin-modal__points-unit'>积分</Text>
+          </View>
+          {consecutiveDays > 0 && (
+            <Text className='checkin-modal__streak'>
+              已连续签到 {consecutiveDays} 天
+            </Text>
+          )}
+        </View>
+
+        {/* 7天日历 */}
+        <View className='checkin-modal__calendar'>
+          <Text className='checkin-modal__calendar-title'>本周签到</Text>
+          <View className='checkin-modal__calendar-body'>
+            <CheckinCalendar
+              consecutiveDays={consecutiveDays}
+              earnedPoints={earnedPoints}
+              onClose={onClose}
+            />
+          </View>
+        </View>
+
+        {/* 关闭按钮 */}
+        <View className='checkin-modal__footer'>
+          <View className='checkin-modal__btn' onClick={onClose}>
+            <Text className='checkin-modal__btn-text'>我知道了</Text>
+          </View>
+        </View>
+      </View>
+    </View>
+  );
+};
+
+export default React.memo(CheckinModal);

apps/miniprogram/src/components/ui/DoctorTabBar/index.scss

@@ -25,6 +25,8 @@
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
 
+    @include focus-ring;
+
     &--active {
       .doctor-tabbar__icon {
         transform: scale(1.15);

apps/miniprogram/src/components/ui/DoctorTabBar/index.tsx

@@ -27,15 +27,19 @@ export default function DoctorTabBar({ active }: DoctorTabBarProps) {
 
   const handleTab = (tab: TabItem) => {
     if (tab.key === activeKey) return;
-    Taro.reLaunch({ url: tab.url });
+    Taro.reLaunch({ url: tab.url }).catch(() => {
+      Taro.redirectTo({ url: tab.url }).catch(() => {});
+    });
   };
 
   return (
-    <View className="doctor-tabbar">
+    <View className="doctor-tabbar" role="tablist">
       {DOCTOR_TABS.map((tab) => (
         <View
           key={tab.key}
           className={`doctor-tabbar__item ${tab.key === activeKey ? 'doctor-tabbar__item--active' : ''}`}
+          role="tab"
+          aria-selected={tab.key === activeKey}
           onClick={() => handleTab(tab)}
         >
           <Text className="doctor-tabbar__icon">{tab.key === activeKey ? tab.activeIcon : tab.icon}</Text>

apps/miniprogram/src/components/ui/FormInput/index.scss

@@ -17,6 +17,12 @@
     display: flex;
     align-items: center;
     transition: border-color 0.2s;
+
+    &:focus-within {
+      outline: $focus-ring-width solid $focus-ring-color;
+      outline-offset: $focus-ring-offset;
+      border-color: var(--tk-pri);
+    }
   }
 
   &__control {

apps/miniprogram/src/components/ui/FormInput/index.tsx

@@ -45,6 +45,8 @@ const FormInput: React.FC<FormInputProps> = ({
           type={type}
           maxlength={maxLength}
           disabled={disabled}
+          aria-invalid={!!error}
+          aria-label={label || placeholder}
         />
       </View>
       {error && <Text className='form-input__error'>{error}</Text>}

apps/miniprogram/src/components/ui/LoadingCard/index.tsx

@@ -12,7 +12,7 @@ const LoadingCard: React.FC<LoadingCardProps> = ({
   layout = 'card',
 }) => {
   return (
-    <View className={`loading-card-group loading-card-group--${layout}`}>
+    <View className={`loading-card-group loading-card-group--${layout}`} role="status" aria-label="内容加载中">
       {Array.from({ length: count }, (_, i) => (
         <View key={i} className="loading-card">
           {layout === 'card' && (

apps/miniprogram/src/components/ui/PointsCard/index.scss

@@ -0,0 +1,124 @@
+@import '../../../styles/variables.scss';
+@import '../../../styles/mixins.scss';
+
+.points-card {
+  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
+  border-radius: $r;
+  padding: $sp-lg;
+  padding-bottom: 20px;
+  margin-bottom: $sp-section;
+  box-shadow: 0 8px 24px rgba(196, 98, 58, 0.25);
+  position: relative;
+  overflow: hidden;
+
+  &__deco {
+    position: absolute;
+    border-radius: 50%;
+    pointer-events: none;
+
+    &--1 {
+      top: -20px;
+      right: -20px;
+      width: 100px;
+      height: 100px;
+      background: rgba(255, 255, 255, 0.08);
+    }
+    &--2 {
+      bottom: -30px;
+      right: 40px;
+      width: 80px;
+      height: 80px;
+      background: rgba(255, 255, 255, 0.05);
+    }
+    &--3 {
+      top: 20px;
+      right: 20px;
+      width: 40px;
+      height: 40px;
+      background: rgba(255, 255, 255, 0.06);
+    }
+  }
+
+  &__body {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    position: relative;
+    z-index: 1;
+  }
+
+  &__left {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__label {
+    font-size: var(--tk-font-cap);
+    color: rgba(255, 255, 255, 0.7);
+    margin-bottom: $sp-xs;
+    letter-spacing: 1px;
+  }
+
+  &__balance {
+    @include serif-number;
+    font-size: 42px;
+    font-weight: 700;
+    color: $white;
+    line-height: 1;
+    letter-spacing: 2px;
+    margin-bottom: $sp-2xs;
+  }
+
+  &__streak {
+    font-size: var(--tk-font-cap);
+    color: rgba(255, 255, 255, 0.65);
+  }
+
+  &__checkin {
+    display: flex;
+    align-items: center;
+    gap: $sp-2xs;
+    background: rgba(255, 255, 255, 0.2);
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    padding: 8px 16px;
+    border-radius: $r-pill;
+    cursor: pointer;
+
+    @include touch-target;
+
+    &:active {
+      opacity: var(--tk-touch-feedback-opacity);
+    }
+
+    &--done {
+      background: rgba(255, 255, 255, 0.1);
+      border-color: rgba(255, 255, 255, 0.2);
+    }
+  }
+
+  &__checkin-text {
+    font-size: var(--tk-font-cap);
+    color: $white;
+    font-weight: 500;
+  }
+
+  &__checkin--done &__checkin-text {
+    opacity: 0.6;
+  }
+
+  // 长者模式
+  .elder-mode & {
+    &__balance {
+      font-size: 52px;
+    }
+    &__label {
+      font-size: 15px;
+    }
+    &__checkin {
+      padding: 10px 20px;
+    }
+    &__checkin-text {
+      font-size: 15px;
+    }
+  }
+}

apps/miniprogram/src/components/ui/PointsCard/index.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { View, Text } from '@tarojs/components';
+import './index.scss';
+
+interface PointsCardProps {
+  balance: number;
+  consecutiveDays: number;
+  checkedIn: boolean;
+  checkinLoading?: boolean;
+  onCheckin?: () => void;
+}
+
+const PointsCard: React.FC<PointsCardProps> = ({
+  balance,
+  consecutiveDays,
+  checkedIn,
+  checkinLoading = false,
+  onCheckin,
+}) => {
+  return (
+    <View className='points-card'>
+      {/* 装饰圆 */}
+      <View className='points-card__deco points-card__deco--1' />
+      <View className='points-card__deco points-card__deco--2' />
+      <View className='points-card__deco points-card__deco--3' />
+
+      <View className='points-card__body'>
+        <View className='points-card__left'>
+          <Text className='points-card__label'>我的积分</Text>
+          <Text className='points-card__balance'>{balance.toLocaleString()}</Text>
+          {consecutiveDays > 0 && (
+            <Text className='points-card__streak'>
+              已连续签到 {consecutiveDays} 天
+            </Text>
+          )}
+        </View>
+        <View
+          className={`points-card__checkin ${checkedIn ? 'points-card__checkin--done' : ''}`}
+          onClick={() => !checkedIn && !checkinLoading && onCheckin?.()}
+        >
+          <Text className='points-card__checkin-text'>
+            {checkinLoading ? '...' : checkedIn ? '已签到' : '签到'}
+          </Text>
+        </View>
+      </View>
+    </View>
+  );
+};
+
+export default React.memo(PointsCard);

apps/miniprogram/src/components/ui/PrimaryButton/index.scss

@@ -29,6 +29,8 @@
     transform: scale(0.98);
   }
 
+  @include focus-ring;
+
   &--disabled {
     opacity: 0.5;
     box-shadow: none;

apps/miniprogram/src/components/ui/PrimaryButton/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { View, Text } from '@tarojs/components';
+import { hapticLight } from '@/utils/haptic';
 import './index.scss';
 
 interface PrimaryButtonProps {
@@ -27,8 +28,14 @@ const PrimaryButton: React.FC<PrimaryButtonProps> = ({
     className,
   ].filter(Boolean).join(' ');
 
+  const handleClick = () => {
+    if (disabled || loading) return;
+    hapticLight();
+    onClick?.();
+  };
+
   return (
-    <View className={cls} onClick={!disabled && !loading ? onClick : undefined}>
+    <View className={cls} role="button" aria-disabled={disabled} aria-busy={loading} onClick={handleClick}>
       {loading && <View className='primary-btn__spinner' />}
       <Text className='primary-btn__text'>{children}</Text>
     </View>

apps/miniprogram/src/components/ui/ProductCard/index.scss

@@ -0,0 +1,116 @@
+@import '../../../styles/variables.scss';
+@import '../../../styles/mixins.scss';
+
+.product-card {
+  background: $card;
+  border-radius: $r-sm;
+  overflow: hidden;
+  box-shadow: $shadow-sm;
+
+  @include touch-feedback;
+
+  &__thumb-wrap {
+    position: relative;
+  }
+
+  &__thumb {
+    width: 100%;
+    aspect-ratio: 1;
+    @include flex-center;
+    flex-direction: column;
+    gap: $sp-2xs;
+
+    &--physical { background: $pri-l; }
+    &--service { background: $acc-l; }
+    &--privilege { background: $wrn-l; }
+  }
+
+  &__thumb-type {
+    font-size: var(--tk-font-cap);
+    color: $tx3;
+    font-weight: 500;
+  }
+
+  &__soldout {
+    position: absolute;
+    inset: 0;
+    background: rgba(255, 255, 255, 0.7);
+    @include flex-center;
+  }
+
+  &__soldout-text {
+    font-size: var(--tk-font-body-sm);
+    color: $tx3;
+    font-weight: 600;
+  }
+
+  &__info {
+    padding: 10px $sp-sm 14px;
+  }
+
+  &__name {
+    font-size: var(--tk-font-body-sm);
+    font-weight: 600;
+    color: $tx;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    line-height: 1.4;
+    height: 40px;
+    margin-bottom: $sp-xs;
+  }
+
+  &__bottom {
+    display: flex;
+    align-items: baseline;
+    gap: $sp-2xs;
+  }
+
+  &__points-row {
+    display: flex;
+    align-items: baseline;
+    gap: 2px;
+  }
+
+  &__points-num {
+    @include serif-number;
+    font-size: 18px;
+    font-weight: 700;
+    color: $pri;
+  }
+
+  &__points-unit {
+    font-size: var(--tk-font-micro);
+    color: $pri;
+    font-weight: 500;
+  }
+
+  &__low-stock {
+    display: inline-block;
+    font-size: var(--tk-font-micro);
+    color: $wrn;
+    font-weight: 500;
+    background: $wrn-l;
+    padding: 2px $sp-xs;
+    border-radius: $r-sm;
+    margin-top: $sp-2xs;
+  }
+
+  // 长者模式
+  .elder-mode & {
+    &__name {
+      font-size: 16px;
+      height: 46px;
+    }
+    &__points-num {
+      font-size: 22px;
+    }
+    &__points-unit {
+      font-size: 13px;
+    }
+    &__low-stock {
+      font-size: 13px;
+    }
+  }
+}

apps/miniprogram/src/components/ui/ProductCard/index.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { View, Text } from '@tarojs/components';
+import type { PointsProduct } from '@/services/points';
+import './index.scss';
+
+interface ProductCardProps {
+  product: PointsProduct;
+  onPress?: (product: PointsProduct) => void;
+}
+
+const TYPE_BG_CLASS: Record<string, string> = {
+  physical: 'product-card__thumb--physical',
+  service: 'product-card__thumb--service',
+  privilege: 'product-card__thumb--privilege',
+};
+
+const TYPE_LABELS: Record<string, string> = {
+  physical: '实物',
+  service: '服务券',
+  privilege: '权益',
+};
+
+const ProductCard: React.FC<ProductCardProps> = ({ product, onPress }) => {
+  const isSoldOut = product.stock <= 0;
+  const isLowStock = product.stock > 0 && product.stock <= 10;
+
+  return (
+    <View
+      className='product-card'
+      onClick={() => onPress?.(product)}
+    >
+      <View className='product-card__thumb-wrap'>
+        <View className={`product-card__thumb ${TYPE_BG_CLASS[product.product_type] || ''}`}>
+          <Text className='product-card__thumb-type'>{TYPE_LABELS[product.product_type] || '商品'}</Text>
+        </View>
+        {isSoldOut && (
+          <View className='product-card__soldout'>
+            <Text className='product-card__soldout-text'>已兑完</Text>
+          </View>
+        )}
+      </View>
+      <View className='product-card__info'>
+        <Text className='product-card__name'>{product.name}</Text>
+        <View className='product-card__bottom'>
+          <View className='product-card__points-row'>
+            <Text className='product-card__points-num'>{product.points_cost}</Text>
+            <Text className='product-card__points-unit'>积分</Text>
+          </View>
+        </View>
+        {isLowStock && (
+          <Text className='product-card__low-stock'>仅剩{product.stock}件</Text>
+        )}
+      </View>
+    </View>
+  );
+};
+
+export default React.memo(ProductCard);

apps/miniprogram/src/components/ui/SecondaryButton/index.scss

@@ -18,6 +18,8 @@
     transform: scale(0.98);
   }
 
+  @include focus-ring;
+
   &--disabled {
     opacity: 0.5;
   }

apps/miniprogram/src/components/ui/SecondaryButton/index.tsx

@@ -22,7 +22,7 @@ const SecondaryButton: React.FC<SecondaryButtonProps> = ({
   ].filter(Boolean).join(' ');
 
   return (
-    <View className={cls} onClick={!disabled ? onClick : undefined}>
+    <View className={cls} role="button" aria-disabled={disabled} onClick={!disabled ? onClick : undefined}>
       <Text className='secondary-btn__text'>{children}</Text>
     </View>
   );

apps/miniprogram/src/hooks/useAlertPolling.ts

@@ -0,0 +1,129 @@
+import { useRef, useCallback } from 'react';
+import Taro from '@tarojs/taro';
+import { useDidShow, useDidHide } from '@tarojs/taro';
+import { requestUnlimited } from '@/services/request';
+import { useAuthStore } from '@/stores/auth';
+import type { Alert } from '@/services/alert';
+
+interface PollState {
+  generation: number;
+  timer: ReturnType<typeof setTimeout> | null;
+  failCount: number;
+  lastAlertCount: number;
+}
+
+const POLL_INTERVAL = 10_000;
+const MAX_FAILURES = 10;
+const FAIL_BACKOFF_BASE = 2000;
+const FAIL_BACKOFF_MAX = 30_000;
+
+/**
+ * App 级告警长轮询。
+ *
+ * - 登录态 + 有 patientId 时启动
+ * - 使用 requestUnlimited 走独立通道，不占并发槽位
+ * - generation counter 防止重叠
+ * - useDidShow/Hide 控制前后台
+ * - critical 告警弹窗提醒 + TabBar 角标
+ */
+export function useAlertPolling() {
+  const stateRef = useRef<PollState>({
+    generation: 0,
+    timer: null,
+    failCount: 0,
+    lastAlertCount: 0,
+  });
+
+  const patientId = useAuthStore((s) => s.currentPatient?.id);
+  const isLoggedIn = useAuthStore((s) => !!s.user);
+  const enabled = isLoggedIn && !!patientId;
+
+  const poll = useCallback(async (gen: number, failCount: number) => {
+    const s = stateRef.current;
+    if (gen !== s.generation) return;
+    if (failCount >= MAX_FAILURES) return;
+
+    try {
+      const pid = useAuthStore.getState().currentPatient?.id;
+      if (!pid) return;
+
+      const res = await requestUnlimited<{ data: Alert[]; total: number }>(
+        'GET',
+        `/health/alerts?patient_id=${pid}&status=pending&severity=critical&page=1&page_size=5`,
+        undefined,
+        8000,
+      );
+
+      if (gen !== s.generation) return;
+
+      const count = res.total ?? 0;
+
+      // TabBar 角标
+      try {
+        if (count > 0) {
+          Taro.setTabBarBadge({ index: 2, text: String(count) });
+        } else {
+          Taro.removeTabBarBadge({ index: 2 });
+        }
+      } catch { /* TabBar 可能不存在 */ }
+
+      // 告警数量增加时弹窗提醒
+      if (count > s.lastAlertCount) {
+        Taro.showModal({
+          title: '健康告警',
+          content: `您有 ${count} 条待处理的危急值告警，请及时关注`,
+          showCancel: false,
+          confirmText: '知道了',
+        });
+      }
+      s.lastAlertCount = count;
+
+      failCount = 0;
+    } catch (err) {
+      // 权限不足时立即停止轮询，不再重试（避免反复弹 toast）
+      if (err instanceof Error && err.message === '权限不足') {
+        s.failCount = MAX_FAILURES;
+        return;
+      }
+      // 网络异常时快速累积失败计数（离线抑制下会在 3s 内快速耗尽重试）
+      failCount += 3;
+    }
+
+    if (gen !== s.generation) return;
+    const delay = failCount > 0 ? Math.min(failCount * FAIL_BACKOFF_BASE, FAIL_BACKOFF_MAX) : POLL_INTERVAL;
+    s.timer = setTimeout(() => {
+      if (gen === s.generation) poll(gen, failCount);
+    }, delay);
+  }, []);
+
+  const start = useCallback(() => {
+    const s = stateRef.current;
+    s.generation++;
+    s.failCount = 0;
+    if (s.timer) { clearTimeout(s.timer); s.timer = null; }
+    poll(s.generation, 0);
+  }, [poll]);
+
+  const stop = useCallback(() => {
+    const s = stateRef.current;
+    s.generation++;
+    if (s.timer) { clearTimeout(s.timer); s.timer = null; }
+    try { Taro.removeTabBarBadge({ index: 2 }); } catch { /* ignore */ }
+  }, []);
+
+  useDidShow(() => {
+    if (enabled) start();
+  });
+
+  useDidHide(() => {
+    stop();
+  });
+
+  // enabled 变化时启停
+  const prevEnabledRef = useRef(enabled);
+  if (enabled !== prevEnabledRef.current) {
+    prevEnabledRef.current = enabled;
+    if (enabled) start();
+    else stop();
+  }
+}

apps/miniprogram/src/hooks/useCanvasTokens.ts

@@ -0,0 +1,89 @@
+import { useMemo } from 'react';
+import {
+  TOKEN_VALUES,
+  ELDER_TOKEN_OVERRIDES,
+  DOCTOR_TOKEN_OVERRIDES,
+  CANVAS_FONT_NORMAL,
+  CANVAS_FONT_ELDER,
+} from '@/styles/token-values';
+import { useUIStore } from '@/stores/ui';
+import { useAuthStore } from '@/stores/auth';
+
+/** Canvas 绘制用的合并 Token */
+export interface CanvasTokens {
+  pri: string;
+  tx: string;
+  tx2: string;
+  gridColor: string;
+  fontH1: number;
+  fontBody: number;
+  fontBodySm: number;
+  fontCap: number;
+  yLabelFontSize: number;
+  xLabelFontSize: number;
+  tooltipFontSize: number;
+  pointNormalRadius: number;
+  pointAbnormalRadius: number;
+  referenceBandColor: string;
+  areaGradientStart: string;
+  areaGradientEnd: string;
+  lineColor: string;
+  abnormalColor: string;
+}
+
+function pxToInt(val: string | undefined, fallback: number): number {
+  if (!val) return fallback;
+  return parseInt(val, 10) || fallback;
+}
+
+/** 为 Canvas 组件提供适老化/医生端的 Token 值 */
+export function useCanvasTokens(): CanvasTokens {
+  const mode = useUIStore((s) => s.mode);
+  const isDoctor = useAuthStore((s) => s.isDoctor());
+
+  return useMemo(() => {
+    const tokens = TOKEN_VALUES as Record<string, string>;
+    const docTokens = DOCTOR_TOKEN_OVERRIDES as Record<string, string>;
+    const elderTokens = ELDER_TOKEN_OVERRIDES as Record<string, string>;
+
+    let pri = tokens['pri'] || '#C4623A';
+    const tx = '#2D2A26';
+
+    if (isDoctor) {
+      pri = docTokens['pri'] || pri;
+    }
+
+    const isElder = mode === 'elder';
+    const fontSet = isElder ? CANVAS_FONT_ELDER : CANVAS_FONT_NORMAL;
+
+    return {
+      pri,
+      tx,
+      tx2: isElder ? '#5A554F' : (tokens['text-secondary'] || '#78716C'),
+      gridColor: isElder ? '#E0DBD5' : '#F3F4F6',
+      fontH1: pxToInt(tokens['font-h1'], 28),
+      fontBody: pxToInt(
+        isElder ? elderTokens['font-body'] : tokens['font-body'],
+        isElder ? 22 : 16,
+      ),
+      fontBodySm: pxToInt(
+        isElder ? elderTokens['font-body-sm'] : tokens['font-body-sm'],
+        isElder ? 19 : 14,
+      ),
+      fontCap: pxToInt(
+        isElder ? elderTokens['font-cap'] : tokens['font-cap'],
+        isElder ? 18 : 13,
+      ),
+      yLabelFontSize: fontSet.yLabel,
+      xLabelFontSize: fontSet.xLabel,
+      tooltipFontSize: fontSet.tooltip,
+      pointNormalRadius: fontSet.pointNormal,
+      pointAbnormalRadius: fontSet.pointAbnormal,
+      referenceBandColor: isElder ? 'rgba(5,150,105,0.15)' : 'rgba(5,150,105,0.08)',
+      areaGradientStart: isElder ? 'rgba(8,145,178,0.20)' : 'rgba(8,145,178,0.15)',
+      areaGradientEnd: 'rgba(8,145,178,0.01)',
+      lineColor: '#0891B2',
+      abnormalColor: '#DC2626',
+    };
+  }, [mode, isDoctor]);
+}

apps/miniprogram/src/hooks/useNavigationState.ts

@@ -0,0 +1,43 @@
+import { useCallback } from 'react';
+import Taro from '@tarojs/taro';
+import { useAuthStore } from '@/stores/auth';
+
+const NAV_STATE_KEY = 'doctor_last_page';
+
+const DOCTOR_PAGES = [
+  '/pages/pkg-doctor-core/index',
+  '/pages/pkg-doctor-core/patients/index',
+  '/pages/pkg-doctor-core/consultation/index',
+  '/pages/pkg-doctor-core/followup/index',
+  '/pages/pkg-doctor-core/action-inbox/index',
+];
+
+export function saveDoctorPage(path: string): void {
+  if (!path.startsWith('/pages/pkg-doctor')) return;
+  try {
+    Taro.setStorageSync(NAV_STATE_KEY, path);
+  } catch { /* ignore */ }
+}
+
+export function getDoctorLastPage(): string {
+  try {
+    const saved = Taro.getStorageSync(NAV_STATE_KEY);
+    if (saved && typeof saved === 'string' && saved.startsWith('/pages/pkg-doctor')) {
+      return saved;
+    }
+  } catch { /* ignore */ }
+  return DOCTOR_PAGES[0];
+}
+
+export function useNavigationState() {
+  const isDoctor = useAuthStore((s) => s.isDoctor);
+
+  const navigateToDoctorHome = useCallback(() => {
+    if (!isDoctor()) return false;
+    const lastPage = getDoctorLastPage();
+    Taro.navigateTo({ url: lastPage });
+    return true;
+  }, [isDoctor]);
+
+  return { navigateToDoctorHome, saveDoctorPage, getDoctorLastPage };
+}

apps/miniprogram/src/native-components/mp-html/index.js

@@ -0,0 +1,8 @@
+"use strict";function e(t){"@babel/helpers - typeof";return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function t(e,t,o){return(t=n(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function n(t){var n=o(t,"string");return"symbol"==e(n)?n:n+""}function o(t,n){if("object"!=e(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var i=o.call(t,n||"default");if("object"!=e(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}/*!
+ * mp-html v2.5.2
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var i=require("./parser"),r=[];Component({data:{nodes:[]},properties:{containerStyle:String,content:{type:String,value:"",observer:function(e){this.setContent(e)}},copyLink:{type:Boolean,value:!0},domain:String,errorImg:String,lazyLoad:Boolean,loadingImg:String,pauseVideo:{type:Boolean,value:!0},previewImg:{type:null,value:!0},scrollTable:Boolean,selectable:null,setTitle:{type:Boolean,value:!0},showImgMenu:{type:Boolean,value:!0},tagStyle:Object,useAnchor:null},created:function(){this.plugins=[];for(var e=r.length;e--;)this.plugins.push(new r[e](this))},detached:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(e,n){var o=this;return new Promise(function(i,r){if(!o.data.useAnchor)return void r(Error("Anchor is disabled"));var a=wx.createSelectorQuery().in(o._in?o._in.page:o).select((o._in?o._in.selector:"._root")+(e?"".concat(">>>","#").concat(e):"")).boundingClientRect();o._in?a.select(o._in.selector).scrollOffset().select(o._in.selector).boundingClientRect():a.selectViewport().scrollOffset(),a.exec(function(e){if(!e[0])return void r(Error("Label not found"));var a=e[1].scrollTop+e[0].top-(e[2]?e[2].top:0)+(n||parseInt(o.data.useAnchor)||0);o._in?o._in.page.setData(t({},o._in.scrollTop,a)):wx.pageScrollTo({scrollTop:a,duration:300}),i()})})},getText:function(e){var t="";return function e(n){for(var o=0;o<n.length;o++){var i=n[o];if("text"===i.type)t+=i.text.replace(/&amp;/g,"&");else if("br"===i.name)t+="\n";else{var r="p"===i.name||"div"===i.name||"tr"===i.name||"li"===i.name||"h"===i.name[0]&&i.name[1]>"0"&&i.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),i.children&&e(i.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==i.name&&"th"!==i.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){var e=this;return new Promise(function(t,n){wx.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e){return e[0]?t(e[0]):n(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,t){var n=this;this.imgList&&t||(this.imgList=[]),this._videos=[];var o={},r=new i(this).parse(e);if(t)for(var a=this.data.nodes.length,s=r.length;s--;)o["nodes[".concat(a+s,"]")]=r[s];else o.nodes=r;if(this.setData(o,function(){n._hook("onLoad"),n.triggerEvent("load")}),this.data.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function(e){e&&e.height||(e={}),e.height===l?n.triggerEvent("ready",e):(l=e.height,setTimeout(function(){n.getRect().then(c).catch(c)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){n.triggerEvent("ready",e)}).catch(function(){n.triggerEvent("ready",{})})},_hook:function(e){for(var t=r.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()},_add:function(e){e.detail.root=this}}});

apps/miniprogram/src/native-components/mp-html/index.json

@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}

apps/miniprogram/src/native-components/mp-html/index.wxml

@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot wx:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" catchadd="_add"/></view>

apps/miniprogram/src/native-components/mp-html/index.wxss

@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}

apps/miniprogram/src/native-components/mp-html/node/node.json

@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}

apps/miniprogram/src/native-components/mp-html/node/node.wxml

@@ -0,0 +1 @@
+<wxs module="isInline">var e={abbr:!0,b:!0,big:!0,code:!0,del:!0,em:!0,i:!0,ins:!0,label:!0,q:!0,small:!0,span:!0,strong:!0,sub:!0,sup:!0};module.exports=function(n,i){return e[n]||-1!==(i||"").indexOf("inline")};</wxs><template name="el"><block wx:if="{{n.name==='img'}}"><rich-text wx:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap"/><block wx:else><image wx:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" webp="{{n.webp}}" show-menu-by-longpress="{{opts[3]&&!n.attrs.ignore}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block></block><text wx:elif="{{n.text}}" user-select="{{opts[4]=='force'&&isiOS}}" decode>{{n.text}}</text><text wx:elif="{{n.name==='br'}}">{{'\n'}}</text><view wx:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><node childs="{{n.children}}" opts="{{opts}}" style="display:inherit"/></view><video wx:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" bindpause="mediaEvent" bindfullscreenchange="mediaEvent" binderror="mediaError"/><audio wx:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" bindpause="mediaEvent" binderror="mediaError"/><rich-text wx:else id="{{n.attrs.id}}" style="{{n.f}}" user-select="{{opts[4]}}" nodes="{{[n]}}"/></template><block wx:for="{{nodes}}" wx:for-item="n1" wx:for-index="i1" wx:key="i1"><template wx:if="{{!n1.c&&(!n1.children||n1.name==='a'||!isInline(n1.name,n1.attrs.style))}}" is="el" data="{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}"><block wx:for="{{n1.children}}" wx:for-item="n2" wx:for-index="i2" wx:key="i2"><template wx:if="{{!n2.c&&(!n2.children||n2.name==='a'||!isInline(n2.name,n2.attrs.style))}}" is="el" data="{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}"><block wx:for="{{n2.children}}" wx:for-item="n3" wx:for-index="i3" wx:key="i3"><template wx:if="{{!n3.c&&(!n3.children||n3.name==='a'||!isInline(n3.name,n3.attrs.style))}}" is="el" data="{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}"><block wx:for="{{n3.children}}" wx:for-item="n4" wx:for-index="i4" wx:key="i4"><template wx:if="{{!n4.c&&(!n4.children||n4.name==='a'||!isInline(n4.name,n4.attrs.style))}}" is="el" data="{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}"><block wx:for="{{n4.children}}" wx:for-item="n5" wx:for-index="i5" wx:key="i5"><template wx:if="{{!n5.c&&(!n5.children||n5.name==='a'||!isInline(n5.name,n5.attrs.style))}}" is="el" data="{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}"/><node wx:else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}"/></block></view></block></view></block></view></block></view></block>

apps/miniprogram/src/native-components/mp-html/node/node.wxss

@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}._blockquote,._div,._p{display:block}

apps/miniprogram/src/pages/ai-report/detail/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import { View, Text, RichText } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import { usePageData } from '@/hooks/usePageData';

apps/miniprogram/src/pages/ai-report/list/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import { View, Text, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { safeNavigateTo } from '@/utils/navigate';

apps/miniprogram/src/pages/appointment/create/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useMemo } from 'react';
+import { useState, useCallback, useMemo } from 'react';
 import { View, Text, Input } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { listDoctors, createAppointment, calendarView } from '../../../services/appointment';
@@ -37,6 +37,16 @@ interface TimeSlot {
   available_count: number;
 }
 
+interface ScheduleItem {
+  date?: string;
+  appointment_date?: string;
+  start_time?: string;
+  end_time?: string;
+  available_count?: number;
+  max_appointments?: number;
+  current_appointments?: number;
+}
+
 export default function AppointmentCreate() {
   const [currentStep, setCurrentStep] = useState(0);
   const [department, setDepartment] = useState('');
@@ -47,7 +57,7 @@ export default function AppointmentCreate() {
   const [reason, setReason] = useState('');
   const [loading, setLoading] = useState(false);
   const { safeSetTimeout } = useSafeTimeout();
-  const [schedules, setSchedules] = useState<any[]>([]);
+  const [schedules, setSchedules] = useState<ScheduleItem[]>([]);
   const [timeSlots, setTimeSlots] = useState<TimeSlot[]>([]);
   const modeClass = useElderClass();
 
@@ -55,7 +65,7 @@ export default function AppointmentCreate() {
 
   const scheduledDates = useMemo(() => {
     if (!schedules) return new Set<string>();
-    return new Set(schedules.map((s: any) => s.date || s.appointment_date));
+    return new Set(schedules.map((s) => s.date || s.appointment_date || ''));
   }, [schedules]);
 
   const onSelectDept = useCallback(async (dept: string) => {
@@ -91,12 +101,12 @@ export default function AppointmentCreate() {
     setAppointmentDate(date);
     setTimeSlot('');
     const daySlots = schedules
-      .filter((s: any) => (s.date || s.appointment_date) === date)
-      .map((s: any) => ({
+      .filter((s) => (s.date || s.appointment_date) === date)
+      .map((s) => ({
         start_time: s.start_time || '',
         end_time: s.end_time || '',
         label: `${s.start_time || ''}-${s.end_time || ''}`,
-        available_count: s.available_count ?? (s.max_appointments - (s.current_appointments || 0)),
+        available_count: s.available_count ?? (s.max_appointments ?? 0) - (s.current_appointments ?? 0),
       }));
     setTimeSlots(daySlots);
   }, [schedules]);
@@ -129,12 +139,12 @@ export default function AppointmentCreate() {
       const tmplId = TEMPLATE_IDS.APPOINTMENT_REMINDER;
       if (tmplId) {
         try {
-          await (Taro.requestSubscribeMessage as any)({ tmplIds: [tmplId] });
+          await (Taro as { requestSubscribeMessage: (opts: { tmplIds: string[] }) => Promise<unknown> }).requestSubscribeMessage({ tmplIds: [tmplId] });
         } catch { /* 用户拒绝 */ }
       }
       safeSetTimeout(() => Taro.navigateBack(), 1500);
-    } catch (err: any) {
-      const msg = err?.message || '预约失败';
+    } catch (err: unknown) {
+      const msg = err instanceof Error ? err.message : '预约失败';
       Taro.showToast({ title: msg.length > 20 ? msg.slice(0, 20) : msg, icon: 'none' });
     } finally {
       setLoading(false);

apps/miniprogram/src/pages/appointment/detail/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import { getAppointment, cancelAppointment } from '../../../services/appointment';

apps/miniprogram/src/pages/appointment/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro, { useReachBottom } from '@tarojs/taro';
 import { safeNavigateTo } from '@/utils/navigate';
@@ -38,7 +38,7 @@ export default function AppointmentList() {
   const fetchData = useCallback(async (pageNum: number, isRefresh = false) => {
     setLoading(true);
     try {
-      const res = await listAppointments(pageNum);
+      const res = await listAppointments(undefined, pageNum);
       const list = res.data || [];
       if (isRefresh) {
         setAppointments(list);

apps/miniprogram/src/pages/article/detail/index.config.ts

@@ -0,0 +1,6 @@
+export default definePageConfig({
+  navigationBarTitleText: '文章详情',
+  usingComponents: {
+    'mp-html': '../../../native-components/mp-html/index',
+  },
+});

apps/miniprogram/src/pages/article/detail/index.scss

@@ -1,19 +1,21 @@
 @import '../../../styles/variables.scss';
 
-// 文章详情页 — 对齐原型 docs/design/mp-04-article-report.html → ArticleDetail
+// 文章详情页 — 阅读优化排版
 
 .article-detail-page {
-  padding-bottom: 80px;
+  padding-bottom: 100px;
+  background: $card;
 }
 
 .article-title {
   font-family: Georgia, 'Times New Roman', serif;
-  font-size: var(--tk-font-h2);
+  font-size: var(--tk-font-h1);
   font-weight: 700;
   color: $tx;
   display: block;
-  line-height: 1.4;
-  margin-bottom: var(--tk-gap-sm);
+  line-height: 1.35;
+  margin-bottom: var(--tk-gap-md);
+  letter-spacing: 0.5px;
 }
 
 .article-meta {
@@ -21,36 +23,38 @@
   gap: var(--tk-gap-md);
   font-size: var(--tk-font-cap);
   color: $tx3;
-  margin-bottom: var(--tk-gap-md);
+  margin-bottom: var(--tk-gap-lg);
+  align-items: center;
+}
+
+.meta-item {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.meta-icon {
+  font-size: 13px;
+  line-height: 1;
 }
 
 .article-divider {
   height: 1px;
-  background: $bd-l;
+  background: linear-gradient(90deg, $bd-l, $bd, $bd-l);
   margin-bottom: var(--tk-section-gap);
 }
 
 .article-body {
-  font-size: 15px;
+  // RichText 内部样式由 formatArticleHtml 内联注入
+  // 这里只控制容器间距
+  font-size: var(--tk-font-body);
   color: $tx2;
   line-height: 1.8;
 
-  // RichText 内部样式
-  h1, h2, h3 {
-    font-weight: bold;
+  // 兜底：万一内联样式未生效的标签
+  h1, h2, h3, h4, h5, h6 {
     color: $tx;
-    margin: var(--tk-gap-lg) 0 var(--tk-gap-sm);
-  }
-
-  p {
-    margin-bottom: var(--tk-gap-md);
-    text-indent: 2em;
-  }
-
-  img {
-    max-width: 100%;
-    border-radius: $r-sm;
-    margin: var(--tk-gap-sm) 0;
+    line-height: 1.4;
   }
 }
 
@@ -59,31 +63,40 @@
   bottom: 0;
   left: 0;
   right: 0;
-  height: 60px;
+  height: 64px;
   background: $card;
   border-top: 1px solid $bd-l;
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 32px;
+  gap: 48px;
   padding: 0 var(--tk-page-padding);
   z-index: 10;
+  // 安全区适配
+  padding-bottom: env(safe-area-inset-bottom);
+  box-shadow: 0 -2px 12px rgba(45, 42, 38, 0.06);
 }
 
 .article-action-btn {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 2px;
+  gap: 4px;
+  min-width: $touch-min;
+  min-height: $touch-min;
+  justify-content: center;
+  border-radius: $r-sm;
+  transition: background var(--tk-duration-fast);
 
   &:active {
+    background: $surface-alt;
     opacity: var(--tk-touch-feedback-opacity);
   }
 }
 
 .article-action-icon {
-  font-size: 20px;
-  color: $tx3;
+  font-size: 22px;
+  color: $tx2;
   line-height: 1;
 }
 
@@ -105,3 +118,29 @@
   font-size: var(--tk-font-body);
   color: $tx3;
 }
+
+// ─── 关怀模式覆盖 ───
+.elder-mode {
+  .article-title {
+    font-size: var(--tk-font-h1);
+    line-height: 1.3;
+  }
+
+  .article-body {
+    font-size: var(--tk-font-body);
+    line-height: 2;
+  }
+
+  .article-bottom-bar {
+    height: 72px;
+    gap: 56px;
+  }
+
+  .article-action-icon {
+    font-size: 26px;
+  }
+
+  .article-action-text {
+    font-size: var(--tk-font-body-sm);
+  }
+}

apps/miniprogram/src/pages/article/detail/index.tsx

@@ -1,13 +1,13 @@
-import React, { useState, useCallback } from 'react';
-import { View, Text, RichText } from '@tarojs/components';
+import { useState, useCallback } from 'react';
+import { View, Text } from '@tarojs/components';
 import Taro, { useRouter, useShareAppMessage } from '@tarojs/taro';
 import { usePageData } from '@/hooks/usePageData';
 import { getArticleDetail, getPublicArticleDetail, Article } from '../../../services/article';
 import { trackEvent } from '@/services/analytics';
-import { sanitizeHtml } from '@/utils/sanitize-html';
 import { useElderClass } from '../../../hooks/useElderClass';
 import { useAuthStore } from '../../../stores/auth';
 import PageShell from '@/components/ui/PageShell';
+import RichArticle from '@/components/RichArticle';
 import './index.scss';
 
 export default function ArticleDetail() {
@@ -77,14 +77,24 @@ export default function ArticleDetail() {
       <Text className='article-title'>{article.title}</Text>
 
       <View className='article-meta'>
-        {article.author && <Text>{article.author}</Text>}
-        {article.published_at && <Text>{article.published_at.slice(0, 10)}</Text>}
+        {article.author && (
+          <View className='meta-item'>
+            <Text className='meta-icon'>✍</Text>
+            <Text>{article.author}</Text>
+          </View>
+        )}
+        {article.published_at && (
+          <View className='meta-item'>
+            <Text className='meta-icon'>📅</Text>
+            <Text>{article.published_at.slice(0, 10)}</Text>
+          </View>
+        )}
       </View>
 
       <View className='article-divider' />
 
       <View className='article-body'>
-        <RichText nodes={sanitizeHtml(article.content || '')} />
+        <RichArticle html={article.content || ''} />
       </View>
 
       <View className='article-bottom-bar'>

apps/miniprogram/src/pages/article/index.tsx

@@ -3,7 +3,13 @@ import { View, Text, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { safeNavigateTo } from '@/utils/navigate';
 import { usePageData } from '@/hooks/usePageData';
-import { listArticles, listCategories } from '../../services/article';
+import { useAuthStore } from '@/stores/auth';
+import {
+  listArticles,
+  listCategories,
+  listPublicArticles,
+  listPublicCategories,
+} from '../../services/article';
 import PageShell from '@/components/ui/PageShell';
 import ContentCard from '@/components/ui/ContentCard';
 import LoadingCard from '@/components/ui/LoadingCard';
@@ -33,9 +39,10 @@ interface ArticleCategory {
 
 export default function ArticleList() {
   const modeClass = useElderClass();
+  const isLoggedIn = !!useAuthStore((s) => s.user);
   const [articles, setArticles] = useState<ArticleItem[]>([]);
-  const [page, setPage] = useState(1);
-  const [total, setTotal] = useState(0);
+  const [, setPage] = useState(1);
+  const [, setTotal] = useState(0);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(false);
   const [categories, setCategories] = useState<ArticleCategory[]>([]);
@@ -46,10 +53,9 @@ export default function ArticleList() {
     setError(false);
     try {
       const cid = categoryId !== undefined ? categoryId : activeCategory;
-      const res = await listArticles({
-        page: p,
-        category_id: cid || undefined,
-      });
+      const res = isLoggedIn
+        ? await listArticles({ page: p, category_id: cid || undefined })
+        : await listPublicArticles({ page: p, category_id: cid || undefined });
       const list = res.data || [];
       setArticles(append ? (prev) => [...prev, ...list] : list);
       setTotal(res.total);
@@ -61,19 +67,21 @@ export default function ArticleList() {
     } finally {
       setLoading(false);
     }
-  }, [activeCategory]);
+  }, [activeCategory, isLoggedIn]);
 
   usePageData(
     useCallback(async () => {
       try {
-        const cats = await listCategories();
+        const cats = isLoggedIn
+          ? await listCategories()
+          : await listPublicCategories();
         setCategories(cats || []);
       } catch (err) {
         console.warn('[article] 加载分类失败:', err);
         setCategories([]);
       }
       await fetchData(1);
-    }, [fetchData]),
+    }, [fetchData, isLoggedIn]),
     { throttleMs: 10000, enablePullDown: true },
   );
 

apps/miniprogram/src/pages/consultation/create/index.tsx

@@ -34,7 +34,7 @@ export default function ConsultationCreate() {
     if (doctorsLoaded) return;
     try {
       const res = await listDoctors();
-      const items = (res.data || []).map((d: any) => ({ id: d.id, name: d.name }));
+      const items = (res.data || []).map((d: { id: string; name: string }) => ({ id: d.id, name: d.name }));
       setDoctorList(items);
       setDoctorsLoaded(true);
     } catch (err) {
@@ -84,7 +84,7 @@ export default function ConsultationCreate() {
   const typeLabels = CONSULTATION_TYPES.map((t) => TYPE_LABELS[t] || t);
 
   return (
-    <PageShell title='发起咨询' scroll={false}>
+    <PageShell scroll={false}>
       <View className={`consult-create ${modeClass}`}>
         <View className='consult-create__section'>
           <Text className='consult-create__label'>咨询类型</Text>

apps/miniprogram/src/pages/health/index.scss

@@ -2,378 +2,131 @@
 @import '../../styles/mixins.scss';
 
 .health-page {
-  padding-bottom: calc(var(--tk-tabbar-space) + env(safe-area-inset-bottom));
-}
-
-/* ─── 页头 ─── */
-.health-header {
-  margin-bottom: var(--tk-section-gap);
-}
-
-.health-title {
-  @include serif-number;
-  font-size: var(--tk-font-h1);
-  font-weight: 700;
-  color: $tx;
-}
-
-/* ─── 录入区 ─── */
-.input-section {
-  margin-bottom: var(--tk-section-gap);
-}
-
-.input-group {
-  margin-bottom: var(--tk-gap-sm);
-}
-
-.input-label {
-  font-size: var(--tk-font-cap);
-  color: var(--tk-text-secondary);
-  display: block;
-  margin-bottom: var(--tk-gap-2xs);
-}
-
-.input-field {
-  height: 56px;
-  background: $bg;
-  border: 2px solid $bd;
-  border-radius: $r-sm;
-  padding: 0 var(--tk-gap-md);
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: var(--tk-font-body-lg);
-  font-weight: 600;
-  color: $tx;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.input-ref {
-  font-size: var(--tk-font-cap);
-  color: var(--tk-text-secondary);
-  display: block;
-  margin-top: var(--tk-gap-xs);
-  margin-bottom: var(--tk-gap-2xs);
-}
-
-.input-label--secondary {
-  margin-top: var(--tk-section-gap);
-}
-
-/* ─── 血糖时段选择 ─── */
-.period-group {
-  display: flex;
-  gap: var(--tk-gap-xs);
-  margin-top: var(--tk-gap-sm);
-}
-
-.period-btn {
-  flex: 1;
-  height: 48px;
-  border-radius: $r-sm;
-  background: $surface-alt;
-  @include flex-center;
-
-  &.period-active {
-    background: var(--tk-pri);
-
-    .period-btn-text {
-      color: $white;
-    }
-  }
-
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-}
-
-.period-btn-text {
-  font-size: var(--tk-font-cap);
-  font-weight: 600;
-  color: $tx2;
-}
-
-/* ─── 保存按钮 ─── */
-.save-btn {
-  width: 100%;
-  height: 52px;
-  border-radius: $r-sm;
-  background: var(--tk-pri);
-  @include flex-center;
-  margin-top: var(--tk-section-gap);
-  box-shadow: 0 2px 8px rgba($pri, 0.25);
-
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-}
-
-.save-btn-text {
-  font-size: var(--tk-font-body-sm);
-  font-weight: 600;
-  color: $white;
-}
-
-/* ─── 趋势图 ─── */
-.trend-section {
-  margin-bottom: var(--tk-gap-sm);
-}
-
-.section-title {
-  @include section-title;
-}
-
-.trend-empty {
-  text-align: center;
-}
-
-.trend-empty-text {
-  font-size: var(--tk-font-cap);
-  color: $tx2;
-}
-
-.trend-chart {
-  padding: var(--tk-gap-md);
-}
-
-.trend-bars {
-  display: flex;
-  align-items: flex-end;
-  height: 120px;
-  background: $bg;
-  border-radius: $r-sm;
-  padding: var(--tk-gap-sm) var(--tk-gap-xs);
-  gap: 0;
-  position: relative;
-}
-
-.trend-threshold-line {
-  position: absolute;
-  left: 8px;
-  right: 8px;
-  border-top: 1.5px dashed $wrn;
-  opacity: 0.6;
-  pointer-events: none;
-}
-
-.trend-threshold-label {
-  position: absolute;
-  right: 0;
-  top: -16px;
-  font-size: var(--tk-font-micro);
-  color: $wrn;
-  opacity: 0.8;
-}
-
-.trend-bar-col {
-  flex: 1;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  height: 100%;
-  justify-content: flex-end;
+  height: 100vh;
 }
 
-.trend-bar {
-  width: 28px;
-  border-radius: $r-xs $r-xs 0 0;
-  min-height: 8px;
-  opacity: 0.8;
-
-  &.trend-bar-normal {
-    background: var(--tk-pri);
-  }
-
-  &.trend-bar-warn {
-    background: $wrn;
-  }
-}
-
-.trend-bar-label {
-  font-size: var(--tk-font-micro);
-  color: var(--tk-text-secondary);
-  margin-top: var(--tk-gap-2xs);
-}
-
-/* ─── BLE 设备卡片 ─── */
-.device-section {
-  margin-bottom: var(--tk-gap-sm);
-}
-
-.device-card {
-  display: flex;
-  align-items: center;
-  gap: var(--tk-gap-sm);
-
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-}
-
-.device-icon {
-  width: 48px;
-  height: 48px;
-  border-radius: $r-sm;
-  background: var(--tk-pri-l);
-  @include flex-center;
+/* ─── 分类标签 ─── */
+.health-categories {
+  white-space: nowrap;
+  padding: var(--tk-gap-xs) var(--tk-page-padding);
+  margin-bottom: var(--tk-gap-xs);
   flex-shrink: 0;
 }
 
-.device-icon-text {
-  font-size: var(--tk-font-body);
+.health-cat-tab {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 18px;
+  margin-right: 8px;
+  font-size: var(--tk-font-body-sm);
+  font-weight: 400;
+  color: $tx2;
+  background: $surface-alt;
+  border-radius: 20px;
+  transition: all 0.2s;
+
+  &--active {
+    background: var(--tk-pri);
+    color: $white;
+    font-weight: 600;
+    box-shadow: 0 2px 8px rgba(196, 98, 58, 0.2);
+  }
 }
 
-.device-info {
+/* ─── 可滚动内容区 ─── */
+.health-scroll {
   flex: 1;
+  overflow: hidden;
+  /* 微信小程序 ScrollView scrollY 需要显式高度 */
+  height: 0; /* flex:1 + height:0 让 flex 布局正确分配剩余高度 */
+}
+
+/* ─── 文章列表 ─── */
+.health-article-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--tk-gap-sm);
+  padding: 0 var(--tk-page-padding) var(--tk-gap-lg);
+
+  .content-card {
+    display: flex;
+    gap: 14px;
+  }
+}
+
+.health-article-body {
+  flex: 1;
+  display: flex;
   min-width: 0;
 }
 
-.device-name {
-  font-size: var(--tk-font-cap);
-  font-weight: 500;
-  color: $tx;
-  display: block;
-}
-
-.device-desc {
-  font-size: var(--tk-font-cap);
-  color: $acc;
-  display: block;
-}
-
-.device-arrow {
-  font-size: var(--tk-font-cap);
-  color: var(--tk-text-secondary);
-  flex-shrink: 0;
-}
-
-/* ─── 健康资讯入口 ─── */
-.article-entry {
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-}
-
-.article-entry-text {
-  font-size: var(--tk-font-cap);
-  color: $tx;
-  font-weight: 500;
-}
-
-/* ─── AI 建议卡片 ─── */
-.ai-suggestion-card {
-  background: $acc-l;
-  border-radius: $r;
-  padding: var(--tk-gap-md);
-  margin-bottom: var(--tk-section-gap);
-  box-shadow: none;
-  border-left: 4px solid $acc;
-}
-
-.ai-card-header {
+.health-article-content {
+  flex: 1;
   display: flex;
+  flex-direction: column;
   justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--tk-gap-xs);
+  min-width: 0;
 }
 
-.ai-card-title {
-  font-size: var(--tk-font-cap);
-  font-weight: 600;
-  color: $acc;
+.health-article-title {
+  font-family: Georgia, 'Times New Roman', serif;
+  font-size: var(--tk-font-body);
+  font-weight: 700;
+  color: $tx;
+  line-height: 1.35;
+  margin-bottom: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
 }
 
-.ai-card-count {
-  font-size: var(--tk-font-micro);
-  color: $acc;
-  opacity: 0.7;
-}
-
-.ai-suggestion-item {
-  padding: var(--tk-gap-xs) 0;
-  border-bottom: 1px solid rgba($acc, 0.15);
-
-  &:last-child {
-    border-bottom: none;
-  }
-}
-
-.ai-suggestion-main {
-  display: flex;
-  align-items: center;
-  gap: var(--tk-gap-xs);
-
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-}
-
-.ai-risk-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex-shrink: 0;
-
-  &.ai-risk-high {
-    background: $dan;
-  }
-
-  &.ai-risk-medium {
-    background: $wrn;
-  }
-
-  &.ai-risk-low {
-    background: $acc;
-  }
-}
-
-.ai-suggestion-text {
+.health-article-summary {
   font-size: var(--tk-font-cap);
   color: $tx2;
-  line-height: 1.6;
+  line-height: 1.4;
+  display: block;
+  margin-bottom: var(--tk-gap-2xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-/* ─── AI 建议反馈按钮 ─── */
-.ai-feedback-row {
+.health-article-meta {
   display: flex;
-  gap: var(--tk-gap-xs);
-  margin-top: var(--tk-gap-2xs);
-  padding-left: 20px;
-}
-
-.ai-feedback-btn {
-  height: 44px;
-  min-height: 44px;
-  border-radius: $r-xs;
-  @include flex-center;
-  padding: 0 var(--tk-gap-sm);
-
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-
-  &.ai-feedback-adopt {
-    background: rgba($acc, 0.15);
-  }
-
-  &.ai-feedback-ignore {
-    background: $surface-alt;
-  }
-
-  &.ai-feedback-consult {
-    background: var(--tk-pri-l);
-  }
-}
-
-.ai-feedback-btn-text {
+  gap: var(--tk-gap-sm);
   font-size: var(--tk-font-micro);
-  font-weight: 500;
-  color: $tx2;
+  color: $tx3;
+  align-items: center;
 }
 
-.ai-feedback-adopt .ai-feedback-btn-text {
-  color: $acc;
-}
-
-.ai-feedback-consult .ai-feedback-btn-text {
+.health-article-tag {
+  font-size: var(--tk-font-micro);
   color: var(--tk-pri);
+  background: var(--tk-pri-l);
+  padding: 2px 8px;
+  border-radius: $r-xs;
+}
+
+.health-article-date {
+  font-size: var(--tk-font-micro);
+  color: $tx3;
+}
+
+// 长者模式
+.elder-mode .health-page {
+  .health-cat-tab {
+    padding: 10px 20px;
+    font-size: 15px;
+  }
+  .health-article-title {
+    font-size: 18px;
+  }
+  .health-article-summary {
+    font-size: 15px;
+  }
 }

apps/miniprogram/src/pages/health/index.tsx

@@ -1,376 +1,152 @@
-import { useState } from 'react';
-import { View, Text, Input } from '@tarojs/components';
+import { useState, useCallback } from 'react';
+import { View, Text, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { safeNavigateTo } from '@/utils/navigate';
+import { usePageData } from '@/hooks/usePageData';
 import { useAuthStore } from '../../stores/auth';
-import { useElderClass } from '../../hooks/useElderClass';
-import { findThreshold, inputVitalSign, type HealthThreshold } from '../../services/health';
-import { validateNum } from '../../utils/validate';
-import Loading from '../../components/Loading';
-import ErrorState from '../../components/ErrorState';
-import GuestGuard from '../../components/GuestGuard';
-import SegmentTabs from '../../components/SegmentTabs';
+import {
+  listArticles,
+  listCategories,
+  listPublicArticles,
+  listPublicCategories,
+  type Article,
+  type ArticleCategory,
+} from '../../services/article';
 import PageShell from '@/components/ui/PageShell';
 import ContentCard from '@/components/ui/ContentCard';
-import { useHealthData, VITAL_TABS, type VitalType } from './useHealthData';
-import { submitSuggestionFeedback } from '../../services/ai-analysis';
+import EmptyState from '../../components/EmptyState';
+import ErrorState from '../../components/ErrorState';
+import Loading from '../../components/Loading';
+import { useElderClass } from '../../hooks/useElderClass';
 import './index.scss';
 
-function buildRefRange(t: HealthThreshold[]): Record<VitalType, string> {
-  const bpSys = findThreshold(t, 'systolic_bp', 'high')?.threshold_value ?? 140;
-  const bpDia = findThreshold(t, 'diastolic_bp', 'high')?.threshold_value ?? 90;
-  const hrHigh = findThreshold(t, 'heart_rate', 'high')?.threshold_value ?? 100;
-  const hrLow = findThreshold(t, 'heart_rate', 'low')?.threshold_value ?? 60;
-  const bsFasting = findThreshold(t, 'blood_sugar_fasting', 'high')?.threshold_value ?? 6.1;
-  const bsPp = findThreshold(t, 'blood_sugar_postprandial', 'high')?.threshold_value ?? 7.8;
-  return {
-    blood_pressure: `收缩压 90-${bpSys} / 舒张压 60-${bpDia} mmHg`,
-    heart_rate: `${hrLow}-${hrHigh} bpm`,
-    blood_sugar: `空腹 3.9-${bsFasting} / 餐后 <${bsPp} mmol/L`,
-    weight: '根据 BMI 18.5-24 计算',
-  };
-}
-
 export default function Health() {
-  const currentPatient = useAuthStore((s) => s.currentPatient);
   const modeClass = useElderClass();
-  const {
-    user, todaySummary, loading, error, activeTab, trendData, trendLoading,
-    aiSuggestions, thresholds, handleTabChange, loadTrend, refreshToday, fetchData,
-  } = useHealthData();
+  const isLoggedIn = !!useAuthStore((s) => s.user);
+  const [articles, setArticles] = useState<Article[]>([]);
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(false);
+  const [categories, setCategories] = useState<ArticleCategory[]>([]);
+  const [activeCategory, setActiveCategory] = useState<string | null>(null);
 
-  const [systolic, setSystolic] = useState('');
-  const [diastolic, setDiastolic] = useState('');
-  const [heartRateVal, setHeartRateVal] = useState('');
-  const [sugarVal, setSugarVal] = useState('');
-  const [sugarPeriod, setSugarPeriod] = useState<'fasting' | 'postprandial'>('fasting');
-  const [weightVal, setWeightVal] = useState('');
-  const [saving, setSaving] = useState(false);
-
-  if (!user) {
-    return <GuestGuard title='请先登录' desc='登录后即可记录和查看健康数据' />;
-  }
-
-  if (error) {
-    return (
-      <PageShell padding="md" safeBottom={false} scroll={false} className={`health-page ${modeClass}`}>
-        <View className='health-header'>
-          <Text className='health-title'>健康数据</Text>
-        </View>
-        <ErrorState onRetry={fetchData} />
-      </PageShell>
-    );
-  }
-
-  const getWarnStatus = (type: VitalType): string | null => {
-    if (type === 'blood_pressure') {
-      const sys = parseFloat(systolic);
-      const dia = parseFloat(diastolic);
-      const sysMax = findThreshold(thresholds, 'systolic_bp', 'high')?.threshold_value ?? 140;
-      const diaMax = findThreshold(thresholds, 'diastolic_bp', 'high')?.threshold_value ?? 90;
-      if (sys > sysMax || dia > diaMax) return '血压偏高，确认提交？';
-    } else if (type === 'heart_rate') {
-      const val = parseFloat(heartRateVal);
-      const hrHigh = findThreshold(thresholds, 'heart_rate', 'high')?.threshold_value ?? 100;
-      const hrLow = findThreshold(thresholds, 'heart_rate', 'low')?.threshold_value ?? 60;
-      if (val > hrHigh || val < hrLow) return '心率异常，确认提交？';
-    } else if (type === 'blood_sugar') {
-      const val = parseFloat(sugarVal);
-      if (sugarPeriod === 'fasting') {
-        const bsMax = findThreshold(thresholds, 'blood_sugar_fasting', 'high')?.threshold_value ?? 6.1;
-        if (val > bsMax) return '血糖偏高，确认提交？';
-      } else {
-        const bsMax = findThreshold(thresholds, 'blood_sugar_postprandial', 'high')?.threshold_value ?? 7.8;
-        if (val > bsMax) return '血糖偏高，确认提交？';
-      }
-    }
-    return null;
-  };
-
-  const refRanges = buildRefRange(thresholds);
-
-  const handleSave = async () => {
-    const patientId = currentPatient?.id;
-    if (!patientId) {
-      Taro.showToast({ title: '请先登录', icon: 'none' });
-      return;
-    }
-
-    const warnMsg = getWarnStatus(activeTab);
-    if (warnMsg) {
-      const { confirm } = await Taro.showModal({
-        title: '异常提示',
-        content: warnMsg,
-        confirmText: '确认提交',
-        cancelText: '再看看',
-      });
-      if (!confirm) return;
-    }
-
-    setSaving(true);
+  const fetchData = useCallback(async (p: number, append = false, categoryId?: string | null) => {
+    setLoading(true);
+    setError(false);
     try {
-      switch (activeTab) {
-        case 'blood_pressure': {
-          const sys = parseFloat(systolic);
-          const dia = parseFloat(diastolic);
-          if (!sys || !dia) { Taro.showToast({ title: '请填写完整', icon: 'none' }); return; }
-          const sysErr = validateNum(sys, '收缩压', { min: 60, max: 250 });
-          if (sysErr) { Taro.showToast({ title: sysErr, icon: 'none' }); return; }
-          const diaErr = validateNum(dia, '舒张压', { min: 40, max: 150 });
-          if (diaErr) { Taro.showToast({ title: diaErr, icon: 'none' }); return; }
-          await inputVitalSign(patientId, {
-            indicator_type: 'blood_pressure',
-            value: sys,
-            extra: { systolic: sys, diastolic: dia },
-          });
-          setSystolic('');
-          setDiastolic('');
-          break;
-        }
-        case 'heart_rate': {
-          const val = parseFloat(heartRateVal);
-          if (!val) { Taro.showToast({ title: '请填写心率', icon: 'none' }); return; }
-          const err = validateNum(val, '心率', { min: 30, max: 220 });
-          if (err) { Taro.showToast({ title: err, icon: 'none' }); return; }
-          await inputVitalSign(patientId, { indicator_type: 'heart_rate', value: val });
-          setHeartRateVal('');
-          break;
-        }
-        case 'blood_sugar': {
-          const val = parseFloat(sugarVal);
-          if (!val) { Taro.showToast({ title: '请填写血糖值', icon: 'none' }); return; }
-          const err = validateNum(val, '血糖', { min: 1.0, max: 33.3 });
-          if (err) { Taro.showToast({ title: err, icon: 'none' }); return; }
-          const bsType = sugarPeriod === 'fasting' ? 'blood_sugar_fasting' : 'blood_sugar_postprandial';
-          await inputVitalSign(patientId, { indicator_type: bsType, value: val });
-          setSugarVal('');
-          break;
-        }
-        case 'weight': {
-          const val = parseFloat(weightVal);
-          if (!val) { Taro.showToast({ title: '请填写体重', icon: 'none' }); return; }
-          const err = validateNum(val, '体重', { min: 20, max: 300 });
-          if (err) { Taro.showToast({ title: err, icon: 'none' }); return; }
-          await inputVitalSign(patientId, { indicator_type: 'weight', value: val });
-          setWeightVal('');
-          break;
-        }
-      }
-      Taro.showToast({ title: '保存成功', icon: 'success' });
-      refreshToday(true);
-      loadTrend(activeTab);
+      const cid = categoryId !== undefined ? categoryId : activeCategory;
+      const res = isLoggedIn
+        ? await listArticles({ page: p, category_id: cid || undefined })
+        : await listPublicArticles({ page: p, category_id: cid || undefined });
+      const list = res.data || [];
+      setArticles(append ? (prev) => [...prev, ...list] : list);
+      setTotal(res.total);
+      setPage(p);
     } catch (err) {
-      console.warn('[health] 保存体征数据失败:', err);
-      Taro.showToast({ title: '保存失败', icon: 'none' });
+      console.warn('[health] 加载文章列表失败:', err);
+      setError(true);
+      Taro.showToast({ title: '加载失败', icon: 'none' });
     } finally {
-      setSaving(false);
+      setLoading(false);
     }
+  }, [activeCategory, isLoggedIn]);
+
+  usePageData(
+    useCallback(async () => {
+      try {
+        const cats = isLoggedIn
+          ? await listCategories()
+          : await listPublicCategories();
+        setCategories(cats || []);
+      } catch (err) {
+        console.warn('[health] 加载分类失败:', err);
+        setCategories([]);
+      }
+      await fetchData(1);
+    }, [fetchData, isLoggedIn]),
+    { throttleMs: 10000, enablePullDown: true },
+  );
+
+  const loadMore = useCallback(() => {
+    if (!loading && articles.length < total) {
+      fetchData(page + 1, true);
+    }
+  }, [loading, articles.length, total, page, fetchData]);
+
+  const handleCategoryChange = (categoryId: string | null) => {
+    setActiveCategory(categoryId);
+    fetchData(1, false, categoryId);
   };
 
-  const maxTrendValue = trendData.reduce((max, d) => Math.max(max, d.value), 1);
-
-  const getThresholdValue = (type: VitalType, th: HealthThreshold[]): number | null => {
-    if (type === 'blood_pressure') return findThreshold(th, 'systolic_bp', 'high')?.threshold_value ?? 140;
-    if (type === 'heart_rate') return findThreshold(th, 'heart_rate', 'high')?.threshold_value ?? 100;
-    if (type === 'blood_sugar') return findThreshold(th, 'blood_sugar_fasting', 'high')?.threshold_value ?? 6.1;
-    return null;
+  const formatDate = (dateStr?: string) => {
+    if (!dateStr) return '';
+    const d = new Date(dateStr);
+    const month = d.getMonth() + 1;
+    const day = d.getDate();
+    return `${month}月${day}日`;
   };
-  const dayLabels = ['日', '一', '二', '三', '四', '五', '六'];
 
   return (
-    <PageShell padding="md" safeBottom={false} scroll={false} className={`health-page ${modeClass}`}>
-      <View className='health-header'>
-        <Text className='health-title'>健康数据</Text>
-      </View>
-
-      {aiSuggestions.length > 0 && (
-        <View className='ai-suggestion-card'>
-          <View className='ai-card-header'>
-            <Text className='ai-card-title'>AI 健康建议</Text>
-            <Text className='ai-card-count'>{aiSuggestions.length} 条待查看</Text>
+    <PageShell safeBottom={false} padding="none" scroll={false} className={`health-page ${modeClass}`}>
+      {/* 分类标签 */}
+      {categories.length > 0 && (
+        <ScrollView scrollX className='health-categories'>
+          <View
+            className={`health-cat-tab ${!activeCategory ? 'health-cat-tab--active' : ''}`}
+            onClick={() => handleCategoryChange(null)}
+          >
+            <Text>推荐</Text>
           </View>
-          {aiSuggestions.map((s) => {
-            const riskCls = s.risk_level === 'high' ? 'ai-risk-high' : s.risk_level === 'medium' ? 'ai-risk-medium' : 'ai-risk-low';
-            const typeLabel = s.suggestion_type === 'followup' ? '随访' : s.suggestion_type === 'appointment' ? '预约' : '预警';
-            const params = s.params as Record<string, unknown> | null;
-            const reason = (params?.reason as string) || (params?.message as string) || typeLabel;
-            return (
-              <View key={s.id} className='ai-suggestion-item'>
-                <View className='ai-suggestion-main' onClick={() => {
-                  if (s.suggestion_type === 'appointment') {
-                    safeNavigateTo(`/pages/appointment/create/index`);
-                  } else if (s.suggestion_type === 'followup') {
-                    safeNavigateTo('/pages/pkg-profile/followups/index');
-                  }
-                }}>
-                  <View className={`ai-risk-dot ${riskCls}`} />
-                  <Text className='ai-suggestion-text'>{reason.slice(0, 40)}</Text>
-                </View>
-                <View className='ai-feedback-row'>
-                  <View className='ai-feedback-btn ai-feedback-adopt' onClick={async () => {
-                    try {
-                      await submitSuggestionFeedback(s.id, 'adopt');
-                      Taro.showToast({ title: '已采纳', icon: 'success' });
-                      fetchData();
-                    } catch (err) { console.warn('[health] AI建议反馈失败:', err); Taro.showToast({ title: '操作失败', icon: 'none' }); }
-                  }}>
-                    <Text className='ai-feedback-btn-text'>采纳</Text>
-                  </View>
-                  <View className='ai-feedback-btn ai-feedback-ignore' onClick={async () => {
-                    try {
-                      await submitSuggestionFeedback(s.id, 'ignore');
-                      Taro.showToast({ title: '已忽略', icon: 'success' });
-                      fetchData();
-                    } catch (err) { console.warn('[health] AI建议反馈失败:', err); Taro.showToast({ title: '操作失败', icon: 'none' }); }
-                  }}>
-                    <Text className='ai-feedback-btn-text'>忽略</Text>
-                  </View>
-                  <View className='ai-feedback-btn ai-feedback-consult' onClick={async () => {
-                    try {
-                      await submitSuggestionFeedback(s.id, 'consult');
-                      safeNavigateTo('/pages/consultation/index');
-                    } catch (err) { console.warn('[health] AI建议反馈失败:', err); Taro.showToast({ title: '操作失败', icon: 'none' }); }
-                  }}>
-                    <Text className='ai-feedback-btn-text'>咨询医生</Text>
-                  </View>
-                </View>
-              </View>
-            );
-          })}
-        </View>
+          {categories.map((cat) => (
+            <View
+              key={cat.id}
+              className={`health-cat-tab ${activeCategory === cat.id ? 'health-cat-tab--active' : ''}`}
+              onClick={() => handleCategoryChange(cat.id)}
+            >
+              <Text>{cat.name}</Text>
+            </View>
+          ))}
+        </ScrollView>
       )}
 
-      <SegmentTabs tabs={VITAL_TABS} activeKey={activeTab} onChange={handleTabChange} variant="pill" />
-
-      <ContentCard variant="elevated">
-        {activeTab === 'blood_pressure' && (
-          <View className='input-group'>
-            <Text className='input-label'>收缩压（高压）</Text>
-            <Input
-              className='input-field'
-              type='number'
-              placeholder='如 130'
-              value={systolic}
-              onInput={(e) => setSystolic(e.detail.value)}
-            />
-            <Text className='input-label input-label--secondary'>舒张压（低压）</Text>
-            <Input
-              className='input-field'
-              type='number'
-              placeholder='如 85'
-              value={diastolic}
-              onInput={(e) => setDiastolic(e.detail.value)}
-            />
-            <Text className='input-ref'>{refRanges.blood_pressure}</Text>
-          </View>
-        )}
-
-        {activeTab === 'heart_rate' && (
-          <View className='input-group'>
-            <Text className='input-label'>心率</Text>
-            <Input
-              className='input-field'
-              type='digit'
-              placeholder='如 72'
-              value={heartRateVal}
-              onInput={(e) => setHeartRateVal(e.detail.value)}
-            />
-            <Text className='input-ref'>{refRanges.heart_rate}</Text>
-          </View>
-        )}
-
-        {activeTab === 'blood_sugar' && (
-          <View className='input-group'>
-            <Text className='input-label'>血糖值</Text>
-            <Input
-              className='input-field'
-              type='digit'
-              placeholder='如 5.6'
-              value={sugarVal}
-              onInput={(e) => setSugarVal(e.detail.value)}
-            />
-            <View className='period-group'>
-              <View
-                className={`period-btn ${sugarPeriod === 'fasting' ? 'period-active' : ''}`}
-                onClick={() => setSugarPeriod('fasting')}
-              >
-                <Text className='period-btn-text'>空腹</Text>
-              </View>
-              <View
-                className={`period-btn ${sugarPeriod === 'postprandial' ? 'period-active' : ''}`}
-                onClick={() => setSugarPeriod('postprandial')}
-              >
-                <Text className='period-btn-text'>餐后 2h</Text>
-              </View>
-            </View>
-            <Text className='input-ref'>{refRanges.blood_sugar}</Text>
-          </View>
-        )}
-
-        {activeTab === 'weight' && (
-          <View className='input-group'>
-            <Text className='input-label'>体重 (kg)</Text>
-            <Input
-              className='input-field'
-              type='digit'
-              placeholder='如 65.5'
-              value={weightVal}
-              onInput={(e) => setWeightVal(e.detail.value)}
-            />
-            <Text className='input-ref'>{refRanges.weight}</Text>
-          </View>
-        )}
-
-        <View className='save-btn' onClick={handleSave}>
-          <Text className='save-btn-text'>{saving ? '保存中...' : '保存'}</Text>
-        </View>
-      </ContentCard>
-
-      <View className='trend-section'>
-        <Text className='section-title'>近 7 天趋势</Text>
-        {trendLoading ? (
-          <Loading />
-        ) : trendData.length === 0 ? (
-          <ContentCard padding="md">
-            <Text className='trend-empty-text'>暂无趋势数据</Text>
-          </ContentCard>
+      {/* 文章列表 */}
+      <ScrollView scrollY className='health-scroll' onScrollToLower={loadMore} lowerThreshold={200}>
+        {error ? (
+          <ErrorState onRetry={() => fetchData(1, false, null)} />
+        ) : articles.length === 0 && !loading ? (
+          <EmptyState text='暂无健康资讯' />
         ) : (
-          <ContentCard padding="md">
-            <View className='trend-bars'>
-              {getThresholdValue(activeTab, thresholds) && (() => {
-                const tv = getThresholdValue(activeTab, thresholds)!;
-                const pct = Math.min(95, (tv / maxTrendValue) * 100);
-                return (
-                  <View className='trend-threshold-line' style={`bottom:${((12 + pct * 1.08) / 120 * 100).toFixed(1)}%;`}>
-                    <Text className='trend-threshold-label'>{tv}</Text>
+          <View className='health-article-list'>
+            {articles.map((a) => (
+              <ContentCard
+                key={a.id}
+                padding='sm'
+                margin='none'
+                onPress={() => safeNavigateTo(`/pages/article/detail/index?id=${a.id}`)}
+              >
+                <View className='health-article-body'>
+                  <View className='health-article-content'>
+                    <Text className='health-article-title'>{a.title}</Text>
+                    {a.summary && (
+                      <Text className='health-article-summary'>{a.summary}</Text>
+                    )}
+                    <View className='health-article-meta'>
+                      {(a.category_name || a.category) && (
+                        <Text className='health-article-tag'>{a.category_name || a.category}</Text>
+                      )}
+                      {a.published_at && (
+                        <Text className='health-article-date'>{formatDate(a.published_at)}</Text>
+                      )}
+                    </View>
                   </View>
-                );
-              })()}
-              {trendData.map((point, i) => {
-                const heightPct = Math.max(8, (point.value / maxTrendValue) * 100);
-                const tv = getThresholdValue(activeTab, thresholds);
-                const isAbnormal = tv ? point.value >= tv : false;
-                const dayOfWeek = new Date(point.date).getDay();
-                return (
-                  <View className='trend-bar-col' key={i}>
-                    <View
-                      className={`trend-bar ${isAbnormal ? 'trend-bar-warn' : 'trend-bar-normal'}`}
-                      style={`height:${heightPct}%;`}
-                    />
-                    <Text className='trend-bar-label'>{dayLabels[dayOfWeek]}</Text>
-                  </View>
-                );
-              })}
-            </View>
-          </ContentCard>
+                </View>
+              </ContentCard>
+            ))}
+          </View>
         )}
-      </View>
-
-      <ContentCard
-        onPress={() => safeNavigateTo('/pages/article/index')}
-      >
-        <Text className='article-entry-text'>最新健康资讯 ›</Text>
-      </ContentCard>
+        {loading && <Loading />}
+      </ScrollView>
     </PageShell>
   );
 }

apps/miniprogram/src/pages/health/useHealthData.ts

@@ -1,8 +1,8 @@
-import { useState, useRef } from 'react';
+import { useState } from 'react';
 import { useHealthStore } from '@/stores/health';
 import { useAuthStore } from '@/stores/auth';
 import { usePageData } from '@/hooks/usePageData';
-import { getTrend, getHealthThresholds, DEFAULT_THRESHOLDS, type HealthThreshold } from '@/services/health';
+import { getHealthThresholds, DEFAULT_THRESHOLDS, type HealthThreshold } from '@/services/health';
 import { listPendingSuggestions, type AiSuggestionItem } from '@/services/ai-analysis';
 
 export type VitalType = 'blood_pressure' | 'heart_rate' | 'blood_sugar' | 'weight';

apps/miniprogram/src/pages/health/useHealthOverview.ts

@@ -0,0 +1,111 @@
+import { useState } from 'react';
+import { useHealthStore } from '@/stores/health';
+import { useAuthStore } from '@/stores/auth';
+import { usePageData } from '@/hooks/usePageData';
+import { getHealthThresholds, DEFAULT_THRESHOLDS, type HealthThreshold } from '@/services/health';
+import { listPendingSuggestions, type AiSuggestionItem } from '@/services/ai-analysis';
+import { listPatientAlerts } from '@/services/alert';
+
+export type VitalType = 'blood_pressure' | 'heart_rate' | 'blood_sugar' | 'weight';
+
+export const VITAL_TABS: { key: VitalType; label: string }[] = [
+  { key: 'blood_pressure', label: '血压' },
+  { key: 'heart_rate', label: '心率' },
+  { key: 'blood_sugar', label: '血糖' },
+  { key: 'weight', label: '体重' },
+];
+
+export interface TrendPoint {
+  date: string;
+  value: number;
+}
+
+export function useHealthOverview() {
+  const user = useAuthStore((s) => s.user);
+  const todaySummary = useHealthStore((s) => s.todaySummary);
+  const loading = useHealthStore((s) => s.loading);
+  const refreshToday = useHealthStore((s) => s.refreshToday);
+  const fetchTrend = useHealthStore((s) => s.getTrend);
+
+  const [activeTab, setActiveTab] = useState<VitalType>('blood_pressure');
+  const [trendData, setTrendData] = useState<TrendPoint[]>([]);
+  const [trendLoading, setTrendLoading] = useState(false);
+  const [aiSuggestions, setAiSuggestions] = useState<AiSuggestionItem[]>([]);
+  const [thresholds, setThresholds] = useState<HealthThreshold[]>(DEFAULT_THRESHOLDS);
+  const [alertCount, setAlertCount] = useState(0);
+
+  const loadTrend = async (type: VitalType) => {
+    setTrendLoading(true);
+    try {
+      const indicatorMap: Record<VitalType, string> = {
+        blood_pressure: 'systolic_bp_morning',
+        heart_rate: 'heart_rate',
+        blood_sugar: 'blood_sugar',
+        weight: 'weight',
+      };
+      const points = await fetchTrend(indicatorMap[type], '7d');
+      setTrendData(points);
+    } catch (err) {
+      console.warn('[health] 加载趋势数据失败:', err);
+      setTrendData([]);
+    } finally {
+      setTrendLoading(false);
+    }
+  };
+
+  const loadAiSuggestions = async () => {
+    try {
+      const items = await listPendingSuggestions();
+      setAiSuggestions(items.slice(0, 3));
+    } catch {
+      setAiSuggestions([]);
+    }
+  };
+
+  const loadAlertCount = async () => {
+    const patientId = useAuthStore.getState().currentPatient?.id;
+    if (!patientId) return;
+    try {
+      const res = await listPatientAlerts(patientId, { status: 'pending', page: 1, page_size: 1 });
+      setAlertCount(res.total ?? 0);
+    } catch {
+      setAlertCount(0);
+    }
+  };
+
+  const fetchData = async () => {
+    await Promise.allSettled([
+      refreshToday(),
+      loadTrend(activeTab),
+      loadAiSuggestions(),
+      loadAlertCount(),
+      getHealthThresholds().then((t) => { if (t.length > 0) setThresholds(t); }),
+    ]);
+  };
+
+  usePageData(fetchData, {
+    throttleMs: 5000,
+    enablePullDown: true,
+    enabled: !!user,
+  });
+
+  const handleTabChange = (tab: VitalType) => {
+    setActiveTab(tab);
+    loadTrend(tab);
+  };
+
+  return {
+    user,
+    todaySummary,
+    loading,
+    error: false,
+    activeTab,
+    trendData,
+    trendLoading,
+    aiSuggestions,
+    thresholds,
+    alertCount,
+    handleTabChange,
+    fetchData,
+  };
+}

apps/miniprogram/src/pages/index/index.scss

@@ -539,3 +539,36 @@
 .elder-mode .sos-btn-text {
   font-size: 20px;
 }
+
+/* ─── 告警提示卡片 ─── */
+.home-alert-card {
+  display: flex;
+  align-items: center;
+  gap: var(--tk-gap-sm);
+  margin-top: var(--tk-gap-sm);
+
+  &:active {
+    opacity: var(--tk-touch-feedback-opacity);
+  }
+}
+
+.home-alert-dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: $dan;
+  flex-shrink: 0;
+}
+
+.home-alert-text {
+  flex: 1;
+  font-size: var(--tk-font-body-sm);
+  font-weight: 500;
+  color: $dan;
+}
+
+.home-alert-arrow {
+  font-size: var(--tk-font-body);
+  color: $tx3;
+  flex-shrink: 0;
+}

apps/miniprogram/src/pages/index/index.tsx

@@ -6,14 +6,15 @@ import { useAuthStore } from '../../stores/auth';
 import { useUIStore } from '../../stores/ui';
 import { navigateToLogin } from '../../utils/navigate';
 import { usePageData } from '@/hooks/usePageData';
-import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
+import { getDoctorLastPage } from '@/hooks/useNavigationState';
+// useThrottledDidShow removed — unused import
 import { api } from '@/services/request';
 import type { Article } from '@/services/article';
 import ProgressRing from '@/components/ui/ProgressRing';
 import Loading from '../../components/Loading';
 import PageShell from '@/components/ui/PageShell';
 import ContentCard from '@/components/ui/ContentCard';
-import { useHomeData, type ReminderItem } from './useHomeData';
+import { useHomeData } from './useHomeData';
 import './index.scss';
 
 interface PublicBanner {
@@ -27,9 +28,9 @@ interface PublicBanner {
 }
 
 const FALLBACK_SLIDES = [
-  { id: 'slide-1', title: '专业血透中心', desc: '三甲级医护团队全程守护', image_url: '' },
-  { id: 'slide-2', title: '智慧健康管理', desc: 'AI 驱动个性化健康方案', image_url: '' },
-  { id: 'slide-3', title: '温馨就医环境', desc: '舒适安全的治疗体验', image_url: '' },
+  { id: 'slide-1', title: '专业血透中心', subtitle: '', desc: '三甲级医护团队全程守护', image_url: '' },
+  { id: 'slide-2', title: '智慧健康管理', subtitle: '', desc: 'AI 驱动个性化健康方案', image_url: '' },
+  { id: 'slide-3', title: '温馨就医环境', subtitle: '', desc: '舒适安全的治疗体验', image_url: '' },
 ];
 
 // ─── 访客首页 ───
@@ -104,8 +105,8 @@ function GuestHome({ modeClass }: { modeClass: string }) {
         indicatorActiveColor='#FFFFFF'
         autoplay={swiperAutoplay}
         circular
-        interval={4000}
-        duration={500}
+        interval={5000}
+        duration={300}
       >
         {slides.map((slide, idx) => (
           <SwiperItem key={slide.id || idx}>
@@ -227,7 +228,7 @@ function SOSButton() {
 function HomeDashboard({ modeClass }: { modeClass: string }) {
   const {
     healthItems, indicatorCapsules, completedCount, progressPercent,
-    loading, todaySummary, reminders, remindersLoading, unreadCount,
+    loading, todaySummary, reminders, remindersLoading, unreadCount, alertCount,
     greeting, displayName,
   } = useHomeData();
 
@@ -324,13 +325,25 @@ function HomeDashboard({ modeClass }: { modeClass: string }) {
       )}
 
       <View className='action-section'>
-        <View className='action-btn action-primary' onClick={() => Taro.switchTab({ url: '/pages/health/index' })}>
-          <Text className='action-btn-text'>记录体征</Text>
+        <View className='action-btn action-primary' onClick={() => safeNavigateTo('/pages/pkg-health/input/index')}>
+          <Text className='action-btn-text'>录入体征</Text>
         </View>
         <View className='action-btn action-outline' onClick={() => safeNavigateTo('/pages/appointment/create/index')}>
           <Text className='action-btn-text'>预约挂号</Text>
         </View>
       </View>
+
+      {alertCount > 0 && (
+        <ContentCard
+          variant="elevated"
+          className='home-alert-card'
+          onPress={() => safeNavigateTo('/pages/pkg-health/alerts/index')}
+        >
+          <View className='home-alert-dot' />
+          <Text className='home-alert-text'>{alertCount} 条待处理健康告警</Text>
+          <Text className='home-alert-arrow'>›</Text>
+        </ContentCard>
+      )}
       <SOSButton />
     </PageShell>
   );
@@ -352,11 +365,13 @@ export default function Index() {
   useDidShow(() => {
     if (shouldRedirect && !redirectingRef.current) {
       redirectingRef.current = true;
+      const target = getDoctorLastPage();
       Taro.reLaunch({
-        url: '/pages/pkg-doctor-core/index',
+        url: target,
         fail: () => {
           redirectingRef.current = false;
-          console.warn('跳转医生端失败，停留患者首页');
+          console.warn('跳转医生端失败，降级为 redirectTo');
+          Taro.redirectTo({ url: target }).catch(() => {});
         },
       });
     }

apps/miniprogram/src/pages/index/useHomeData.ts

@@ -7,6 +7,7 @@ import * as appointmentApi from '@/services/appointment';
 import * as followupApi from '@/services/followup';
 import { listPendingSuggestions, type AiSuggestionItem } from '@/services/ai-analysis';
 import { notificationService } from '@/services/notification';
+import { listPatientAlerts } from '@/services/alert';
 
 export interface ReminderItem {
   id: string;
@@ -37,6 +38,7 @@ export function useHomeData() {
   const [reminders, setReminders] = useState<ReminderItem[]>([]);
   const [unreadCount, setUnreadCount] = useState(0);
   const [remindersLoading, setRemindersLoading] = useState(false);
+  const [alertCount, setAlertCount] = useState(0);
 
   const fetchData = async () => {
     const patientId = useAuthStore.getState().currentPatient?.id;
@@ -44,6 +46,7 @@ export function useHomeData() {
     refreshToday();
     loadReminders(patientId);
     loadUnread();
+    loadAlertCount(patientId);
     trackPageView('home');
   };
 
@@ -83,7 +86,7 @@ export function useHomeData() {
       ]);
 
       if (suggestRes.status === 'fulfilled') {
-        for (const s of suggestRes.value.data.slice(0, 1)) {
+        for (const s of suggestRes.value.slice(0, 1)) {
           items.push({ id: s.id, text: buildSuggestionText(s), type: 'ai', tag: 'AI 建议' });
         }
       }
@@ -118,6 +121,15 @@ export function useHomeData() {
     }
   };
 
+  const loadAlertCount = async (patientId: string) => {
+    try {
+      const res = await listPatientAlerts(patientId, { status: 'pending', page: 1, page_size: 1 });
+      setAlertCount(res.total ?? 0);
+    } catch {
+      setAlertCount(0);
+    }
+  };
+
   const summary = todaySummary || {};
   const indicators = [!!summary.blood_pressure, !!summary.heart_rate, !!summary.blood_sugar, !!summary.weight];
   const completedCount = indicators.filter(Boolean).length;
@@ -149,6 +161,7 @@ export function useHomeData() {
     reminders,
     unreadCount,
     remindersLoading,
+    alertCount,
     indicatorCapsules,
     healthItems,
     completedCount,

apps/miniprogram/src/pages/login/index.scss

@@ -50,78 +50,6 @@
   color: $tx3;
 }
 
-/* ─── 输入框 ─── */
-.login-field {
-  height: 56px;
-  background: $card;
-  border: 1.5px solid $bd;
-  border-radius: $r;
-  display: flex;
-  align-items: center;
-  padding: 0 16px;
-  margin-bottom: 12px;
-}
-
-.login-input {
-  flex: 1;
-  height: 100%;
-  font-size: var(--tk-font-body);
-  color: $tx;
-}
-
-.login-placeholder {
-  color: $tx3;
-  font-size: var(--tk-font-body);
-}
-
-.login-eye {
-  font-size: var(--tk-font-body-sm);
-  color: var(--tk-pri);
-  font-weight: 500;
-  padding: 6px 0;
-  flex-shrink: 0;
-}
-
-/* ─── 登录按钮 ─── */
-.login-submit {
-  height: 54px;
-  border-radius: $r;
-  background: var(--tk-pri);
-  @include flex-center;
-  margin-top: 12px;
-  margin-bottom: 16px;
-  box-shadow: 0 4px 16px rgba($pri, 0.3);
-
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-}
-
-.login-submit-text {
-  font-size: var(--tk-font-body-lg);
-  font-weight: 600;
-  color: $white;
-}
-
-/* ─── 分隔线 ─── */
-.login-divider {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-bottom: 16px;
-}
-
-.login-divider-line {
-  flex: 1;
-  height: 1px;
-  background: $bd-l;
-}
-
-.login-divider-text {
-  font-size: var(--tk-font-cap);
-  color: $tx3;
-}
-
 /* ─── 微信登录 ─── */
 .login-wechat-btn {
   height: 54px;

apps/miniprogram/src/pages/login/index.tsx

@@ -1,17 +1,17 @@
 import { useState } from 'react';
-import { View, Text, Input, Button } from '@tarojs/components';
+import { View, Text, Button } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { safeNavigateTo } from '@/utils/navigate';
 import { useAuthStore } from '../../stores/auth';
 import './index.scss';
 
+declare const __wxConfig: Record<string, unknown> | undefined;
+
 const IS_DEV = process.env.NODE_ENV !== 'production';
-const IS_SIMULATOR = typeof __wxConfig !== 'undefined' && (__wxConfig as any).envVersion === 'develop';
+const IS_SIMULATOR = typeof __wxConfig !== 'undefined' && (__wxConfig as Record<string, unknown>)?.envVersion === 'develop';
+const SHOW_DEV_LOGIN = (IS_DEV || IS_SIMULATOR) && !!(process.env.TARO_APP_DEV_USER && process.env.TARO_APP_DEV_PASS);
 
 export default function Login() {
-  const [username, setUsername] = useState('');
-  const [password, setPassword] = useState('');
-  const [showPassword, setShowPassword] = useState(false);
   const [agreed, setAgreed] = useState(false);
   const [needBind, setNeedBind] = useState(false);
 
@@ -23,12 +23,9 @@ export default function Login() {
 
   const navigateAfterLogin = () => {
     if (isMedicalStaff()) {
-      // 使用 redirectTo 替代 reLaunch 避免分包加载超时
-      // redirectTo 只替换当前页面，不销毁整个页栈，分包预加载不会被中断
       Taro.redirectTo({
         url: '/pages/pkg-doctor-core/index',
         fail: () => {
-          // fallback: 先跳首页再 redirectTo
           Taro.switchTab({
             url: '/pages/index/index',
             success: () => {
@@ -44,37 +41,16 @@ export default function Login() {
     }
   };
 
-  const handleCredentialLogin = async () => {
-    if (!username.trim()) {
-      Taro.showToast({ title: '请输入账号', icon: 'none' });
-      return;
-    }
-    if (!password.trim()) {
-      Taro.showToast({ title: '请输入密码', icon: 'none' });
-      return;
-    }
+  const requireAgreement = () => {
     if (!agreed) {
       Taro.showToast({ title: '请先阅读并同意用户协议', icon: 'none' });
-      return;
-    }
-    try {
-      const success = await credentialLogin(username.trim(), password);
-      if (success) {
-        navigateAfterLogin();
-      } else {
-        Taro.showToast({ title: '账号或密码错误', icon: 'none' });
-      }
-    } catch (err) {
-      console.warn('[login] 登录失败:', err);
-      Taro.showToast({ title: '登录失败，请重试', icon: 'none' });
+      return false;
     }
+    return true;
   };
 
   const handleWechatLogin = async () => {
-    if (!agreed) {
-      Taro.showToast({ title: '请先阅读并同意用户协议', icon: 'none' });
-      return;
-    }
+    if (!requireAgreement()) return;
     try {
       const { code } = await Taro.login();
       const result = await login(code);
@@ -84,29 +60,12 @@ export default function Login() {
         setNeedBind(true);
         Taro.showToast({ title: '请授权手机号完成绑定', icon: 'none' });
       }
-    } catch (err: any) {
-      const msg = err?.message || '登录失败，请重试';
+    } catch (err: unknown) {
+      const msg = err instanceof Error ? err.message : '登录失败，请重试';
       Taro.showToast({ title: msg.substring(0, 20), icon: 'none', duration: 3000 });
     }
   };
 
-  const handleDevQuickLogin = async () => {
-    const devUser = process.env.TARO_APP_DEV_USER || '';
-    const devPass = process.env.TARO_APP_DEV_PASS || '';
-    if (!devUser || !devPass) {
-      Taro.showToast({ title: '未配置开发账号', icon: 'none' });
-      return;
-    }
-    try {
-      const success = await credentialLogin(devUser, devPass);
-      if (success) {
-        navigateAfterLogin();
-      }
-    } catch (err: any) {
-      Taro.showToast({ title: err?.message || '登录失败', icon: 'none' });
-    }
-  };
-
   const handleGetPhone = async (e: { detail: { errMsg: string; encryptedData: string; iv: string } }) => {
     if (e.detail.errMsg !== 'getPhoneNumber:ok') {
       Taro.showToast({ title: '需要授权手机号', icon: 'none' });
@@ -118,10 +77,10 @@ export default function Login() {
       if (success) {
         navigateAfterLogin();
       }
-    } catch (err: any) {
+    } catch (err: unknown) {
       Taro.showModal({
         title: '绑定手机号失败',
-        content: err?.message || '绑定失败',
+        content: err instanceof Error ? err.message : '绑定失败',
         confirmText: '重新登录',
         cancelText: '取消',
         success: (res) => { if (res.confirm) setNeedBind(false); },
@@ -129,6 +88,40 @@ export default function Login() {
     }
   };
 
+  // DevTools 中 getPhoneNumber 不可用，直接传 mock 数据绕过微信 SDK
+  // 仅在后端 wechat_dev_mode=true 时有效，后端会生成 mock 手机号
+  const handleDevBindPhone = async () => {
+    try {
+      const success = await bindPhone('dev_mock', 'dev_mock');
+      if (success) {
+        navigateAfterLogin();
+      }
+    } catch (err: unknown) {
+      Taro.showModal({
+        title: '绑定失败',
+        content: err instanceof Error ? err.message : '绑定失败',
+        confirmText: '重新登录',
+        cancelText: '取消',
+        success: (res) => { if (res.confirm) setNeedBind(false); },
+      });
+    }
+  };
+
+  const handleDevQuickLogin = async () => {
+    if (!requireAgreement()) return;
+    const devUser = process.env.TARO_APP_DEV_USER || '';
+    const devPass = process.env.TARO_APP_DEV_PASS || '';
+    if (!devUser || !devPass) return;
+    try {
+      const success = await credentialLogin(devUser, devPass);
+      if (success) {
+        navigateAfterLogin();
+      }
+    } catch (err: unknown) {
+      Taro.showToast({ title: err instanceof Error ? err.message : '登录失败', icon: 'none' });
+    }
+  };
+
   return (
     <View className="login-page">
       {/* 品牌区 */}
@@ -142,88 +135,75 @@ export default function Login() {
 
       {!needBind ? (
         <>
-          {/* 账号输入 */}
-          <View className="login-field">
-            <Input
-              className="login-input"
-              type="text"
-              placeholder="请输入账号"
-              placeholderClass="login-placeholder"
-              value={username}
-              onInput={(e) => setUsername(e.detail.value)}
-            />
-          </View>
-
-          {/* 密码输入 */}
-          <View className="login-field">
-            <Input
-              className="login-input"
-              type="safe-password"
-              password={!showPassword}
-              placeholder="请输入密码"
-              placeholderClass="login-placeholder"
-              value={password}
-              onInput={(e) => setPassword(e.detail.value)}
-            />
-            <Text
-              className="login-eye"
-              onClick={() => setShowPassword(!showPassword)}
-            >
-              {showPassword ? '隐藏' : '显示'}
-            </Text>
-          </View>
-
-          {/* 登录按钮 */}
-          <View className="login-submit" onClick={handleCredentialLogin}>
-            <Text className="login-submit-text">{loading ? '登录中...' : '登录'}</Text>
-          </View>
-
-          {/* 分隔线 */}
-          <View className="login-divider">
-            <View className="login-divider-line" />
-            <Text className="login-divider-text">或</Text>
-            <View className="login-divider-line" />
-          </View>
-
-          {/* 微信一键登录 */}
+          {/* 微信一键登录（主按钮） */}
           <View className="login-wechat-btn" onClick={handleWechatLogin}>
             <Text className="login-wechat-icon">微</Text>
             <Text className="login-wechat-text">微信一键登录</Text>
           </View>
+
+          {/* 协议 */}
+          <View className="agreement-row">
+            <View
+              className={`agreement-check ${agreed ? 'checked' : ''}`}
+              onClick={() => setAgreed(!agreed)}
+            >
+              {agreed && <Text className="agreement-check-mark">&#10003;</Text>}
+            </View>
+            <Text className="agreement-text">
+              登录即同意
+              <Text className="agreement-link" onClick={() => safeNavigateTo('/pages/legal/user-agreement')}>《用户协议》</Text>
+              和
+              <Text className="agreement-link" onClick={() => safeNavigateTo('/pages/legal/privacy-policy')}>《隐私政策》</Text>
+            </Text>
+          </View>
         </>
       ) : (
         <View className="login-bind-section">
-          <Button
-            className="login-btn-bind"
-            openType="getPhoneNumber"
-            onGetPhoneNumber={handleGetPhone}
-            loading={loading}
-          >
-            授权手机号完成绑定
-          </Button>
+          {/* 真机：微信手机号授权 */}
+          {!SHOW_DEV_LOGIN && (
+            <Button
+              className="login-btn-bind"
+              openType="getPhoneNumber"
+              onGetPhoneNumber={handleGetPhone}
+              loading={loading}
+              disabled={loading}
+            >
+              授权手机号完成绑定
+            </Button>
+          )}
+          {/* DevTools：跳过微信 SDK 直接调后端（后端 wechat_dev_mode 会用 mock 手机号） */}
+          {SHOW_DEV_LOGIN && (
+            <Button
+              className="login-btn-bind"
+              onClick={handleDevBindPhone}
+              loading={loading}
+              disabled={loading}
+            >
+              授权手机号完成绑定（开发模式）
+            </Button>
+          )}
+          {/* 协议 */}
+          <View className="agreement-row" style={{ marginTop: '16px' }}>
+            <View
+              className={`agreement-check ${agreed ? 'checked' : ''}`}
+              onClick={() => setAgreed(!agreed)}
+            >
+              {agreed && <Text className="agreement-check-mark">&#10003;</Text>}
+            </View>
+            <Text className="agreement-text">
+              登录即同意
+              <Text className="agreement-link" onClick={() => safeNavigateTo('/pages/legal/user-agreement')}>《用户协议》</Text>
+              和
+              <Text className="agreement-link" onClick={() => safeNavigateTo('/pages/legal/privacy-policy')}>《隐私政策》</Text>
+            </Text>
+          </View>
         </View>
       )}
 
-      {/* 协议 */}
-      <View className="agreement-row">
-        <View
-          className={`agreement-check ${agreed ? 'checked' : ''}`}
-          onClick={() => setAgreed(!agreed)}
-        >
-          {agreed && <Text className="agreement-check-mark">&#10003;</Text>}
-        </View>
-        <Text className="agreement-text">
-          登录即同意
-          <Text className="agreement-link" onClick={() => safeNavigateTo('/pages/legal/user-agreement')}>《用户协议》</Text>
-          和
-          <Text className="agreement-link" onClick={() => safeNavigateTo('/pages/legal/privacy-policy')}>《隐私政策》</Text>
-        </Text>
-      </View>
-
       <View style={{ flex: 1 }} />
 
-      {/* 开发模式 */}
-      {(IS_DEV || IS_SIMULATOR) && (
+      {/* 开发模式快速登录 — 仅 dev 构建 + DevTools 中显示 */}
+      {SHOW_DEV_LOGIN && (
         <View className="login-dev-btn" onClick={handleDevQuickLogin}>
           <Text className="login-dev-btn-text">开发模式快速登录 ›</Text>
         </View>

apps/miniprogram/src/pages/mall/index.scss

@@ -1,323 +1,89 @@
 @import '../../styles/variables.scss';
 @import '../../styles/mixins.scss';
 
-// 积分商城 — 对齐原型 docs/design/mp-05-mall.html
+// 积分商城 V2 — 对齐原型 docs/design/mp-05-mall-v2.html
 
 .mall-page {
   padding-bottom: calc(var(--tk-tabbar-space) + env(safe-area-inset-bottom));
+  background: $bg;
 }
 
-/* ─── 积分卡片（渐变背景） ─── */
+/* ─── 积分卡片区 ─── */
 .mall-header {
-  background: linear-gradient(135deg, var(--tk-pri) 0%, var(--tk-pri-d) 100%);
-  padding: var(--tk-gap-xl) var(--tk-page-padding) var(--tk-gap-xl);
-  position: relative;
-  overflow: hidden;
-
-  // 装饰圆
-  &::before {
-    content: '';
-    position: absolute;
-    top: -20px;
-    right: -20px;
-    width: 100px;
-    height: 100px;
-    border-radius: 50px;
-    background: rgba(255, 255, 255, 0.08);
-  }
-  &::after {
-    content: '';
-    position: absolute;
-    bottom: -30px;
-    right: 40px;
-    width: 80px;
-    height: 80px;
-    border-radius: 40px;
-    background: rgba(255, 255, 255, 0.05);
-  }
+  padding: 0 var(--tk-page-padding);
+  padding-top: var(--tk-gap-sm);
 }
 
-.points-card {
-  position: relative;
-  z-index: 1;
-}
-
-.points-top {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--tk-gap-sm);
-}
-
-.points-label {
-  font-size: var(--tk-font-cap);
-  color: rgba(255, 255, 255, 0.7);
-  letter-spacing: 1px;
-}
-
-.checkin-btn {
-  background: rgba(255, 255, 255, 0.2);
-  border: 1px solid rgba(255, 255, 255, 0.4);
-  padding: 6px 14px;
-  border-radius: $r-pill;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  transition: all 0.2s;
-
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-
-  &.checked {
-    background: rgba(255, 255, 255, 0.1);
-    border-color: rgba(255, 255, 255, 0.2);
-  }
-}
-
-.checkin-btn-text {
-  font-size: var(--tk-font-cap);
-  color: $white;
-  font-weight: 500;
-}
-
-.checkin-btn.checked .checkin-btn-text {
-  opacity: 0.6;
-}
-
-.points-balance {
-  @include serif-number;
-  font-size: 42px;
-  font-weight: 700;
-  color: $white;
-  display: block;
-  margin-bottom: var(--tk-gap-xs);
-  letter-spacing: 2px;
-  line-height: 1;
-}
-
-.points-streak {
-  font-size: var(--tk-font-cap);
-  color: rgba(255, 255, 255, 0.7);
-  display: block;
+/* ─── 可滚动内容区 ─── */
+.mall-content {
+  padding: 0 var(--tk-page-padding) var(--tk-gap-lg);
 }
 
 /* ─── 快捷操作 ─── */
 .mall-actions {
   display: flex;
   justify-content: space-around;
-  padding: var(--tk-section-gap) var(--tk-page-padding);
+  padding: var(--tk-section-gap) 0;
 }
 
 .mall-action {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 8px;
+  gap: $sp-xs;
+  @include touch-feedback;
 
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-}
+  &-icon {
+    width: 52px;
+    height: 52px;
+    border-radius: 26px;
+    @include flex-center;
 
-.mall-action-icon {
-  width: 52px;
-  height: 52px;
-  border-radius: 26px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  &--checkin {
-    background: $acc;
-    box-shadow: 0 4px 12px rgba(91, 122, 94, 0.3);
-  }
-  &--task {
-    background: $pri;
-    box-shadow: 0 4px 12px rgba(196, 98, 58, 0.3);
-  }
-  &--history {
-    background: $wrn;
-    box-shadow: 0 4px 12px rgba(196, 135, 58, 0.3);
-  }
-}
-
-.mall-action-icon-text {
-  font-size: 22px;
-  color: $white;
-  line-height: 1;
-}
-
-.mall-action-label {
-  font-size: var(--tk-font-micro);
-  color: $tx2;
-  font-weight: 500;
-}
-
-/* ─── 分类标签（Pill） ─── */
-.type-tabs {
-  display: flex;
-  gap: 10px;
-  padding: 0 var(--tk-page-padding) var(--tk-section-gap);
-  overflow-x: auto;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-
-.type-tab {
-  padding: 7px 18px;
-  border-radius: $r-pill;
-  font-size: var(--tk-font-body-sm);
-  font-weight: 400;
-  background: $surface-alt;
-  color: $tx2;
-  white-space: nowrap;
-  flex-shrink: 0;
-  transition: all 0.2s;
-
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
+    &--checkin {
+      background: $acc;
+      box-shadow: 0 4px 12px rgba(91, 122, 94, 0.3);
+    }
+    &--history {
+      background: $wrn;
+      box-shadow: 0 4px 12px rgba(196, 135, 58, 0.3);
+    }
   }
 
-  &.active {
-    background: var(--tk-pri);
+  &-icon-text {
+    font-size: 22px;
     color: $white;
-    font-weight: 600;
-    box-shadow: var(--tk-shadow-tab);
+    line-height: 1;
+  }
+
+  &-label {
+    font-size: var(--tk-font-micro);
+    color: $tx2;
+    font-weight: 500;
   }
 }
 
-.type-tab-text {
-  font-size: inherit;
-  color: inherit;
-  font-weight: inherit;
+/* ─── 分割线 ─── */
+.mall-divider {
+  height: 1px;
+  background: $bd;
+  margin-bottom: $sp-md;
+}
 
-  &.active {
-    color: inherit;
-  }
+/* ─── 分类标签 ─── */
+.mall-tabs {
+  margin-bottom: $sp-section;
 }
 
 /* ─── 商品网格 ─── */
 .product-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: var(--tk-gap-sm);
-  padding: 0 var(--tk-page-padding) var(--tk-gap-lg);
+  gap: $sp-sm;
 }
 
-.product-card {
-  background: $card;
-  border-radius: $r-sm;
-  overflow: hidden;
-  box-shadow: $shadow-sm;
-
-  &:active {
-    opacity: var(--tk-touch-feedback-opacity);
-  }
-}
-
-.product-image {
-  width: 100%;
-  aspect-ratio: 1;
-  @include flex-center;
-  position: relative;
-
-  &.type-physical { background: $pri-l; }
-  &.type-service { background: $acc-l; }
-  &.type-privilege { background: $wrn-l; }
-}
-
-.product-image-char {
-  font-family: 'Georgia', 'Times New Roman', serif;
-  font-size: 32px;
-  font-weight: 700;
-  color: $pri;
-  line-height: 1;
-
-  .type-service & { color: $acc; }
-  .type-privilege & { color: $wrn; }
-}
-
-.product-info {
-  padding: 10px var(--tk-gap-sm) 14px;
-}
-
-.product-name {
-  font-size: var(--tk-font-body-sm);
-  font-weight: 600;
-  color: $tx;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  line-height: 1.4;
-  height: 40px;
-  margin-bottom: 8px;
-}
-
-.product-bottom {
-  display: flex;
-  align-items: baseline;
-  gap: 6px;
-}
-
-.product-points {
-  display: flex;
-  align-items: baseline;
-  gap: 2px;
-}
-
-.product-points-char {
-  @include serif-number;
-  font-size: 18px;
-  font-weight: 700;
-  color: $pri;
-}
-
-.product-points-value {
-  font-size: var(--tk-font-micro);
-  color: $pri;
-  font-weight: 500;
-}
-
-.product-price {
-  font-size: var(--tk-font-micro);
-  color: $tx3;
-  text-decoration: line-through;
-}
-
-.product-stock {
-  font-size: var(--tk-font-micro);
-  padding: 2px 6px;
-  border-radius: $r-xs;
-
-  &.out {
-    background: $bd-l;
-    color: $tx3;
-  }
-
-  &.low {
-    background: $dan-l;
-    color: $dan;
-  }
-}
-
-.product-tag {
-  position: absolute;
-  top: 8px;
-  left: 8px;
-  font-size: var(--tk-font-micro);
-  font-weight: 600;
-  padding: 2px 8px;
-  border-radius: 6px;
-  color: $white;
-
-  &--hot {
-    background: $dan;
-  }
-  &--new {
-    background: $acc;
+// 长者模式
+.elder-mode .mall-page {
+  .mall-action-label {
+    font-size: 14px;
   }
 }

apps/miniprogram/src/pages/mall/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro, { useReachBottom } from '@tarojs/taro';
 import { safeNavigateTo } from '@/utils/navigate';
@@ -7,25 +7,24 @@ import { listProducts } from '../../services/points';
 import type { PointsProduct } from '../../services/points';
 import { useAuthStore } from '../../stores/auth';
 import { usePointsStore } from '../../stores/points';
+import { useElderClass } from '../../hooks/useElderClass';
+import PageShell from '@/components/ui/PageShell';
+import PointsCard from '@/components/ui/PointsCard';
+import ProductCard from '@/components/ui/ProductCard';
+import TabFilter from '@/components/ui/TabFilter';
+import CheckinModal from '@/components/ui/CheckinModal';
 import Loading from '../../components/Loading';
 import ErrorState from '../../components/ErrorState';
 import EmptyState from '../../components/EmptyState';
-import { useElderClass } from '../../hooks/useElderClass';
-import PageShell from '@/components/ui/PageShell';
 import './index.scss';
 
-const PRODUCT_TYPE_TABS = [
-  { key: '', label: '全部' },
-  { key: 'physical', label: '实物' },
-  { key: 'service', label: '服务券' },
-  { key: 'privilege', label: '权益' },
-];
+const PRODUCT_TABS = ['全部', '实物', '服务券', '权益'];
+const TAB_TYPE_MAP = ['', 'physical', 'service', 'privilege'];
 
-const TYPE_BG: Record<string, string> = {
-  physical: 'type-physical',
-  service: 'type-service',
-  privilege: 'type-privilege',
-};
+const QUICK_ACTIONS = [
+  { icon: '✓', label: '签到打卡', cls: 'mall-action-icon--checkin' },
+  { icon: '◷', label: '兑换记录', cls: 'mall-action-icon--history' },
+] as const;
 
 export default function Mall() {
   const currentPatient = useAuthStore((s) => s.currentPatient);
@@ -35,35 +34,28 @@ export default function Mall() {
   const refreshPoints = usePointsStore((s) => s.refresh);
   const doCheckin = usePointsStore((s) => s.doCheckin);
   const [products, setProducts] = useState<PointsProduct[]>([]);
-  const [productType, setProductType] = useState('');
+  const [activeTab, setActiveTab] = useState(0);
   const [page, setPage] = useState(1);
   const [total, setTotal] = useState(0);
   const [loading, setLoading] = useState(false);
   const [checkinLoading, setCheckinLoading] = useState(false);
+  const [showCheckin, setShowCheckin] = useState(false);
   const [noProfile, setNoProfile] = useState(false);
   const [error, setError] = useState(false);
   const modeClass = useElderClass();
 
   const fetchProducts = useCallback(
-    async (pageNum: number, type: string, isRefresh = false) => {
+    async (pageNum: number, typeIdx: number, isRefresh = false) => {
       setLoading(true);
       setError(false);
       try {
-        const res = await listProducts({
-          page: pageNum,
-          page_size: 10,
-          product_type: type || undefined,
-        });
+        const type = TAB_TYPE_MAP[typeIdx] || undefined;
+        const res = await listProducts({ page: pageNum, page_size: 10, product_type: type });
         const list = res.data || [];
-        if (isRefresh) {
-          setProducts(list);
-        } else {
-          setProducts((prev) => [...prev, ...list]);
-        }
+        setProducts((prev) => (isRefresh ? list : [...prev, ...list]));
         setTotal(res.total);
         setPage(pageNum);
-      } catch (err) {
-        console.warn('[mall] 加载商品列表失败:', err);
+      } catch {
         setError(true);
         Taro.showToast({ title: '加载失败', icon: 'none' });
       } finally {
@@ -74,12 +66,11 @@ export default function Mall() {
   );
 
   const loadAll = useCallback(
-    async (type?: string) => {
-      const t = type !== undefined ? type : productType;
+    async (tabIdx?: number) => {
+      const t = tabIdx !== undefined ? tabIdx : activeTab;
       if (!currentPatient) {
         await loadPatients();
-        const updated = useAuthStore.getState().currentPatient;
-        if (!updated) {
+        if (!useAuthStore.getState().currentPatient) {
           setNoProfile(true);
           return;
         }
@@ -87,7 +78,7 @@ export default function Mall() {
       setNoProfile(false);
       await Promise.all([refreshPoints(), fetchProducts(1, t, true)]);
     },
-    [currentPatient, loadPatients, refreshPoints, fetchProducts, productType],
+    [currentPatient, loadPatients, refreshPoints, fetchProducts, activeTab],
   );
 
   usePageData(
@@ -100,7 +91,7 @@ export default function Mall() {
 
   useReachBottom(() => {
     if (!loading && products.length < total) {
-      fetchProducts(page + 1, productType);
+      fetchProducts(page + 1, activeTab);
     }
   });
 
@@ -110,7 +101,7 @@ export default function Mall() {
     try {
       const ok = await doCheckin();
       if (ok) {
-        Taro.showToast({ title: '签到成功', icon: 'success', duration: 2000 });
+        setShowCheckin(true);
       }
     } catch (err) {
       Taro.showToast({
@@ -122,9 +113,9 @@ export default function Mall() {
     }
   };
 
-  const handleTabChange = (key: string) => {
-    setProductType(key);
-    fetchProducts(1, key, true);
+  const handleTabChange = (idx: number) => {
+    setActiveTab(idx);
+    fetchProducts(1, idx, true);
   };
 
   const handleProductClick = (item: PointsProduct) => {
@@ -135,7 +126,17 @@ export default function Mall() {
     safeNavigateTo(`/pages/pkg-mall/product/index?product_id=${item.id}`);
   };
 
+  const handleAction = (label: string) => {
+    if (label === '签到打卡') {
+      handleCheckin();
+    } else if (label === '兑换记录') {
+      safeNavigateTo('/pages/pkg-mall/orders/index');
+    }
+  };
+
   const balance = account?.balance ?? 0;
+  const consecutiveDays = checkinStatus?.consecutive_days ?? 0;
+  const checkedIn = checkinStatus?.checked_in_today ?? false;
 
   if (noProfile) {
     return (
@@ -153,101 +154,77 @@ export default function Mall() {
 
   return (
     <PageShell padding="none" safeBottom={false} scroll={false} className={`mall-page ${modeClass}`}>
-      {/* 积分余额卡片 */}
+      {/* 积分卡片 */}
       <View className='mall-header'>
-        <View className='points-card'>
-          <View className='points-top'>
-            <Text className='points-label'>我的积分</Text>
+        <PointsCard
+          balance={balance}
+          consecutiveDays={consecutiveDays}
+          checkedIn={checkedIn}
+          checkinLoading={checkinLoading}
+          onCheckin={handleCheckin}
+        />
+      </View>
+
+      {/* 可滚动内容区 */}
+      <View className='mall-content'>
+        {/* 快捷操作 */}
+        <View className='mall-actions'>
+          {QUICK_ACTIONS.map((action) => (
             <View
-              className={`checkin-btn ${checkinStatus?.checked_in_today ? 'checked' : ''}`}
-              onClick={handleCheckin}
+              key={action.label}
+              className='mall-action'
+              onClick={() => handleAction(action.label)}
             >
-              <Text className='checkin-btn-text'>
-                {checkinLoading ? '...' : checkinStatus?.checked_in_today ? '已签到' : '签到'}
-              </Text>
-            </View>
-          </View>
-          <Text className='points-balance'>{balance.toLocaleString()}</Text>
-          {checkinStatus && checkinStatus.consecutive_days > 0 && (
-            <Text className='points-streak'>
-              已连续签到 {checkinStatus.consecutive_days} 天
-            </Text>
-          )}
-        </View>
-      </View>
-
-      {/* 快捷操作 */}
-      <View className='mall-actions'>
-        <View className='mall-action' onClick={handleCheckin}>
-          <View className='mall-action-icon mall-action-icon--checkin'>
-            <Text className='mall-action-icon-text'>✓</Text>
-          </View>
-          <Text className='mall-action-label'>签到打卡</Text>
-        </View>
-        {/* TODO: 积分任务功能待实现后恢复 */}
-        <View className='mall-action' onClick={() => safeNavigateTo('/pages/pkg-mall/orders/index')}>
-          <View className='mall-action-icon mall-action-icon--history'>
-            <Text className='mall-action-icon-text'>◷</Text>
-          </View>
-          <Text className='mall-action-label'>兑换记录</Text>
-        </View>
-      </View>
-
-      {/* 商品类型切换 */}
-      <View className='type-tabs'>
-        {PRODUCT_TYPE_TABS.map((tab) => (
-          <View
-            key={tab.key}
-            className={`type-tab ${productType === tab.key ? 'active' : ''}`}
-            onClick={() => handleTabChange(tab.key)}
-          >
-            <Text className={`type-tab-text ${productType === tab.key ? 'active' : ''}`}>
-              {tab.label}
-            </Text>
-          </View>
-        ))}
-      </View>
-
-      {/* 商品列表 */}
-      {error ? (
-        <ErrorState onRetry={() => loadAll()} />
-      ) : products.length === 0 && !loading ? (
-        <EmptyState icon='礼' text='暂无商品' hint='更多好物即将上架' />
-      ) : (
-        <View className='product-grid'>
-          {products.map((item) => (
-            <View
-              key={item.id}
-              className='product-card'
-              onClick={() => handleProductClick(item)}
-            >
-              <View className={`product-image ${TYPE_BG[item.product_type] || ''}`}>
-                <Text className='product-image-char'>
-                  {item.product_type === 'physical' ? '物' : item.product_type === 'service' ? '券' : '权'}
-                </Text>
-              </View>
-              <View className='product-info'>
-                <Text className='product-name'>{item.name}</Text>
-                <View className='product-bottom'>
-                  <View className='product-points'>
-                    <Text className='product-points-char'>{item.points_cost}</Text>
-                    <Text className='product-points-value'>积分</Text>
-                  </View>
-                  {item.stock <= 0 ? (
-                    <Text className='product-stock out'>已兑完</Text>
-                  ) : item.stock <= 10 ? (
-                    <Text className='product-stock low'>仅剩{item.stock}件</Text>
-                  ) : null}
-                </View>
+              <View className={`mall-action-icon ${action.cls}`}>
+                <Text className='mall-action-icon-text'>{action.icon}</Text>
               </View>
+              <Text className='mall-action-label'>{action.label}</Text>
             </View>
           ))}
-          {loading && <Loading />}
-          {!loading && products.length >= total && total > 0 && (
-            <Loading text='没有更多了' />
-          )}
         </View>
-      )}
+
+        {/* 分割线 */}
+        <View className='mall-divider' />
+
+        {/* 分类标签 */}
+        <View className='mall-tabs'>
+          <TabFilter
+            tabs={PRODUCT_TABS}
+            activeIndex={activeTab}
+            onChange={handleTabChange}
+            variant='pill'
+          />
+        </View>
+
+        {/* 商品网格 */}
+        {error ? (
+          <ErrorState onRetry={() => loadAll()} />
+        ) : products.length === 0 && !loading ? (
+          <EmptyState icon='礼' text='暂无商品' hint='更多好物即将上架' />
+        ) : (
+          <View className='product-grid'>
+            {products.map((item) => (
+              <ProductCard
+                key={item.id}
+                product={item}
+                onPress={handleProductClick}
+              />
+            ))}
+            {loading && <Loading />}
+            {!loading && products.length >= total && total > 0 && (
+              <Loading text='没有更多了' />
+            )}
+          </View>
+        )}
+      </View>
+
+      {/* 签到弹窗 */}
+      <CheckinModal
+        visible={showCheckin}
+        consecutiveDays={consecutiveDays + (checkedIn ? 0 : 0)}
+        earnedPoints={10}
+        onClose={() => setShowCheckin(false)}
+      />
     </PageShell>
   );
 }

apps/miniprogram/src/pages/messages/index.scss

@@ -252,7 +252,7 @@
   align-items: center;
   gap: 10px;
   padding: 10px 16px;
-  padding-bottom: calc(var(--tk-tabbar-space) + env(safe-area-inset-bottom, 0px));
+  padding-bottom: env(safe-area-inset-bottom, 10px);
   background: $card;
   border-top: 1px solid $bd-l;
   flex-shrink: 0;

apps/miniprogram/src/pages/messages/index.tsx

@@ -1,4 +1,4 @@
-import { useState, useRef, useEffect } from 'react';
+import { useState, useRef } from 'react';
 import { View, Text, Input, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import {

apps/miniprogram/src/pages/pkg-doctor-clinical/dialysis/create/index.tsx

@@ -21,7 +21,7 @@ function InputField({ label, value, placeholder, type = 'digit', onChange }: {
       <Text className='form-label'>{label}</Text>
       <Input
         className='form-input'
-        type={type as any}
+        type={type as 'digit' | 'number' | 'text'}
         placeholder={placeholder}
         value={value}
         onInput={(e) => onChange(e.detail.value)}

apps/miniprogram/src/pages/pkg-doctor-clinical/dialysis/detail/index.tsx

@@ -7,6 +7,7 @@ import {
   getDialysisRecord, reviewDialysisRecord,
   updateDialysisRecord, deleteDialysisRecord,
   type DialysisRecord,
+  type UpdateDialysisRecordReq,
 } from '@/services/doctor/dialysis';
 import Loading from '@/components/Loading';
 import PageShell from '@/components/ui/PageShell';
@@ -59,7 +60,8 @@ export default function DialysisDetail() {
     if (!record) return;
     setSubmitting(true);
     try {
-      const updated = await updateDialysisRecord(id, { status: 'completed' }, record.version);
+      const req = { status: 'completed' } as UpdateDialysisRecordReq;
+      const updated = await updateDialysisRecord(id, req, record.version);
       setRecord(updated);
       Taro.showToast({ title: '已标记完成', icon: 'success' });
     } catch (err) {

apps/miniprogram/src/pages/pkg-doctor-clinical/prescription/create/index.tsx

@@ -2,7 +2,6 @@ import { useState } from 'react';
 import { View, Text, Input, Textarea, Picker } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import { createDialysisPrescription } from '@/services/doctor/dialysis';
-import Loading from '@/components/Loading';
 import PageShell from '@/components/ui/PageShell';
 import ContentCard from '@/components/ui/ContentCard';
 import { useDoctorClass } from '@/hooks/useDoctorClass';
@@ -112,7 +111,7 @@ export default function PrescriptionCreate() {
       <Text className='form-label'>{label}</Text>
       <Input
         className='form-input'
-        type={type as any}
+        type={type as 'digit' | 'number' | 'text'}
         placeholder={placeholder}
         value={form[field]}
         onInput={(e) => updateField(field, e.detail.value)}

apps/miniprogram/src/pages/pkg-doctor-core/action-inbox/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useRef } from 'react';
+import { useState, useCallback, useRef } from 'react';
 import { View, Text, ScrollView } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { usePageData } from '@/hooks/usePageData';

apps/miniprogram/src/pages/pkg-doctor-core/index.tsx

@@ -4,6 +4,7 @@ import { safeNavigateTo } from '@/utils/navigate';
 import { useAuthStore } from '@/stores/auth';
 import { useDoctorClass } from '@/hooks/useDoctorClass';
 import { usePageData } from '@/hooks/usePageData';
+import { saveDoctorPage } from '@/hooks/useNavigationState';
 import { getDashboard, type DoctorDashboard } from '@/services/doctor/dashboard';
 import Loading from '@/components/Loading';
 import ContentCard from '@/components/ui/ContentCard';
@@ -68,6 +69,7 @@ export default function DoctorHome() {
   }, []);
 
   usePageData(loadDashboard, { throttleMs: 10000 });
+  saveDoctorPage('/pages/pkg-doctor-core/index');
 
   const getValue = (key: keyof DoctorDashboard): number | string => {
     if (!dashboard) return '-';

apps/miniprogram/src/pages/pkg-health/alerts/index.tsx

@@ -1,9 +1,10 @@
-import React, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import { safeNavigateTo } from '@/utils/navigate';
 import { usePageData } from '@/hooks/usePageData';
 import { listPatientAlerts, type Alert } from '@/services/alert';
+import { requestSubscribe } from '@/services/wechat-templates';
 import { useAuthStore } from '@/stores/auth';
 import Loading from '@/components/Loading';
 import ErrorState from '@/components/ErrorState';
@@ -33,7 +34,7 @@ export default function PatientAlerts() {
   const currentPatient = useAuthStore((s) => s.currentPatient);
   const [alerts, setAlerts] = useState<Alert[]>([]);
   const [total, setTotal] = useState(0);
-  const [page, setPage] = useState(1);
+  const [_page, setPage] = useState(1);
   const [status, setStatus] = useState('');
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(false);
@@ -73,14 +74,7 @@ export default function PatientAlerts() {
       Taro.setNavigationBarTitle({ title: '健康告警' });
       await fetchAlerts(1, status, true);
       // 请求 critical 告警推送订阅
-      try {
-        const tmplId = process.env.TARO_APP_WX_TEMPLATE_CRITICAL_ALERT || '';
-        if (tmplId) {
-          await Taro.requestSubscribeMessage({ tmplIds: [tmplId] });
-        }
-      } catch {
-        // 用户拒绝或已订阅，不阻塞页面
-      }
+      requestSubscribe('CRITICAL_HEALTH_ALERT');
     },
     { throttleMs: 10000, enablePullDown: true },
   );

apps/miniprogram/src/pages/pkg-health/daily-monitoring/index.tsx

@@ -1,223 +1,29 @@
-import { useState } from 'react';
 import { View, Text, Input, Picker } from '@tarojs/components';
-import Taro, { useDidShow } from '@tarojs/taro';
-import { validateNum } from '@/utils/validate';
-import { createDailyMonitoring } from '@/services/health';
-import { useAuthStore } from '@/stores/auth';
-import { useHealthStore } from '@/stores/health';
-import { usePointsStore } from '@/stores/points';
-import { clearRequestCache } from '@/services/request';
-import { trackEvent } from '@/services/analytics';
-import { useSafeTimeout } from '@/hooks/useSafeTimeout';
 import { useElderClass } from '@/hooks/useElderClass';
 import PageShell from '@/components/ui/PageShell';
 import ContentCard from '@/components/ui/ContentCard';
-import {
-  BP_RANGE, WEIGHT_RANGE, SUGAR_RANGE, VOLUME_RANGE,
-  checkAbnormal, formatDate, FIELD_LABELS,
-  type SectionKey, type AbnormalResult,
-} from './constants';
+import { useDailyMonitoring } from './useDailyMonitoring';
 import './index.scss';
 
 export default function DailyMonitoring() {
   const modeClass = useElderClass();
-  const currentPatient = useAuthStore((s) => s.currentPatient);
-
-  const today = formatDate(new Date());
-  const [dateIdx, setDateIdx] = useState(0);
-  const [dateList] = useState(() => {
-    const list: string[] = [];
-    for (let i = 0; i < 30; i++) {
-      const d = new Date();
-      d.setDate(d.getDate() - i);
-      list.push(formatDate(d));
-    }
-    return list;
-  });
-  const recordDate = dateList[dateIdx];
-
-  const [morningSystolic, setMorningSystolic] = useState('');
-  const [morningDiastolic, setMorningDiastolic] = useState('');
-  const [eveningSystolic, setEveningSystolic] = useState('');
-  const [eveningDiastolic, setEveningDiastolic] = useState('');
-  const [weight, setWeight] = useState('');
-  const [bloodSugar, setBloodSugar] = useState('');
-  const [fluidIntake, setFluidIntake] = useState('');
-  const [urineOutput, setUrineOutput] = useState('');
-  const [notes, setNotes] = useState('');
-  const [submitting, setSubmitting] = useState(false);
-  const { safeSetTimeout } = useSafeTimeout();
-
-  // ── Collapsible sections ──
-  const [collapsed, setCollapsed] = useState<Record<SectionKey, boolean>>({
-    morning: false,
-    evening: false,
-    other: true,
-  });
-
-  const toggleSection = (key: SectionKey) => {
-    setCollapsed(prev => ({ ...prev, [key]: !prev[key] }));
-  };
-
-  useDidShow(() => {
-    Taro.setNavigationBarTitle({ title: '日常监测上报' });
-  });
-
-  const resetForm = () => {
-    setMorningSystolic('');
-    setMorningDiastolic('');
-    setEveningSystolic('');
-    setEveningDiastolic('');
-    setWeight('');
-    setBloodSugar('');
-    setFluidIntake('');
-    setUrineOutput('');
-    setNotes('');
-  };
-
-  // ── Abnormal field gathering for submit confirmation ──
-  const gatherAbnormalFields = (): string[] => {
-    const abnormalFields: string[] = [];
-
-    const checks: Array<[string, string]> = [
-      ['morningSystolic', morningSystolic],
-      ['morningDiastolic', morningDiastolic],
-      ['eveningSystolic', eveningSystolic],
-      ['eveningDiastolic', eveningDiastolic],
-      ['bloodSugar', bloodSugar],
-    ];
-
-    for (const [field, value] of checks) {
-      const result = checkAbnormal(value, field);
-      if (result.abnormal) {
-        abnormalFields.push(FIELD_LABELS[field]);
-      }
-    }
-
-    return abnormalFields;
-  };
-
-  const handleSubmit = async () => {
-    if (!currentPatient) {
-      Taro.showToast({ title: '请先选择就诊人', icon: 'none' });
-      return;
-    }
-
-    const hasData =
-      morningSystolic || morningDiastolic ||
-      eveningSystolic || eveningDiastolic ||
-      weight || bloodSugar || fluidIntake || urineOutput;
-
-    if (!hasData) {
-      Taro.showToast({ title: '请至少填写一项数据', icon: 'none' });
-      return;
-    }
-
-    if ((morningSystolic && !morningDiastolic) || (!morningSystolic && morningDiastolic)) {
-      Taro.showToast({ title: '晨起血压请同时填写收缩压和舒张压', icon: 'none' });
-      return;
-    }
-    if ((eveningSystolic && !eveningDiastolic) || (!eveningSystolic && eveningDiastolic)) {
-      Taro.showToast({ title: '晚间血压请同时填写收缩压和舒张压', icon: 'none' });
-      return;
-    }
-
-    const parseNum = (v: string) => v ? parseFloat(v) : undefined;
-    const fields = {
-      morningSystolic: parseNum(morningSystolic),
-      morningDiastolic: parseNum(morningDiastolic),
-      eveningSystolic: parseNum(eveningSystolic),
-      eveningDiastolic: parseNum(eveningDiastolic),
-      weight: parseNum(weight),
-      bloodSugar: parseNum(bloodSugar),
-      fluidIntake: parseNum(fluidIntake),
-      urineOutput: parseNum(urineOutput),
-    };
-
-    const validations: Array<[number | undefined, string, typeof BP_RANGE]> = [
-      [fields.morningSystolic, '晨起收缩压', BP_RANGE],
-      [fields.morningDiastolic, '晨起舒张压', BP_RANGE],
-      [fields.eveningSystolic, '晚间收缩压', BP_RANGE],
-      [fields.eveningDiastolic, '晚间舒张压', BP_RANGE],
-      [fields.weight, '体重', WEIGHT_RANGE],
-      [fields.bloodSugar, '血糖', SUGAR_RANGE],
-      [fields.fluidIntake, '饮水量', VOLUME_RANGE],
-      [fields.urineOutput, '尿量', VOLUME_RANGE],
-    ];
-
-    for (const [value, label, range] of validations) {
-      const err = validateNum(value, label, range);
-      if (err) {
-        Taro.showToast({ title: err, icon: 'none' });
-        return;
-      }
-    }
-
-    // ── Pre-submit abnormal confirmation ──
-    const abnormalFields = gatherAbnormalFields();
-    if (abnormalFields.length > 0) {
-      const confirmed = await Taro.showModal({
-        title: '数值异常提醒',
-        content: `以下指标超出正常范围：${abnormalFields.join('、')}。确认提交？`,
-        confirmText: '确认提交',
-        cancelText: '返回修改',
-      });
-      if (!confirmed.confirm) return;
-    }
-
-    setSubmitting(true);
-    try {
-      await createDailyMonitoring({
-        patient_id: currentPatient.id,
-        record_date: recordDate,
-        morning_bp_systolic: morningSystolic ? parseFloat(morningSystolic) : undefined,
-        morning_bp_diastolic: morningDiastolic ? parseFloat(morningDiastolic) : undefined,
-        evening_bp_systolic: eveningSystolic ? parseFloat(eveningSystolic) : undefined,
-        evening_bp_diastolic: eveningDiastolic ? parseFloat(eveningDiastolic) : undefined,
-        weight: weight ? parseFloat(weight) : undefined,
-        blood_sugar: bloodSugar ? parseFloat(bloodSugar) : undefined,
-        fluid_intake: fluidIntake ? parseFloat(fluidIntake) : undefined,
-        urine_output: urineOutput ? parseFloat(urineOutput) : undefined,
-        notes: notes || undefined,
-      });
-
-      trackEvent('daily_monitoring_submit', { date: recordDate });
-      useHealthStore.getState().clearCache();
-      clearRequestCache('/health/');
-      usePointsStore.getState().invalidate();
-      Taro.showToast({ title: '上报成功', icon: 'success' });
-
-      safeSetTimeout(() => {
-        Taro.showToast({ title: '+10 健康积分', icon: 'none', duration: 1500 });
-      }, 1600);
-
-      safeSetTimeout(() => {
-        Taro.navigateBack();
-      }, 3200);
-    } catch (e: unknown) {
-      const msg = e instanceof Error ? e.message : '上报失败';
-      if (msg.includes('已有记录') || msg.includes('already exists')) {
-        Taro.showModal({
-          title: '提示',
-          content: '该日期已有监测记录，请选择其他日期',
-          showCancel: false,
-        });
-      } else {
-        Taro.showToast({ title: msg, icon: 'none' });
-      }
-    } finally {
-      setSubmitting(false);
-    }
-  };
-
-  const isToday = recordDate === today;
-
-  // ── Abnormal state helpers for rendering ──
-  const morningSysAbnormal = checkAbnormal(morningSystolic, 'systolic');
-  const morningDiaAbnormal = checkAbnormal(morningDiastolic, 'diastolic');
-  const eveningSysAbnormal = checkAbnormal(eveningSystolic, 'systolic');
-  const eveningDiaAbnormal = checkAbnormal(eveningDiastolic, 'diastolic');
-  const bloodSugarAbnormal = checkAbnormal(bloodSugar, 'bloodSugar');
+  const {
+    dateIdx, setDateIdx, dateList, recordDate, isToday,
+    morningSystolic, setMorningSystolic,
+    morningDiastolic, setMorningDiastolic,
+    eveningSystolic, setEveningSystolic,
+    eveningDiastolic, setEveningDiastolic,
+    weight, setWeight,
+    bloodSugar, setBloodSugar,
+    fluidIntake, setFluidIntake,
+    urineOutput, setUrineOutput,
+    notes, setNotes,
+    submitting, collapsed, toggleSection,
+    handleSubmit, resetForm,
+    morningSysAbnormal, morningDiaAbnormal,
+    eveningSysAbnormal, eveningDiaAbnormal,
+    bloodSugarAbnormal,
+  } = useDailyMonitoring();
 
   return (
     <PageShell padding="none" safeBottom className={modeClass}>

apps/miniprogram/src/pages/pkg-health/daily-monitoring/useDailyMonitoring.ts

@@ -0,0 +1,238 @@
+import { useState } from 'react';
+import Taro, { useDidShow } from '@tarojs/taro';
+import { validateNum } from '@/utils/validate';
+import { createDailyMonitoring } from '@/services/health';
+import { useAuthStore } from '@/stores/auth';
+import { useHealthStore } from '@/stores/health';
+import { usePointsStore } from '@/stores/points';
+import { clearRequestCache } from '@/services/request';
+import { trackEvent } from '@/services/analytics';
+import { useSafeTimeout } from '@/hooks/useSafeTimeout';
+import {
+  BP_RANGE, WEIGHT_RANGE, SUGAR_RANGE, VOLUME_RANGE,
+  checkAbnormal, formatDate, FIELD_LABELS,
+  type SectionKey,
+} from './constants';
+
+export function useDailyMonitoring() {
+  const currentPatient = useAuthStore((s) => s.currentPatient);
+
+  const today = formatDate(new Date());
+  const [dateIdx, setDateIdx] = useState(0);
+  const [dateList] = useState(() => {
+    const list: string[] = [];
+    for (let i = 0; i < 30; i++) {
+      const d = new Date();
+      d.setDate(d.getDate() - i);
+      list.push(formatDate(d));
+    }
+    return list;
+  });
+  const recordDate = dateList[dateIdx];
+
+  const [morningSystolic, setMorningSystolic] = useState('');
+  const [morningDiastolic, setMorningDiastolic] = useState('');
+  const [eveningSystolic, setEveningSystolic] = useState('');
+  const [eveningDiastolic, setEveningDiastolic] = useState('');
+  const [weight, setWeight] = useState('');
+  const [bloodSugar, setBloodSugar] = useState('');
+  const [fluidIntake, setFluidIntake] = useState('');
+  const [urineOutput, setUrineOutput] = useState('');
+  const [notes, setNotes] = useState('');
+  const [submitting, setSubmitting] = useState(false);
+  const { safeSetTimeout } = useSafeTimeout();
+
+  // ── Collapsible sections ──
+  const [collapsed, setCollapsed] = useState<Record<SectionKey, boolean>>({
+    morning: false,
+    evening: false,
+    other: true,
+  });
+
+  const toggleSection = (key: SectionKey) => {
+    setCollapsed(prev => ({ ...prev, [key]: !prev[key] }));
+  };
+
+  useDidShow(() => {
+    Taro.setNavigationBarTitle({ title: '日常监测上报' });
+  });
+
+  const resetForm = () => {
+    setMorningSystolic('');
+    setMorningDiastolic('');
+    setEveningSystolic('');
+    setEveningDiastolic('');
+    setWeight('');
+    setBloodSugar('');
+    setFluidIntake('');
+    setUrineOutput('');
+    setNotes('');
+  };
+
+  // ── Abnormal field gathering for submit confirmation ──
+  const gatherAbnormalFields = (): string[] => {
+    const abnormalFields: string[] = [];
+
+    const checks: Array<[string, string]> = [
+      ['morningSystolic', morningSystolic],
+      ['morningDiastolic', morningDiastolic],
+      ['eveningSystolic', eveningSystolic],
+      ['eveningDiastolic', eveningDiastolic],
+      ['bloodSugar', bloodSugar],
+    ];
+
+    for (const [field, value] of checks) {
+      const result = checkAbnormal(value, field);
+      if (result.abnormal) {
+        abnormalFields.push(FIELD_LABELS[field]);
+      }
+    }
+
+    return abnormalFields;
+  };
+
+  const handleSubmit = async () => {
+    if (!currentPatient) {
+      Taro.showToast({ title: '请先选择就诊人', icon: 'none' });
+      return;
+    }
+
+    const hasData =
+      morningSystolic || morningDiastolic ||
+      eveningSystolic || eveningDiastolic ||
+      weight || bloodSugar || fluidIntake || urineOutput;
+
+    if (!hasData) {
+      Taro.showToast({ title: '请至少填写一项数据', icon: 'none' });
+      return;
+    }
+
+    if ((morningSystolic && !morningDiastolic) || (!morningSystolic && morningDiastolic)) {
+      Taro.showToast({ title: '晨起血压请同时填写收缩压和舒张压', icon: 'none' });
+      return;
+    }
+    if ((eveningSystolic && !eveningDiastolic) || (!eveningSystolic && eveningDiastolic)) {
+      Taro.showToast({ title: '晚间血压请同时填写收缩压和舒张压', icon: 'none' });
+      return;
+    }
+
+    const parseNum = (v: string) => v ? parseFloat(v) : undefined;
+    const fields = {
+      morningSystolic: parseNum(morningSystolic),
+      morningDiastolic: parseNum(morningDiastolic),
+      eveningSystolic: parseNum(eveningSystolic),
+      eveningDiastolic: parseNum(eveningDiastolic),
+      weight: parseNum(weight),
+      bloodSugar: parseNum(bloodSugar),
+      fluidIntake: parseNum(fluidIntake),
+      urineOutput: parseNum(urineOutput),
+    };
+
+    const validations: Array<[number | undefined, string, typeof BP_RANGE]> = [
+      [fields.morningSystolic, '晨起收缩压', BP_RANGE],
+      [fields.morningDiastolic, '晨起舒张压', BP_RANGE],
+      [fields.eveningSystolic, '晚间收缩压', BP_RANGE],
+      [fields.eveningDiastolic, '晚间舒张压', BP_RANGE],
+      [fields.weight, '体重', WEIGHT_RANGE],
+      [fields.bloodSugar, '血糖', SUGAR_RANGE],
+      [fields.fluidIntake, '饮水量', VOLUME_RANGE],
+      [fields.urineOutput, '尿量', VOLUME_RANGE],
+    ];
+
+    for (const [value, label, range] of validations) {
+      const err = validateNum(value, label, range);
+      if (err) {
+        Taro.showToast({ title: err, icon: 'none' });
+        return;
+      }
+    }
+
+    // ── Pre-submit abnormal confirmation ──
+    const abnormalFields = gatherAbnormalFields();
+    if (abnormalFields.length > 0) {
+      const confirmed = await Taro.showModal({
+        title: '数值异常提醒',
+        content: `以下指标超出正常范围：${abnormalFields.join('、')}。确认提交？`,
+        confirmText: '确认提交',
+        cancelText: '返回修改',
+      });
+      if (!confirmed.confirm) return;
+    }
+
+    setSubmitting(true);
+    try {
+      await createDailyMonitoring({
+        patient_id: currentPatient.id,
+        record_date: recordDate,
+        morning_bp_systolic: morningSystolic ? parseFloat(morningSystolic) : undefined,
+        morning_bp_diastolic: morningDiastolic ? parseFloat(morningDiastolic) : undefined,
+        evening_bp_systolic: eveningSystolic ? parseFloat(eveningSystolic) : undefined,
+        evening_bp_diastolic: eveningDiastolic ? parseFloat(eveningDiastolic) : undefined,
+        weight: weight ? parseFloat(weight) : undefined,
+        blood_sugar: bloodSugar ? parseFloat(bloodSugar) : undefined,
+        fluid_intake: fluidIntake ? parseFloat(fluidIntake) : undefined,
+        urine_output: urineOutput ? parseFloat(urineOutput) : undefined,
+        notes: notes || undefined,
+      });
+
+      trackEvent('daily_monitoring_submit', { date: recordDate });
+      useHealthStore.getState().clearCache();
+      clearRequestCache('/health/');
+      usePointsStore.getState().invalidate();
+      Taro.showToast({ title: '上报成功', icon: 'success' });
+
+      safeSetTimeout(() => {
+        Taro.showToast({ title: '+10 健康积分', icon: 'none', duration: 1500 });
+      }, 1600);
+
+      safeSetTimeout(() => {
+        Taro.navigateBack();
+      }, 3200);
+    } catch (e: unknown) {
+      const msg = e instanceof Error ? e.message : '上报失败';
+      if (msg.includes('已有记录') || msg.includes('already exists')) {
+        Taro.showModal({
+          title: '提示',
+          content: '该日期已有监测记录，请选择其他日期',
+          showCancel: false,
+        });
+      } else {
+        Taro.showToast({ title: msg, icon: 'none' });
+      }
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  const isToday = recordDate === today;
+
+  // ── Abnormal state helpers for rendering ──
+  const morningSysAbnormal = checkAbnormal(morningSystolic, 'systolic');
+  const morningDiaAbnormal = checkAbnormal(morningDiastolic, 'diastolic');
+  const eveningSysAbnormal = checkAbnormal(eveningSystolic, 'systolic');
+  const eveningDiaAbnormal = checkAbnormal(eveningDiastolic, 'diastolic');
+  const bloodSugarAbnormal = checkAbnormal(bloodSugar, 'bloodSugar');
+
+  return {
+    // Date state
+    dateIdx, setDateIdx, dateList, recordDate, isToday,
+    // Form field state
+    morningSystolic, setMorningSystolic,
+    morningDiastolic, setMorningDiastolic,
+    eveningSystolic, setEveningSystolic,
+    eveningDiastolic, setEveningDiastolic,
+    weight, setWeight,
+    bloodSugar, setBloodSugar,
+    fluidIntake, setFluidIntake,
+    urineOutput, setUrineOutput,
+    notes, setNotes,
+    // UI state
+    submitting, collapsed, toggleSection,
+    // Handlers
+    handleSubmit, resetForm,
+    // Abnormal indicators
+    morningSysAbnormal, morningDiaAbnormal,
+    eveningSysAbnormal, eveningDiaAbnormal,
+    bloodSugarAbnormal,
+  };
+}