feat(miniprogram): 实现知情同意页面 — 查看/撤回/签署

审计后续 H2: 对接后端 3 个知情同意 API 路由。

新增内容:
- services/consent.ts: 类型定义 + listConsents/grantConsent/revokeConsent
- 患者端知情同意列表页: 查看已签署同意书 + 撤回操作
- 路由注册 + "我的"菜单入口

apps/miniprogram/src/app.config.ts

@@ -41,6 +41,7 @@ export default defineAppConfig({
         'followups/index', 'medication/index', 'settings/index',
         'dialysis-records/index', 'dialysis-records/detail/index',
         'dialysis-prescriptions/index', 'dialysis-prescriptions/detail/index',
+        'consents/index',
       ],
     },
     {

apps/miniprogram/src/pages/pkg-profile/consents/index.scss

@@ -0,0 +1,102 @@
+@import '../../../styles/variables.scss';
+
+@mixin section-title {
+  font-family: 'Georgia', 'Times New Roman', serif;
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+  margin-bottom: 20px;
+  display: block;
+}
+
+@mixin tag($bg, $color) {
+  display: inline-block;
+  padding: 4px 12px;
+  border-radius: 8px;
+  font-size: 20px;
+  font-weight: 500;
+  background: $bg;
+  color: $color;
+}
+
+.consents-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 32px 24px;
+  padding-bottom: 40px;
+}
+
+.page-title {
+  @include section-title;
+  padding-left: 4px;
+}
+
+.consent-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.consent-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: $shadow-sm;
+}
+
+.consent-card__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.consent-card__type {
+  font-size: 28px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.status-tag {
+  @include tag($bd-l, $tx3);
+
+  &.granted {
+    @include tag($acc-l, $acc);
+  }
+
+  &.revoked {
+    @include tag($dan-l, $dan);
+  }
+}
+
+.consent-card__scope,
+.consent-card__date,
+.consent-card__expiry {
+  font-size: 24px;
+  color: $tx2;
+  display: block;
+  margin-bottom: 4px;
+  font-variant-numeric: tabular-nums;
+}
+
+.revoke-btn {
+  margin-top: 16px;
+  padding: 12px 0;
+  text-align: center;
+  border-radius: $r-sm;
+  border: 1px solid $dan;
+
+  &:active {
+    background: $dan-l;
+  }
+
+  &--disabled {
+    opacity: 0.5;
+  }
+}
+
+.revoke-btn__text {
+  font-size: 24px;
+  color: $dan;
+  font-weight: 500;
+}

apps/miniprogram/src/pages/pkg-profile/consents/index.tsx

@@ -0,0 +1,125 @@
+import React, { useState, useCallback } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useDidShow, usePullDownRefresh, useReachBottom } from '@tarojs/taro';
+import { listConsents, revokeConsent } from '@/services/consent';
+import type { Consent } from '@/services/consent';
+import EmptyState from '@/components/EmptyState';
+import Loading from '@/components/Loading';
+import './index.scss';
+
+const CONSENT_TYPE_MAP: Record<string, string> = {
+  data_processing: '数据处理同意',
+  health_data_collection: '健康数据采集',
+  research_use: '科研使用',
+  third_party_share: '第三方共享',
+  genetic_testing: '基因检测',
+  telemedicine: '远程医疗',
+};
+
+const STATUS_MAP: Record<string, { label: string; cls: string }> = {
+  granted: { label: '已签署', cls: 'granted' },
+  revoked: { label: '已撤回', cls: 'revoked' },
+};
+
+export default function ConsentList() {
+  const [consents, setConsents] = useState<Consent[]>([]);
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [revoking, setRevoking] = useState<string | null>(null);
+
+  const fetchData = useCallback(async (p: number, append = false) => {
+    const patientId = Taro.getStorageSync('current_patient_id') || '';
+    if (!patientId) {
+      setConsents([]);
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await listConsents(patientId, { page: p, page_size: 20 });
+      const list = res.data || [];
+      setConsents(append ? (prev) => [...prev, ...list] : list);
+      setTotal(res.total);
+      setPage(p);
+    } catch {
+      Taro.showToast({ title: '加载失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useDidShow(() => { fetchData(1); });
+
+  usePullDownRefresh(() => {
+    fetchData(1).finally(() => Taro.stopPullDownRefresh());
+  });
+
+  useReachBottom(() => {
+    if (!loading && consents.length < total) {
+      fetchData(page + 1, true);
+    }
+  });
+
+  const handleRevoke = async (consent: Consent) => {
+    const { confirm } = await Taro.showModal({
+      title: '确认撤回',
+      content: `确定要撤回「${CONSENT_TYPE_MAP[consent.consent_type] || consent.consent_type}」的同意吗？`,
+    });
+    if (!confirm) return;
+    setRevoking(consent.id);
+    try {
+      const updated = await revokeConsent(consent.id, consent.version);
+      setConsents((prev) => prev.map((c) => c.id === updated.id ? updated : c));
+      Taro.showToast({ title: '已撤回', icon: 'success' });
+    } catch {
+      Taro.showToast({ title: '撤回失败', icon: 'none' });
+    } finally {
+      setRevoking(null);
+    }
+  };
+
+  return (
+    <View className='consents-page'>
+      <Text className='page-title'>知情同意</Text>
+
+      <View className='consent-list'>
+        {consents.map((c) => {
+          const si = STATUS_MAP[c.status] || { label: c.status, cls: '' };
+          const typeName = CONSENT_TYPE_MAP[c.consent_type] || c.consent_type;
+          return (
+            <View className='consent-card' key={c.id}>
+              <View className='consent-card__header'>
+                <Text className='consent-card__type'>{typeName}</Text>
+                <Text className={`status-tag ${si.cls}`}>{si.label}</Text>
+              </View>
+              <Text className='consent-card__scope'>范围: {c.consent_scope}</Text>
+              {c.granted_at && (
+                <Text className='consent-card__date'>签署时间: {c.granted_at}</Text>
+              )}
+              {c.revoked_at && (
+                <Text className='consent-card__date'>撤回时间: {c.revoked_at}</Text>
+              )}
+              {c.expiry_date && (
+                <Text className='consent-card__expiry'>有效期至: {c.expiry_date}</Text>
+              )}
+              {c.status === 'granted' && (
+                <View
+                  className={`revoke-btn ${revoking === c.id ? 'revoke-btn--disabled' : ''}`}
+                  onClick={() => handleRevoke(c)}
+                >
+                  <Text className='revoke-btn__text'>{revoking === c.id ? '处理中...' : '撤回同意'}</Text>
+                </View>
+              )}
+            </View>
+          );
+        })}
+      </View>
+
+      {consents.length === 0 && !loading && (
+        <EmptyState text={Taro.getStorageSync('current_patient_id') ? '暂无知情同意记录' : '请先在就诊人管理中选择就诊人'} />
+      )}
+
+      {loading && <Loading />}
+    </View>
+  );
+}

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

@@ -14,6 +14,7 @@ const MENU_ITEMS = [
   { label: '用药提醒', char: '药', path: '/pages/pkg-profile/medication/index' },
   { label: '透析记录', char: '透', path: '/pages/pkg-profile/dialysis-records/index' },
   { label: '透析处方', char: '方', path: '/pages/pkg-profile/dialysis-prescriptions/index' },
+  { label: '知情同意', char: '知', path: '/pages/pkg-profile/consents/index' },
   { label: '设置', char: '设', path: '/pages/pkg-profile/settings/index' },
 ];
 

apps/miniprogram/src/services/consent.ts

@@ -0,0 +1,48 @@
+import { api } from './request';
+
+// ── Types ─────────────────────────────────────────────
+
+export interface Consent {
+  id: string;
+  patient_id: string;
+  consent_type: string;
+  consent_scope: string;
+  status: string;
+  granted_at?: string;
+  revoked_at?: string;
+  expiry_date?: string;
+  consent_method?: string;
+  witness_name?: string;
+  notes?: string;
+  created_at: string;
+  updated_at: string;
+  version: number;
+}
+
+// ── Patient-facing API ────────────────────────────────
+
+export async function listConsents(
+  patientId: string,
+  params?: { page?: number; page_size?: number },
+) {
+  return api.get<{ data: Consent[]; total: number }>(
+    `/health/patients/${patientId}/consents`,
+    params,
+  );
+}
+
+export async function grantConsent(data: {
+  patient_id: string;
+  consent_type: string;
+  consent_scope: string;
+  expiry_date?: string;
+  consent_method?: string;
+  witness_name?: string;
+  notes?: string;
+}) {
+  return api.post<Consent>('/health/consents', data);
+}
+
+export async function revokeConsent(id: string, version: number, notes?: string) {
+  return api.put<Consent>(`/health/consents/${id}/revoke`, { version, notes });
+}