iven/hms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(mp): 架构重构 — usePageData 统一数据加载 + Store 解耦 + 大页面拆分

Browse Source 
新增 usePageData hook（useDidShow 节流 + usePullDownRefresh + loadingRef 防重入 + enabled 条件守卫），
44/58 页面迁移接入，消灭 4 种数据加载模式并存。

- 新增 hooks/usePageData.ts — 统一页面数据加载生命周期
- 新增 stores/index.ts — resetAllStores() 解耦 auth↔health store 依赖
- 新增 pages/index/useHomeData.ts — 首页数据 hook（424→282 行）
- 新增 pages/health/useHealthData.ts — 健康页数据 hook（422→254 行）
- 44 个页面迁移到 usePageData（9 患者端 + 15 医生端 + 20 子包）
- auth store logout 不再直接导入 health store

构建通过，测试 74/75（1 个预存失败）。
This commit is contained in:
iven
2026-05-15 01:13:01 +08:00
parent 0f58af245d
commit 1fd2c7a533
52 changed files with 791 additions and 664 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { usePullDownRefresh, useReachBottom } from '@tarojs/taro';
import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
import Taro, { useReachBottom } from '@tarojs/taro';
import { usePageData } from '@/hooks/usePageData';
import { listConsents, revokeConsent } from '@/services/consent';
import type { Consent } from '@/services/consent';
import EmptyState from '@/components/EmptyState';
@@ -54,11 +54,7 @@ export default function ConsentList() {
}
}, []);
useThrottledDidShow(() => { fetchData(1); }, 10000);
usePullDownRefresh(() => {
fetchData(1).finally(() => Taro.stopPullDownRefresh());
});
usePageData(async () => { await fetchData(1); }, { throttleMs: 10000, enablePullDown: true });
useReachBottom(() => {
if (!loading && consents.length < total) {

14
apps/miniprogram/src/pages/pkg-profile/diagnoses/index.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { usePullDownRefresh, useReachBottom } from '@tarojs/taro';
import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
import Taro, { useReachBottom } from '@tarojs/taro';
import { usePageData } from '@/hooks/usePageData';
import { listDiagnoses, Diagnosis } from '../../../services/health-record';
import EmptyState from '../../../components/EmptyState';
import Loading from '../../../components/Loading';
@@ -50,15 +50,7 @@ export default function Diagnoses() {
}
}, []);
useThrottledDidShow(() => {
fetchData(1);
}, 10000);
usePullDownRefresh(() => {
fetchData(1).finally(() => {
Taro.stopPullDownRefresh();
});
});
usePageData(async () => { await fetchData(1); }, { throttleMs: 10000, enablePullDown: true });
useReachBottom(() => {
if (!loading && records.length < total) {

19
apps/miniprogram/src/pages/pkg-profile/dialysis-prescriptions/detail/index.tsx
View File

@@ -1,6 +1,7 @@
import React, { useState, useEffect } from 'react';
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { useRouter } from '@tarojs/taro';
import { usePageData } from '@/hooks/usePageData';
import { getDialysisPrescription } from '@/services/dialysis';
import type { DialysisPrescription } from '@/services/dialysis';
import Loading from '@/components/Loading';
@@ -20,15 +21,21 @@ export default function DialysisPrescriptionDetail() {
const [rx, setRx] = useState<DialysisPrescription | null>(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
const fetchDetail = useCallback(async () => {
if (!id) return;
setLoading(true);
getDialysisPrescription(id)
.then((data) => setRx(data))
.catch(() => Taro.showToast({ title: '加载失败', icon: 'none' }))
.finally(() => setLoading(false));
try {
const data = await getDialysisPrescription(id);
setRx(data);
} catch {
Taro.showToast({ title: '加载失败', icon: 'none' });
} finally {
setLoading(false);
}
}, [id]);
usePageData(fetchDetail, { throttleMs: 60000 });
if (loading) return <View className={`detail-page ${modeClass}`}><Loading /></View>;
if (!rx) return <View className={`detail-page ${modeClass}`}><View className='empty-state'><Text className='empty-text'>处方不存在</Text></View></View>;

10
apps/miniprogram/src/pages/pkg-profile/dialysis-prescriptions/index.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { usePullDownRefresh, useReachBottom } from '@tarojs/taro';
import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
import Taro, { useReachBottom } from '@tarojs/taro';
import { usePageData } from '@/hooks/usePageData';
import { listDialysisPrescriptions } from '@/services/dialysis';
import type { DialysisPrescription } from '@/services/dialysis';
import EmptyState from '@/components/EmptyState';
@@ -45,11 +45,7 @@ export default function DialysisPrescriptionList() {
}
}, []);
useThrottledDidShow(() => { fetchData(1); }, 10000);
usePullDownRefresh(() => {
fetchData(1).finally(() => Taro.stopPullDownRefresh());
});
usePageData(async () => { await fetchData(1); }, { throttleMs: 10000, enablePullDown: true });
useReachBottom(() => {
if (!loading && prescriptions.length < total) {

19
apps/miniprogram/src/pages/pkg-profile/dialysis-records/detail/index.tsx
View File

@@ -1,6 +1,7 @@
import React, { useState, useEffect } from 'react';
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { useRouter } from '@tarojs/taro';
import { usePageData } from '@/hooks/usePageData';
import { getDialysisRecord } from '@/services/dialysis';
import type { DialysisRecord } from '@/services/dialysis';
import Loading from '@/components/Loading';
@@ -26,15 +27,21 @@ export default function DialysisRecordDetail() {
const [record, setRecord] = useState<DialysisRecord | null>(null);
const [loading, setLoading] = useState(true);
useEffect(() => {
const fetchDetail = useCallback(async () => {
if (!id) return;
setLoading(true);
getDialysisRecord(id)
.then((data) => setRecord(data))
.catch(() => Taro.showToast({ title: '加载失败', icon: 'none' }))
.finally(() => setLoading(false));
try {
const data = await getDialysisRecord(id);
setRecord(data);
} catch {
Taro.showToast({ title: '加载失败', icon: 'none' });
} finally {
setLoading(false);
}
}, [id]);
usePageData(fetchDetail, { throttleMs: 60000 });
if (loading) return <View className={`detail-page ${modeClass}`}><Loading /></View>;
if (!record) return <View className={`detail-page ${modeClass}`}><View className='empty-state'><Text className='empty-text'>记录不存在</Text></View></View>;

10
apps/miniprogram/src/pages/pkg-profile/dialysis-records/index.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { usePullDownRefresh, useReachBottom } from '@tarojs/taro';
import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
import Taro, { useReachBottom } from '@tarojs/taro';
import { usePageData } from '@/hooks/usePageData';
import { listDialysisRecords } from '@/services/dialysis';
import type { DialysisRecord } from '@/services/dialysis';
import EmptyState from '@/components/EmptyState';
@@ -51,11 +51,7 @@ export default function DialysisRecordList() {
}
}, []);
useThrottledDidShow(() => { fetchData(1); }, 10000);
usePullDownRefresh(() => {
fetchData(1).finally(() => Taro.stopPullDownRefresh());
});
usePageData(async () => { await fetchData(1); }, { throttleMs: 10000, enablePullDown: true });
useReachBottom(() => {
if (!loading && records.length < total) {

6
apps/miniprogram/src/pages/pkg-profile/family/index.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro from '@tarojs/taro';
import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
import { usePageData } from '@/hooks/usePageData';
import { listPatients, Patient } from '../../../services/patient';
import { useAuthStore } from '../../../stores/auth';
import EmptyState from '../../../components/EmptyState';
@@ -27,9 +27,7 @@ export default function FamilyList() {
}
}, []);
useThrottledDidShow(() => {
fetchPatients();
}, 10000);
usePageData(fetchPatients, { throttleMs: 10000 });
const handleSelect = (patient: Patient) => {
setCurrentPatient({

6
apps/miniprogram/src/pages/pkg-profile/followups/index.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro from '@tarojs/taro';
import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
import { usePageData } from '@/hooks/usePageData';
import { listTasks, FollowUpTask } from '../../../services/followup';
import EmptyState from '../../../components/EmptyState';
import Loading from '../../../components/Loading';
@@ -32,9 +32,7 @@ export default function MyFollowUps() {
}
}, []);
useThrottledDidShow(() => {
fetchTasks(activeTab);
}, 10000);
usePageData(async () => { await fetchTasks(activeTab); }, { throttleMs: 10000 });
const handleTabChange = (key: string) => {
setActiveTab(key);

14
apps/miniprogram/src/pages/pkg-profile/health-records/index.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { usePullDownRefresh, useReachBottom } from '@tarojs/taro';
import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
import Taro, { useReachBottom } from '@tarojs/taro';
import { usePageData } from '@/hooks/usePageData';
import { listHealthRecords, HealthRecord } from '../../../services/health-record';
import EmptyState from '../../../components/EmptyState';
import Loading from '../../../components/Loading';
@@ -44,15 +44,7 @@ export default function HealthRecords() {
}
}, []);
useThrottledDidShow(() => {
fetchData(1);
}, 10000);
usePullDownRefresh(() => {
fetchData(1).finally(() => {
Taro.stopPullDownRefresh();
});
});
usePageData(async () => { await fetchData(1); }, { throttleMs: 10000, enablePullDown: true });
useReachBottom(() => {
if (!loading && records.length < total) {

5
apps/miniprogram/src/pages/pkg-profile/medication/index.tsx
View File

@@ -1,6 +1,7 @@
import React, { useState, useEffect, useCallback } from 'react';
import React, { useState, useCallback } from 'react';
import { View, Text, Input, Picker } from '@tarojs/components';
import Taro from '@tarojs/taro';
import { usePageData } from '@/hooks/usePageData';
import EmptyState from '../../../components/EmptyState';
import {
listReminders,
@@ -32,7 +33,7 @@ export default function MedicationReminder() {
}
}, []);
useEffect(() => { fetchReminders(); }, [fetchReminders]);
usePageData(fetchReminders, { throttleMs: 5000, enablePullDown: true });
const handleToggle = async (r: MedicationReminder) => {
try {

14
apps/miniprogram/src/pages/pkg-profile/reports/index.tsx
View File

@@ -1,7 +1,7 @@
import React, { useState, useCallback } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { usePullDownRefresh, useReachBottom } from '@tarojs/taro';
import { useThrottledDidShow } from '@/hooks/useThrottledDidShow';
import Taro, { useReachBottom } from '@tarojs/taro';
import { usePageData } from '@/hooks/usePageData';
import { listReports, LabReport } from '../../../services/report';
import EmptyState from '../../../components/EmptyState';
import Loading from '../../../components/Loading';
@@ -38,15 +38,7 @@ export default function MyReports() {
}
}, []);
useThrottledDidShow(() => {
fetchData(1);
}, 10000);
usePullDownRefresh(() => {
fetchData(1).finally(() => {
Taro.stopPullDownRefresh();
});
});
usePageData(async () => { await fetchData(1); }, { throttleMs: 10000, enablePullDown: true });
useReachBottom(() => {
if (!loading && reports.length < total) {