diff --git a/apps/miniprogram/src/app.config.ts b/apps/miniprogram/src/app.config.ts
index a27f902..1357e69 100644
--- a/apps/miniprogram/src/app.config.ts
+++ b/apps/miniprogram/src/app.config.ts
@@ -5,8 +5,21 @@ export default defineAppConfig({
     'pages/health/input/index',
     'pages/health/trend/index',
     'pages/appointment/index',
+    'pages/appointment/create/index',
+    'pages/appointment/detail/index',
     'pages/article/index',
+    'pages/article/detail/index',
+    'pages/report/index',
+    'pages/report/detail/index',
+    'pages/followup/index',
+    'pages/followup/detail/index',
     'pages/profile/index',
+    'pages/profile/family/index',
+    'pages/profile/family-add/index',
+    'pages/profile/reports/index',
+    'pages/profile/followups/index',
+    'pages/profile/medication/index',
+    'pages/profile/settings/index',
     'pages/login/index',
   ],
   tabBar: {
diff --git a/apps/miniprogram/src/pages/appointment/create/index.scss b/apps/miniprogram/src/pages/appointment/create/index.scss
new file mode 100644
index 0000000..10c819a
--- /dev/null
+++ b/apps/miniprogram/src/pages/appointment/create/index.scss
@@ -0,0 +1,289 @@
+@import '../../../styles/variables.scss';
+
+.create-page {
+  min-height: 100vh;
+  background: $bg;
+  padding-bottom: 140px;
+}
+
+/* 步骤指示器 */
+.step-bar {
+  display: flex;
+  justify-content: space-around;
+  padding: 32px 24px 0;
+}
+
+.step-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  opacity: 0.4;
+  transition: opacity 0.3s;
+}
+
+.step-item.step-active {
+  opacity: 1;
+}
+
+.step-item.step-done {
+  opacity: 0.8;
+}
+
+.step-dot {
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  background: $bd;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.3s;
+}
+
+.step-active .step-dot {
+  background: $pri;
+}
+
+.step-done .step-dot {
+  background: $acc;
+}
+
+.step-num {
+  font-size: 28px;
+  color: white;
+  font-weight: bold;
+}
+
+.step-check {
+  font-size: 28px;
+  color: white;
+  font-weight: bold;
+}
+
+.step-label {
+  font-size: 22px;
+  color: $tx2;
+}
+
+.step-active .step-label {
+  color: $pri;
+  font-weight: 500;
+}
+
+/* 步骤连接线 */
+.step-line-wrapper {
+  padding: 12px 80px 0;
+}
+
+.step-line {
+  height: 4px;
+  background: $bd;
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+.step-line-fill {
+  height: 100%;
+  background: linear-gradient(90deg, $acc, $pri);
+  border-radius: 2px;
+  transition: width 0.3s ease;
+}
+
+/* 步骤内容 */
+.step-content {
+  padding: 32px 24px;
+}
+
+.step-title {
+  font-size: 32px;
+  font-weight: bold;
+  color: $tx;
+  margin-bottom: 28px;
+  display: block;
+}
+
+/* 选择器卡片 */
+.picker-card {
+  background: $card;
+  border-radius: $r;
+  padding: 24px 28px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.picker-value {
+  font-size: 28px;
+  color: $tx;
+}
+
+.picker-value.placeholder {
+  color: $tx3;
+}
+
+.picker-arrow {
+  font-size: 24px;
+  color: $tx3;
+}
+
+/* 医生列表 */
+.doctor-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.doctor-card {
+  background: $card;
+  border-radius: $r;
+  padding: 24px 28px;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  border: 2px solid transparent;
+  transition: border-color 0.2s;
+}
+
+.doctor-card.doctor-selected {
+  border-color: $pri;
+  background: $pri-surface;
+}
+
+.doctor-avatar {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  background: $pri-l;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.doctor-avatar-text {
+  font-size: 32px;
+  color: $pri;
+  font-weight: bold;
+}
+
+.doctor-detail {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.doctor-name {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.doctor-title {
+  font-size: 24px;
+  color: $tx2;
+}
+
+.doctor-specialty {
+  font-size: 22px;
+  color: $pri;
+}
+
+.doctor-check {
+  font-size: 32px;
+  color: $pri;
+  font-weight: bold;
+}
+
+/* 表单 */
+.form-group {
+  margin-bottom: 28px;
+}
+
+.form-label {
+  font-size: 26px;
+  color: $tx2;
+  margin-bottom: 12px;
+  display: block;
+}
+
+.form-static {
+  background: $card;
+  border-radius: $r-sm;
+  padding: 24px 28px;
+}
+
+.form-static-text {
+  font-size: 28px;
+  color: $tx;
+}
+
+.form-input {
+  background: $card;
+  border-radius: $r-sm;
+  padding: 24px 28px;
+  font-size: 28px;
+  color: $tx;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+/* 空状态 */
+.empty-state {
+  padding: 80px 0;
+  text-align: center;
+}
+
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
+
+/* 底部操作栏 */
+.bottom-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  gap: 16px;
+  padding: 20px 24px;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  background: $card;
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
+}
+
+.btn {
+  flex: 1;
+  padding: 24px 0;
+  border-radius: $r-sm;
+  text-align: center;
+  transition: opacity 0.2s;
+}
+
+.btn-prev {
+  background: $bd-l;
+}
+
+.btn-next,
+.btn-submit {
+  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
+}
+
+.btn-disabled {
+  opacity: 0.5;
+}
+
+.btn-text {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx2;
+}
+
+.btn-text-white {
+  color: white;
+}
diff --git a/apps/miniprogram/src/pages/appointment/create/index.tsx b/apps/miniprogram/src/pages/appointment/create/index.tsx
new file mode 100644
index 0000000..a8ddb4e
--- /dev/null
+++ b/apps/miniprogram/src/pages/appointment/create/index.tsx
@@ -0,0 +1,268 @@
+import React, { useState, useCallback } from 'react';
+import { View, Text, Picker, Input } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { listDoctors, createAppointment } from '../../../services/appointment';
+import { useAuthStore } from '../../../stores/auth';
+import './index.scss';
+
+const DEPARTMENTS = ['内科', '外科', '妇科', '儿科', '体检中心'];
+
+interface DoctorItem {
+  id: string;
+  name: string;
+  title?: string;
+  department?: string;
+  specialty?: string;
+}
+
+export default function AppointmentCreate() {
+  const [currentStep, setCurrentStep] = useState(0);
+  const [department, setDepartment] = useState('');
+  const [deptPickerIndex, setDeptPickerIndex] = useState(0);
+  const [doctors, setDoctors] = useState<DoctorItem[]>([]);
+  const [selectedDoctor, setSelectedDoctor] = useState<DoctorItem | null>(null);
+  const [appointmentDate, setAppointmentDate] = useState('');
+  const [timeSlot, setTimeSlot] = useState('');
+  const [reason, setReason] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  const currentPatient = useAuthStore((s) => s.currentPatient);
+
+  // Step 1: 选择科室后加载医生列表
+  const onDepartmentChange = useCallback(async (e: any) => {
+    const idx = e.detail.value;
+    const dept = DEPARTMENTS[idx];
+    setDeptPickerIndex(idx);
+    setDepartment(dept);
+    setSelectedDoctor(null);
+
+    try {
+      const res = await listDoctors(dept);
+      setDoctors(res.data || []);
+    } catch {
+      Taro.showToast({ title: '加载医生失败', icon: 'none' });
+    }
+  }, []);
+
+  // Step 2: 选择医生
+  const onSelectDoctor = useCallback((doctor: DoctorItem) => {
+    setSelectedDoctor(doctor);
+  }, []);
+
+  // Step 3: 日期变更
+  const onDateChange = useCallback((e: any) => {
+    setAppointmentDate(e.detail.value);
+  }, []);
+
+  // Step 3: 时段变更
+  const onTimeSlotChange = useCallback((e: any) => {
+    setTimeSlot(e.detail.value);
+  }, []);
+
+  // Step 3: 备注变更
+  const onReasonChange = useCallback((e: any) => {
+    setReason(e.detail.value);
+  }, []);
+
+  // 提交预约
+  const handleSubmit = useCallback(async () => {
+    if (!selectedDoctor) {
+      Taro.showToast({ title: '请选择医生', icon: 'none' });
+      return;
+    }
+    if (!appointmentDate) {
+      Taro.showToast({ title: '请选择日期', icon: 'none' });
+      return;
+    }
+    if (!timeSlot.trim()) {
+      Taro.showToast({ title: '请输入时段', icon: 'none' });
+      return;
+    }
+    if (!currentPatient) {
+      Taro.showToast({ title: '请先选择就诊人', icon: 'none' });
+      return;
+    }
+
+    setLoading(true);
+    try {
+      await createAppointment({
+        patient_id: currentPatient.id,
+        doctor_id: selectedDoctor.id,
+        schedule_id: '',
+        appointment_date: appointmentDate,
+        time_slot: timeSlot.trim(),
+        reason: reason.trim() || undefined,
+      });
+      Taro.showToast({ title: '预约成功', icon: 'success' });
+      setTimeout(() => {
+        Taro.navigateBack();
+      }, 1500);
+    } catch {
+      Taro.showToast({ title: '预约失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+    }
+  }, [selectedDoctor, appointmentDate, timeSlot, reason, currentPatient]);
+
+  // 步骤切换
+  const goNext = () => {
+    if (currentStep === 0 && !department) {
+      Taro.showToast({ title: '请先选择科室', icon: 'none' });
+      return;
+    }
+    if (currentStep === 1 && !selectedDoctor) {
+      Taro.showToast({ title: '请选择医生', icon: 'none' });
+      return;
+    }
+    setCurrentStep(Math.min(currentStep + 1, 2));
+  };
+
+  const goPrev = () => {
+    setCurrentStep(Math.max(currentStep - 1, 0));
+  };
+
+  const stepLabels = ['选择科室', '选择医生', '选择日期与时段'];
+
+  return (
+    <View className='create-page'>
+      {/* 步骤指示器 */}
+      <View className='step-bar'>
+        {stepLabels.map((label, idx) => (
+          <View
+            className={`step-item ${idx <= currentStep ? 'step-active' : ''} ${idx < currentStep ? 'step-done' : ''}`}
+            key={label}
+          >
+            <View className='step-dot'>
+              {idx < currentStep ? (
+                <Text className='step-check'>&#10003;</Text>
+              ) : (
+                <Text className='step-num'>{idx + 1}</Text>
+              )}
+            </View>
+            <Text className='step-label'>{label}</Text>
+          </View>
+        ))}
+      </View>
+
+      {/* 步骤连接线 */}
+      <View className='step-line-wrapper'>
+        <View className='step-line'>
+          <View className='step-line-fill' style={{ width: `${(currentStep / 2) * 100}%` }} />
+        </View>
+      </View>
+
+      {/* Step 1: 选择科室 */}
+      {currentStep === 0 && (
+        <View className='step-content'>
+          <Text className='step-title'>请选择就诊科室</Text>
+          <Picker mode='selector' range={DEPARTMENTS} value={deptPickerIndex} onChange={onDepartmentChange}>
+            <View className='picker-card'>
+              <Text className={`picker-value ${department ? '' : 'placeholder'}`}>
+                {department || '点击选择科室'}
+              </Text>
+              <Text className='picker-arrow'>&#9662;</Text>
+            </View>
+          </Picker>
+        </View>
+      )}
+
+      {/* Step 2: 选择医生 */}
+      {currentStep === 1 && (
+        <View className='step-content'>
+          <Text className='step-title'>{department} - 请选择医生</Text>
+          {doctors.length === 0 ? (
+            <View className='empty-state'>
+              <Text className='empty-text'>暂无可选医生</Text>
+            </View>
+          ) : (
+            <View className='doctor-list'>
+              {doctors.map((doc) => (
+                <View
+                  className={`doctor-card ${selectedDoctor?.id === doc.id ? 'doctor-selected' : ''}`}
+                  key={doc.id}
+                  onClick={() => onSelectDoctor(doc)}
+                >
+                  <View className='doctor-avatar'>
+                    <Text className='doctor-avatar-text'>{doc.name.charAt(0)}</Text>
+                  </View>
+                  <View className='doctor-detail'>
+                    <Text className='doctor-name'>{doc.name}</Text>
+                    <Text className='doctor-title'>{doc.title || '医生'}</Text>
+                    {doc.specialty && <Text className='doctor-specialty'>{doc.specialty}</Text>}
+                  </View>
+                  {selectedDoctor?.id === doc.id && (
+                    <Text className='doctor-check'>&#10003;</Text>
+                  )}
+                </View>
+              ))}
+            </View>
+          )}
+        </View>
+      )}
+
+      {/* Step 3: 选择日期和时段 */}
+      {currentStep === 2 && (
+        <View className='step-content'>
+          <Text className='step-title'>选择就诊时间</Text>
+
+          <View className='form-group'>
+            <Text className='form-label'>医生</Text>
+            <View className='form-static'>
+              <Text className='form-static-text'>{selectedDoctor?.name} - {department}</Text>
+            </View>
+          </View>
+
+          <View className='form-group'>
+            <Text className='form-label'>就诊日期</Text>
+            <Picker mode='date' value={appointmentDate} onChange={onDateChange}>
+              <View className='picker-card'>
+                <Text className={`picker-value ${appointmentDate ? '' : 'placeholder'}`}>
+                  {appointmentDate || '点击选择日期'}
+                </Text>
+                <Text className='picker-arrow'>&#9662;</Text>
+              </View>
+            </Picker>
+          </View>
+
+          <View className='form-group'>
+            <Text className='form-label'>就诊时段</Text>
+            <Input
+              className='form-input'
+              placeholder='例如: 09:00-10:00'
+              value={timeSlot}
+              onInput={onTimeSlotChange}
+            />
+          </View>
+
+          <View className='form-group'>
+            <Text className='form-label'>备注（选填）</Text>
+            <Input
+              className='form-input'
+              placeholder='请简要描述症状或就诊目的'
+              value={reason}
+              onInput={onReasonChange}
+            />
+          </View>
+        </View>
+      )}
+
+      {/* 底部操作栏 */}
+      <View className='bottom-bar'>
+        {currentStep > 0 && (
+          <View className='btn btn-prev' onClick={goPrev}>
+            <Text className='btn-text'>上一步</Text>
+          </View>
+        )}
+        {currentStep < 2 ? (
+          <View className='btn btn-next' onClick={goNext}>
+            <Text className='btn-text btn-text-white'>下一步</Text>
+          </View>
+        ) : (
+          <View className={`btn btn-submit ${loading ? 'btn-disabled' : ''}`} onClick={loading ? undefined : handleSubmit}>
+            <Text className='btn-text btn-text-white'>{loading ? '提交中...' : '确认预约'}</Text>
+          </View>
+        )}
+      </View>
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/appointment/detail/index.scss b/apps/miniprogram/src/pages/appointment/detail/index.scss
new file mode 100644
index 0000000..08e9597
--- /dev/null
+++ b/apps/miniprogram/src/pages/appointment/detail/index.scss
@@ -0,0 +1,216 @@
+@import '../../../styles/variables.scss';
+
+.detail-page {
+  min-height: 100vh;
+  background: $bg;
+  padding-bottom: 140px;
+}
+
+/* 顶部导航 */
+.detail-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 32px;
+  padding-top: 48px;
+  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
+}
+
+.back-btn {
+  padding: 8px 0;
+}
+
+.back-text {
+  font-size: 28px;
+  color: white;
+}
+
+.header-title {
+  font-size: 34px;
+  font-weight: bold;
+  color: white;
+}
+
+.header-placeholder {
+  width: 60px;
+}
+
+/* 状态卡片 */
+.status-card {
+  background: $card;
+  border-radius: $r-lg;
+  padding: 40px 32px;
+  margin: -20px 24px 24px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+}
+
+.status-badge {
+  padding: 8px 32px;
+  border-radius: 24px;
+  margin-bottom: 12px;
+
+  .status-badge-text {
+    font-size: 28px;
+    font-weight: bold;
+  }
+
+  &.tag-pending {
+    background: $wrn-l;
+    .status-badge-text { color: $wrn; }
+  }
+
+  &.tag-confirmed {
+    background: $acc-l;
+    .status-badge-text { color: $acc; }
+  }
+
+  &.tag-cancelled {
+    background: $bd-l;
+    .status-badge-text { color: $tx3; }
+  }
+
+  &.tag-completed {
+    background: $pri-l;
+    .status-badge-text { color: $pri; }
+  }
+}
+
+.status-doctor {
+  font-size: 36px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.status-dept {
+  font-size: 26px;
+  color: $tx2;
+}
+
+/* 详情信息 */
+.info-section {
+  margin: 0 24px 24px;
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.section-title {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+  margin-bottom: 24px;
+  display: block;
+}
+
+.info-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 0;
+  border-bottom: 1px solid $bd-l;
+}
+
+.info-item:last-child {
+  border-bottom: none;
+}
+
+.info-label {
+  font-size: 26px;
+  color: $tx2;
+}
+
+.info-value {
+  font-size: 26px;
+  color: $tx;
+  font-weight: 500;
+}
+
+.info-id {
+  font-size: 22px;
+  color: $tx3;
+  word-break: break-all;
+  max-width: 400px;
+  text-align: right;
+}
+
+/* 温馨提示 */
+.tips-card {
+  margin: 0 24px 24px;
+  background: $wrn-l;
+  border-radius: $r;
+  padding: 24px 28px;
+}
+
+.tips-title {
+  font-size: 26px;
+  font-weight: bold;
+  color: $wrn;
+  margin-bottom: 12px;
+  display: block;
+}
+
+.tips-text {
+  font-size: 24px;
+  color: $tx2;
+  line-height: 1.6;
+}
+
+/* 底部操作 */
+.bottom-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 20px 24px;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  background: $card;
+  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
+}
+
+.cancel-btn {
+  background: $dan-l;
+  border-radius: $r-sm;
+  padding: 24px 0;
+  text-align: center;
+  transition: opacity 0.2s;
+}
+
+.cancel-disabled {
+  opacity: 0.5;
+}
+
+.cancel-text {
+  font-size: 30px;
+  font-weight: bold;
+  color: $dan;
+}
+
+/* 空状态 */
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.empty-icon {
+  font-size: 80px;
+  margin-bottom: 20px;
+}
+
+.empty-text {
+  font-size: 30px;
+  color: $tx2;
+  margin-bottom: 12px;
+}
+
+.empty-hint {
+  font-size: 24px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/appointment/detail/index.tsx b/apps/miniprogram/src/pages/appointment/detail/index.tsx
new file mode 100644
index 0000000..3ce7780
--- /dev/null
+++ b/apps/miniprogram/src/pages/appointment/detail/index.tsx
@@ -0,0 +1,158 @@
+import React, { useState } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useRouter } from '@tarojs/taro';
+import { cancelAppointment } from '../../../services/appointment';
+import type { Appointment } from '../../../services/appointment';
+import './index.scss';
+
+const STATUS_MAP: Record<string, { label: string; className: string }> = {
+  pending: { label: '待确认', className: 'tag-pending' },
+  confirmed: { label: '已确认', className: 'tag-confirmed' },
+  cancelled: { label: '已取消', className: 'tag-cancelled' },
+  completed: { label: '已完成', className: 'tag-completed' },
+};
+
+export default function AppointmentDetail() {
+  const router = useRouter();
+  const id = router.params.id || '';
+  const [cancelling, setCancelling] = useState(false);
+
+  // 从页面参数或全局缓存获取预约数据
+  const encodedData = router.params.data || '';
+  let appointment: Appointment | null = null;
+  try {
+    if (encodedData) {
+      appointment = JSON.parse(decodeURIComponent(encodedData));
+    }
+  } catch {
+    // 解析失败则尝试从 Storage 获取
+    const cached = Taro.getStorageSync('appointment_detail_cache');
+    if (cached && cached.id === id) {
+      appointment = cached;
+    }
+  }
+
+  // 如果没有传数据，尝试从缓存获取
+  if (!appointment) {
+    const cached = Taro.getStorageSync('appointment_detail_cache');
+    if (cached && cached.id === id) {
+      appointment = cached;
+    }
+  }
+
+  const status = appointment ? (STATUS_MAP[appointment.status] || { label: appointment.status, className: 'tag-pending' }) : { label: '未知', className: 'tag-pending' };
+  const canCancel = appointment && (appointment.status === 'pending' || appointment.status === 'confirmed');
+
+  const handleCancel = async () => {
+    if (!appointment || cancelling) return;
+
+    const res = await Taro.showModal({
+      title: '确认取消',
+      content: '确定要取消此预约吗？取消后需重新预约。',
+    });
+    if (!res.confirm) return;
+
+    setCancelling(true);
+    try {
+      await cancelAppointment(appointment.id, appointment.version);
+      Taro.showToast({ title: '已取消预约', icon: 'success' });
+      setTimeout(() => {
+        Taro.navigateBack();
+      }, 1500);
+    } catch {
+      Taro.showToast({ title: '取消失败', icon: 'none' });
+    } finally {
+      setCancelling(false);
+    }
+  };
+
+  const goBack = () => {
+    Taro.navigateBack();
+  };
+
+  if (!appointment) {
+    return (
+      <View className='detail-page'>
+        <View className='detail-header'>
+          <View className='back-btn' onClick={goBack}>
+            <Text className='back-text'>返回</Text>
+          </View>
+          <Text className='header-title'>预约详情</Text>
+          <View className='header-placeholder' />
+        </View>
+        <View className='empty-state'>
+          <Text className='empty-icon'>📋</Text>
+          <Text className='empty-text'>未找到预约信息</Text>
+          <Text className='empty-hint'>请从预约列表进入</Text>
+        </View>
+      </View>
+    );
+  }
+
+  return (
+    <View className='detail-page'>
+      {/* 顶部导航 */}
+      <View className='detail-header'>
+        <View className='back-btn' onClick={goBack}>
+          <Text className='back-text'>返回</Text>
+        </View>
+        <Text className='header-title'>预约详情</Text>
+        <View className='header-placeholder' />
+      </View>
+
+      {/* 状态卡片 */}
+      <View className='status-card'>
+        <View className={`status-badge ${status.className}`}>
+          <Text className='status-badge-text'>{status.label}</Text>
+        </View>
+        <Text className='status-doctor'>{appointment.doctor_name}</Text>
+        <Text className='status-dept'>{appointment.department}</Text>
+      </View>
+
+      {/* 详情信息 */}
+      <View className='info-section'>
+        <Text className='section-title'>预约信息</Text>
+
+        <View className='info-item'>
+          <Text className='info-label'>就诊人</Text>
+          <Text className='info-value'>{appointment.patient_name}</Text>
+        </View>
+
+        <View className='info-item'>
+          <Text className='info-label'>就诊日期</Text>
+          <Text className='info-value'>{appointment.appointment_date}</Text>
+        </View>
+
+        <View className='info-item'>
+          <Text className='info-label'>就诊时段</Text>
+          <Text className='info-value'>{appointment.time_slot}</Text>
+        </View>
+
+        <View className='info-item'>
+          <Text className='info-label'>预约单号</Text>
+          <Text className='info-value info-id'>{appointment.id}</Text>
+        </View>
+      </View>
+
+      {/* 温馨提示 */}
+      {(appointment.status === 'pending' || appointment.status === 'confirmed') && (
+        <View className='tips-card'>
+          <Text className='tips-title'>温馨提示</Text>
+          <Text className='tips-text'>请按预约时间提前15分钟到达，携带有效身份证件和医保卡。</Text>
+        </View>
+      )}
+
+      {/* 底部操作 */}
+      {canCancel && (
+        <View className='bottom-bar'>
+          <View
+            className={`cancel-btn ${cancelling ? 'cancel-disabled' : ''}`}
+            onClick={cancelling ? undefined : handleCancel}
+          >
+            <Text className='cancel-text'>{cancelling ? '处理中...' : '取消预约'}</Text>
+          </View>
+        </View>
+      )}
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/appointment/index.scss b/apps/miniprogram/src/pages/appointment/index.scss
index da97dd7..073b894 100644
--- a/apps/miniprogram/src/pages/appointment/index.scss
+++ b/apps/miniprogram/src/pages/appointment/index.scss
@@ -1 +1,176 @@
 @import '../../styles/variables.scss';
+
+.appointment-page {
+  min-height: 100vh;
+  background: $bg;
+  padding-bottom: 140px;
+}
+
+.page-header {
+  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
+  padding: 32px;
+  padding-top: 48px;
+}
+
+.page-title {
+  font-size: 36px;
+  font-weight: bold;
+  color: white;
+}
+
+.appointment-list {
+  padding: 0 24px;
+  margin-top: -16px;
+}
+
+.appointment-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+
+.card-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.doctor-info {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.doctor-name {
+  font-size: 32px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.department {
+  font-size: 24px;
+  color: $pri;
+  background: $pri-l;
+  padding: 4px 16px;
+  border-radius: 20px;
+}
+
+.status-tag {
+  padding: 6px 20px;
+  border-radius: 20px;
+
+  .status-tag-text {
+    font-size: 22px;
+    font-weight: 500;
+  }
+
+  &.tag-pending {
+    background: $wrn-l;
+
+    .status-tag-text {
+      color: $wrn;
+    }
+  }
+
+  &.tag-confirmed {
+    background: $acc-l;
+
+    .status-tag-text {
+      color: $acc;
+    }
+  }
+
+  &.tag-cancelled {
+    background: $bd-l;
+
+    .status-tag-text {
+      color: $tx3;
+    }
+  }
+
+  &.tag-completed {
+    background: $pri-l;
+
+    .status-tag-text {
+      color: $pri;
+    }
+  }
+}
+
+.card-bottom {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-top: 20px;
+  border-top: 1px solid $bd-l;
+}
+
+.info-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.info-icon {
+  font-size: 26px;
+}
+
+.info-text {
+  font-size: 26px;
+  color: $tx2;
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 120px 0 80px;
+}
+
+.empty-icon {
+  font-size: 80px;
+  margin-bottom: 20px;
+}
+
+.empty-text {
+  font-size: 30px;
+  color: $tx2;
+  margin-bottom: 12px;
+}
+
+.empty-hint {
+  font-size: 24px;
+  color: $tx3;
+}
+
+.loading-tip {
+  text-align: center;
+  padding: 24px 0;
+}
+
+.loading-text {
+  font-size: 24px;
+  color: $tx3;
+}
+
+.fab-btn {
+  position: fixed;
+  bottom: 60px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
+  padding: 24px 64px;
+  border-radius: 48px;
+  box-shadow: 0 8px 24px rgba($pri, 0.4);
+  z-index: 100;
+}
+
+.fab-text {
+  font-size: 30px;
+  color: white;
+  font-weight: bold;
+}
diff --git a/apps/miniprogram/src/pages/appointment/index.tsx b/apps/miniprogram/src/pages/appointment/index.tsx
index 124f9f7..efdc390 100644
--- a/apps/miniprogram/src/pages/appointment/index.tsx
+++ b/apps/miniprogram/src/pages/appointment/index.tsx
@@ -1,12 +1,141 @@
+import React, { useState, useCallback } from 'react';
 import { View, Text } from '@tarojs/components';
-import '../health/index.scss';
+import Taro, { useDidShow, useReachBottom, usePullDownRefresh } from '@tarojs/taro';
+import { listAppointments, cancelAppointment } from '../../services/appointment';
+import type { Appointment } from '../../services/appointment';
+import './index.scss';
+
+const STATUS_MAP: Record<string, { label: string; className: string }> = {
+  pending: { label: '待确认', className: 'tag-pending' },
+  confirmed: { label: '已确认', className: 'tag-confirmed' },
+  cancelled: { label: '已取消', className: 'tag-cancelled' },
+  completed: { label: '已完成', className: 'tag-completed' },
+};
+
+export default function AppointmentList() {
+  const [appointments, setAppointments] = useState<Appointment[]>([]);
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
+
+  const fetchData = useCallback(async (pageNum: number, isRefresh = false) => {
+    if (loading) return;
+    setLoading(true);
+    try {
+      const res = await listAppointments(pageNum);
+      const list = res.data || [];
+      if (isRefresh) {
+        setAppointments(list);
+      } else {
+        setAppointments((prev) => [...prev, ...list]);
+      }
+      setTotal(res.total);
+      setPage(pageNum);
+    } catch {
+      Taro.showToast({ title: '加载失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+      setRefreshing(false);
+    }
+  }, [loading]);
+
+  useDidShow(() => {
+    fetchData(1, true);
+  });
+
+  usePullDownRefresh(() => {
+    setRefreshing(true);
+    fetchData(1, true).finally(() => {
+      Taro.stopPullDownRefresh();
+    });
+  });
+
+  useReachBottom(() => {
+    if (!loading && appointments.length < total) {
+      fetchData(page + 1);
+    }
+  });
+
+  const goCreate = () => {
+    Taro.navigateTo({ url: '/pages/appointment/create/index' });
+  };
+
+  const goDetail = (id: string) => {
+    const item = appointments.find((a) => a.id === id);
+    if (item) {
+      Taro.setStorageSync('appointment_detail_cache', item);
+    }
+    Taro.navigateTo({ url: `/pages/appointment/detail/index?id=${id}` });
+  };
+
+  const getStatusTag = (status: string) => {
+    return STATUS_MAP[status] || { label: status, className: 'tag-pending' };
+  };
 
-export default function Appointment() {
   return (
-    <View className='placeholder-page'>
-      <Text className='placeholder-icon'>📅</Text>
-      <Text className='placeholder-title'>预约挂号</Text>
-      <Text className='placeholder-desc'>选择科室、医生、时段</Text>
+    <View className='appointment-page'>
+      {/* 页面标题 */}
+      <View className='page-header'>
+        <Text className='page-title'>预约挂号</Text>
+      </View>
+
+      {/* 预约列表 */}
+      {appointments.length === 0 && !loading ? (
+        <View className='empty-state'>
+          <Text className='empty-icon'>📋</Text>
+          <Text className='empty-text'>暂无预约记录</Text>
+          <Text className='empty-hint'>点击下方按钮新建预约</Text>
+        </View>
+      ) : (
+        <View className='appointment-list'>
+          {appointments.map((item) => {
+            const tag = getStatusTag(item.status);
+            return (
+              <View
+                className='appointment-card'
+                key={item.id}
+                onClick={() => goDetail(item.id)}
+              >
+                <View className='card-top'>
+                  <View className='doctor-info'>
+                    <Text className='doctor-name'>{item.doctor_name}</Text>
+                    <Text className='department'>{item.department}</Text>
+                  </View>
+                  <View className={`status-tag ${tag.className}`}>
+                    <Text className='status-tag-text'>{tag.label}</Text>
+                  </View>
+                </View>
+                <View className='card-bottom'>
+                  <View className='info-row'>
+                    <Text className='info-icon'>📅</Text>
+                    <Text className='info-text'>{item.appointment_date}</Text>
+                  </View>
+                  <View className='info-row'>
+                    <Text className='info-icon'>🕐</Text>
+                    <Text className='info-text'>{item.time_slot}</Text>
+                  </View>
+                </View>
+              </View>
+            );
+          })}
+          {loading && (
+            <View className='loading-tip'>
+              <Text className='loading-text'>加载中...</Text>
+            </View>
+          )}
+          {!loading && appointments.length >= total && total > 0 && (
+            <View className='loading-tip'>
+              <Text className='loading-text'>没有更多了</Text>
+            </View>
+          )}
+        </View>
+      )}
+
+      {/* 底部悬浮按钮 */}
+      <View className='fab-btn' onClick={goCreate}>
+        <Text className='fab-text'>+ 新建预约</Text>
+      </View>
     </View>
   );
 }
diff --git a/apps/miniprogram/src/pages/article/detail/index.scss b/apps/miniprogram/src/pages/article/detail/index.scss
new file mode 100644
index 0000000..aa72b6a
--- /dev/null
+++ b/apps/miniprogram/src/pages/article/detail/index.scss
@@ -0,0 +1,98 @@
+@import '../../../styles/variables.scss';
+
+.article-detail-page {
+  min-height: 100vh;
+  background: $bg;
+  padding-bottom: 40px;
+}
+
+.article-header {
+  background: $card;
+  padding: 32px;
+  margin-bottom: 2px;
+}
+
+.article-title {
+  font-size: 38px;
+  font-weight: bold;
+  color: $tx;
+  display: block;
+  line-height: 1.4;
+  margin-bottom: 16px;
+}
+
+.article-meta {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+
+.article-category {
+  font-size: 22px;
+  color: $pri;
+  background: $pri-l;
+  padding: 4px 12px;
+  border-radius: 12px;
+}
+
+.article-author {
+  font-size: 24px;
+  color: $tx2;
+}
+
+.article-date {
+  font-size: 24px;
+  color: $tx3;
+}
+
+.article-summary {
+  background: $card;
+  padding: 24px 32px;
+  margin-bottom: 2px;
+}
+
+.summary-text {
+  font-size: 26px;
+  color: $tx2;
+  line-height: 1.6;
+}
+
+.article-content {
+  background: $card;
+  padding: 32px;
+
+  // RichText 内部样式优化
+  h1, h2, h3 {
+    font-weight: bold;
+    color: #134E4A;
+    margin: 24px 0 12px;
+  }
+
+  p {
+    font-size: 28px;
+    color: #134E4A;
+    line-height: 1.8;
+    margin-bottom: 16px;
+  }
+
+  img {
+    max-width: 100%;
+    border-radius: 8px;
+    margin: 12px 0;
+  }
+}
+
+.loading-state,
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.loading-text,
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/article/detail/index.tsx b/apps/miniprogram/src/pages/article/detail/index.tsx
new file mode 100644
index 0000000..688f6ca
--- /dev/null
+++ b/apps/miniprogram/src/pages/article/detail/index.tsx
@@ -0,0 +1,76 @@
+import React, { useState, useEffect } from 'react';
+import { View, Text, RichText } from '@tarojs/components';
+import Taro, { useRouter } from '@tarojs/taro';
+import { getArticleDetail, Article } from '../../../services/article';
+import './index.scss';
+
+export default function ArticleDetail() {
+  const router = useRouter();
+  const id = router.params.id || '';
+
+  const [article, setArticle] = useState<Article | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    if (!id) return;
+    setLoading(true);
+    getArticleDetail(id)
+      .then((data) => setArticle(data))
+      .catch(() => Taro.showToast({ title: '加载失败', icon: 'none' }))
+      .finally(() => setLoading(false));
+  }, [id]);
+
+  if (loading) {
+    return (
+      <View className='article-detail-page'>
+        <View className='loading-state'>
+          <Text className='loading-text'>加载中...</Text>
+        </View>
+      </View>
+    );
+  }
+
+  if (!article) {
+    return (
+      <View className='article-detail-page'>
+        <View className='empty-state'>
+          <Text className='empty-text'>文章不存在</Text>
+        </View>
+      </View>
+    );
+  }
+
+  return (
+    <View className='article-detail-page'>
+      {/* 文章头部 */}
+      <View className='article-header'>
+        <Text className='article-title'>{article.title}</Text>
+        <View className='article-meta'>
+          {article.category && (
+            <Text className='article-category'>{article.category}</Text>
+          )}
+          {article.author && (
+            <Text className='article-author'>{article.author}</Text>
+          )}
+          {article.published_at && (
+            <Text className='article-date'>{article.published_at.slice(0, 10)}</Text>
+          )}
+        </View>
+      </View>
+
+      {/* 摘要 */}
+      {article.summary && (
+        <View className='article-summary'>
+          <Text className='summary-text'>{article.summary}</Text>
+        </View>
+      )}
+
+      {/* 正文 */}
+      <View className='article-content'>
+        <RichText
+          nodes={article.content || ''}
+        />
+      </View>
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/article/index.scss b/apps/miniprogram/src/pages/article/index.scss
index da97dd7..ced095e 100644
--- a/apps/miniprogram/src/pages/article/index.scss
+++ b/apps/miniprogram/src/pages/article/index.scss
@@ -1 +1,108 @@
 @import '../../styles/variables.scss';
+
+.article-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 24px;
+  padding-bottom: 40px;
+}
+
+.article-list {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.article-card {
+  display: flex;
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.article-card-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  margin-right: 20px;
+}
+
+.article-card-title {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+  line-height: 1.4;
+  display: block;
+  margin-bottom: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.article-card-summary {
+  font-size: 26px;
+  color: $tx2;
+  line-height: 1.4;
+  display: block;
+  margin-bottom: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.article-card-meta {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.article-card-tag {
+  font-size: 22px;
+  color: $pri;
+  background: $pri-l;
+  padding: 2px 12px;
+  border-radius: 12px;
+}
+
+.article-card-date {
+  font-size: 22px;
+  color: $tx3;
+}
+
+.article-card-cover {
+  width: 180px;
+  height: 120px;
+  border-radius: $r-sm;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.cover-img {
+  width: 100%;
+  height: 100%;
+}
+
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
+
+.loading-hint {
+  text-align: center;
+  padding: 24px 0;
+}
+
+.loading-text {
+  font-size: 24px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/article/index.tsx b/apps/miniprogram/src/pages/article/index.tsx
index 8342df8..033a23d 100644
--- a/apps/miniprogram/src/pages/article/index.tsx
+++ b/apps/miniprogram/src/pages/article/index.tsx
@@ -1,12 +1,95 @@
+import React, { useState, useCallback } from 'react';
 import { View, Text } from '@tarojs/components';
-import '../health/index.scss';
+import Taro, { useDidShow, usePullDownRefresh, useReachBottom } from '@tarojs/taro';
+import { listArticles, Article } from '../../services/article';
+import './index.scss';
+
+export default function ArticleList() {
+  const [articles, setArticles] = useState<Article[]>([]);
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+
+  const fetchData = useCallback(async (p: number, append = false) => {
+    setLoading(true);
+    try {
+      const res = await listArticles(p);
+      const list = res.data || [];
+      setArticles(append ? (prev) => [...prev, ...list] : list);
+      setTotal(res.total);
+      setPage(p);
+    } catch {
+      Taro.showToast({ title: '加载失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useDidShow(() => {
+    fetchData(1);
+  }, [fetchData]);
+
+  usePullDownRefresh(() => {
+    fetchData(1).finally(() => {
+      Taro.stopPullDownRefresh();
+    });
+  });
+
+  useReachBottom(() => {
+    if (!loading && articles.length < total) {
+      fetchData(page + 1, true);
+    }
+  });
+
+  const goToDetail = (id: string) => {
+    Taro.navigateTo({ url: `/pages/article/detail/index?id=${id}` });
+  };
 
-export default function Article() {
   return (
-    <View className='placeholder-page'>
-      <Text className='placeholder-icon'>📰</Text>
-      <Text className='placeholder-title'>健康资讯</Text>
-      <Text className='placeholder-desc'>科普文章、健康知识</Text>
+    <View className='article-page'>
+      <View className='article-list'>
+        {articles.map((a) => (
+          <View
+            className='article-card'
+            key={a.id}
+            onClick={() => goToDetail(a.id)}
+          >
+            <View className='article-card-body'>
+              <Text className='article-card-title'>{a.title}</Text>
+              {a.summary && (
+                <Text className='article-card-summary'>{a.summary}</Text>
+              )}
+              <View className='article-card-meta'>
+                {a.category && (
+                  <Text className='article-card-tag'>{a.category}</Text>
+                )}
+                {a.published_at && (
+                  <Text className='article-card-date'>
+                    {a.published_at.slice(0, 10)}
+                  </Text>
+                )}
+              </View>
+            </View>
+            {a.cover_image && (
+              <View className='article-card-cover'>
+                <image className='cover-img' src={a.cover_image} mode='aspectFill' />
+              </View>
+            )}
+          </View>
+        ))}
+      </View>
+
+      {articles.length === 0 && !loading && (
+        <View className='empty-state'>
+          <Text className='empty-text'>暂无资讯文章</Text>
+        </View>
+      )}
+
+      {loading && (
+        <View className='loading-hint'>
+          <Text className='loading-text'>加载中...</Text>
+        </View>
+      )}
     </View>
   );
 }
diff --git a/apps/miniprogram/src/pages/followup/detail/index.scss b/apps/miniprogram/src/pages/followup/detail/index.scss
new file mode 100644
index 0000000..16b054e
--- /dev/null
+++ b/apps/miniprogram/src/pages/followup/detail/index.scss
@@ -0,0 +1,118 @@
+@import '../../../styles/variables.scss';
+
+.detail-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 24px;
+  padding-bottom: 40px;
+}
+
+.detail-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.detail-title {
+  font-size: 34px;
+  font-weight: bold;
+  color: $tx;
+  display: block;
+  margin-bottom: 20px;
+}
+
+.detail-row {
+  display: flex;
+  justify-content: space-between;
+  padding: 12px 0;
+  border-bottom: 1px solid $bd-l;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.detail-label {
+  font-size: 26px;
+  color: $tx2;
+}
+
+.detail-value {
+  font-size: 26px;
+  color: $tx;
+}
+
+.detail-desc {
+  margin-top: 16px;
+  padding: 20px;
+  background: $bd-l;
+  border-radius: $r-sm;
+}
+
+.detail-desc-text {
+  font-size: 26px;
+  color: $tx;
+  line-height: 1.6;
+}
+
+.submit-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.section-title {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+  display: block;
+  margin-bottom: 16px;
+}
+
+.submit-textarea {
+  width: 100%;
+  min-height: 200px;
+  font-size: 28px;
+  color: $tx;
+  background: $bd-l;
+  border-radius: $r-sm;
+  padding: 20px;
+  box-sizing: border-box;
+  border: none;
+  outline: none;
+  margin-bottom: 20px;
+}
+
+.submit-btn {
+  background: $pri;
+  border-radius: $r-sm;
+  padding: 24px;
+  text-align: center;
+
+  &.disabled {
+    opacity: 0.6;
+  }
+}
+
+.submit-btn-text {
+  font-size: 30px;
+  color: white;
+  font-weight: bold;
+}
+
+.loading-state,
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.loading-text,
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/followup/detail/index.tsx b/apps/miniprogram/src/pages/followup/detail/index.tsx
new file mode 100644
index 0000000..e6bd428
--- /dev/null
+++ b/apps/miniprogram/src/pages/followup/detail/index.tsx
@@ -0,0 +1,119 @@
+import React, { useState, useEffect } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useRouter } from '@tarojs/taro';
+import { listTasks, submitRecord, FollowUpTask } from '../../../services/followup';
+import './index.scss';
+
+export default function FollowUpDetail() {
+  const router = useRouter();
+  const id = router.params.id || '';
+
+  const [task, setTask] = useState<FollowUpTask | null>(null);
+  const [content, setContent] = useState('');
+  const [submitting, setSubmitting] = useState(false);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    if (!id) return;
+    setLoading(true);
+    listTasks()
+      .then((res) => {
+        const found = (res.data || []).find((t) => t.id === id);
+        setTask(found || null);
+      })
+      .catch(() => Taro.showToast({ title: '加载失败', icon: 'none' }))
+      .finally(() => setLoading(false));
+  }, [id]);
+
+  const handleSubmit = async () => {
+    if (!content.trim()) {
+      Taro.showToast({ title: '请输入内容', icon: 'none' });
+      return;
+    }
+    setSubmitting(true);
+    try {
+      await submitRecord({
+        task_id: id,
+        content: { text: content.trim() },
+      });
+      Taro.showToast({ title: '提交成功', icon: 'success' });
+      setContent('');
+    } catch {
+      Taro.showToast({ title: '提交失败', icon: 'none' });
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  const getStatusLabel = (status: string) => {
+    if (status === 'completed') return '已完成';
+    if (status === 'overdue') return '已过期';
+    return '待完成';
+  };
+
+  if (loading) {
+    return (
+      <View className='detail-page'>
+        <View className='loading-state'>
+          <Text className='loading-text'>加载中...</Text>
+        </View>
+      </View>
+    );
+  }
+
+  if (!task) {
+    return (
+      <View className='detail-page'>
+        <View className='empty-state'>
+          <Text className='empty-text'>任务不存在</Text>
+        </View>
+      </View>
+    );
+  }
+
+  const isCompleted = task.status === 'completed';
+
+  return (
+    <View className='detail-page'>
+      {/* 任务详情 */}
+      <View className='detail-card'>
+        <Text className='detail-title'>{task.task_type}</Text>
+        <View className='detail-row'>
+          <Text className='detail-label'>状态</Text>
+          <Text className='detail-value'>{getStatusLabel(task.status)}</Text>
+        </View>
+        <View className='detail-row'>
+          <Text className='detail-label'>截止日期</Text>
+          <Text className='detail-value'>{task.due_date}</Text>
+        </View>
+        {task.description && (
+          <View className='detail-desc'>
+            <Text className='detail-desc-text'>{task.description}</Text>
+          </View>
+        )}
+      </View>
+
+      {/* 提交表单 */}
+      {!isCompleted && (
+        <View className='submit-card'>
+          <Text className='section-title'>填写随访记录</Text>
+          <textarea
+            className='submit-textarea'
+            placeholder='请输入随访内容...'
+            value={content}
+            onInput={(e) => setContent(e.detail.value)}
+            maxlength={500}
+          />
+          <View
+            className={`submit-btn ${submitting ? 'disabled' : ''}`}
+            onClick={submitting ? undefined : handleSubmit}
+          >
+            <Text className='submit-btn-text'>
+              {submitting ? '提交中...' : '提交'}
+            </Text>
+          </View>
+        </View>
+      )}
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/followup/index.scss b/apps/miniprogram/src/pages/followup/index.scss
new file mode 100644
index 0000000..29f5d8c
--- /dev/null
+++ b/apps/miniprogram/src/pages/followup/index.scss
@@ -0,0 +1,132 @@
+@import '../../styles/variables.scss';
+
+.followup-page {
+  min-height: 100vh;
+  background: $bg;
+}
+
+.tab-bar {
+  display: flex;
+  background: $card;
+  padding: 0;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+}
+
+.tab-item {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 24px 0;
+  position: relative;
+
+  &.active {
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 48px;
+      height: 4px;
+      background: $pri;
+      border-radius: 2px;
+    }
+  }
+}
+
+.tab-text {
+  font-size: 28px;
+  color: $tx2;
+
+  .tab-item.active & {
+    color: $pri;
+    font-weight: bold;
+  }
+}
+
+.task-list {
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.task-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.task-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.task-name {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.task-status {
+  font-size: 24px;
+  padding: 4px 16px;
+  border-radius: 20px;
+
+  &.pending {
+    color: $wrn;
+    background: $wrn-l;
+  }
+
+  &.completed {
+    color: $acc;
+    background: $acc-l;
+  }
+
+  &.overdue {
+    color: $dan;
+    background: $dan-l;
+  }
+}
+
+.task-desc {
+  font-size: 26px;
+  color: $tx2;
+  display: block;
+  margin-bottom: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.task-due {
+  font-size: 24px;
+  color: $tx3;
+  display: block;
+}
+
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
+
+.loading-hint {
+  text-align: center;
+  padding: 24px 0;
+}
+
+.loading-text {
+  font-size: 24px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/followup/index.tsx b/apps/miniprogram/src/pages/followup/index.tsx
new file mode 100644
index 0000000..9168a2e
--- /dev/null
+++ b/apps/miniprogram/src/pages/followup/index.tsx
@@ -0,0 +1,107 @@
+import React, { useState, useCallback } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useDidShow } from '@tarojs/taro';
+import { listTasks, FollowUpTask } from '../../services/followup';
+import './index.scss';
+
+const TABS = [
+  { key: 'pending', label: '待完成' },
+  { key: 'completed', label: '已完成' },
+  { key: 'overdue', label: '已过期' },
+];
+
+export default function FollowUpList() {
+  const [activeTab, setActiveTab] = useState('pending');
+  const [tasks, setTasks] = useState<FollowUpTask[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const fetchTasks = useCallback(async (status: string) => {
+    setLoading(true);
+    try {
+      const res = await listTasks(status);
+      setTasks(res.data || []);
+    } catch {
+      Taro.showToast({ title: '加载失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useDidShow(() => {
+    fetchTasks(activeTab);
+  }, [activeTab, fetchTasks]);
+
+  const handleTabChange = (key: string) => {
+    setActiveTab(key);
+    setTasks([]);
+    fetchTasks(key);
+  };
+
+  const goToDetail = (id: string) => {
+    Taro.navigateTo({ url: `/pages/followup/detail/index?id=${id}` });
+  };
+
+  const getStatusClass = (status: string) => {
+    if (status === 'completed') return 'completed';
+    if (status === 'overdue') return 'overdue';
+    return 'pending';
+  };
+
+  const getStatusLabel = (status: string) => {
+    if (status === 'completed') return '已完成';
+    if (status === 'overdue') return '已过期';
+    return '待完成';
+  };
+
+  return (
+    <View className='followup-page'>
+      {/* Tab 栏 */}
+      <View className='tab-bar'>
+        {TABS.map((tab) => (
+          <View
+            className={`tab-item ${activeTab === tab.key ? 'active' : ''}`}
+            key={tab.key}
+            onClick={() => handleTabChange(tab.key)}
+          >
+            <Text className='tab-text'>{tab.label}</Text>
+          </View>
+        ))}
+      </View>
+
+      {/* 任务列表 */}
+      <View className='task-list'>
+        {tasks.map((t) => (
+          <View
+            className='task-card'
+            key={t.id}
+            onClick={() => goToDetail(t.id)}
+          >
+            <View className='task-top'>
+              <Text className='task-name'>{t.task_type}</Text>
+              <Text className={`task-status ${getStatusClass(t.status)}`}>
+                {getStatusLabel(t.status)}
+              </Text>
+            </View>
+            <Text className='task-desc'>{t.description}</Text>
+            <Text className='task-due'>截止日期：{t.due_date}</Text>
+          </View>
+        ))}
+      </View>
+
+      {tasks.length === 0 && !loading && (
+        <View className='empty-state'>
+          <Text className='empty-text'>暂无{(() => {
+            const tab = TABS.find((t) => t.key === activeTab);
+            return tab ? tab.label : '';
+          })()}任务</Text>
+        </View>
+      )}
+
+      {loading && (
+        <View className='loading-hint'>
+          <Text className='loading-text'>加载中...</Text>
+        </View>
+      )}
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/profile/family-add/index.scss b/apps/miniprogram/src/pages/profile/family-add/index.scss
new file mode 100644
index 0000000..f7ef07e
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/family-add/index.scss
@@ -0,0 +1,82 @@
+@import '../../../styles/variables.scss';
+
+.family-add-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 24px;
+  padding-bottom: 140px;
+}
+
+.form-card {
+  background: $card;
+  border-radius: $r;
+  padding: 8px 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.form-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 28px 0;
+  border-bottom: 1px solid $bd-l;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.form-label {
+  font-size: 28px;
+  color: $tx;
+  flex-shrink: 0;
+  width: 140px;
+}
+
+.form-input {
+  flex: 1;
+  font-size: 28px;
+  color: $tx;
+  text-align: right;
+  border: none;
+  background: transparent;
+  outline: none;
+}
+
+.form-picker {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  justify-content: flex-end;
+}
+
+.form-picker-text {
+  font-size: 28px;
+  color: $tx;
+  margin-right: 8px;
+}
+
+.form-picker-arrow {
+  font-size: 32px;
+  color: $tx3;
+}
+
+.submit-btn {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: $pri;
+  padding: 28px;
+  text-align: center;
+
+  &.disabled {
+    opacity: 0.6;
+  }
+}
+
+.submit-text {
+  font-size: 32px;
+  color: white;
+  font-weight: bold;
+}
diff --git a/apps/miniprogram/src/pages/profile/family-add/index.tsx b/apps/miniprogram/src/pages/profile/family-add/index.tsx
new file mode 100644
index 0000000..08e0197
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/family-add/index.tsx
@@ -0,0 +1,111 @@
+import React, { useState } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { Picker } from '@tarojs/components';
+import { createPatient } from '../../../services/patient';
+import './index.scss';
+
+const RELATION_OPTIONS = ['本人', '配偶', '父母', '子女', '其他'];
+const GENDER_OPTIONS = ['男', '女'];
+
+export default function FamilyAdd() {
+  const [name, setName] = useState('');
+  const [relationIdx, setRelationIdx] = useState(0);
+  const [genderIdx, setGenderIdx] = useState(0);
+  const [birthDate, setBirthDate] = useState('');
+  const [submitting, setSubmitting] = useState(false);
+
+  const handleSubmit = async () => {
+    if (!name.trim()) {
+      Taro.showToast({ title: '请输入姓名', icon: 'none' });
+      return;
+    }
+    setSubmitting(true);
+    try {
+      await createPatient({
+        name: name.trim(),
+        gender: GENDER_OPTIONS[genderIdx] === '男' ? 'male' : 'female',
+        birthday: birthDate || undefined,
+      });
+      Taro.showToast({ title: '添加成功', icon: 'success' });
+      setTimeout(() => {
+        Taro.navigateBack();
+      }, 1000);
+    } catch {
+      Taro.showToast({ title: '添加失败', icon: 'none' });
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  return (
+    <View className='family-add-page'>
+      <View className='form-card'>
+        {/* 姓名 */}
+        <View className='form-item'>
+          <Text className='form-label'>姓名</Text>
+          <input
+            className='form-input'
+            placeholder='请输入姓名'
+            value={name}
+            onInput={(e) => setName(e.detail.value)}
+          />
+        </View>
+
+        {/* 关系 */}
+        <View className='form-item'>
+          <Text className='form-label'>关系</Text>
+          <Picker
+            mode='selector'
+            range={RELATION_OPTIONS}
+            value={relationIdx}
+            onChange={(e) => setRelationIdx(Number(e.detail.value))}
+          >
+            <View className='form-picker'>
+              <Text className='form-picker-text'>{RELATION_OPTIONS[relationIdx]}</Text>
+              <Text className='form-picker-arrow'>›</Text>
+            </View>
+          </Picker>
+        </View>
+
+        {/* 性别 */}
+        <View className='form-item'>
+          <Text className='form-label'>性别</Text>
+          <Picker
+            mode='selector'
+            range={GENDER_OPTIONS}
+            value={genderIdx}
+            onChange={(e) => setGenderIdx(Number(e.detail.value))}
+          >
+            <View className='form-picker'>
+              <Text className='form-picker-text'>{GENDER_OPTIONS[genderIdx]}</Text>
+              <Text className='form-picker-arrow'>›</Text>
+            </View>
+          </Picker>
+        </View>
+
+        {/* 出生日期 */}
+        <View className='form-item'>
+          <Text className='form-label'>出生日期</Text>
+          <Picker
+            mode='date'
+            value={birthDate || '2000-01-01'}
+            onChange={(e) => setBirthDate(e.detail.value)}
+          >
+            <View className='form-picker'>
+              <Text className='form-picker-text'>{birthDate || '请选择'}</Text>
+              <Text className='form-picker-arrow'>›</Text>
+            </View>
+          </Picker>
+        </View>
+      </View>
+
+      <View
+        className={`submit-btn ${submitting ? 'disabled' : ''}`}
+        onClick={submitting ? undefined : handleSubmit}
+      >
+        <Text className='submit-text'>{submitting ? '提交中...' : '确认添加'}</Text>
+      </View>
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/profile/family/index.scss b/apps/miniprogram/src/pages/profile/family/index.scss
new file mode 100644
index 0000000..e75a26b
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/family/index.scss
@@ -0,0 +1,97 @@
+@import '../../../styles/variables.scss';
+
+.family-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 24px;
+  padding-bottom: 140px;
+}
+
+.family-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.family-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  border: 2px solid transparent;
+
+  &.active {
+    border-color: $pri;
+    background: $pri-surface;
+  }
+}
+
+.family-info {
+  display: flex;
+  flex-direction: column;
+}
+
+.family-name {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+  margin-bottom: 8px;
+}
+
+.family-meta {
+  display: flex;
+  gap: 16px;
+}
+
+.family-tag {
+  font-size: 24px;
+  color: $pri;
+  background: $pri-l;
+  padding: 2px 12px;
+  border-radius: 12px;
+}
+
+.family-gender {
+  font-size: 24px;
+  color: $tx2;
+}
+
+.family-check {
+  font-size: 24px;
+  color: $pri;
+  background: $pri-l;
+  padding: 6px 16px;
+  border-radius: 16px;
+  font-weight: bold;
+}
+
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
+
+.family-add-btn {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: $pri;
+  padding: 28px;
+  text-align: center;
+}
+
+.family-add-text {
+  font-size: 32px;
+  color: white;
+  font-weight: bold;
+}
diff --git a/apps/miniprogram/src/pages/profile/family/index.tsx b/apps/miniprogram/src/pages/profile/family/index.tsx
new file mode 100644
index 0000000..d763400
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/family/index.tsx
@@ -0,0 +1,85 @@
+import React, { useState, useCallback } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useDidShow } from '@tarojs/taro';
+import { listPatients, Patient } from '../../../services/patient';
+import { useAuthStore } from '../../../stores/auth';
+import './index.scss';
+
+export default function FamilyList() {
+  const [patients, setPatients] = useState<Patient[]>([]);
+  const [loading, setLoading] = useState(false);
+  const { currentPatient, setCurrentPatient } = useAuthStore();
+
+  const fetchPatients = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await listPatients();
+      setPatients(res.data || []);
+    } catch {
+      Taro.showToast({ title: '加载失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useDidShow(() => {
+    fetchPatients();
+  }, [fetchPatients]);
+
+  const handleSelect = (patient: Patient) => {
+    setCurrentPatient({
+      id: patient.id,
+      name: patient.name,
+      gender: patient.gender,
+      birthday: patient.birthday,
+      relation: patient.relation || '本人',
+    });
+    Taro.showToast({ title: `已切换为 ${patient.name}`, icon: 'success' });
+  };
+
+  const goToAdd = () => {
+    Taro.navigateTo({ url: '/pages/profile/family-add/index' });
+  };
+
+  const genderText = (g?: string) => {
+    if (g === 'male') return '男';
+    if (g === 'female') return '女';
+    return '未知';
+  };
+
+  return (
+    <View className='family-page'>
+      <View className='family-list'>
+        {patients.map((p) => {
+          const isActive = currentPatient?.id === p.id;
+          return (
+            <View
+              className={`family-item ${isActive ? 'active' : ''}`}
+              key={p.id}
+              onClick={() => handleSelect(p)}
+            >
+              <View className='family-info'>
+                <Text className='family-name'>{p.name}</Text>
+                <View className='family-meta'>
+                  <Text className='family-tag'>{p.relation || '本人'}</Text>
+                  <Text className='family-gender'>{genderText(p.gender)}</Text>
+                </View>
+              </View>
+              {isActive && <Text className='family-check'>当前</Text>}
+            </View>
+          );
+        })}
+      </View>
+
+      {patients.length === 0 && !loading && (
+        <View className='empty-state'>
+          <Text className='empty-text'>暂无就诊人</Text>
+        </View>
+      )}
+
+      <View className='family-add-btn' onClick={goToAdd}>
+        <Text className='family-add-text'>+ 添加就诊人</Text>
+      </View>
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/profile/followups/index.scss b/apps/miniprogram/src/pages/profile/followups/index.scss
new file mode 100644
index 0000000..0e051af
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/followups/index.scss
@@ -0,0 +1,132 @@
+@import '../../../styles/variables.scss';
+
+.my-followups-page {
+  min-height: 100vh;
+  background: $bg;
+}
+
+.tab-bar {
+  display: flex;
+  background: $card;
+  padding: 0;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+}
+
+.tab-item {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 24px 0;
+  position: relative;
+
+  &.active {
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 48px;
+      height: 4px;
+      background: $pri;
+      border-radius: 2px;
+    }
+  }
+}
+
+.tab-text {
+  font-size: 28px;
+  color: $tx2;
+
+  .tab-item.active & {
+    color: $pri;
+    font-weight: bold;
+  }
+}
+
+.task-list {
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.task-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.task-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.task-name {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.task-status {
+  font-size: 24px;
+  padding: 4px 16px;
+  border-radius: 20px;
+
+  &.pending {
+    color: $wrn;
+    background: $wrn-l;
+  }
+
+  &.completed {
+    color: $acc;
+    background: $acc-l;
+  }
+
+  &.overdue {
+    color: $dan;
+    background: $dan-l;
+  }
+}
+
+.task-desc {
+  font-size: 26px;
+  color: $tx2;
+  display: block;
+  margin-bottom: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.task-due {
+  font-size: 24px;
+  color: $tx3;
+  display: block;
+}
+
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
+
+.loading-hint {
+  text-align: center;
+  padding: 24px 0;
+}
+
+.loading-text {
+  font-size: 24px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/profile/followups/index.tsx b/apps/miniprogram/src/pages/profile/followups/index.tsx
new file mode 100644
index 0000000..76f8534
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/followups/index.tsx
@@ -0,0 +1,105 @@
+import React, { useState, useCallback } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useDidShow } from '@tarojs/taro';
+import { listTasks, FollowUpTask } from '../../../services/followup';
+import './index.scss';
+
+const TABS = [
+  { key: 'pending', label: '待完成' },
+  { key: 'completed', label: '已完成' },
+  { key: 'overdue', label: '已过期' },
+];
+
+export default function MyFollowUps() {
+  const [activeTab, setActiveTab] = useState('pending');
+  const [tasks, setTasks] = useState<FollowUpTask[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const fetchTasks = useCallback(async (status: string) => {
+    setLoading(true);
+    try {
+      const res = await listTasks(status);
+      setTasks(res.data || []);
+    } catch {
+      Taro.showToast({ title: '加载失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useDidShow(() => {
+    fetchTasks(activeTab);
+  }, [activeTab, fetchTasks]);
+
+  const handleTabChange = (key: string) => {
+    setActiveTab(key);
+    setTasks([]);
+    fetchTasks(key);
+  };
+
+  const goToDetail = (id: string) => {
+    Taro.navigateTo({ url: `/pages/followup/detail/index?id=${id}` });
+  };
+
+  const getStatusClass = (status: string) => {
+    if (status === 'completed') return 'completed';
+    if (status === 'overdue') return 'overdue';
+    return 'pending';
+  };
+
+  const getStatusLabel = (status: string) => {
+    if (status === 'completed') return '已完成';
+    if (status === 'overdue') return '已过期';
+    return '待完成';
+  };
+
+  return (
+    <View className='my-followups-page'>
+      <View className='tab-bar'>
+        {TABS.map((tab) => (
+          <View
+            className={`tab-item ${activeTab === tab.key ? 'active' : ''}`}
+            key={tab.key}
+            onClick={() => handleTabChange(tab.key)}
+          >
+            <Text className='tab-text'>{tab.label}</Text>
+          </View>
+        ))}
+      </View>
+
+      <View className='task-list'>
+        {tasks.map((t) => (
+          <View
+            className='task-card'
+            key={t.id}
+            onClick={() => goToDetail(t.id)}
+          >
+            <View className='task-top'>
+              <Text className='task-name'>{t.task_type}</Text>
+              <Text className={`task-status ${getStatusClass(t.status)}`}>
+                {getStatusLabel(t.status)}
+              </Text>
+            </View>
+            <Text className='task-desc'>{t.description}</Text>
+            <Text className='task-due'>截止日期：{t.due_date}</Text>
+          </View>
+        ))}
+      </View>
+
+      {tasks.length === 0 && !loading && (
+        <View className='empty-state'>
+          <Text className='empty-text'>暂无{(() => {
+            const tab = TABS.find((t) => t.key === activeTab);
+            return tab ? tab.label : '';
+          })()}任务</Text>
+        </View>
+      )}
+
+      {loading && (
+        <View className='loading-hint'>
+          <Text className='loading-text'>加载中...</Text>
+        </View>
+      )}
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/profile/index.tsx b/apps/miniprogram/src/pages/profile/index.tsx
index 3be4a62..7fd9ea1 100644
--- a/apps/miniprogram/src/pages/profile/index.tsx
+++ b/apps/miniprogram/src/pages/profile/index.tsx
@@ -1,10 +1,35 @@
+import React from 'react';
 import { View, Text } from '@tarojs/components';
+import Taro from '@tarojs/taro';
 import { useAuthStore } from '../../stores/auth';
-import '../health/index.scss';
+import './index.scss';
+
+const MENU_ITEMS = [
+  { label: '就诊人管理', icon: '👥', path: '/pages/profile/family/index' },
+  { label: '我的报告', icon: '📋', path: '/pages/profile/reports/index' },
+  { label: '我的随访', icon: '💬', path: '/pages/profile/followups/index' },
+  { label: '用药提醒', icon: '💊', path: '/pages/profile/medication/index' },
+  { label: '设置', icon: '⚙️', path: '/pages/profile/settings/index' },
+];
 
 export default function Profile() {
   const { user, logout } = useAuthStore();
 
+  const handleMenuClick = (path: string) => {
+    Taro.navigateTo({ url: path });
+  };
+
+  const handleLogout = () => {
+    Taro.showModal({
+      title: '退出登录',
+      content: '确定要退出登录吗？',
+    }).then((res) => {
+      if (res.confirm) {
+        logout();
+      }
+    });
+  };
+
   return (
     <View className='profile-page'>
       <View className='profile-header'>
@@ -18,14 +43,12 @@ export default function Profile() {
       </View>
 
       <View className='profile-menu'>
-        {[
-          { label: '就诊人管理', icon: '👥' },
-          { label: '我的报告', icon: '📋' },
-          { label: '我的随访', icon: '💬' },
-          { label: '用药提醒', icon: '💊' },
-          { label: '设置', icon: '⚙️' },
-        ].map((item) => (
-          <View className='menu-item' key={item.label}>
+        {MENU_ITEMS.map((item) => (
+          <View
+            className='menu-item'
+            key={item.label}
+            onClick={() => handleMenuClick(item.path)}
+          >
             <Text className='menu-icon'>{item.icon}</Text>
             <Text className='menu-label'>{item.label}</Text>
             <Text className='menu-arrow'>›</Text>
@@ -33,7 +56,7 @@ export default function Profile() {
         ))}
       </View>
 
-      <View className='profile-logout' onClick={logout}>
+      <View className='profile-logout' onClick={handleLogout}>
         <Text className='logout-text'>退出登录</Text>
       </View>
     </View>
diff --git a/apps/miniprogram/src/pages/profile/medication/index.scss b/apps/miniprogram/src/pages/profile/medication/index.scss
new file mode 100644
index 0000000..7c8d365
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/medication/index.scss
@@ -0,0 +1,196 @@
+@import '../../../styles/variables.scss';
+
+.medication-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 24px;
+  padding-bottom: 140px;
+}
+
+.reminder-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.reminder-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.reminder-left {
+  display: flex;
+  flex-direction: column;
+}
+
+.reminder-name {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+  margin-bottom: 4px;
+}
+
+.reminder-dosage {
+  font-size: 24px;
+  color: $tx2;
+}
+
+.reminder-actions {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.toggle {
+  width: 80px;
+  height: 44px;
+  border-radius: 22px;
+  padding: 4px;
+  position: relative;
+  transition: background 0.3s;
+
+  &.on {
+    background: $pri;
+  }
+
+  &.off {
+    background: $bd;
+  }
+}
+
+.toggle-dot {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: white;
+  position: absolute;
+  top: 4px;
+  transition: left 0.3s;
+
+  .toggle.on & {
+    left: 40px;
+  }
+
+  .toggle.off & {
+    left: 4px;
+  }
+}
+
+.delete-btn {
+  font-size: 24px;
+  color: $dan;
+  padding: 4px 12px;
+}
+
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
+
+.form-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  margin-top: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.form-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 0;
+  border-bottom: 1px solid $bd-l;
+
+  &:last-of-type {
+    border-bottom: none;
+  }
+}
+
+.form-label {
+  font-size: 28px;
+  color: $tx;
+  flex-shrink: 0;
+  width: 140px;
+}
+
+.form-input {
+  flex: 1;
+  font-size: 28px;
+  color: $tx;
+  text-align: right;
+  border: none;
+  background: transparent;
+  outline: none;
+}
+
+.time-picker-wrap {
+  flex: 1;
+  text-align: right;
+}
+
+.time-value {
+  font-size: 28px;
+  color: $tx;
+}
+
+.form-actions {
+  display: flex;
+  gap: 16px;
+  margin-top: 20px;
+}
+
+.form-cancel {
+  flex: 1;
+  background: $bd-l;
+  border-radius: $r-sm;
+  padding: 20px;
+  text-align: center;
+}
+
+.form-cancel-text {
+  font-size: 28px;
+  color: $tx2;
+}
+
+.form-confirm {
+  flex: 1;
+  background: $pri;
+  border-radius: $r-sm;
+  padding: 20px;
+  text-align: center;
+}
+
+.form-confirm-text {
+  font-size: 28px;
+  color: white;
+  font-weight: bold;
+}
+
+.add-btn {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: $pri;
+  padding: 28px;
+  text-align: center;
+}
+
+.add-text {
+  font-size: 32px;
+  color: white;
+  font-weight: bold;
+}
diff --git a/apps/miniprogram/src/pages/profile/medication/index.tsx b/apps/miniprogram/src/pages/profile/medication/index.tsx
new file mode 100644
index 0000000..fe808fc
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/medication/index.tsx
@@ -0,0 +1,158 @@
+import React, { useState, useEffect } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import './index.scss';
+
+interface MedicationReminder {
+  id: string;
+  name: string;
+  dosage: string;
+  time: string;
+  enabled: boolean;
+}
+
+const STORAGE_KEY = 'medication_reminders';
+
+function loadReminders(): MedicationReminder[] {
+  return Taro.getStorageSync(STORAGE_KEY) || [];
+}
+
+function saveReminders(reminders: MedicationReminder[]) {
+  Taro.setStorageSync(STORAGE_KEY, reminders);
+}
+
+export default function MedicationReminder() {
+  const [reminders, setReminders] = useState<MedicationReminder[]>([]);
+  const [showForm, setShowForm] = useState(false);
+  const [formName, setFormName] = useState('');
+  const [formDosage, setFormDosage] = useState('');
+  const [formTime, setFormTime] = useState('08:00');
+
+  useEffect(() => {
+    setReminders(loadReminders());
+  }, []);
+
+  const updateReminders = (updated: MedicationReminder[]) => {
+    setReminders(updated);
+    saveReminders(updated);
+  };
+
+  const handleToggle = (id: string) => {
+    const updated = reminders.map((r) =>
+      r.id === id ? { ...r, enabled: !r.enabled } : r
+    );
+    updateReminders(updated);
+  };
+
+  const handleDelete = (id: string) => {
+    Taro.showModal({
+      title: '确认删除',
+      content: '确定要删除这个提醒吗？',
+    }).then((res) => {
+      if (res.confirm) {
+        updateReminders(reminders.filter((r) => r.id !== id));
+      }
+    });
+  };
+
+  const handleAdd = () => {
+    if (!formName.trim()) {
+      Taro.showToast({ title: '请输入药品名称', icon: 'none' });
+      return;
+    }
+    const newReminder: MedicationReminder = {
+      id: Date.now().toString(),
+      name: formName.trim(),
+      dosage: formDosage.trim(),
+      time: formTime,
+      enabled: true,
+    };
+    updateReminders([...reminders, newReminder]);
+    setFormName('');
+    setFormDosage('');
+    setFormTime('08:00');
+    setShowForm(false);
+    Taro.showToast({ title: '添加成功', icon: 'success' });
+  };
+
+  return (
+    <View className='medication-page'>
+      <View className='reminder-list'>
+        {reminders.map((r) => (
+          <View className='reminder-card' key={r.id}>
+            <View className='reminder-left'>
+              <Text className='reminder-name'>{r.name}</Text>
+              <Text className='reminder-dosage'>
+                {r.dosage} | {r.time}
+              </Text>
+            </View>
+            <View className='reminder-actions'>
+              <View
+                className={`toggle ${r.enabled ? 'on' : 'off'}`}
+                onClick={() => handleToggle(r.id)}
+              >
+                <View className='toggle-dot' />
+              </View>
+              <Text
+                className='delete-btn'
+                onClick={() => handleDelete(r.id)}
+              >
+                删除
+              </Text>
+            </View>
+          </View>
+        ))}
+      </View>
+
+      {reminders.length === 0 && (
+        <View className='empty-state'>
+          <Text className='empty-text'>暂无用药提醒</Text>
+        </View>
+      )}
+
+      {/* 添加表单 */}
+      {showForm && (
+        <View className='form-card'>
+          <View className='form-item'>
+            <Text className='form-label'>药品名称</Text>
+            <input
+              className='form-input'
+              placeholder='请输入药品名称'
+              value={formName}
+              onInput={(e) => setFormName(e.detail.value)}
+            />
+          </View>
+          <View className='form-item'>
+            <Text className='form-label'>剂量</Text>
+            <input
+              className='form-input'
+              placeholder='如：1片、10ml'
+              value={formDosage}
+              onInput={(e) => setFormDosage(e.detail.value)}
+            />
+          </View>
+          <View className='form-item'>
+            <Text className='form-label'>提醒时间</Text>
+            <View className='time-picker-wrap'>
+              <Text className='time-value'>{formTime}</Text>
+            </View>
+          </View>
+          <View className='form-actions'>
+            <View className='form-cancel' onClick={() => setShowForm(false)}>
+              <Text className='form-cancel-text'>取消</Text>
+            </View>
+            <View className='form-confirm' onClick={handleAdd}>
+              <Text className='form-confirm-text'>确认</Text>
+            </View>
+          </View>
+        </View>
+      )}
+
+      {!showForm && (
+        <View className='add-btn' onClick={() => setShowForm(true)}>
+          <Text className='add-text'>+ 添加提醒</Text>
+        </View>
+      )}
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/profile/reports/index.scss b/apps/miniprogram/src/pages/profile/reports/index.scss
new file mode 100644
index 0000000..b1356e2
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/reports/index.scss
@@ -0,0 +1,78 @@
+@import '../../../styles/variables.scss';
+
+.my-reports-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 24px;
+  padding-bottom: 40px;
+}
+
+.report-list {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.report-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.report-card-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.report-type {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.report-status {
+  font-size: 24px;
+  padding: 4px 16px;
+  border-radius: 20px;
+
+  &.normal {
+    color: $acc;
+    background: $acc-l;
+  }
+
+  &.abnormal {
+    color: $dan;
+    background: $dan-l;
+  }
+}
+
+.report-date {
+  font-size: 26px;
+  color: $tx2;
+  display: block;
+}
+
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
+
+.loading-hint {
+  text-align: center;
+  padding: 24px 0;
+}
+
+.loading-text {
+  font-size: 24px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/profile/reports/index.tsx b/apps/miniprogram/src/pages/profile/reports/index.tsx
new file mode 100644
index 0000000..25b3f92
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/reports/index.tsx
@@ -0,0 +1,94 @@
+import React, { useState, useCallback } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useDidShow, usePullDownRefresh, useReachBottom } from '@tarojs/taro';
+import { listReports, LabReport } from '../../../services/report';
+import './index.scss';
+
+const PAGE_SIZE = 20;
+
+export default function MyReports() {
+  const [reports, setReports] = useState<LabReport[]>([]);
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+
+  const patientId = Taro.getStorageSync('current_patient_id') || '';
+
+  const fetchData = useCallback(async (p: number, append = false) => {
+    if (!patientId) return;
+    setLoading(true);
+    try {
+      const res = await listReports(patientId, p);
+      const list = res.data || [];
+      setReports(append ? (prev) => [...prev, ...list] : list);
+      setTotal(res.total);
+      setPage(p);
+    } catch {
+      Taro.showToast({ title: '加载失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+    }
+  }, [patientId]);
+
+  useDidShow(() => {
+    fetchData(1);
+  }, [fetchData]);
+
+  usePullDownRefresh(() => {
+    fetchData(1).finally(() => {
+      Taro.stopPullDownRefresh();
+    });
+  });
+
+  useReachBottom(() => {
+    if (!loading && reports.length < total) {
+      fetchData(page + 1, true);
+    }
+  });
+
+  const goToDetail = (id: string) => {
+    Taro.navigateTo({ url: `/pages/report/detail/index?id=${id}` });
+  };
+
+  const formatStatus = (report: LabReport) => {
+    const indicators = report.indicators;
+    if (!indicators || typeof indicators !== 'object') return '未知';
+    const vals = Object.values(indicators) as Array<{ status?: string }>;
+    const hasAbnormal = vals.some((v) => v.status === 'high' || v.status === 'low');
+    return hasAbnormal ? '异常' : '正常';
+  };
+
+  return (
+    <View className='my-reports-page'>
+      <View className='report-list'>
+        {reports.map((r) => (
+          <View
+            className='report-card'
+            key={r.id}
+            onClick={() => goToDetail(r.id)}
+          >
+            <View className='report-card-top'>
+              <Text className='report-type'>{r.report_type}</Text>
+              <Text className={`report-status ${formatStatus(r) === '正常' ? 'normal' : 'abnormal'}`}>
+                {formatStatus(r)}
+              </Text>
+            </View>
+            <Text className='report-date'>{r.report_date}</Text>
+          </View>
+        ))}
+      </View>
+
+      {reports.length === 0 && !loading && (
+        <View className='empty-state'>
+          <Text className='empty-text'>暂无报告记录</Text>
+        </View>
+      )}
+
+      {loading && (
+        <View className='loading-hint'>
+          <Text className='loading-text'>加载中...</Text>
+        </View>
+      )}
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/profile/settings/index.scss b/apps/miniprogram/src/pages/profile/settings/index.scss
new file mode 100644
index 0000000..e9f8a90
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/settings/index.scss
@@ -0,0 +1,50 @@
+@import '../../../styles/variables.scss';
+
+.settings-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 24px;
+}
+
+.settings-group {
+  background: $card;
+  border-radius: $r;
+  overflow: hidden;
+  margin-bottom: 24px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.settings-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 28px 24px;
+  border-bottom: 1px solid $bd-l;
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  &.logout-item {
+    justify-content: center;
+  }
+}
+
+.settings-label {
+  font-size: 30px;
+  color: $tx;
+
+  .logout-item & {
+    color: $dan;
+    font-weight: bold;
+  }
+}
+
+.logout-label {
+  color: $dan;
+}
+
+.settings-arrow {
+  font-size: 32px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/profile/settings/index.tsx b/apps/miniprogram/src/pages/profile/settings/index.tsx
new file mode 100644
index 0000000..00e12cb
--- /dev/null
+++ b/apps/miniprogram/src/pages/profile/settings/index.tsx
@@ -0,0 +1,90 @@
+import React from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { useAuthStore } from '../../../stores/auth';
+import './index.scss';
+
+export default function Settings() {
+  const { logout } = useAuthStore();
+
+  const handleClearCache = () => {
+    Taro.showModal({
+      title: '清除缓存',
+      content: '确定要清除本地缓存数据吗？不会影响账号信息。',
+    }).then((res) => {
+      if (res.confirm) {
+        // 保留登录态和核心设置
+        const token = Taro.getStorageSync('access_token');
+        const refreshToken = Taro.getStorageSync('refresh_token');
+        const user = Taro.getStorageSync('user');
+        const currentPatient = Taro.getStorageSync('current_patient');
+        const currentPatientId = Taro.getStorageSync('current_patient_id');
+        const tenantId = Taro.getStorageSync('tenant_id');
+
+        Taro.clearStorageSync();
+
+        // 恢复登录态
+        if (token) Taro.setStorageSync('access_token', token);
+        if (refreshToken) Taro.setStorageSync('refresh_token', refreshToken);
+        if (user) Taro.setStorageSync('user', user);
+        if (currentPatient) Taro.setStorageSync('current_patient', currentPatient);
+        if (currentPatientId) Taro.setStorageSync('current_patient_id', currentPatientId);
+        if (tenantId) Taro.setStorageSync('tenant_id', tenantId);
+
+        Taro.showToast({ title: '缓存已清除', icon: 'success' });
+      }
+    });
+  };
+
+  const handleAbout = () => {
+    Taro.showModal({
+      title: '关于我们',
+      content: 'HMS 健康管理平台 v1.0.0\n为您的健康保驾护航',
+      showCancel: false,
+    });
+  };
+
+  const handlePrivacy = () => {
+    Taro.showModal({
+      title: '隐私政策',
+      content: '我们重视您的隐私保护。所有健康数据均经过加密存储，仅用于为您提供健康管理服务，不会向第三方分享。',
+      showCancel: false,
+    });
+  };
+
+  const handleLogout = () => {
+    Taro.showModal({
+      title: '退出登录',
+      content: '确定要退出登录吗？',
+    }).then((res) => {
+      if (res.confirm) {
+        logout();
+      }
+    });
+  };
+
+  return (
+    <View className='settings-page'>
+      <View className='settings-group'>
+        <View className='settings-item' onClick={handleClearCache}>
+          <Text className='settings-label'>清除缓存</Text>
+          <Text className='settings-arrow'>›</Text>
+        </View>
+        <View className='settings-item' onClick={handleAbout}>
+          <Text className='settings-label'>关于我们</Text>
+          <Text className='settings-arrow'>›</Text>
+        </View>
+        <View className='settings-item' onClick={handlePrivacy}>
+          <Text className='settings-label'>隐私政策</Text>
+          <Text className='settings-arrow'>›</Text>
+        </View>
+      </View>
+
+      <View className='settings-group'>
+        <View className='settings-item logout-item' onClick={handleLogout}>
+          <Text className='settings-label logout-label'>退出登录</Text>
+        </View>
+      </View>
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/report/detail/index.scss b/apps/miniprogram/src/pages/report/detail/index.scss
new file mode 100644
index 0000000..bb1196a
--- /dev/null
+++ b/apps/miniprogram/src/pages/report/detail/index.scss
@@ -0,0 +1,142 @@
+@import '../../../styles/variables.scss';
+
+.detail-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 24px;
+  padding-bottom: 40px;
+}
+
+.detail-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.detail-title {
+  font-size: 34px;
+  font-weight: bold;
+  color: $tx;
+  display: block;
+  margin-bottom: 20px;
+}
+
+.detail-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 12px 0;
+  border-bottom: 1px solid $bd-l;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.detail-label {
+  font-size: 26px;
+  color: $tx2;
+  flex-shrink: 0;
+}
+
+.detail-value {
+  font-size: 26px;
+  color: $tx;
+  text-align: right;
+  flex: 1;
+  margin-left: 24px;
+}
+
+.indicators-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.section-title {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+  display: block;
+  margin-bottom: 16px;
+}
+
+.indicator-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px 0;
+  border-bottom: 1px solid $bd-l;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.indicator-left {
+  display: flex;
+  flex-direction: column;
+}
+
+.indicator-name {
+  font-size: 26px;
+  color: $tx2;
+  margin-bottom: 4px;
+}
+
+.indicator-value {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.indicator-right {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.indicator-ref {
+  font-size: 22px;
+  color: $tx3;
+  margin-bottom: 4px;
+}
+
+.indicator-status {
+  font-size: 24px;
+  font-weight: bold;
+  padding: 4px 12px;
+  border-radius: 16px;
+
+  &.normal {
+    color: $tx3;
+    background: $bd-l;
+  }
+
+  &.high {
+    color: $dan;
+    background: $dan-l;
+  }
+
+  &.low {
+    color: $dan;
+    background: $dan-l;
+  }
+}
+
+.loading-state,
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.loading-text,
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/report/detail/index.tsx b/apps/miniprogram/src/pages/report/detail/index.tsx
new file mode 100644
index 0000000..ce394a9
--- /dev/null
+++ b/apps/miniprogram/src/pages/report/detail/index.tsx
@@ -0,0 +1,118 @@
+import React, { useState, useEffect } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useRouter } from '@tarojs/taro';
+import { getReportDetail, LabReport } from '../../../services/report';
+import './index.scss';
+
+interface IndicatorItem {
+  name: string;
+  value: number;
+  unit?: string;
+  reference_min?: number;
+  reference_max?: number;
+  status?: string;
+}
+
+export default function ReportDetail() {
+  const router = useRouter();
+  const id = router.params.id || '';
+  const patientId = Taro.getStorageSync('current_patient_id') || '';
+
+  const [report, setReport] = useState<LabReport | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    if (!id || !patientId) return;
+    setLoading(true);
+    getReportDetail(patientId, id)
+      .then((data) => setReport(data))
+      .catch(() => Taro.showToast({ title: '加载失败', icon: 'none' }))
+      .finally(() => setLoading(false));
+  }, [id, patientId]);
+
+  const indicators: IndicatorItem[] = React.useMemo(() => {
+    if (!report?.indicators || typeof report.indicators !== 'object') return [];
+    return Object.entries(report.indicators).map(([name, val]: [string, any]) => ({
+      name,
+      value: val.value,
+      unit: val.unit,
+      reference_min: val.reference_min,
+      reference_max: val.reference_max,
+      status: val.status,
+    }));
+  }, [report]);
+
+  const getStatusInfo = (status?: string) => {
+    if (status === 'high') return { text: '偏高', icon: '', className: 'high' };
+    if (status === 'low') return { text: '偏低', icon: '', className: 'low' };
+    return { text: '正常', icon: '', className: 'normal' };
+  };
+
+  if (loading) {
+    return (
+      <View className='detail-page'>
+        <View className='loading-state'>
+          <Text className='loading-text'>加载中...</Text>
+        </View>
+      </View>
+    );
+  }
+
+  if (!report) {
+    return (
+      <View className='detail-page'>
+        <View className='empty-state'>
+          <Text className='empty-text'>报告不存在</Text>
+        </View>
+      </View>
+    );
+  }
+
+  return (
+    <View className='detail-page'>
+      {/* 基本信息 */}
+      <View className='detail-card'>
+        <Text className='detail-title'>{report.report_type}</Text>
+        <View className='detail-row'>
+          <Text className='detail-label'>报告日期</Text>
+          <Text className='detail-value'>{report.report_date}</Text>
+        </View>
+        {report.doctor_interpretation && (
+          <View className='detail-row'>
+            <Text className='detail-label'>医生解读</Text>
+            <Text className='detail-value'>{report.doctor_interpretation}</Text>
+          </View>
+        )}
+      </View>
+
+      {/* 指标列表 */}
+      <View className='indicators-card'>
+        <Text className='section-title'>检查指标</Text>
+        {indicators.map((item) => {
+          const statusInfo = getStatusInfo(item.status);
+          return (
+            <View className='indicator-item' key={item.name}>
+              <View className='indicator-left'>
+                <Text className='indicator-name'>{item.name}</Text>
+                <Text className='indicator-value'>
+                  {item.value}
+                  {item.unit ? ` ${item.unit}` : ''}
+                </Text>
+              </View>
+              <View className='indicator-right'>
+                {item.reference_min != null && item.reference_max != null && (
+                  <Text className='indicator-ref'>
+                    {item.reference_min}~{item.reference_max}
+                  </Text>
+                )}
+                <Text className={`indicator-status ${statusInfo.className}`}>
+                  {statusInfo.icon} {statusInfo.text}
+                </Text>
+              </View>
+            </View>
+          );
+        })}
+      </View>
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/pages/report/index.scss b/apps/miniprogram/src/pages/report/index.scss
new file mode 100644
index 0000000..62ddf35
--- /dev/null
+++ b/apps/miniprogram/src/pages/report/index.scss
@@ -0,0 +1,88 @@
+@import '../../styles/variables.scss';
+
+.report-page {
+  min-height: 100vh;
+  background: $bg;
+  padding: 24px;
+  padding-bottom: 40px;
+}
+
+.report-list {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.report-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+}
+
+.report-card-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.report-type {
+  font-size: 30px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.report-status {
+  font-size: 24px;
+  padding: 4px 16px;
+  border-radius: 20px;
+
+  &.normal {
+    color: $acc;
+    background: $acc-l;
+  }
+
+  &.abnormal {
+    color: $dan;
+    background: $dan-l;
+  }
+}
+
+.report-date {
+  font-size: 26px;
+  color: $tx2;
+  display: block;
+  margin-bottom: 8px;
+}
+
+.report-note {
+  font-size: 24px;
+  color: $tx3;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.empty-state {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 120px 0;
+}
+
+.empty-text {
+  font-size: 28px;
+  color: $tx3;
+}
+
+.loading-hint {
+  text-align: center;
+  padding: 24px 0;
+}
+
+.loading-text {
+  font-size: 24px;
+  color: $tx3;
+}
diff --git a/apps/miniprogram/src/pages/report/index.tsx b/apps/miniprogram/src/pages/report/index.tsx
new file mode 100644
index 0000000..73a0d60
--- /dev/null
+++ b/apps/miniprogram/src/pages/report/index.tsx
@@ -0,0 +1,97 @@
+import React, { useState, useCallback } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useDidShow, usePullDownRefresh, useReachBottom } from '@tarojs/taro';
+import { listReports, LabReport } from '../../services/report';
+import './index.scss';
+
+const PAGE_SIZE = 20;
+
+export default function ReportList() {
+  const [reports, setReports] = useState<LabReport[]>([]);
+  const [page, setPage] = useState(1);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+
+  const patientId = Taro.getStorageSync('current_patient_id') || '';
+
+  const fetchData = useCallback(async (p: number, append = false) => {
+    if (!patientId) return;
+    setLoading(true);
+    try {
+      const res = await listReports(patientId, p);
+      const list = res.data || [];
+      setReports(append ? (prev) => [...prev, ...list] : list);
+      setTotal(res.total);
+      setPage(p);
+    } catch {
+      Taro.showToast({ title: '加载失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+    }
+  }, [patientId]);
+
+  useDidShow(() => {
+    fetchData(1);
+  });
+
+  usePullDownRefresh(() => {
+    fetchData(1).finally(() => {
+      Taro.stopPullDownRefresh();
+    });
+  });
+
+  useReachBottom(() => {
+    if (!loading && reports.length < total) {
+      fetchData(page + 1, true);
+    }
+  });
+
+  const goToDetail = (id: string) => {
+    Taro.navigateTo({ url: `/pages/report/detail/index?id=${id}` });
+  };
+
+  const formatStatus = (report: LabReport) => {
+    const indicators = report.indicators;
+    if (!indicators || typeof indicators !== 'object') return '未知';
+    const vals = Object.values(indicators) as Array<{ status?: string }>;
+    const hasAbnormal = vals.some((v) => v.status === 'high' || v.status === 'low');
+    return hasAbnormal ? '异常' : '正常';
+  };
+
+  return (
+    <View className='report-page'>
+      <View className='report-list'>
+        {reports.map((r) => (
+          <View
+            className='report-card'
+            key={r.id}
+            onClick={() => goToDetail(r.id)}
+          >
+            <View className='report-card-top'>
+              <Text className='report-type'>{r.report_type}</Text>
+              <Text className={`report-status ${formatStatus(r) === '正常' ? 'normal' : 'abnormal'}`}>
+                {formatStatus(r)}
+              </Text>
+            </View>
+            <Text className='report-date'>{r.report_date}</Text>
+            {r.doctor_interpretation && (
+              <Text className='report-note'>{r.doctor_interpretation}</Text>
+            )}
+          </View>
+        ))}
+      </View>
+
+      {reports.length === 0 && !loading && (
+        <View className='empty-state'>
+          <Text className='empty-text'>暂无报告记录</Text>
+        </View>
+      )}
+
+      {loading && (
+        <View className='loading-hint'>
+          <Text className='loading-text'>加载中...</Text>
+        </View>
+      )}
+    </View>
+  );
+}
diff --git a/apps/miniprogram/src/services/appointment.ts b/apps/miniprogram/src/services/appointment.ts
new file mode 100644
index 0000000..e65249f
--- /dev/null
+++ b/apps/miniprogram/src/services/appointment.ts
@@ -0,0 +1,50 @@
+import { api } from './request';
+
+export interface Appointment {
+  id: string;
+  patient_name: string;
+  doctor_name: string;
+  department: string;
+  appointment_date: string;
+  time_slot: string;
+  status: string;
+  version: number;
+}
+
+export async function listAppointments(page = 1) {
+  return api.get<{ data: Appointment[]; total: number }>(`/health/appointments?page=${page}&page_size=20`);
+}
+
+export async function createAppointment(data: {
+  patient_id: string;
+  doctor_id: string;
+  schedule_id: string;
+  appointment_date: string;
+  time_slot: string;
+  reason?: string;
+}) {
+  return api.post<Appointment>('/health/appointments', data);
+}
+
+export async function cancelAppointment(id: string, version: number) {
+  return api.put(`/health/appointments/${id}/status`, {
+    status: 'cancelled',
+    version,
+  });
+}
+
+export async function getDoctorSchedules(doctorId: string, startDate: string, endDate: string) {
+  return api.get<{ data: any[]; total: number }>(
+    `/health/doctor-schedules?doctor_id=${doctorId}&start_date=${startDate}&end_date=${endDate}&page_size=50`
+  );
+}
+
+export async function listDoctors(department?: string) {
+  const deptParam = department ? `&department=${department}` : '';
+  return api.get<{ data: any[]; total: number }>(`/health/doctors?page_size=100${deptParam}`);
+}
+
+export async function calendarView(startDate: string, endDate: string, doctorId?: string) {
+  const docParam = doctorId ? `&doctor_id=${doctorId}` : '';
+  return api.get<any[]>(`/health/doctor-schedules/calendar?start_date=${startDate}&end_date=${endDate}${docParam}`);
+}
diff --git a/apps/miniprogram/src/services/article.ts b/apps/miniprogram/src/services/article.ts
new file mode 100644
index 0000000..4b5ebe5
--- /dev/null
+++ b/apps/miniprogram/src/services/article.ts
@@ -0,0 +1,19 @@
+import { api } from './request';
+
+export interface Article {
+  id: string;
+  title: string;
+  summary?: string;
+  content?: string;
+  cover_image?: string;
+  category?: string;
+  published_at?: string;
+}
+
+export async function listArticles(page = 1) {
+  return api.get<{ data: Article[]; total: number }>(`/health/articles?page=${page}&page_size=20`);
+}
+
+export async function getArticleDetail(id: string) {
+  return api.get<Article>(`/health/articles/${id}`);
+}
diff --git a/apps/miniprogram/src/services/followup.ts b/apps/miniprogram/src/services/followup.ts
new file mode 100644
index 0000000..1a7734d
--- /dev/null
+++ b/apps/miniprogram/src/services/followup.ts
@@ -0,0 +1,36 @@
+import { api } from './request';
+
+export interface FollowUpTask {
+  id: string;
+  patient_name: string;
+  task_type: string;
+  description: string;
+  status: string;
+  due_date: string;
+  version: number;
+}
+
+export interface FollowUpRecord {
+  id: string;
+  task_id: string;
+  content: any;
+  created_at: string;
+}
+
+export async function listTasks(status?: string) {
+  const statusParam = status ? `&status=${status}` : '';
+  return api.get<{ data: FollowUpTask[]; total: number }>(
+    `/health/follow-up-tasks?page=1&page_size=50${statusParam}`
+  );
+}
+
+export async function submitRecord(data: { task_id: string; content: any }) {
+  return api.post<FollowUpRecord>('/health/follow-up-records', data);
+}
+
+export async function listRecords(taskId?: string) {
+  const taskParam = taskId ? `&task_id=${taskId}` : '';
+  return api.get<{ data: FollowUpRecord[]; total: number }>(
+    `/health/follow-up-records?page=1&page_size=50${taskParam}`
+  );
+}
diff --git a/apps/miniprogram/src/services/patient.ts b/apps/miniprogram/src/services/patient.ts
new file mode 100644
index 0000000..f53d6f2
--- /dev/null
+++ b/apps/miniprogram/src/services/patient.ts
@@ -0,0 +1,30 @@
+import { api } from './request';
+
+export interface Patient {
+  id: string;
+  name: string;
+  gender?: string;
+  birthday?: string;
+  phone?: string;
+  id_number?: string;
+  relation?: string;
+  version: number;
+}
+
+export async function listPatients() {
+  return api.get<{ data: Patient[]; total: number }>('/health/patients?page=1&page_size=100');
+}
+
+export async function createPatient(data: {
+  name: string;
+  gender?: string;
+  birthday?: string;
+  phone?: string;
+  id_number?: string;
+}) {
+  return api.post<Patient>('/health/patients', data);
+}
+
+export async function updatePatient(id: string, data: any, version: number) {
+  return api.put<Patient>(`/health/patients/${id}`, { ...data, version });
+}
diff --git a/apps/miniprogram/src/services/report.ts b/apps/miniprogram/src/services/report.ts
new file mode 100644
index 0000000..ae18ed6
--- /dev/null
+++ b/apps/miniprogram/src/services/report.ts
@@ -0,0 +1,21 @@
+import { api } from './request';
+
+export interface LabReport {
+  id: string;
+  report_date: string;
+  report_type: string;
+  indicators: any;
+  doctor_interpretation?: string;
+  image_urls?: string[];
+  version: number;
+}
+
+export async function listReports(patientId: string, page = 1) {
+  return api.get<{ data: LabReport[]; total: number }>(
+    `/health/patients/${patientId}/lab-reports?page=${page}&page_size=20`
+  );
+}
+
+export async function getReportDetail(patientId: string, id: string) {
+  return api.get<LabReport>(`/health/patients/${patientId}/lab-reports/${id}`);
+}
diff --git a/crates/erp-health/src/dto/article_dto.rs b/crates/erp-health/src/dto/article_dto.rs
new file mode 100644
index 0000000..cde2635
--- /dev/null
+++ b/crates/erp-health/src/dto/article_dto.rs
@@ -0,0 +1,36 @@
+use serde::{Deserialize, Serialize};
+use utoipa::{IntoParams, ToSchema};
+use uuid::Uuid;
+
+#[derive(Debug, Clone, Serialize, Deserialize, ToSchema)]
+pub struct ArticleResp {
+    pub id: Uuid,
+    pub title: String,
+    pub summary: Option<String>,
+    pub content: Option<String>,
+    pub cover_image: Option<String>,
+    pub category: Option<String>,
+    pub author: Option<String>,
+    pub published_at: Option<chrono::DateTime<chrono::Utc>>,
+    pub created_at: chrono::DateTime<chrono::Utc>,
+    pub updated_at: chrono::DateTime<chrono::Utc>,
+    pub version: i32,
+}
+
+#[derive(Debug, Clone, Serialize, Deserialize, ToSchema)]
+pub struct ArticleListItem {
+    pub id: Uuid,
+    pub title: String,
+    pub summary: Option<String>,
+    pub cover_image: Option<String>,
+    pub category: Option<String>,
+    pub author: Option<String>,
+    pub published_at: Option<chrono::DateTime<chrono::Utc>>,
+}
+
+#[derive(Debug, Clone, Deserialize, IntoParams)]
+pub struct ArticleListParams {
+    pub page: Option<u64>,
+    pub page_size: Option<u64>,
+    pub category: Option<String>,
+}
diff --git a/crates/erp-health/src/dto/health_data_dto.rs b/crates/erp-health/src/dto/health_data_dto.rs
index 3ba0ea2..a1f1323 100644
--- a/crates/erp-health/src/dto/health_data_dto.rs
+++ b/crates/erp-health/src/dto/health_data_dto.rs
@@ -65,6 +65,15 @@ pub struct CreateLabReportReq {
     pub doctor_interpretation: Option<String>,
 }
 
+#[derive(Debug, Clone, Serialize, Deserialize, ToSchema)]
+pub struct UpdateLabReportReq {
+    pub report_date: Option<NaiveDate>,
+    pub report_type: Option<String>,
+    pub indicators: Option<serde_json::Value>,
+    pub image_urls: Option<serde_json::Value>,
+    pub doctor_interpretation: Option<String>,
+}
+
 #[derive(Debug, Clone, Serialize, Deserialize, ToSchema)]
 pub struct LabReportResp {
     pub id: Uuid,
@@ -89,6 +98,16 @@ pub struct CreateHealthRecordReq {
     pub notes: Option<String>,
 }
 
+#[derive(Debug, Clone, Serialize, Deserialize, ToSchema)]
+pub struct UpdateHealthRecordReq {
+    pub record_type: Option<String>,
+    pub record_date: Option<NaiveDate>,
+    pub source: Option<String>,
+    pub overall_assessment: Option<String>,
+    pub report_file_url: Option<String>,
+    pub notes: Option<String>,
+}
+
 #[derive(Debug, Clone, Serialize, Deserialize, ToSchema)]
 pub struct HealthRecordResp {
     pub id: Uuid,
diff --git a/crates/erp-health/src/dto/mod.rs b/crates/erp-health/src/dto/mod.rs
index cc5afa9..5ea0aa1 100644
--- a/crates/erp-health/src/dto/mod.rs
+++ b/crates/erp-health/src/dto/mod.rs
@@ -1,4 +1,5 @@
 pub mod appointment_dto;
+pub mod article_dto;
 pub mod consultation_dto;
 pub mod doctor_dto;
 pub mod follow_up_dto;
diff --git a/crates/erp-health/src/entity/article.rs b/crates/erp-health/src/entity/article.rs
new file mode 100644
index 0000000..c6d6b13
--- /dev/null
+++ b/crates/erp-health/src/entity/article.rs
@@ -0,0 +1,36 @@
+use sea_orm::entity::prelude::*;
+use serde::{Deserialize, Serialize};
+
+#[derive(Clone, Debug, PartialEq, DeriveEntityModel, Serialize, Deserialize)]
+#[sea_orm(table_name = "article")]
+pub struct Model {
+    #[sea_orm(primary_key, auto_increment = false)]
+    pub id: Uuid,
+    pub tenant_id: Uuid,
+    pub title: String,
+    #[sea_orm(skip_serializing_if = "Option::is_none")]
+    pub summary: Option<String>,
+    pub content: String,
+    #[sea_orm(skip_serializing_if = "Option::is_none")]
+    pub cover_image: Option<String>,
+    #[sea_orm(skip_serializing_if = "Option::is_none")]
+    pub category: Option<String>,
+    #[sea_orm(skip_serializing_if = "Option::is_none")]
+    pub author: Option<String>,
+    #[sea_orm(skip_serializing_if = "Option::is_none")]
+    pub published_at: Option<DateTimeUtc>,
+    pub created_at: DateTimeUtc,
+    pub updated_at: DateTimeUtc,
+    #[sea_orm(skip_serializing_if = "Option::is_none")]
+    pub created_by: Option<Uuid>,
+    #[sea_orm(skip_serializing_if = "Option::is_none")]
+    pub updated_by: Option<Uuid>,
+    #[sea_orm(skip_serializing_if = "Option::is_none")]
+    pub deleted_at: Option<DateTimeUtc>,
+    pub version: i32,
+}
+
+#[derive(Copy, Clone, Debug, EnumIter, DeriveRelation)]
+pub enum Relation {}
+
+impl ActiveModelBehavior for ActiveModel {}
diff --git a/crates/erp-health/src/entity/mod.rs b/crates/erp-health/src/entity/mod.rs
index 8e468ce..b45d7b0 100644
--- a/crates/erp-health/src/entity/mod.rs
+++ b/crates/erp-health/src/entity/mod.rs
@@ -1,4 +1,5 @@
 pub mod appointment;
+pub mod article;
 pub mod consultation_message;
 pub mod consultation_session;
 pub mod doctor_profile;
diff --git a/crates/erp-health/src/error.rs b/crates/erp-health/src/error.rs
index c37fd1b..9814aff 100644
--- a/crates/erp-health/src/error.rs
+++ b/crates/erp-health/src/error.rs
@@ -41,6 +41,9 @@ pub enum HealthError {
     #[error("会话不存在")]
     ConsultationNotFound,
 
+    #[error("文章不存在")]
+    ArticleNotFound,
+
     #[error("状态转换无效: {0}")]
     InvalidStatusTransition(String),
 
@@ -65,7 +68,8 @@ impl From<HealthError> for AppError {
             | HealthError::FamilyMemberNotFound
             | HealthError::TagNotFound
             | HealthError::FollowUpTaskNotFound
-            | HealthError::ConsultationNotFound => AppError::NotFound(err.to_string()),
+            | HealthError::ConsultationNotFound
+            | HealthError::ArticleNotFound => AppError::NotFound(err.to_string()),
             HealthError::ScheduleFull => AppError::Validation(err.to_string()),
             HealthError::InvalidStatusTransition(s) => AppError::Validation(s),
             HealthError::VersionMismatch => AppError::VersionMismatch,
diff --git a/crates/erp-health/src/handler/article_handler.rs b/crates/erp-health/src/handler/article_handler.rs
new file mode 100644
index 0000000..2212852
--- /dev/null
+++ b/crates/erp-health/src/handler/article_handler.rs
@@ -0,0 +1,43 @@
+use axum::Extension;
+use axum::extract::{FromRef, Json, Path, Query, State};
+
+use erp_core::error::AppError;
+use erp_core::rbac::require_permission;
+use erp_core::types::{ApiResponse, PaginatedResponse, TenantContext};
+
+use crate::dto::article_dto::{ArticleListItem, ArticleListParams, ArticleResp};
+use crate::service::article_service;
+use crate::state::HealthState;
+
+pub async fn list_articles<S>(
+    State(state): State<HealthState>,
+    Extension(ctx): Extension<TenantContext>,
+    Query(params): Query<ArticleListParams>,
+) -> Result<Json<ApiResponse<PaginatedResponse<ArticleListItem>>>, AppError>
+where
+    HealthState: FromRef<S>,
+    S: Clone + Send + Sync + 'static,
+{
+    require_permission(&ctx, "health.articles.list")?;
+    let page = params.page.unwrap_or(1);
+    let page_size = params.page_size.unwrap_or(20);
+    let result = article_service::list_articles(
+        &state, ctx.tenant_id, page, page_size, params.category,
+    )
+    .await?;
+    Ok(Json(ApiResponse::ok(result)))
+}
+
+pub async fn get_article<S>(
+    State(state): State<HealthState>,
+    Extension(ctx): Extension<TenantContext>,
+    Path(id): Path<uuid::Uuid>,
+) -> Result<Json<ApiResponse<ArticleResp>>, AppError>
+where
+    HealthState: FromRef<S>,
+    S: Clone + Send + Sync + 'static,
+{
+    require_permission(&ctx, "health.articles.list")?;
+    let result = article_service::get_article(&state, ctx.tenant_id, id).await?;
+    Ok(Json(ApiResponse::ok(result)))
+}
diff --git a/crates/erp-health/src/handler/health_data_handler.rs b/crates/erp-health/src/handler/health_data_handler.rs
index d59d0e0..fc18215 100644
--- a/crates/erp-health/src/handler/health_data_handler.rs
+++ b/crates/erp-health/src/handler/health_data_handler.rs
@@ -357,13 +357,13 @@ pub struct UpdateVitalSignsWithVersion {
 #[derive(Debug, serde::Deserialize, utoipa::ToSchema)]
 pub struct UpdateLabReportWithVersion {
     #[serde(flatten)]
-    pub data: CreateLabReportReq,
+    pub data: UpdateLabReportReq,
     pub version: i32,
 }
 
 #[derive(Debug, serde::Deserialize, utoipa::ToSchema)]
 pub struct UpdateHealthRecordWithVersion {
     #[serde(flatten)]
-    pub data: CreateHealthRecordReq,
+    pub data: UpdateHealthRecordReq,
     pub version: i32,
 }
diff --git a/crates/erp-health/src/handler/mod.rs b/crates/erp-health/src/handler/mod.rs
index c0d29ca..731bbe0 100644
--- a/crates/erp-health/src/handler/mod.rs
+++ b/crates/erp-health/src/handler/mod.rs
@@ -1,4 +1,5 @@
 pub mod appointment_handler;
+pub mod article_handler;
 pub mod consultation_handler;
 pub mod doctor_handler;
 pub mod follow_up_handler;
diff --git a/crates/erp-health/src/module.rs b/crates/erp-health/src/module.rs
index 00def14..d03330a 100644
--- a/crates/erp-health/src/module.rs
+++ b/crates/erp-health/src/module.rs
@@ -6,7 +6,7 @@ use erp_core::events::EventBus;
 use erp_core::module::{ErpModule, PermissionDescriptor};
 
 use crate::handler::{
-    appointment_handler, consultation_handler, doctor_handler, follow_up_handler,
+    appointment_handler, article_handler, consultation_handler, doctor_handler, follow_up_handler,
     health_data_handler, patient_handler,
 };
 
@@ -193,6 +193,15 @@ impl HealthModule {
                     .put(doctor_handler::update_doctor)
                     .delete(doctor_handler::delete_doctor),
             )
+            // 健康资讯
+            .route(
+                "/health/articles",
+                axum::routing::get(article_handler::list_articles),
+            )
+            .route(
+                "/health/articles/{id}",
+                axum::routing::get(article_handler::get_article),
+            )
     }
 }
 
@@ -319,6 +328,18 @@ impl ErpModule for HealthModule {
                 description: "创建、编辑医护档案、排班".into(),
                 module: "health".into(),
             },
+            PermissionDescriptor {
+                code: "health.articles.list".into(),
+                name: "查看资讯".into(),
+                description: "查看健康资讯文章列表和详情".into(),
+                module: "health".into(),
+            },
+            PermissionDescriptor {
+                code: "health.articles.manage".into(),
+                name: "管理资讯".into(),
+                description: "创建、编辑、删除健康资讯文章".into(),
+                module: "health".into(),
+            },
         ]
     }
 
diff --git a/crates/erp-health/src/service/health_data_service.rs b/crates/erp-health/src/service/health_data_service.rs
index 169775b..d45438d 100644
--- a/crates/erp-health/src/service/health_data_service.rs
+++ b/crates/erp-health/src/service/health_data_service.rs
@@ -282,7 +282,7 @@ pub async fn update_lab_report(
     patient_id: Uuid,
     report_id: Uuid,
     operator_id: Option<Uuid>,
-    req: CreateLabReportReq,
+    req: UpdateLabReportReq,
     expected_version: i32,
 ) -> HealthResult<LabReportResp> {
     let model = lab_report::Entity::find()
@@ -297,11 +297,11 @@ pub async fn update_lab_report(
         .map_err(|_| HealthError::VersionMismatch)?;
 
     let mut active: lab_report::ActiveModel = model.into();
-    active.report_date = Set(req.report_date);
-    active.report_type = Set(req.report_type);
-    active.indicators = Set(req.indicators);
-    active.image_urls = Set(req.image_urls);
-    active.doctor_interpretation = Set(req.doctor_interpretation);
+    if let Some(v) = req.report_date { active.report_date = Set(v); }
+    if let Some(v) = req.report_type { active.report_type = Set(v); }
+    if let Some(v) = req.indicators { active.indicators = Set(Some(v)); }
+    if let Some(v) = req.image_urls { active.image_urls = Set(Some(v)); }
+    if let Some(v) = req.doctor_interpretation { active.doctor_interpretation = Set(Some(v)); }
     active.updated_at = Set(Utc::now());
     active.updated_by = Set(operator_id);
     active.version = Set(next_ver);
diff --git a/crates/erp-health/src/service/mod.rs b/crates/erp-health/src/service/mod.rs
index f6e0fe2..04d5647 100644
--- a/crates/erp-health/src/service/mod.rs
+++ b/crates/erp-health/src/service/mod.rs
@@ -1,4 +1,5 @@
 pub mod appointment_service;
+pub mod article_service;
 pub mod consultation_service;
 pub mod doctor_service;
 pub mod follow_up_service;
diff --git a/crates/erp-server/migration/src/lib.rs b/crates/erp-server/migration/src/lib.rs
index 7b841e4..0e64457 100644
--- a/crates/erp-server/migration/src/lib.rs
+++ b/crates/erp-server/migration/src/lib.rs
@@ -43,6 +43,7 @@ mod m20260419_000040_plugin_market;
 mod m20260419_000041_plugin_user_views;
 mod m20260423_000042_create_health_tables;
 mod m20260423_000043_create_wechat_users;
+mod m20260423_000044_create_articles;
 
 pub struct Migrator;
 
@@ -93,6 +94,7 @@ impl MigratorTrait for Migrator {
             Box::new(m20260419_000041_plugin_user_views::Migration),
             Box::new(m20260423_000042_create_health_tables::Migration),
             Box::new(m20260423_000043_create_wechat_users::Migration),
+            Box::new(m20260423_000044_create_articles::Migration),
         ]
     }
 }
diff --git a/crates/erp-server/migration/src/m20260423_000044_create_articles.rs b/crates/erp-server/migration/src/m20260423_000044_create_articles.rs
new file mode 100644
index 0000000..647f864
--- /dev/null
+++ b/crates/erp-server/migration/src/m20260423_000044_create_articles.rs
@@ -0,0 +1,104 @@
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationName)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, manager: &SchemaManager) -> Result<(), DbErr> {
+        manager
+            .create_table(
+                Table::create()
+                    .table(Article::Table)
+                    .if_not_exists()
+                    .col(ColumnDef::new(Article::Id).uuid().not_null().primary_key())
+                    .col(ColumnDef::new(Article::TenantId).uuid().not_null())
+                    .col(ColumnDef::new(Article::Title).string_len(200).not_null())
+                    .col(ColumnDef::new(Article::Summary).text().null())
+                    .col(ColumnDef::new(Article::Content).text().not_null())
+                    .col(ColumnDef::new(Article::CoverImage).string_len(500).null())
+                    .col(ColumnDef::new(Article::Category).string_len(50).null())
+                    .col(ColumnDef::new(Article::Author).string_len(100).null())
+                    .col(ColumnDef::new(Article::PublishedAt).timestamp_with_time_zone().null())
+                    .col(
+                        ColumnDef::new(Article::CreatedAt)
+                            .timestamp_with_time_zone()
+                            .not_null()
+                            .default(Expr::current_timestamp()),
+                    )
+                    .col(
+                        ColumnDef::new(Article::UpdatedAt)
+                            .timestamp_with_time_zone()
+                            .not_null()
+                            .default(Expr::current_timestamp()),
+                    )
+                    .col(ColumnDef::new(Article::CreatedBy).uuid().null())
+                    .col(ColumnDef::new(Article::UpdatedBy).uuid().null())
+                    .col(ColumnDef::new(Article::DeletedAt).timestamp_with_time_zone().null())
+                    .col(
+                        ColumnDef::new(Article::Version)
+                            .integer()
+                            .not_null()
+                            .default(1),
+                    )
+                    .to_owned(),
+            )
+            .await?;
+
+        manager
+            .create_index(
+                Index::create()
+                    .if_not_exists()
+                    .name("idx_article_tenant_category")
+                    .table(Article::Table)
+                    .col(Article::TenantId)
+                    .col(Article::Category)
+                    .to_owned(),
+            )
+            .await?;
+
+        manager
+            .create_index(
+                Index::create()
+                    .if_not_exists()
+                    .name("idx_article_tenant_published")
+                    .table(Article::Table)
+                    .col(Article::TenantId)
+                    .col(Article::PublishedAt)
+                    .to_owned(),
+            )
+            .await
+    }
+
+    async fn down(&self, manager: &SchemaManager) -> Result<(), DbErr> {
+        manager
+            .drop_index(Index::drop().name("idx_article_tenant_published").to_owned())
+            .await?;
+        manager
+            .drop_index(Index::drop().name("idx_article_tenant_category").to_owned())
+            .await?;
+        manager
+            .drop_table(Table::drop().table(Article::Table).to_owned())
+            .await
+    }
+}
+
+#[derive(DeriveIden)]
+enum Article {
+    Table,
+    Id,
+    TenantId,
+    Title,
+    Summary,
+    Content,
+    CoverImage,
+    Category,
+    Author,
+    PublishedAt,
+    CreatedAt,
+    UpdatedAt,
+    CreatedBy,
+    UpdatedBy,
+    DeletedAt,
+    Version,
+}
diff --git a/docs/superpowers/plans/2026-04-23-hms-miniprogram-plan.md b/docs/superpowers/plans/2026-04-23-hms-miniprogram-plan.md
new file mode 100644
index 0000000..6c357c8
--- /dev/null
+++ b/docs/superpowers/plans/2026-04-23-hms-miniprogram-plan.md
@@ -0,0 +1,1244 @@
+# HMS 患者小程序实施计划
+
+> **For agentic workers:** REQUIRED: Use superpowers:subagent-driven-development (if subagents available) or superpowers:executing-plans to implement this plan. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** 基于 Taro 4 + React 19 构建微信小程序患者端，直连 erp-server 后端 API。
+
+**Architecture:** 小程序代码位于 `apps/miniprogram/`，通过 Taro 编译为微信小程序。后端在 erp-auth 新增微信登录支持，erp-health 新增小程序所需 API。前端用 Zustand 管理状态，services 层封装 Taro.request 调用后端 `/api/v1/` 端点。
+
+**Tech Stack:** Taro 4, React 19, TypeScript 6, Zustand 5, SCSS, echarts-taro3-react, Rust/Axum/SeaORM (后端)
+
+**Spec:** `docs/superpowers/specs/2026-04-23-hms-miniprogram-design.md`
+
+---
+
+## Chunk 1: Phase 1 — 后端微信认证
+
+### Task 1: 创建 wechat_users 数据库迁移
+
+**Files:**
+- Create: `crates/erp-server/migration/src/m20260423_000001_wechat_users.rs`
+
+- [ ] **Step 1: 创建迁移文件**
+
+```rust
+// m20260423_000001_wechat_users.rs
+use sea_orm_migration::prelude::*;
+
+#[derive(DeriveMigrationAction)]
+pub struct Migration;
+
+#[async_trait::async_trait]
+impl MigrationTrait for Migration {
+    async fn up(&self, manager: &SchemaManager) -> Result<(), DbErr> {
+        manager
+            .create_table(
+                Table::create()
+                    .table(WechatUsers::Table)
+                    .if_not_exists()
+                    .col(ColumnDef::new(WechatUsers::Id).uuid().not_null().primary_key())
+                    .col(ColumnDef::new(WechatUsers::TenantId).uuid().not_null())
+                    .col(ColumnDef::new(WechatUsers::Openid).string().not_null())
+                    .col(ColumnDef::new(WechatUsers::UnionId).string())
+                    .col(ColumnDef::new(WechatUsers::UserId).uuid().not_null())
+                    .col(ColumnDef::new(WechatUsers::Phone).string())
+                    .col(ColumnDef::new(WechatUsers::CreatedAt).timestamp_with_time_zone().not_null().default(Expr::current_timestamp()))
+                    .col(ColumnDef::new(WechatUsers::UpdatedAt).timestamp_with_time_zone().not_null().default(Expr::current_timestamp()))
+                    .col(ColumnDef::new(WechatUsers::DeletedAt).timestamp_with_time_zone())
+                    .to_owned(),
+            )
+            .await?;
+        manager
+            .create_index(
+                Index::create()
+                    .name("idx_wechat_users_openid")
+                    .table(WechatUsers::Table)
+                    .col(WechatUsers::Openid)
+                    .col(WechatUsers::TenantId)
+                    .unique()
+                    .to_owned(),
+            )
+            .await
+    }
+
+    async fn down(&self, manager: &SchemaManager) -> Result<(), DbErr> {
+        manager.drop_index(Index::drop().name("idx_wechat_users_openid").table(WechatUsers::Table).to_owned()).await?;
+        manager.drop_table(Table::drop().table(WechatUsers::Table).to_owned()).await
+    }
+}
+
+#[derive(DeriveIden)]
+enum WechatUsers {
+    Table,
+    Id,
+    TenantId,
+    Openid,
+    UnionId,
+    UserId,
+    Phone,
+    CreatedAt,
+    UpdatedAt,
+    DeletedAt,
+}
+```
+
+- [ ] **Step 2: 注册迁移**
+
+在 `crates/erp-server/migration/src/lib.rs` 的 migration 列表中添加新迁移。
+
+- [ ] **Step 3: 验证迁移**
+
+Run: `cargo check -p erp-server`
+Expected: 编译通过
+
+- [ ] **Step 4: 提交**
+
+```bash
+git add crates/erp-server/migration/src/m20260423_000001_wechat_users.rs crates/erp-server/migration/src/lib.rs
+git commit -m "feat(auth): 添加 wechat_users 表迁移"
+```
+
+---
+
+### Task 2: 创建 wechat_users Entity
+
+**Files:**
+- Create: `crates/erp-auth/src/entity/wechat_user.rs`
+- Modify: `crates/erp-auth/src/entity/mod.rs`
+
+- [ ] **Step 1: 创建 Entity 文件**
+
+参照 `crates/erp-auth/src/entity/user_token.rs` 的模式，创建 `wechat_user.rs`，包含 `Model`、`Relation`、`ActiveModelBehavior`。
+
+- [ ] **Step 2: 在 mod.rs 注册**
+
+在 `crates/erp-auth/src/entity/mod.rs` 添加 `pub mod wechat_user;`。
+
+- [ ] **Step 3: 验证**
+
+Run: `cargo check -p erp-auth`
+Expected: 编译通过
+
+- [ ] **Step 4: 提交**
+
+```bash
+git add crates/erp-auth/src/entity/wechat_user.rs crates/erp-auth/src/entity/mod.rs
+git commit -m "feat(auth): 添加 wechat_user SeaORM entity"
+```
+
+---
+
+### Task 3: 微信登录 DTO
+
+**Files:**
+- Modify: `crates/erp-auth/src/dto.rs`
+
+- [ ] **Step 1: 添加微信登录相关 DTO**
+
+在 `crates/erp-auth/src/dto.rs` 中新增：
+
+```rust
+// 微信登录请求
+#[derive(Deserialize, ToSchema)]
+pub struct WechatLoginReq {
+    pub code: String,
+}
+
+// 微信登录响应
+#[derive(Serialize, ToSchema)]
+pub struct WechatLoginResp {
+    pub bound: bool,
+    pub openid: String,
+    pub token: Option<LoginResp>,  // 已绑定时返回
+}
+
+// 绑定手机号请求
+#[derive(Deserialize, ToSchema)]
+pub struct WechatBindPhoneReq {
+    pub openid: String,
+    pub encrypted_data: String,
+    pub iv: String,
+}
+```
+
+- [ ] **Step 2: 验证**
+
+Run: `cargo check -p erp-auth`
+
+- [ ] **Step 3: 提交**
+
+```bash
+git add crates/erp-auth/src/dto.rs
+git commit -m "feat(auth): 添加微信登录 DTO"
+```
+
+---
+
+### Task 4: 微信登录 Service
+
+**Files:**
+- Create: `crates/erp-auth/src/service/wechat_service.rs`
+- Modify: `crates/erp-auth/src/service/mod.rs`
+
+- [ ] **Step 1: 实现 wechat_service.rs**
+
+核心逻辑：
+- `login(state, tenant_id, code)`: 用 code 调用微信 API 换 openid → 查 wechat_users 表 → 返回绑定状态
+- `bind_phone(state, tenant_id, req)`: 解密手机号 → 查找/创建 user → 创建 wechat_user 记录 → 签发 JWT
+- 微信 API 调用：`GET https://api.weixin.qq.com/sns/jscode2session?appid=...&secret=...&js_code={code}&grant_type=authorization_code`
+
+注意：appid 和 secret 从 AppConfig 中读取，需在 erp-server 配置中新增 `wechat` 段。
+
+- [ ] **Step 2: 在 mod.rs 注册**
+
+添加 `pub mod wechat_service;`
+
+- [ ] **Step 3: 验证**
+
+Run: `cargo check -p erp-auth`
+
+- [ ] **Step 4: 提交**
+
+```bash
+git add crates/erp-auth/src/service/wechat_service.rs crates/erp-auth/src/service/mod.rs
+git commit -m "feat(auth): 实现微信登录/绑定手机号 service"
+```
+
+---
+
+### Task 5: 微信登录 Handler + 路由注册
+
+**Files:**
+- Create: `crates/erp-auth/src/handler/wechat_handler.rs`
+- Modify: `crates/erp-auth/src/handler/mod.rs`
+- Modify: `crates/erp-auth/src/lib.rs` (路由注册)
+
+- [ ] **Step 1: 创建 handler**
+
+```rust
+// wechat_handler.rs
+pub async fn wechat_login<S>(State(state): State<AuthState>, ...) -> Result<Json<ApiResponse<WechatLoginResp>>, AppError>
+pub async fn wechat_bind_phone<S>(State(state): State<AuthState>, ...) -> Result<Json<ApiResponse<LoginResp>>, AppError>
+```
+
+- [ ] **Step 2: 注册公开路由**
+
+微信登录端点是公开的（无需 JWT），在 `AuthModule::public_routes()` 中添加：
+- `POST /auth/wechat/login`
+- `POST /auth/wechat/bind-phone`
+
+- [ ] **Step 3: 在 AppConfig 中添加微信配置**
+
+在 `crates/erp-server/src/config.rs` 中新增：
+```rust
+pub wechat: WechatConfig,
+pub struct WechatConfig { pub appid: String, pub secret: String }
+```
+
+- [ ] **Step 4: 验证**
+
+Run: `cargo check -p erp-server`
+
+- [ ] **Step 5: 提交**
+
+```bash
+git add crates/erp-auth/src/handler/wechat_handler.rs crates/erp-auth/src/handler/mod.rs crates/erp-auth/src/lib.rs crates/erp-server/src/config.rs
+git commit -m "feat(auth): 添加微信登录 handler 和公开路由"
+```
+
+---
+
+### Task 6: 验证微信登录端到端
+
+- [ ] **Step 1: 启动后端**
+
+Run: `cargo run -p erp-server`
+
+- [ ] **Step 2: 测试端点**
+
+用 curl 测试：
+```bash
+curl -X POST http://localhost:3000/api/v1/auth/wechat/login -H "Content-Type: application/json" -d '{"code":"test_code"}'
+```
+Expected: 返回 `{ "success": true, "data": { "bound": false, "openid": "..." } }` 或类似响应
+
+- [ ] **Step 3: 确认迁移执行**
+
+检查 `wechat_users` 表已创建：
+```bash
+PGPASSWORD=123123 "D:\postgreSQL\bin\psql.exe" -U postgres -h localhost -d erp -c "\dt wechat_users"
+```
+
+- [ ] **Step 4: 提交确认**
+
+如果有修复：
+```bash
+git add -A && git commit -m "fix(auth): 微信登录端到端验证修复"
+```
+
+---
+
+## Chunk 2: Phase 1 — 小程序项目骨架 + 登录 + 首页
+
+### Task 7: 初始化 Taro 项目
+
+- [ ] **Step 1: 用 Taro CLI 初始化项目**
+
+```bash
+cd apps
+npx @tarojs/cli init miniprogram --template react-ts
+```
+
+选择：
+- 框架：React
+- TypeScript：Yes
+- CSS 预处理：Sass
+- 模板：默认模板
+- 编译工具：Webpack5
+
+- [ ] **Step 2: 安装核心依赖**
+
+```bash
+cd apps/miniprogram
+pnpm add zustand
+pnpm add echarts echarts-taro3-react
+```
+
+- [ ] **Step 3: 配置 project.config.json**
+
+设置 appid（先用测试号 `touristappid`）、ES6 转 ES5、增强编译等。
+
+- [ ] **Step 4: 验证**
+
+```bash
+cd apps/miniprogram && pnpm dev:weapp
+```
+用微信开发者工具打开 `dist/` 目录，确认空白小程序可运行。
+
+- [ ] **Step 5: 提交**
+
+```bash
+git add apps/miniprogram/
+git commit -m "feat(miniprogram): 初始化 Taro 4 + React 项目骨架"
+```
+
+---
+
+### Task 8: 全局样式 + 主题变量
+
+**Files:**
+- Modify: `apps/miniprogram/src/app.scss`
+- Create: `apps/miniprogram/src/styles/variables.scss`
+- Create: `apps/miniprogram/src/styles/mixins.scss`
+
+- [ ] **Step 1: 创建主题变量**
+
+`src/styles/variables.scss`:
+```scss
+$pri: #0891B2;
+$pri-l: #E0F7FA;
+$pri-d: #065A73;
+$pri-surface: #ECFEFF;
+$acc: #059669;
+$acc-l: #D1FAE5;
+$bg: #F0FDFA;
+$card: #FFFFFF;
+$tx: #134E4A;
+$tx2: #6B7280;
+$tx3: #94A3B8;
+$bd: #E5E7EB;
+$bd-l: #F3F4F6;
+$dan: #DC2626;
+$dan-l: #FEE2E2;
+$wrn: #D97706;
+$wrn-l: #FEF3C7;
+$r: 12px;
+$r-sm: 8px;
+$r-lg: 16px;
+```
+
+- [ ] **Step 2: 创建常用 mixins**
+
+`src/styles/mixins.scss`:
+```scss
+@mixin card {
+  background: $card;
+  border-radius: $r;
+  box-shadow: 0 2px 8px rgba(0,0,0,.06);
+  padding: 16px;
+  margin: 0 16px 12px;
+}
+```
+
+- [ ] **Step 3: 更新 app.scss**
+
+导入变量和全局基础样式（字体、背景色）。
+
+- [ ] **Step 4: 提交**
+
+```bash
+git add apps/miniprogram/src/styles/ apps/miniprogram/src/app.scss
+git commit -m "feat(miniprogram): 添加医疗清新主题样式变量"
+```
+
+---
+
+### Task 9: services/request.ts — API 请求层
+
+**Files:**
+- Create: `apps/miniprogram/src/services/request.ts`
+
+- [ ] **Step 1: 实现 request 封装**
+
+```typescript
+import Taro from '@tarojs/taro';
+
+const BASE_URL = process.env.TARO_APP_API_URL || 'http://localhost:3000/api/v1';
+
+interface ApiResponse<T> {
+  success: boolean;
+  data?: T;
+  message?: string;
+}
+
+async function getHeaders(): Promise<Record<string, string>> {
+  const headers: Record<string, string> = { 'Content-Type': 'application/json' };
+  const token = Taro.getStorageSync('access_token');
+  if (token) headers['Authorization'] = `Bearer ${token}`;
+  const patientId = Taro.getStorageSync('current_patient_id');
+  if (patientId) headers['X-Patient-Id'] = patientId;
+  const tenantId = Taro.getStorageSync('tenant_id');
+  if (tenantId) headers['X-Tenant-Id'] = tenantId;
+  return headers;
+}
+
+export async function request<T>(method: string, path: string, data?: unknown): Promise<T> {
+  const headers = await getHeaders();
+  const res = await Taro.request({ url: `${BASE_URL}${path}`, method, data, header: headers });
+
+  if (res.statusCode === 401) {
+    const refreshed = await tryRefreshToken();
+    if (refreshed) return request(method, path, data);
+    Taro.redirectTo({ url: '/pages/login/index' });
+    throw new Error('登录已过期');
+  }
+
+  const body = res.data as ApiResponse<T>;
+  if (!body.success) throw new Error(body.message || '请求失败');
+  return body.data as T;
+}
+
+async function tryRefreshToken(): Promise<boolean> {
+  const refreshToken = Taro.getStorageSync('refresh_token');
+  if (!refreshToken) return false;
+  try {
+    const res = await Taro.request({
+      url: `${BASE_URL}/auth/refresh`,
+      method: 'POST',
+      data: { refresh_token: refreshToken },
+    });
+    if (res.statusCode === 200 && res.data?.success) {
+      Taro.setStorageSync('access_token', res.data.data.access_token);
+      Taro.setStorageSync('refresh_token', res.data.data.refresh_token);
+      return true;
+    }
+  } catch {}
+  Taro.removeStorageSync('access_token');
+  Taro.removeStorageSync('refresh_token');
+  return false;
+}
+
+export const api = {
+  get: <T>(path: string) => request<T>('GET', path),
+  post: <T>(path: string, data?: unknown) => request<T>('POST', path, data),
+  put: <T>(path: string, data?: unknown) => request<T>('PUT', path, data),
+  delete: <T>(path: string) => request<T>('DELETE', path),
+};
+```
+
+- [ ] **Step 2: 提交**
+
+```bash
+git add apps/miniprogram/src/services/request.ts
+git commit -m "feat(miniprogram): 实现 API 请求层封装"
+```
+
+---
+
+### Task 10: services/auth.ts + auth store
+
+**Files:**
+- Create: `apps/miniprogram/src/services/auth.ts`
+- Create: `apps/miniprogram/src/stores/auth.ts`
+
+- [ ] **Step 1: auth service**
+
+```typescript
+// services/auth.ts
+import { api } from './request';
+
+export interface LoginResp {
+  bound: boolean;
+  openid: string;
+  token?: { access_token: string; refresh_token: string; user: UserInfo };
+}
+
+export interface UserInfo {
+  id: string; name: string; phone: string; avatar?: string; tenant_id: string;
+}
+
+export interface PatientInfo {
+  id: string; name: string; gender?: string; birthday?: string; relation: string;
+}
+
+export async function wechatLogin(code: string): Promise<LoginResp> {
+  return api.post('/auth/wechat/login', { code });
+}
+
+export async function wechatBindPhone(openid: string, encryptedData: string, iv: string) {
+  return api.post('/auth/wechat/bind-phone', { openid, encrypted_data: encryptedData, iv });
+}
+
+export async function getPatients() {
+  return api.get<PatientInfo[]>('/health/patients');
+}
+```
+
+- [ ] **Step 2: auth store**
+
+参照 Web 端 `stores/auth.ts` 模式，使用 `Taro.getStorageSync` / `setStorageSync` 替代 `localStorage`。
+
+State: `token, refreshToken, user, currentPatient, patients, loading`
+Actions: `login(), bindPhone(), setCurrentPatient(), logout()`
+
+- [ ] **Step 3: 提交**
+
+```bash
+git add apps/miniprogram/src/services/auth.ts apps/miniprogram/src/stores/auth.ts
+git commit -m "feat(miniprogram): 实现 auth service 和 store"
+```
+
+---
+
+### Task 11: 登录页
+
+**Files:**
+- Create: `apps/miniprogram/src/pages/login/index.tsx`
+- Create: `apps/miniprogram/src/pages/login/index.scss`
+
+- [ ] **Step 1: 实现登录页 UI**
+
+登录页包含：
+- 品牌标识（Logo + "健康管理" 标题）
+- 微信一键登录按钮（调用 `wx.login` → `wechatLogin(code)`）
+- 如果返回 `bound: false`，显示手机号授权按钮（使用 `<Button openType="getPhoneNumber">`）
+- 登录成功后 `Taro.switchTab({ url: '/pages/index/index' })`
+
+- [ ] **Step 2: 实现样式**
+
+医疗清新风格：青色渐变背景、白色卡片、圆角按钮。
+
+- [ ] **Step 3: 注册页面路由**
+
+在 `src/app.config.ts` 的 `pages` 数组中添加 `/pages/login/index`。
+
+- [ ] **Step 4: 提交**
+
+```bash
+git add apps/miniprogram/src/pages/login/ apps/miniprogram/src/app.config.ts
+git commit -m "feat(miniprogram): 实现微信登录页面"
+```
+
+---
+
+### Task 12: 首页（静态数据）
+
+**Files:**
+- Create: `apps/miniprogram/src/pages/index/index.tsx`
+- Create: `apps/miniprogram/src/pages/index/index.scss`
+- Create: `apps/miniprogram/src/components/HealthCard/index.tsx`
+- Modify: `apps/miniprogram/src/app.config.ts` (TabBar 配置)
+
+- [ ] **Step 1: 配置 TabBar**
+
+在 `app.config.ts` 中定义 5 个 Tab：
+
+```typescript
+tabBar: {
+  color: '#94A3B8',
+  selectedColor: '#0891B2',
+  backgroundColor: '#FFFFFF',
+  list: [
+    { pagePath: 'pages/index/index', text: '首页', iconPath: 'assets/tab-home.png', selectedIconPath: 'assets/tab-home-active.png' },
+    { pagePath: 'pages/health/index', text: '健康', iconPath: 'assets/tab-health.png', selectedIconPath: 'assets/tab-health-active.png' },
+    { pagePath: 'pages/appointment/index', text: '预约', iconPath: 'assets/tab-appt.png', selectedIconPath: 'assets/tab-appt-active.png' },
+    { pagePath: 'pages/article/index', text: '资讯', iconPath: 'assets/tab-article.png', selectedIconPath: 'assets/tab-article-active.png' },
+    { pagePath: 'pages/profile/index', text: '我的', iconPath: 'assets/tab-profile.png', selectedIconPath: 'assets/tab-profile-active.png' },
+  ],
+}
+```
+
+- [ ] **Step 2: 创建 Tab 图标**
+
+准备 10 个图标文件（5 普通 + 5 选中态），放到 `src/assets/`。
+
+- [ ] **Step 3: 实现 HealthCard 组件**
+
+健康指标卡片：接收 `title, value, unit, status`，显示渐变背景 + 数值 + 状态标签。
+
+- [ ] **Step 4: 实现首页**
+
+按设计规格布局：问候栏 + 今日健康（2×2 网格）+ 快捷服务（4 宫格）+ 即将到来 + 待办随访。
+MVP 先用静态数据，后续 Phase 对接真实 API。
+
+- [ ] **Step 5: 创建其他 Tab 占位页**
+
+为 `health/index`、`appointment/index`、`article/index`、`profile/index` 创建简单占位页，显示页面名称。
+
+- [ ] **Step 6: 验证**
+
+```bash
+pnpm dev:weapp
+```
+微信开发者工具中确认：登录流程可用、首页布局正确、Tab 切换正常。
+
+- [ ] **Step 7: 提交**
+
+```bash
+git add apps/miniprogram/src/
+git commit -m "feat(miniprogram): 实现首页布局 + TabBar + 登录流程"
+```
+
+---
+
+## Chunk 3: Phase 2 — 健康数据录入 + 趋势图
+
+### Task 13: 后端 — vital_signs 趋势查询 API
+
+**Files:**
+- Modify: `crates/erp-health/src/handler/health_data_handler.rs`
+- Modify: `crates/erp-health/src/service/health_data_service.rs`
+- Modify: `crates/erp-health/src/dto/health_data_dto.rs`
+- Modify: `crates/erp-health/src/module.rs` (路由)
+
+- [ ] **Step 1: 添加趋势查询 DTO**
+
+在 `health_data_dto.rs` 新增：
+
+```rust
+#[derive(Deserialize, ToSchema)]
+pub struct TrendQueryParams {
+    pub indicator: String,        // "blood_pressure_systolic" 等
+    pub start_date: Option<chrono::NaiveDate>,
+    pub end_date: Option<chrono::NaiveDate>,
+    pub range: Option<String>,    // "7d", "30d", "90d"
+}
+
+#[derive(Serialize, ToSchema)]
+pub struct TrendResp {
+    pub indicator: String,
+    pub data_points: Vec<DataPoint>,
+}
+
+#[derive(Serialize, ToSchema)]
+pub struct DataPoint {
+    pub date: String,
+    pub value: f64,
+}
+```
+
+- [ ] **Step 2: 添加趋势查询 service 函数**
+
+在 `health_data_service.rs` 新增 `get_vital_signs_trend()`，基于已有的 `get_indicator_timeseries()` 封装，支持 `range` 参数自动计算日期范围。
+
+- [ ] **Step 3: 添加 handler**
+
+```rust
+pub async fn get_trend<S>(...) -> Result<Json<ApiResponse<TrendResp>>, AppError>
+```
+
+- [ ] **Step 4: 注册路由**
+
+在 `module.rs` 的 `protected_routes()` 中添加 `GET /health/vital-signs/trend`。
+
+- [ ] **Step 5: 验证**
+
+Run: `cargo check -p erp-health`
+
+- [ ] **Step 6: 提交**
+
+```bash
+git add crates/erp-health/src/
+git commit -m "feat(health): 添加 vital_signs 趋势查询 API"
+```
+
+---
+
+### Task 14: 小程序 — 健康数据录入页
+
+**Files:**
+- Create: `apps/miniprogram/src/pages/health/index.tsx`
+- Create: `apps/miniprogram/src/pages/health/index.scss`
+- Create: `apps/miniprogram/src/pages/health/input/index.tsx`
+- Create: `apps/miniprogram/src/pages/health/input/index.scss`
+- Create: `apps/miniprogram/src/services/health.ts`
+
+- [ ] **Step 1: health service**
+
+```typescript
+// services/health.ts
+import { api } from './request';
+
+export interface VitalSignInput {
+  indicator_type: string;
+  value: number;
+  measured_at?: string;
+  note?: string;
+}
+
+export interface TodaySummary {
+  blood_pressure?: { systolic: number; diastolic: number; status: string };
+  heart_rate?: { value: number; status: string };
+  blood_sugar?: { value: number; status: string };
+  weight?: { value: number; status: string };
+}
+
+export async function getTodaySummary() {
+  return api.get<TodaySummary>('/health/vital-signs?date=today');
+}
+
+export async function inputVitalSign(data: VitalSignInput) {
+  return api.post('/health/vital-signs', data);
+}
+
+export async function getTrend(indicator: string, range: string) {
+  return api.get<{ indicator: string; data_points: { date: string; value: number }[] }>(
+    `/health/vital-signs/trend?indicator=${indicator}&range=${range}`
+  );
+}
+```
+
+- [ ] **Step 2: 健康数据首页**
+
+展示今日健康数据概览（2×2 卡片网格）+ 最近趋势缩略图 + "录入数据" 按钮。
+
+- [ ] **Step 3: 数据录入页**
+
+表单：选择指标类型（Picker）→ 输入数值 → 选择测量时间（DateTimePicker）→ 备注（可选）→ 提交。
+提交成功后 `Taro.navigateBack()` 并刷新上一页数据。
+
+- [ ] **Step 4: 注册页面路由**
+
+`app.config.ts` 中添加 `pages/health/input/index`。
+
+- [ ] **Step 5: 验证**
+
+微信开发者工具中确认录入表单可操作，提交后数据出现在健康首页。
+
+- [ ] **Step 6: 提交**
+
+```bash
+git add apps/miniprogram/src/pages/health/ apps/miniprogram/src/services/health.ts apps/miniprogram/src/app.config.ts
+git commit -m "feat(miniprogram): 实现健康数据录入页面"
+```
+
+---
+
+### Task 15: 小程序 — 趋势图组件
+
+**Files:**
+- Create: `apps/miniprogram/src/components/TrendChart/index.tsx`
+- Create: `apps/miniprogram/src/pages/health/trend/index.tsx`
+- Create: `apps/miniprogram/src/pages/health/trend/index.scss`
+
+- [ ] **Step 1: TrendChart 组件**
+
+使用 `echarts-taro3-react` 渲染折线图。接收 `data: { date: string; value: number }[]` 和 `title: string`。
+
+- [ ] **Step 2: 趋势详情页**
+
+顶部：指标名称 + 时间范围切换（7天/30天/90天）
+中部：TrendChart 折线图
+底部：数据表格（日期 + 数值）
+
+- [ ] **Step 3: 注册路由**
+
+`app.config.ts` 添加 `pages/health/trend/index`。
+
+- [ ] **Step 4: 验证**
+
+切换时间范围，图表数据刷新。
+
+- [ ] **Step 5: 提交**
+
+```bash
+git add apps/miniprogram/src/components/TrendChart/ apps/miniprogram/src/pages/health/trend/ apps/miniprogram/src/app.config.ts
+git commit -m "feat(miniprogram): 实现健康趋势图页面"
+```
+
+---
+
+### Task 16: health store + 首页数据联动
+
+**Files:**
+- Create: `apps/miniprogram/src/stores/health.ts`
+- Modify: `apps/miniprogram/src/pages/index/index.tsx` (对接真实数据)
+
+- [ ] **Step 1: health store**
+
+```typescript
+// stores/health.ts
+import { create } from 'zustand';
+import * as healthApi from '../services/health';
+
+interface HealthState {
+  todaySummary: healthApi.TodaySummary | null;
+  loading: boolean;
+  refreshToday: () => Promise<void>;
+}
+
+export const useHealthStore = create<HealthState>((set) => ({
+  todaySummary: null,
+  loading: false,
+  refreshToday: async () => {
+    set({ loading: true });
+    try {
+      const data = await healthApi.getTodaySummary();
+      set({ todaySummary: data, loading: false });
+    } catch { set({ loading: false }); }
+  },
+}));
+```
+
+- [ ] **Step 2: 首页接入真实数据**
+
+替换首页静态数据，从 `useHealthStore().todaySummary` 读取。`useDidShow` 生命周期触发 `refreshToday()`。
+
+- [ ] **Step 3: 提交**
+
+```bash
+git add apps/miniprogram/src/stores/health.ts apps/miniprogram/src/pages/index/
+git commit -m "feat(miniprogram): 首页对接真实健康数据 API"
+```
+
+---
+
+## Chunk 4: Phase 3 — 预约挂号
+
+### Task 17: 后端 — 排班查询 API 适配
+
+**Files:**
+- Modify: `crates/erp-health/src/handler/health_data_handler.rs` 或对应的排班 handler
+- Modify: `crates/erp-health/src/dto/health_data_dto.rs`
+
+- [ ] **Step 1: 确认排班 API 支持按科室/医生查询**
+
+检查现有 `GET /health/doctor-schedules` 是否支持 `department_id` 和 `doctor_id` 查询参数。如不支持，添加相应过滤。
+
+- [ ] **Step 2: 添加"可用时段"聚合**
+
+新增 DTO 和 handler：输入医生 + 日期范围 → 返回每日可用时段及剩余名额。
+
+- [ ] **Step 3: 验证**
+
+Run: `cargo check -p erp-health`
+
+- [ ] **Step 4: 提交**
+
+```bash
+git add crates/erp-health/src/
+git commit -m "feat(health): 排班查询支持科室/医生过滤 + 可用时段聚合"
+```
+
+---
+
+### Task 18: 小程序 — 预约服务 + 列表页
+
+**Files:**
+- Create: `apps/miniprogram/src/services/appointment.ts`
+- Modify: `apps/miniprogram/src/pages/appointment/index.tsx`
+- Create: `apps/miniprogram/src/pages/appointment/index.scss`
+
+- [ ] **Step 1: appointment service**
+
+```typescript
+// services/appointment.ts
+import { api } from './request';
+
+export interface Appointment {
+  id: string; doctor_name: string; department: string;
+  date: string; time_slot: string; status: string;
+}
+
+export async function listAppointments(page = 1) {
+  return api.get<{ data: Appointment[]; total: number }>(`/health/appointments?page=${page}`);
+}
+
+export async function createAppointment(data: {
+  doctor_id: string; schedule_id: string; patient_id: string;
+}) {
+  return api.post('/health/appointments', data);
+}
+
+export async function cancelAppointment(id: string) {
+  return api.put(`/health/appointments/${id}/cancel`);
+}
+
+export async function getDoctorSchedules(doctorId: string, startDate: string, endDate: string) {
+  return api.get(`/health/doctor-schedules?doctor_id=${doctorId}&start_date=${startDate}&end_date=${endDate}`);
+}
+```
+
+- [ ] **Step 2: 预约列表页**
+
+显示预约记录列表（按时间倒序），每项包含医生名、科室、日期、时段、状态标签。支持下拉刷新 + 上拉加载更多。
+
+- [ ] **Step 3: 提交**
+
+```bash
+git add apps/miniprogram/src/services/appointment.ts apps/miniprogram/src/pages/appointment/
+git commit -m "feat(miniprogram): 实现预约列表页"
+```
+
+---
+
+### Task 19: 小程序 — 新建预约页
+
+**Files:**
+- Create: `apps/miniprogram/src/pages/appointment/create/index.tsx`
+- Create: `apps/miniprogram/src/pages/appointment/create/index.scss`
+- Create: `apps/miniprogram/src/pages/appointment/detail/index.tsx`
+
+- [ ] **Step 1: 新建预约页 — 步骤流程**
+
+4 步向导：
+1. 选择科室（Picker）
+2. 选择医生（列表，显示头像+姓名+职称+科室）
+3. 选择日期和时段（周视图日历 + 时段列表）
+4. 确认预约（显示摘要 + 提交按钮）
+
+- [ ] **Step 2: 预约详情页**
+
+展示预约详情 + 取消预约按钮 + 导航到体检中心（地图）。
+
+- [ ] **Step 3: 注册路由**
+
+`app.config.ts` 添加 `pages/appointment/create/index` 和 `pages/appointment/detail/index`。
+
+- [ ] **Step 4: 验证**
+
+完整走通：选科室 → 选医生 → 选时段 → 确认 → 查看详情 → 取消。
+
+- [ ] **Step 5: 提交**
+
+```bash
+git add apps/miniprogram/src/pages/appointment/ apps/miniprogram/src/app.config.ts
+git commit -m "feat(miniprogram): 实现新建预约和预约详情页"
+```
+
+---
+
+## Chunk 5: Phase 4 — 报告查询 + 家庭管理
+
+### Task 20: 小程序 — 报告服务 + 列表/详情页
+
+**Files:**
+- Create: `apps/miniprogram/src/services/report.ts`
+- Create: `apps/miniprogram/src/pages/report/index.tsx`
+- Modify: `apps/miniprogram/src/app.config.ts`
+
+- [ ] **Step 1: report service**
+
+```typescript
+import { api } from './request';
+
+export interface LabReport {
+  id: string; title: string; type: string; date: string; status: string;
+  indicators?: LabIndicator[];
+}
+
+export interface LabIndicator {
+  name: string; value: number; unit: string; reference_min: number; reference_max: number;
+  status: 'normal' | 'high' | 'low';
+}
+
+export async function listReports(page = 1) {
+  return api.get<{ data: LabReport[]; total: number }>(`/health/lab-reports?page=${page}`);
+}
+
+export async function getReportDetail(id: string) {
+  return api.get<LabReport>(`/health/lab-reports/${id}`);
+}
+```
+
+- [ ] **Step 2: 报告列表页**
+
+卡片列表：报告名称 + 类型标签 + 日期。下拉刷新 + 上拉分页。
+
+- [ ] **Step 3: 报告详情页**
+
+基本信息卡 + 指标列表（正常灰色、异常红色高亮 + 箭头）+ 附件预览区。
+
+- [ ] **Step 4: 提交**
+
+```bash
+git add apps/miniprogram/src/services/report.ts apps/miniprogram/src/pages/report/
+git commit -m "feat(miniprogram): 实现报告查询列表和详情页"
+```
+
+---
+
+### Task 21: 小程序 — 家庭管理（就诊人切换）
+
+**Files:**
+- Create: `apps/miniprogram/src/components/FamilyPicker/index.tsx`
+- Create: `apps/miniprogram/src/pages/profile/family/index.tsx`
+- Create: `apps/miniprogram/src/pages/profile/family-add/index.tsx`
+- Modify: `apps/miniprogram/src/pages/profile/index.tsx`
+
+- [ ] **Step 1: FamilyPicker 组件**
+
+顶部下拉选择器：显示当前就诊人姓名 + 头像，点击展开列表切换。切换后更新 `auth store` 的 `currentPatient` + `Taro.setStorageSync('current_patient_id', id)`。
+
+- [ ] **Step 2: 就诊人管理页**
+
+列表显示已添加的就诊人（本人 + 家属），支持添加新就诊人。
+
+- [ ] **Step 3: 添加就诊人页**
+
+表单：姓名 + 与本人关系（Picker）+ 性别 + 出生日期 + 身份证号（可选）。提交 `POST /health/patients`。
+
+- [ ] **Step 4: 首页/健康/预约页接入 FamilyPicker**
+
+在这些页面顶部添加 FamilyPicker，切换就诊人后重新拉取数据。
+
+- [ ] **Step 5: 注册路由并提交**
+
+```bash
+git add apps/miniprogram/src/components/FamilyPicker/ apps/miniprogram/src/pages/profile/family/ apps/miniprogram/src/pages/profile/family-add/
+git commit -m "feat(miniprogram): 实现家庭管理 + 就诊人切换"
+```
+
+---
+
+## Chunk 6: Phase 5 — 随访 + 资讯 + 用药提醒
+
+### Task 22: 后端 — articles 表 + API
+
+**Files:**
+- Create: `crates/erp-server/migration/src/m20260423_000002_articles.rs`
+- Create: `crates/erp-health/src/entity/article.rs`
+- Create: `crates/erp-health/src/dto/article_dto.rs`
+- Create: `crates/erp-health/src/handler/article_handler.rs`
+- Create: `crates/erp-health/src/service/article_service.rs`
+
+- [ ] **Step 1: 创建 articles 迁移**
+
+表结构：`id, tenant_id, title, summary, content(富文本), cover_image, category, author, published_at, created_at, updated_at, deleted_at, version`
+
+- [ ] **Step 2: Entity + DTO + Service + Handler**
+
+参照现有 health_data 的模式创建完整 CRUD。公开接口只需 `list` 和 `detail`。
+
+- [ ] **Step 3: 注册路由和权限**
+
+- [ ] **Step 4: 验证**
+
+Run: `cargo check -p erp-health`
+
+- [ ] **Step 5: 提交**
+
+```bash
+git add crates/erp-health/src/ crates/erp-server/migration/
+git commit -m "feat(health): 添加健康资讯 articles 表和 API"
+```
+
+---
+
+### Task 23: 小程序 — 随访功能
+
+**Files:**
+- Create: `apps/miniprogram/src/services/followup.ts`
+- Create: `apps/miniprogram/src/pages/followup/index.tsx`
+- Create: `apps/miniprogram/src/pages/followup/detail/index.tsx`
+
+- [ ] **Step 1: followup service**
+
+- [ ] **Step 2: 随访任务列表页**
+
+按状态分组：待完成 / 已完成 / 已过期。每项显示任务名 + 截止日期 + 状态。
+
+- [ ] **Step 3: 随访详情/填写页**
+
+动态表单渲染（后端定义字段）→ 提交 → 标记完成。
+
+- [ ] **Step 4: 首页待办随访接入真实数据**
+
+- [ ] **Step 5: 提交**
+
+```bash
+git add apps/miniprogram/src/services/followup.ts apps/miniprogram/src/pages/followup/
+git commit -m "feat(miniprogram): 实现随访任务列表和填写页"
+```
+
+---
+
+### Task 24: 小程序 — 健康资讯
+
+**Files:**
+- Create: `apps/miniprogram/src/services/article.ts`
+- Modify: `apps/miniprogram/src/pages/article/index.tsx`
+- Create: `apps/miniprogram/src/pages/article/detail/index.tsx`
+
+- [ ] **Step 1: article service**
+
+- [ ] **Step 2: 资讯列表页**
+
+缩略图 + 标题 + 摘要 + 时间，下拉刷新 + 分页。
+
+- [ ] **Step 3: 资讯详情页**
+
+使用 Taro `RichText` 渲染富文本内容。
+
+- [ ] **Step 4: 提交**
+
+```bash
+git add apps/miniprogram/src/services/article.ts apps/miniprogram/src/pages/article/
+git commit -m "feat(miniprogram): 实现健康资讯列表和详情页"
+```
+
+---
+
+### Task 25: 小程序 — 用药提醒
+
+**Files:**
+- Create: `apps/miniprogram/src/pages/profile/medication/index.tsx`
+- Create: `apps/miniprogram/src/utils/medication-reminder.ts`
+
+- [ ] **Step 1: 用药提醒工具**
+
+本地 storage 存储提醒规则：`{ id, name, frequency, times: string[], enabled }`。
+
+- [ ] **Step 2: 用药提醒管理页**
+
+列表展示已添加的提醒 + 添加/编辑/删除/开关。
+
+- [ ] **Step 3: 提交**
+
+```bash
+git add apps/miniprogram/src/pages/profile/medication/ apps/miniprogram/src/utils/medication-reminder.ts
+git commit -m "feat(miniprogram): 实现用药提醒管理页"
+```
+
+---
+
+## Chunk 7: Phase 6 — 打磨 + 真机测试 + 提审
+
+### Task 26: "我的" 页面完善
+
+**Files:**
+- Modify: `apps/miniprogram/src/pages/profile/index.tsx`
+- Create: `apps/miniprogram/src/pages/profile/settings/index.tsx`
+
+- [ ] **Step 1: 个人中心页**
+
+展示头像 + 姓名 + 手机号。功能入口：就诊人管理、我的报告、我的随访、用药提醒、设置。
+
+- [ ] **Step 2: 设置页**
+
+清除缓存、关于我们、隐私政策、退出登录。
+
+- [ ] **Step 3: 提交**
+
+```bash
+git add apps/miniprogram/src/pages/profile/
+git commit -m "feat(miniprogram): 完善个人中心页"
+```
+
+---
+
+### Task 27: 空状态 + 错误处理 + Loading
+
+**Files:**
+- Create: `apps/miniprogram/src/components/EmptyState/index.tsx`
+- Create: `apps/miniprogram/src/components/ErrorState/index.tsx`
+- Create: `apps/miniprogram/src/components/Loading/index.tsx`
+
+- [ ] **Step 1: 通用空状态组件**
+
+显示图标 + 文案 + 操作按钮（如"去预约"）。
+
+- [ ] **Step 2: 通用错误组件**
+
+网络错误 / 服务器错误 / 无权限，带重试按钮。
+
+- [ ] **Step 3: 各页面接入**
+
+所有列表页添加空状态、错误状态、Loading 态。
+
+- [ ] **Step 4: 提交**
+
+```bash
+git add apps/miniprogram/src/components/EmptyState/ apps/miniprogram/src/components/ErrorState/ apps/miniprogram/src/components/Loading/
+git commit -m "feat(miniprogram): 添加空状态/错误/Loading 通用组件"
+```
+
+---
+
+### Task 28: 分包 + 性能优化
+
+- [ ] **Step 1: 配置分包**
+
+`app.config.ts` 中定义 subPackages：
+- `health/` — 健康数据相关页面
+- `appointment/` — 预约相关
+- `report/` — 报告相关
+- `followup/` — 随访相关
+- `article/` — 资讯相关
+
+主包保留：首页 + 登录 + 我的 + 公共组件。
+
+- [ ] **Step 2: 图表库按需引入**
+
+echarts 只引入折线图模块，减小体积。
+
+- [ ] **Step 3: 提交**
+
+```bash
+git add apps/miniprogram/src/app.config.ts
+git commit -m "perf(miniprogram): 配置分包加载 + 图表按需引入"
+```
+
+---
+
+### Task 29: 真机测试 + 提审准备
+
+- [ ] **Step 1: 真机调试**
+
+通过微信开发者工具预览/真机调试，在多款真机上验证。
+
+- [ ] **Step 2: 检查清单**
+
+- [ ] 登录流程正常（微信授权 + 手机号绑定）
+- [ ] 健康数据可录入并查看趋势
+- [ ] 预约可创建/取消
+- [ ] 报告可查看
+- [ ] 随访可填写
+- [ ] 就诊人可切换
+- [ ] 无白屏、无 JS 报错
+- [ ] 包体积 < 2MB（主包）
+- [ ] 隐私政策和用户协议已配置
+
+- [ ] **Step 3: 构建生产版本**
+
+```bash
+pnpm build:weapp
+```
+
+- [ ] **Step 4: 提交最终版本**
+
+```bash
+git add -A
+git commit -m "release(miniprogram): v1.0.0 提审版本"
+git push
+```
diff --git a/docs/superpowers/specs/2026-04-23-hms-miniprogram-design.md b/docs/superpowers/specs/2026-04-23-hms-miniprogram-design.md
new file mode 100644
index 0000000..c983926
--- /dev/null
+++ b/docs/superpowers/specs/2026-04-23-hms-miniprogram-design.md
@@ -0,0 +1,509 @@
+# HMS 患者小程序设计规格
+
+> **版本**: v1.0
+> **日期**: 2026-04-23
+> **状态**: 草案
+> **关联**: 健康模块设计规格 `2026-04-23-health-management-module-design.md`
+
+---
+
+## 1. 概述
+
+### 1.1 产品定位
+
+HMS 患者小程序是**综合健康管理入口**，面向体检中心/医疗机构的患者。覆盖体检预约、报告查询、健康数据长期监测、随访管理、家庭健康管理等场景。
+
+医护端以 PC 管理后台（`apps/web/`）为主力，小程序聚焦患者体验。医护端小程序可在后续按需补一个轻量版（随访提醒、排班查看），不在本规格范围内。
+
+### 1.2 核心决策
+
+| 维度 | 决策 | 原因 |
+|------|------|------|
+| 技术选型 | Taro 4 + React 19 | 与 Web 端 React 技能复用，支持多端编译 |
+| 架构方案 | 直连后端 | MVP 阶段最务实，复用 erp-server API |
+| 登录方式 | 微信授权 + 手机号补充 | 降低门槛 + 确保身份可靠 |
+| 代码位置 | `apps/miniprogram/`（Monorepo） | 方便接口同步，共享类型定义 |
+| 目标平台 | 微信小程序优先 | 覆盖最广泛用户，后续可扩展 |
+| 数据录入 | 手动 + 蓝牙预留接口 | MVP 快速交付，后续对接设备 |
+| 视觉风格 | 医疗清新（青色主调） | 专业可靠，沿用现有 HTML 原型风格 |
+
+### 1.3 MVP 功能范围
+
+**MVP 包含（7 个功能模块）：**
+1. 登录 + 个人中心
+2. 健康数据录入 + 趋势图
+3. 预约挂号
+4. 报告查询
+5. 随访管理
+6. 家庭健康管理（就诊人切换）
+7. 健康资讯 + 用药提醒
+
+**后续版本：**
+- 在线咨询（即时通讯，WebSocket 长连接）
+
+---
+
+## 2. 项目结构
+
+```
+apps/miniprogram/
+├── config/                    # Taro 编译配置
+│   ├── index.ts               # 通用配置
+│   ├── dev.ts                 # 开发环境
+│   └── prod.ts                # 生产环境
+├── project.config.json        # 微信小程序项目配置
+├── src/
+│   ├── app.config.ts          # Taro 全局配置（TabBar、页面路由）
+│   ├── app.tsx                # 入口组件
+│   ├── app.scss               # 全局样式（医疗清新主题变量）
+│   ├── components/            # 通用组件
+│   │   ├── HealthCard/        # 健康指标卡片（血压/血糖/体重）
+│   │   ├── AppointmentCard/   # 预约卡片
+│   │   ├── ReportItem/        # 报告列表项
+│   │   ├── FamilyPicker/      # 就诊人切换器
+│   │   ├── EmptyState/        # 空状态占位
+│   │   └── TrendChart/        # 趋势图（echarts-taro3-react）
+│   ├── pages/
+│   │   ├── index/             # 首页（今日健康+快捷入口+待办）
+│   │   ├── health/            # 健康数据（录入+趋势图）
+│   │   ├── appointment/       # 预约（列表+新建预约）
+│   │   ├── report/            # 报告（体检报告+化验单）
+│   │   ├── followup/          # 随访（任务+问卷填写）
+│   │   ├── article/           # 健康资讯（文章列表+详情）
+│   │   ├── profile/           # 我的（个人信息+就诊人管理+设置）
+│   │   └── login/             # 登录（微信授权+手机号）
+│   ├── services/              # API 调用层
+│   │   ├── request.ts         # 封装 Taro.request（JWT 注入、错误处理）
+│   │   ├── auth.ts            # 登录/刷新 token
+│   │   ├── health.ts          # 健康数据 CRUD
+│   │   ├── appointment.ts     # 预约 CRUD
+│   │   ├── report.ts          # 报告查询
+│   │   ├── followup.ts        # 随访任务/记录
+│   │   └── article.ts         # 资讯/科普
+│   ├── stores/                # Zustand 状态管理
+│   │   ├── auth.ts            # 登录态、用户信息、就诊人列表
+│   │   └── health.ts          # 健康数据缓存
+│   ├── utils/
+│   │   ├── bluetooth.ts       # 蓝牙接口预留（MVP 不实现）
+│   │   ├── format.ts          # 日期/数值格式化
+│   │   └── constants.ts       # 常量定义
+│   └── styles/
+│       ├── variables.scss     # 主题变量（青色主调）
+│       └── mixins.scss        # 常用样式混入
+├── package.json
+└── tsconfig.json
+```
+
+**设计原则：**
+- services 层与 Web 端 `apps/web/src/api/` 职责对齐，用 Taro.request 替代 fetch
+- stores 复用 Zustand 模式，与 Web 端保持一致的状态管理风格
+- 组件命名 PascalCase 目录，与 Web 端风格统一
+- MVP 阶段不强抽取 `packages/shared/`，等两端跑起来后根据重复度决定
+
+---
+
+## 3. 认证流程
+
+### 3.1 整体流程
+
+```
+用户打开小程序
+    ↓
+检查本地 storage 有无有效 JWT
+    ├── 有且未过期 → 直接进入首页
+    └── 无或已过期 ↓
+
+Step 1: 微信静默登录
+    wx.login() → code
+    → POST /api/v1/auth/wechat/login { code }
+    → 后端用 code 换 openid，查找绑定用户
+        ├── 已绑定 → 签发 JWT { token, user }
+        └── 未绑定 → 返回 { need_bind: true, openid }
+
+Step 2: 手机号绑定（仅新用户）
+    wx.getPhoneNumber 按钮组件 → encryptedData + iv
+    → POST /api/v1/auth/wechat/bind-phone { openid, encryptedData, iv }
+    → 后端解密手机号，创建/关联 user + patient 档案
+    → 签发 JWT { token, user, patient }
+
+Step 3: 补充档案（首次绑定后）
+    → 引导填写姓名、性别、出生日期、身份证号（可选）
+    → PUT /api/v1/health/patients/me { name, gender, birthday }
+```
+
+### 3.2 后端新增内容
+
+**`erp-auth` 新增：**
+
+| 新增 | 说明 |
+|------|------|
+| `wechat_users` 表 | `id, openid, union_id, user_id, phone, created_at, updated_at` |
+| `POST /api/v1/auth/wechat/login` | code → openid 查询，返回绑定状态 |
+| `POST /api/v1/auth/wechat/bind-phone` | 绑定手机号，创建 user + patient |
+| `GET /api/v1/auth/wechat/qrcode` | 生成带参数小程序码（PC 端扫码登录场景） |
+
+`wechat_users` 表必须包含 `tenant_id`（多租户隔离）和标准审计字段（`created_at`, `updated_at`, `deleted_at`）。
+
+### 3.3 Token 策略
+
+| Token | 有效期 | 存储 |
+|-------|--------|------|
+| Access Token (JWT) | 15 分钟 | 内存 + Taro.setStorage |
+| Refresh Token | 7 天 | Taro.setStorage |
+
+自动刷新机制：`services/request.ts` 拦截 401 → 调用 `POST /auth/refresh` → 重试原请求。刷新失败则跳转登录页。
+
+### 3.4 多就诊人
+
+- 一个微信账号可管理多个 patient（本人 + 家人）
+- 切换就诊人时请求 header 带 `X-Patient-Id`
+- 后端校验该 patient 属于当前 user
+
+---
+
+## 4. 页面结构与导航
+
+### 4.1 Tab Bar
+
+底部导航栏 5 个入口：
+
+| Tab | 图标 | 页面路径 |
+|-----|------|----------|
+| 首页 | 🏠 | /pages/index/index |
+| 健康 | 📊 | /pages/health/index |
+| 预约 | 📅 | /pages/appointment/index |
+| 资讯 | 📰 | /pages/article/index |
+| 我的 | 👤 | /pages/profile/index |
+
+### 4.2 页面层级
+
+```
+Tab: 首页 /pages/index
+├── /pages/notifications/index          # 通知列表
+└── /pages/followup/detail/index        # 随访任务详情
+
+Tab: 健康 /pages/health
+├── /pages/health/input/index           # 录入数据
+├── /pages/health/trend/index           # 指标趋势
+└── /pages/health/history/index         # 历史记录
+
+Tab: 预约 /pages/appointment
+├── /pages/appointment/create/index     # 新建预约
+└── /pages/appointment/detail/index     # 预约详情
+
+Tab: 资讯 /pages/article
+└── /pages/article/detail/index         # 文章详情
+
+Tab: 我的 /pages/profile
+├── /pages/profile/family/index         # 就诊人管理
+├── /pages/profile/family-add/index     # 添加就诊人
+├── /pages/profile/reports/index        # 我的报告
+├── /pages/profile/followups/index      # 我的随访
+├── /pages/profile/medication/index     # 用药提醒
+└── /pages/profile/settings/index       # 设置
+
+独立页面（不在 Tab 内）：
+├── /pages/login/index                  # 登录
+└── /pages/login/profile/index          # 档案补全
+```
+
+### 4.3 首页布局
+
+```
+┌─────────────────────────────┐
+│  问候栏（渐变青色背景）       │  用户名 + 日期 + 通知铃铛
+├─────────────────────────────┤
+│  今日健康卡片（上浮 -20px）   │  血压/心率/血糖/体重 2×2 网格
+├─────────────────────────────┤
+│  快捷服务（4 宫格）           │  录数据/预约/报告/随访
+├─────────────────────────────┤
+│  即将到来                    │  最近 1 条预约卡片
+├─────────────────────────────┤
+│  待办随访                    │  最多 2 条待办 + 查看全部
+├─────────────────────────────┤
+│  [ 首页 ] [ 健康 ] [ 预约 ] [ 资讯 ] [ 我的 ]  │
+└─────────────────────────────┘
+```
+
+---
+
+## 5. 核心功能数据流
+
+### 5.1 健康数据录入
+
+```
+选择指标类型 → 输入数值 + 测量时间 → 添加备注（可选）→ POST /vital-signs
+                                                            ↓
+                                                   成功 → 更新首页卡片 + 趋势缓存
+                                                   失败 → Toast + 本地暂存
+```
+
+**MVP 支持的指标类型：**
+
+| 指标 | 单位 | 输入控件 |
+|------|------|---------|
+| 收缩压 / 舒张压 | mmHg | 两个数字输入框 |
+| 心率 | bpm | 数字输入框 |
+| 空腹血糖 | mmol/L | 数字输入框 |
+| 餐后血糖 | mmol/L | 数字输入框 |
+| 体重 | kg | 数字输入框（1 位小数） |
+| 体温 | ℃ | 数字输入框（1 位小数） |
+
+每次可同时填多项或只填一项。录入时间默认当前，可手动调整为当天任意时间。
+
+### 5.2 预约挂号
+
+```
+选择科室 → 选择医生 → 选择日期（排班日历）→ 选择时段 → 确认预约
+                                                            ↓
+                                                  POST /appointments
+                                                            ↓
+                                              成功 → 订阅消息通知 + 日历同步
+                                              满员 → 提示"该时段已满"
+```
+
+**关键交互：**
+- 排班日历用周视图，有排班的日期标绿点
+- 点击日期后展示该日可用时段
+- 时段显示"剩余 X 位"
+- 预约成功后支持微信订阅消息提醒
+
+### 5.3 报告查询
+
+```
+报告列表（分页，时间倒序）
+    ↓ 点击某份报告
+报告详情 → 基本信息卡 + 指标列表 + PDF/图片附件预览
+```
+
+**指标状态标记：**
+- 异常偏高：红色 + ↑ 箭头
+- 异常偏低：红色 + ↓ 箭头
+- 正常范围：灰色
+
+### 5.4 随访管理
+
+```
+待办列表（按截止日期排序）
+    ↓ 支持"待完成/已完成/已过期"筛选
+点击任务 → 动态表单（后端定义字段）→ 提交 → 标记完成
+```
+
+问卷由 PC 端医护创建（follow_up_task），小程序负责展示和填写。提交后创建 follow_up_record。
+
+### 5.5 家庭健康管理
+
+```
+就诊人列表（本人 + 已添加家属）
+    ↓ 点击头像或下拉切换
+切换就诊人 → 全局 X-Patient-Id 更新 → 所有页面数据刷新
+    ↓ 添加家属
+填写信息 → 姓名 + 关系 + 身份证号（可选）→ POST /patients
+```
+
+切换就诊人通过全局 store 更新，所有 service 请求自动携带新 `X-Patient-Id`。
+
+### 5.6 健康资讯 + 用药提醒
+
+**资讯：**
+- `GET /articles` → 分页列表（缩略图 + 标题 + 摘要 + 时间）
+- 文章详情使用 Taro `RichText` 组件渲染富文本
+
+**用药提醒（MVP）：**
+- 小程序本地 storage 存储提醒规则（药品名 + 频率 + 时间）
+- 每日触发检查
+- 通过微信订阅消息推送提醒
+- 不依赖后端新表
+
+---
+
+## 6. API 集成与状态管理
+
+### 6.1 请求层封装
+
+`services/request.ts` 职责：
+
+| 拦截点 | 行为 |
+|--------|------|
+| 请求拦截 | 自动注入 `Authorization: Bearer {token}` |
+| 请求拦截 | 自动注入 `X-Patient-Id`（当前选中就诊人） |
+| 请求拦截 | 自动注入 `X-Tenant-Id`（从登录信息获取） |
+| 响应拦截 | 401 → 静默刷新 token → 重试原请求 |
+| 响应拦截 | 刷新失败 → 跳转登录页 |
+| 错误处理 | 网络错误 / 业务错误 / 超时统一处理 |
+
+多租户处理：患者只属于一个租户。登录时后端返回 `tenant_id`，前端每次请求带上。不走 `tenant_id` 中间件自动注入。
+
+### 6.2 Zustand Stores
+
+**auth store：**
+
+```typescript
+interface AuthState {
+  token: string | null
+  refreshToken: string | null
+  user: { id: string; name: string; phone: string; avatar: string } | null
+  currentPatient: Patient | null
+  patients: Patient[]
+  setCurrentPatient: (id: string) => void
+  login: (code: string) => Promise<void>
+  bindPhone: (data: BindPhoneData) => Promise<void>
+  logout: () => void
+}
+```
+
+**health store：**
+
+```typescript
+interface HealthState {
+  todaySummary: VitalSigns | null
+  trendData: Record<string, TrendPoint[]>
+  refreshToday: () => Promise<void>
+  getTrend: (type: string, range: '7d' | '30d' | '90d') => Promise<TrendPoint[]>
+}
+```
+
+### 6.3 API 端点对应表
+
+| 小程序 service | 后端端点 | 方法 |
+|----------------|----------|------|
+| `auth.login(code)` | `/api/v1/auth/wechat/login` | POST |
+| `auth.bindPhone(data)` | `/api/v1/auth/wechat/bind-phone` | POST |
+| `auth.refresh()` | `/api/v1/auth/refresh` | POST |
+| `health.getToday()` | `/api/v1/health/vital-signs?date=today` | GET |
+| `health.input(data)` | `/api/v1/health/vital-signs` | POST |
+| `health.getTrend(type, range)` | `/api/v1/health/vital-signs/trend` | GET |
+| `appointment.list()` | `/api/v1/health/appointments` | GET |
+| `appointment.create(data)` | `/api/v1/health/appointments` | POST |
+| `appointment.cancel(id)` | `/api/v1/health/appointments/:id/cancel` | PUT |
+| `schedule.getByDoctor(id)` | `/api/v1/health/doctor-schedules` | GET |
+| `report.list()` | `/api/v1/health/lab-reports` | GET |
+| `report.detail(id)` | `/api/v1/health/lab-reports/:id` | GET |
+| `followup.list()` | `/api/v1/health/follow-up-tasks` | GET |
+| `followup.submit(id, data)` | `/api/v1/health/follow-up-records` | POST |
+| `patient.list()` | `/api/v1/health/patients` | GET |
+| `patient.create(data)` | `/api/v1/health/patients` | POST |
+| `patient.update(id, data)` | `/api/v1/health/patients/:id` | PUT |
+
+**后端需新增的端点（尚未实现）：**
+
+| 端点 | 说明 |
+|------|------|
+| `POST /auth/wechat/login` | 微信登录 |
+| `POST /auth/wechat/bind-phone` | 手机号绑定 |
+| `GET /vital-signs/trend` | 趋势聚合查询 |
+| `GET /doctor-schedules` | 按科室/医生查询排班 |
+| `GET /articles` | 健康资讯列表 |
+| `GET /articles/:id` | 资讯详情 |
+
+---
+
+## 7. 视觉设计
+
+### 7.1 主题色
+
+沿用现有 HTML 原型的医疗清新风格：
+
+| 用途 | 色值 | 说明 |
+|------|------|------|
+| 主色 | `#0891B2` | 青色，按钮、导航、强调 |
+| 主色浅 | `#E0F7FA` | 背景、卡片高亮 |
+| 主色深 | `#065A73` | 渐变、按压态 |
+| 辅助色 | `#059669` | 绿色，成功、正常指标 |
+| 危险色 | `#DC2626` | 红色，异常指标、删除 |
+| 警告色 | `#D97706` | 琥珀，待办、提醒 |
+| 背景色 | `#F0FDFA` | 页面底色 |
+| 卡片色 | `#FFFFFF` | 卡片背景 |
+| 主文字 | `#134E4A` | 标题、正文 |
+| 副文字 | `#6B7280` | 说明、标签 |
+| 轻文字 | `#94A3B8` | 时间戳、占位符 |
+
+### 7.2 圆角规范
+
+| 元素 | 圆角 |
+|------|------|
+| 卡片 | 12px |
+| 按钮 | 8px |
+| 输入框 | 8px |
+| 头像 | 50% |
+| 快捷图标 | 14px |
+
+### 7.3 阴影规范
+
+| 层级 | 值 |
+|------|---|
+| 轻阴影 | `0 1px 3px rgba(0,0,0,.04)` |
+| 标准阴影 | `0 2px 8px rgba(0,0,0,.06)` |
+| 中阴影 | `0 4px 16px rgba(0,0,0,.08)` |
+| 重阴影 | `0 8px 32px rgba(0,0,0,.12)` |
+
+---
+
+## 8. 开发工作流
+
+### 8.1 开发环境
+
+```bash
+# 安装依赖
+cd apps/miniprogram && pnpm install
+
+# 开发模式（需配合微信开发者工具）
+pnpm dev:weapp         # Taro 编译 + watch → dist/
+# 用微信开发者工具打开 dist/ 目录预览
+
+# 生产构建
+pnpm build:weapp       # 压缩 + tree-shaking
+
+# 后端联调
+# 需同时运行 erp-server (port 3000)
+# 小程序开发设置中关闭域名校验（开发阶段）
+```
+
+### 8.2 与 Web 端的代码复用
+
+| 复用内容 | 方式 | 说明 |
+|---------|------|------|
+| TypeScript 类型 | 按需引用 Web 端 DTO 类型 | API 请求/响应结构一致 |
+| 主题变量值 | Web CSS 变量 → SCSS 变量 | 青色主调色值保持一致 |
+| Zustand 模式 | 相同 store 设计模式 | 各自独立实现 |
+| API 接口定义 | service 层函数签名对齐 | Web 用 fetch，小程序用 Taro.request |
+
+### 8.3 后端需同步开发的内容
+
+| 优先级 | 内容 | 涉及 crate |
+|--------|------|-----------|
+| P0 | `wechat_users` 表 + 微信登录/绑定 API | erp-auth |
+| P0 | `vital_signs` 趋势查询 API | erp-health |
+| P0 | `doctor_schedules` 按科室/医生查询 API | erp-health |
+| P1 | `lab_reports` 指标异常标注字段 | erp-health |
+| P1 | `follow_up_tasks` 动态问卷字段扩展 | erp-health |
+| P2 | `articles` 表 + CRUD | erp-health |
+| P2 | 微信订阅消息模板注册 | erp-server |
+
+---
+
+## 9. 分期交付计划
+
+| 阶段 | 内容 | 目标 |
+|------|------|------|
+| Phase 1 | 项目骨架 + 登录流程 + 首页（静态数据） | 基础搭建 |
+| Phase 2 | 健康数据录入 + 趋势图 | 核心功能 |
+| Phase 3 | 预约挂号 + 排班日历 | 核心功能 |
+| Phase 4 | 报告查询 + 家庭管理 | 扩展功能 |
+| Phase 5 | 随访 + 资讯 + 用药提醒 | 扩展功能 |
+| Phase 6 | 打磨 + 真机测试 + 提审 | 上线准备 |
+
+每个 Phase 内部遵循：先对接后端 API → 再实现 UI → 真机验证 → 提交。
+
+---
+
+## 10. 约束与风险
+
+| 约束/风险 | 应对策略 |
+|-----------|---------|
+| 小程序包体积限制（2MB 主包） | 按功能分包加载，图表库按需引入 |
+| 微信审核周期（3-7 天） | Phase 6 预留充足审核时间 |
+| 后端 API 部分未实现 | 小程序开发与后端同步推进，优先实现 P0 端点 |
+| 微信订阅消息需用户主动触发 | 在预约成功、随访提交等场景引导用户订阅 |
+| 蓝牙设备适配复杂 | MVP 预留接口不实现，后续按设备型号逐一对接 |
+| 多就诊人数据隔离 | 后端严格校验 user-patient 归属关系 |