perf(miniprogram): 全面性能优化 — 分包加载 + 请求缓存 + 渲染优化

分包加载（主包从 517KB 降至 275KB，-47%）：
- 将 27 个页面拆入 6 个分包（health/doctor/mall/profile/content/device）
- vendors.js 从 192KB 降至 36KB（-81%）
- echarts 514KB 仅在访问健康趋势页时按需加载

请求层优化：
- GET 请求增加 in-flight 去重 + 60s TTL 响应缓存
- 新建 points store 集中管理积分/签到状态（消除 5 处重复调用）
- health store todaySummary 增加 60s TTL
- mutation 后自动失效缓存（health input/daily-monitoring）
- logout 时清空请求缓存

渲染优化：
- 7 个组件添加 React.memo（EcCanvas/TrendChart/Loading/EmptyState 等）
- 修复 TrendChart setChartReady 导致的双重渲染
- 静态数组（quickServices/quickActions/trendLinks）提取到模块级
- restoreAuth 从页面级提升到 App 级别
- 文章列表图片添加 lazyLoad

构建优化：
- prod 配置添加 terser（drop_console + drop_debugger）
- crypto-js 从全量引入改为按需引入（AES + Utf8）

apps/miniprogram/config/prod.ts

@@ -1,8 +1,20 @@
 import type { UserConfigExport } from '@tarojs/cli';
 
 export default {
-  logger: { quiet: false },
+  logger: { quiet: true },
-  mini: { miniCssExtractPluginOption: { ignoreOrder: true } },
+  mini: {
+    miniCssExtractPluginOption: { ignoreOrder: true },
+    terserOption: {
+      compress: {
+        drop_console: true,
+        drop_debugger: true,
+        pure_funcs: ['console.log', 'console.info', 'console.debug'],
+      },
+      format: {
+        comments: false,
+      },
+    },
+  },
   h5: {
     miniCssExtractPluginOption: {
       ignoreOrder: true,

apps/miniprogram/src/app.config.ts

@@ -3,44 +3,50 @@ export default defineAppConfig({
     'pages/index/index',
     'pages/login/index',
     'pages/health/index',
-    'pages/health/input/index',
+    'pages/consultation/index',
-    'pages/health/trend/index',
+    'pages/consultation/detail/index',
-    'pages/health/daily-monitoring/index',
+    'pages/mall/index',
+    'pages/profile/index',
     'pages/appointment/index',
     'pages/appointment/create/index',
     'pages/appointment/detail/index',
     'pages/article/index',
-    'pages/article/detail/index',
-    'pages/report/detail/index',
-    'pages/ai-report/list/index',
-    'pages/ai-report/detail/index',
-    'pages/followup/detail/index',
-    'pages/consultation/index',
-    'pages/consultation/detail/index',
-    'pages/mall/index',
-    'pages/mall/exchange/index',
-    'pages/mall/orders/index',
-    'pages/mall/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/legal/user-agreement',
     'pages/legal/privacy-policy',
-    'pages/doctor/index',
+  ],
-    'pages/doctor/patients/index',
+  subPackages: [
-    'pages/doctor/patients/detail/index',
+    {
-    'pages/doctor/consultation/index',
+      root: 'pages/health',
-    'pages/doctor/consultation/detail/index',
+      pages: ['trend/index', 'input/index', 'daily-monitoring/index'],
-    'pages/doctor/followup/index',
+    },
-    'pages/doctor/followup/detail/index',
+    {
-    'pages/doctor/report/index',
+      root: 'pages/doctor',
-    'pages/doctor/report/detail/index',
+      pages: [
-    'pages/events/index',
+        'index', 'patients/index', 'patients/detail/index',
-    'pages/device-sync/index',
+        'consultation/index', 'consultation/detail/index',
+        'followup/index', 'followup/detail/index',
+        'report/index', 'report/detail/index',
+      ],
+    },
+    {
+      root: 'pages/mall',
+      pages: ['exchange/index', 'orders/index', 'detail/index'],
+    },
+    {
+      root: 'pages/profile',
+      pages: [
+        'family/index', 'family-add/index', 'reports/index',
+        'followups/index', 'medication/index', 'settings/index',
+      ],
+    },
+    {
+      root: 'pages',
+      pages: [
+        'article/detail/index', 'ai-report/list/index',
+        'ai-report/detail/index', 'report/detail/index',
+        'followup/detail/index', 'events/index', 'device-sync/index',
+      ],
+    },
   ],
   tabBar: {
     color: '#A8A29E',

apps/miniprogram/src/app.tsx

@@ -2,10 +2,14 @@ import { useEffect, PropsWithChildren } from 'react';
 import Taro from '@tarojs/taro';
 import ErrorBoundary from './components/ErrorBoundary';
 import { flushEvents } from './services/analytics';
+import { useAuthStore } from './stores/auth';
 import './app.scss';
 
 function App({ children }: PropsWithChildren<Record<string, unknown>>) {
+  const restoreAuth = useAuthStore((s) => s.restore);
+
   useEffect(() => {
+    restoreAuth();
     const timer = setInterval(() => {
       flushEvents();
     }, 30000);

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

@@ -29,7 +29,7 @@ export interface EcCanvasRef {
   setOption: (option: echarts.EChartsOption) => void;
 }
 
-const EcCanvas = forwardRef<EcCanvasRef, EcCanvasProps>(
+const EcCanvas = React.memo(React.forwardRef<EcCanvasRef, EcCanvasProps>(
   ({ canvasId, height = 300 }, ref) => {
     const chartInstance = useRef<echarts.ECharts | null>(null);
     const canvasNode = useRef<any>(null);
@@ -91,7 +91,7 @@ const EcCanvas = forwardRef<EcCanvasRef, EcCanvasProps>(
       </View>
     );
   },
-);
+));
 
 EcCanvas.displayName = 'EcCanvas';
 

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

@@ -10,7 +10,7 @@ interface EmptyStateProps {
   onAction?: () => void;
 }
 
-export default function EmptyState({
+export default React.memo(function EmptyState({
   icon = '📭',
   text,
   hint,
@@ -29,4 +29,4 @@ export default function EmptyState({
       )}
     </View>
   );
-}
+});

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

@@ -7,7 +7,7 @@ interface ErrorStateProps {
   onRetry?: () => void;
 }
 
-export default function ErrorState({
+export default React.memo(function ErrorState({
   text = '加载失败，请稍后重试',
   onRetry,
 }: ErrorStateProps) {
@@ -22,4 +22,4 @@ export default function ErrorState({
       )}
     </View>
   );
-}
+});

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

@@ -6,11 +6,11 @@ interface LoadingProps {
   text?: string;
 }
 
-export default function Loading({ text = '加载中...' }: LoadingProps) {
+export default React.memo(function Loading({ text = '加载中...' }: LoadingProps) {
   return (
     <View className='loading-state'>
       <View className='loading-spinner' />
       <Text className='loading-state-text'>{text}</Text>
     </View>
   );
-}
+});

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

@@ -12,7 +12,7 @@ interface StepIndicatorProps {
   onChange?: (index: number) => void;
 }
 
-export default function StepIndicator({ steps, current, onChange }: StepIndicatorProps) {
+export default React.memo(function StepIndicator({ steps, current, onChange }: StepIndicatorProps) {
   return (
     <View className='step-indicator'>
       {steps.map((step, idx) => {
@@ -39,4 +39,4 @@ export default function StepIndicator({ steps, current, onChange }: StepIndicato
       })}
     </View>
   );
-}
+});

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

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useCallback, useState } from 'react';
+import React, { useEffect, useRef, useCallback } from 'react';
 import { View, Text } from '@tarojs/components';
 import EcCanvas from '../EcCanvas';
 import type { EcCanvasRef } from '../EcCanvas';
@@ -12,7 +12,7 @@ interface TrendChartProps {
   height?: number;
 }
 
-export default function TrendChart({
+export default React.memo(function TrendChart({
   data,
   referenceMin,
   referenceMax,
@@ -20,7 +20,6 @@ export default function TrendChart({
   height = 500,
 }: TrendChartProps) {
   const chartRef = useRef<EcCanvasRef>(null);
-  const [chartReady, setChartReady] = useState(false);
 
   const getOption = useCallback(() => {
     if (!data || data.length === 0) return null;
@@ -108,7 +107,6 @@ export default function TrendChart({
       const option = getOption();
       if (option) {
         chartRef.current.setOption(option);
-        setChartReady(true);
       }
     }
   }, [data, getOption]);
@@ -123,14 +121,7 @@ export default function TrendChart({
 
   return (
     <View className='trend-chart' style={{ height: `${height}rpx` }}>
-      {!chartReady && (
-        <View className='trend-chart-skeleton'>
-          <View className='skeleton-line skeleton-line-1' />
-          <View className='skeleton-line skeleton-line-2' />
-          <View className='skeleton-line skeleton-line-3' />
-        </View>
-      )}
       <EcCanvas canvasId='trend-chart-canvas' ref={chartRef} height={height} />
     </View>
   );
-}
+});

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

@@ -23,7 +23,7 @@ function getWeekDates(offset: number): string[] {
 
 const WEEKDAYS = ['一', '二', '三', '四', '五', '六', '日'];
 
-export default function WeekCalendar({ scheduledDates, selectedDate, onSelectDate }: WeekCalendarProps) {
+export default React.memo(function WeekCalendar({ scheduledDates, selectedDate, onSelectDate }: WeekCalendarProps) {
   const [weekOffset, setWeekOffset] = useState(0);
   const dates = getWeekDates(weekOffset);
   const today = (() => {
@@ -60,4 +60,4 @@ export default function WeekCalendar({ scheduledDates, selectedDate, onSelectDat
       </View>
     </View>
   );
-}
+});

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

@@ -119,7 +119,7 @@ export default function ArticleList() {
             </View>
             {a.cover_image && (
               <View className='article-card-cover'>
-                <Image className='cover-img' src={a.cover_image} mode='aspectFill' />
+                <Image className='cover-img' src={a.cover_image} mode='aspectFill' lazyLoad />
               </View>
             )}
           </View>

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

@@ -4,6 +4,9 @@ import Taro, { useDidShow } from '@tarojs/taro';
 import { z } from 'zod';
 import { createDailyMonitoring } from '@/services/health';
 import { useAuthStore } from '@/stores/auth';
+import { useHealthStore } from '@/stores/health';
+import { usePointsStore } from '@/stores/points';
+import { clearRequestCache } from '@/services/request';
 import { trackEvent } from '@/services/analytics';
 import './index.scss';
 
@@ -217,6 +220,9 @@ export default function DailyMonitoring() {
       });
 
       trackEvent('daily_monitoring_submit', { date: recordDate });
+      useHealthStore.getState().clearCache();
+      clearRequestCache('/health/');
+      usePointsStore.getState().invalidate();
       Taro.showToast({ title: '上报成功', icon: 'success' });
 
       setTimeout(() => {

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

@@ -3,12 +3,24 @@ import { View, Text, ScrollView } from '@tarojs/components';
 import Taro, { useDidShow } from '@tarojs/taro';
 import { useHealthStore } from '../../stores/health';
 import { listDailyMonitoring, DailyMonitoring } from '../../services/health';
-import { getCheckinStatus, CheckinStatus } from '../../services/points';
+import { usePointsStore } from '../../stores/points';
 import { useAuthStore } from '../../stores/auth';
 import { trackEvent } from '../../services/analytics';
 import Loading from '../../components/Loading';
 import './index.scss';
 
+const QUICK_ACTIONS = [
+  { label: '日常上报', char: '日', bg: 'icon-primary' },
+  { label: '体征录入', char: '录', bg: 'icon-accent' },
+  { label: '查看趋势', char: '势', bg: 'icon-warn' },
+];
+
+const TREND_LINKS = [
+  { label: '血压趋势', indicator: 'blood_pressure_systolic', char: '压' },
+  { label: '心率趋势', indicator: 'heart_rate', char: '率' },
+  { label: '血糖趋势', indicator: 'blood_sugar_fasting', char: '糖' },
+];
+
 function getStatusTag(status?: string) {
   if (status === 'high') return { label: '偏高', cls: 'tag-warn' };
   if (status === 'low') return { label: '偏低', cls: 'tag-warn' };
@@ -39,23 +51,17 @@ function getBarPercent(value: number | undefined, ref?: string): number {
 
 export default function Health() {
   const { todaySummary, loading, refreshToday } = useHealthStore();
+  const { checkinStatus, refresh: refreshPoints } = usePointsStore();
   const { currentPatient } = useAuthStore();
-  const [checkinStatus, setCheckinStatus] = useState<CheckinStatus | null>(null);
   const [recentRecords, setRecentRecords] = useState<DailyMonitoring[]>([]);
 
   useDidShow(() => {
     refreshToday();
-    loadExtraData();
+    refreshPoints();
+    loadRecentRecords();
   });
 
-  const loadExtraData = async () => {
+  const loadRecentRecords = async () => {
-    try {
-      const status = await getCheckinStatus();
-      setCheckinStatus(status);
-    } catch {
-      // points API 可能不可用
-    }
-
     if (currentPatient) {
       try {
         const resp = await listDailyMonitoring(currentPatient.id, { page: 1, page_size: 3 });
@@ -91,16 +97,12 @@ export default function Health() {
   ];
 
   const quickActions = [
-    { label: '日常上报', char: '日', bg: 'icon-primary', action: goToDailyMonitoring },
+    { ...QUICK_ACTIONS[0], action: goToDailyMonitoring },
-    { label: '体征录入', char: '录', bg: 'icon-accent', action: goToInput },
+    { ...QUICK_ACTIONS[1], action: goToInput },
-    { label: '查看趋势', char: '势', bg: 'icon-warn', action: () => goToTrend('blood_pressure_systolic') },
+    { ...QUICK_ACTIONS[2], action: () => goToTrend('blood_pressure_systolic') },
   ];
 
-  const trendLinks = [
+  const trendLinks = TREND_LINKS;
-    { label: '血压趋势', indicator: 'blood_pressure_systolic', char: '压' },
-    { label: '心率趋势', indicator: 'heart_rate', char: '率' },
-    { label: '血糖趋势', indicator: 'blood_sugar_fasting', char: '糖' },
-  ];
 
   const formatBp = (record: DailyMonitoring) => {
     const parts: string[] = [];

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

@@ -5,6 +5,8 @@ import { z } from 'zod';
 import { inputVitalSign } from '../../../services/health';
 import { useAuthStore } from '../../../stores/auth';
 import { useHealthStore } from '@/stores/health';
+import { usePointsStore } from '@/stores/points';
+import { clearRequestCache } from '@/services/request';
 import { trackEvent } from '@/services/analytics';
 import './index.scss';
 
@@ -88,6 +90,8 @@ export default function HealthInput() {
         note: note || undefined,
       });
       clearCache();
+      clearRequestCache('/health/');
+      usePointsStore.getState().invalidate();
       Taro.showToast({ title: '录入成功', icon: 'success' });
       trackEvent('health_data_input', { type: currentIndicator });
       setTimeout(() => Taro.navigateBack(), 1000);

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

@@ -11,6 +11,14 @@ import * as followupApi from '@/services/followup';
 import * as articleApi from '../../services/article';
 import './index.scss';
 
+const QUICK_SERVICES = [
+  { label: '预约挂号', char: '约', path: '/pages/appointment/create/index' },
+  { label: '健康录入', char: '录', path: '/pages/health/input/index' },
+  { label: '健康趋势', char: '势', path: '/pages/health/trend/index' },
+  { label: '资讯文章', char: '文', path: '/pages/article/index' },
+  { label: 'AI 报告', char: 'AI', path: '/pages/ai-report/list/index' },
+];
+
 interface UpcomingItem {
   id: string;
   title: string;
@@ -21,14 +29,13 @@ interface UpcomingItem {
 }
 
 export default function Index() {
-  const { user, currentPatient, restore: restoreAuth } = useAuthStore();
+  const { user, currentPatient } = useAuthStore();
   const { todaySummary, loading, refreshToday } = useHealthStore();
   const [upcomingItems, setUpcomingItems] = useState<UpcomingItem[]>([]);
   const [upcomingLoading, setUpcomingLoading] = useState(false);
   const [articles, setArticles] = useState<articleApi.Article[]>([]);
 
   useDidShow(() => {
-    restoreAuth();
     refreshToday();
     loadUpcoming();
     loadArticles();
@@ -92,18 +99,6 @@ export default function Index() {
   const greeting = hour < 12 ? '上午好' : hour < 18 ? '下午好' : '晚上好';
   const displayName = user?.display_name || currentPatient?.name || '访客';
 
-  const quickServices = [
-    { label: '预约挂号', char: '约', path: '/pages/appointment/create/index' },
-    { label: '健康录入', char: '录', path: '/pages/health/input/index' },
-    { label: '健康趋势', char: '势', path: '/pages/health/trend/index' },
-    { label: '资讯文章', char: '文', path: '/pages/article/index' },
-    { label: 'AI 报告', char: 'AI', path: '/pages/ai-report/list/index' },
-  ];
-
-  const handleServiceClick = (path: string) => {
-    Taro.navigateTo({ url: path });
-  };
-
   const healthItems = [
     { label: '血压', value: todaySummary?.blood_pressure ? `${todaySummary.blood_pressure.systolic}/${todaySummary.blood_pressure.diastolic}` : '--/--', unit: 'mmHg', status: todaySummary?.blood_pressure?.status },
     { label: '心率', value: todaySummary?.heart_rate ? `${todaySummary.heart_rate.value}` : '--', unit: 'bpm', status: todaySummary?.heart_rate?.status },
@@ -165,8 +160,8 @@ export default function Index() {
       <View className='services-section'>
         <Text className='section-title'>快捷服务</Text>
         <View className='services-row'>
-          {quickServices.map((svc) => (
+          {QUICK_SERVICES.map((svc) => (
-            <View className='service-btn' key={svc.label} onClick={() => handleServiceClick(svc.path)}>
+            <View className='service-btn' key={svc.label} onClick={() => Taro.navigateTo({ url: svc.path })}>
               <View className='service-icon-wrap'>
                 <Text className='service-icon-text'>{svc.char}</Text>
               </View>

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

@@ -1,8 +1,9 @@
 import React, { useState, useCallback, useRef } from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro, { useDidShow, useReachBottom, usePullDownRefresh } from '@tarojs/taro';
-import { getAccount, listMyTransactions } from '../../../services/points';
+import { listMyTransactions } from '../../../services/points';
-import type { PointsAccount, PointsTransaction } from '../../../services/points';
+import type { PointsTransaction } from '../../../services/points';
+import { usePointsStore } from '../../../stores/points';
 import EmptyState from '../../../components/EmptyState';
 import Loading from '../../../components/Loading';
 import './index.scss';
@@ -14,7 +15,7 @@ const TYPE_TABS = [
 ];
 
 export default function PointsDetail() {
-  const [account, setAccount] = useState<PointsAccount | null>(null);
+  const { account, refresh: refreshPoints } = usePointsStore();
   const [transactions, setTransactions] = useState<PointsTransaction[]>([]);
   const [activeTab, setActiveTab] = useState('');
   const [page, setPage] = useState(1);
@@ -22,15 +23,6 @@ export default function PointsDetail() {
   const [loading, setLoading] = useState(false);
   const loadingRef = useRef(false);
 
-  const fetchAccount = useCallback(async () => {
-    try {
-      const acct = await getAccount();
-      setAccount(acct);
-    } catch {
-      // 账户可能尚未创建
-    }
-  }, []);
-
   const fetchTransactions = useCallback(
     async (pageNum: number, type: string, isRefresh = false) => {
       if (loadingRef.current) return;
@@ -65,9 +57,9 @@ export default function PointsDetail() {
   const loadAll = useCallback(
     async (type?: string) => {
       const t = type !== undefined ? type : activeTab;
-      await Promise.all([fetchAccount(), fetchTransactions(1, t, true)]);
+      await Promise.all([refreshPoints(), fetchTransactions(1, t, true)]);
     },
-    [fetchAccount, fetchTransactions, activeTab],
+    [refreshPoints, fetchTransactions, activeTab],
   );
 
   useDidShow(() => {

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

@@ -2,11 +2,11 @@ import React, { useState, useCallback } from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro, { useDidShow } from '@tarojs/taro';
 import {
-  getAccount,
   listProducts,
   exchangeProduct,
 } from '../../../services/points';
-import type { PointsAccount, PointsProduct } from '../../../services/points';
+import type { PointsProduct } from '../../../services/points';
+import { usePointsStore } from '../../../stores/points';
 import Loading from '../../../components/Loading';
 import './index.scss';
 
@@ -30,7 +30,7 @@ const TYPE_COLOR: Record<string, string> = {
 
 export default function ExchangeConfirm() {
   const [product, setProduct] = useState<PointsProduct | null>(null);
-  const [account, setAccount] = useState<PointsAccount | null>(null);
+  const { account, refresh: refreshPoints } = usePointsStore();
   const [loading, setLoading] = useState(true);
   const [submitting, setSubmitting] = useState(false);
 
@@ -50,9 +50,9 @@ export default function ExchangeConfirm() {
 
     setLoading(true);
     try {
-      const [productRes, accountRes] = await Promise.all([
+      const [productRes] = await Promise.all([
         listProducts({ page: 1, page_size: 100 }),
-        getAccount(),
+        refreshPoints(),
       ]);
       const found = productRes.data.find((p) => p.id === productId);
       if (!found) {
@@ -61,14 +61,13 @@ export default function ExchangeConfirm() {
         return;
       }
       setProduct(found);
-      setAccount(accountRes);
     } catch {
       Taro.showToast({ title: '加载失败', icon: 'none' });
       setTimeout(() => Taro.navigateBack(), 1500);
     } finally {
       setLoading(false);
     }
-  }, []);
+  }, [refreshPoints]);
 
   const balance = account?.balance ?? 0;
   const cost = product?.points_cost ?? 0;

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

@@ -1,14 +1,10 @@
 import React, { useState, useCallback, useRef } from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro, { useDidShow, useReachBottom, usePullDownRefresh } from '@tarojs/taro';
-import {
+import { listProducts } from '../../services/points';
-  getAccount,
+import type { PointsProduct } from '../../services/points';
-  dailyCheckin,
-  getCheckinStatus,
-  listProducts,
-} from '../../services/points';
-import type { PointsAccount, PointsProduct, CheckinStatus } from '../../services/points';
 import { useAuthStore } from '../../stores/auth';
+import { usePointsStore } from '../../stores/points';
 import Loading from '../../components/Loading';
 import './index.scss';
 
@@ -27,8 +23,7 @@ const TYPE_BG: Record<string, string> = {
 
 export default function Mall() {
   const { currentPatient } = useAuthStore();
-  const [account, setAccount] = useState<PointsAccount | null>(null);
+  const { account, checkinStatus, refresh: refreshPoints, doCheckin } = usePointsStore();
-  const [checkinStatus, setCheckinStatus] = useState<CheckinStatus | null>(null);
   const [products, setProducts] = useState<PointsProduct[]>([]);
   const [productType, setProductType] = useState('');
   const [page, setPage] = useState(1);
@@ -38,24 +33,6 @@ export default function Mall() {
   const [noProfile, setNoProfile] = useState(false);
   const loadingRef = useRef(false);
 
-  const fetchAccountAndCheckin = useCallback(async () => {
-    if (!currentPatient) {
-      setNoProfile(true);
-      return;
-    }
-    setNoProfile(false);
-    try {
-      const [acct, status] = await Promise.all([
-        getAccount(),
-        getCheckinStatus(),
-      ]);
-      setAccount(acct);
-      setCheckinStatus(status);
-    } catch {
-      // 账户可能尚未创建
-    }
-  }, [currentPatient]);
-
   const fetchProducts = useCallback(
     async (pageNum: number, type: string, isRefresh = false) => {
       if (loadingRef.current) return;
@@ -88,9 +65,14 @@ export default function Mall() {
   const loadAll = useCallback(
     async (type?: string) => {
       const t = type !== undefined ? type : productType;
-      await Promise.all([fetchAccountAndCheckin(), fetchProducts(1, t, true)]);
+      if (!currentPatient) {
+        setNoProfile(true);
+        return;
+      }
+      setNoProfile(false);
+      await Promise.all([refreshPoints(), fetchProducts(1, t, true)]);
     },
-    [fetchAccountAndCheckin, fetchProducts, productType],
+    [currentPatient, refreshPoints, fetchProducts, productType],
   );
 
   useDidShow(() => {
@@ -114,11 +96,10 @@ export default function Mall() {
     if (checkinLoading || checkinStatus?.checked_in_today) return;
     setCheckinLoading(true);
     try {
-      const result = await dailyCheckin();
+      const ok = await doCheckin();
-      setCheckinStatus(result);
+      if (ok) {
-      const acct = await getAccount();
+        Taro.showToast({ title: '签到成功', icon: 'success', duration: 2000 });
-      setAccount(acct);
+      }
-      Taro.showToast({ title: '签到成功', icon: 'success', duration: 2000 });
     } catch (err) {
       Taro.showToast({
         title: err instanceof Error ? err.message : '签到失败',

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

@@ -1,9 +1,8 @@
-import React, { useState, useCallback } from 'react';
+import React from 'react';
 import { View, Text } from '@tarojs/components';
 import Taro, { useDidShow } from '@tarojs/taro';
 import { useAuthStore } from '../../stores/auth';
-import { getAccount, getCheckinStatus } from '../../services/points';
+import { usePointsStore } from '../../stores/points';
-import type { PointsAccount, CheckinStatus } from '../../services/points';
 import './index.scss';
 
 const MENU_ITEMS = [
@@ -17,28 +16,13 @@ const MENU_ITEMS = [
 ];
 
 export default function Profile() {
-  const { user, restore: restoreAuth, logout } = useAuthStore();
+  const { user, logout } = useAuthStore();
-  const [pointsAccount, setPointsAccount] = useState<PointsAccount | null>(null);
+  const { account: pointsAccount, checkinStatus: checkinInfo, refresh: refreshPoints } = usePointsStore();
-  const [checkinInfo, setCheckinInfo] = useState<CheckinStatus | null>(null);
 
   useDidShow(() => {
-    restoreAuth();
+    refreshPoints();
-    loadPointsInfo();
   });
 
-  const loadPointsInfo = useCallback(async () => {
-    try {
-      const [acct, status] = await Promise.all([
-        getAccount(),
-        getCheckinStatus(),
-      ]);
-      setPointsAccount(acct);
-      setCheckinInfo(status);
-    } catch {
-      // 账户可能尚未创建
-    }
-  }, []);
-
   const handleMenuClick = (path: string) => {
     Taro.navigateTo({ url: path });
   };

apps/miniprogram/src/services/request.ts

@@ -2,7 +2,6 @@ import Taro from '@tarojs/taro';
 import { secureGet, secureSet, secureRemove } from '@/utils/secure-storage';
 
 const BASE_URL = process.env.TARO_APP_API_URL || 'http://localhost:3000/api/v1';
-const IS_DEV = process.env.NODE_ENV !== 'production';
 
 interface ApiResponse<T> {
   success: boolean;
@@ -21,6 +20,7 @@ async function getHeaders(): Promise<Record<string, string>> {
   return headers;
 }
 
+// --- Token refresh deduplication ---
 let refreshPromise: Promise<boolean> | null = null;
 
 async function tryRefreshToken(): Promise<boolean> {
@@ -56,16 +56,11 @@ async function doRefresh(): Promise<boolean> {
   return false;
 }
 
-export async function request<T>(method: string, path: string, data?: unknown): Promise<T> {
+// --- Core request ---
+async function request<T>(method: string, path: string, data?: unknown): Promise<T> {
   const headers = await getHeaders();
   const url = `${BASE_URL}${path}`;
-  if (IS_DEV) {
+  const res = await Taro.request({ url, method: method as any, data, header: headers, timeout: 15000 });
-    console.log(`[API] ${method} ${path}`);
-  }
-  const res = await Taro.request({ url, method: method as any, data, header: headers, timeout: 30000 });
-  if (IS_DEV) {
-    console.log(`[API] ${method} ${path} → ${res.statusCode}`);
-  }
 
   if (res.statusCode === 401) {
     const refreshed = await tryRefreshToken();
@@ -94,9 +89,56 @@ function buildQuery(params?: Record<string, string | number | undefined>): strin
     : '';
 }
 
+// --- GET request cache + deduplication ---
+interface CacheEntry { data: unknown; expiry: number }
+const responseCache = new Map<string, CacheEntry>();
+const inflightRequests = new Map<string, Promise<unknown>>();
+const DEFAULT_CACHE_TTL = 60_000;
+
+function getCacheKey(url: string): string {
+  const patientId = Taro.getStorageSync('current_patient_id') || '';
+  return `${url}#${patientId}`;
+}
+
+export function clearRequestCache(prefix?: string): void {
+  if (prefix) {
+    for (const key of responseCache.keys()) {
+      if (key.includes(prefix)) responseCache.delete(key);
+    }
+  } else {
+    responseCache.clear();
+  }
+}
+
 export const api = {
-  get: <T>(path: string, params?: Record<string, string | number | undefined>) =>
+  get: <T>(path: string, params?: Record<string, string | number | undefined>, cacheTtl?: number): Promise<T> => {
-    request<T>('GET', `${path}${buildQuery(params)}`),
+    const url = `${path}${buildQuery(params)}`;
+    const cacheKey = getCacheKey(url);
+
+    const cached = responseCache.get(cacheKey);
+    if (cached && Date.now() < cached.expiry) {
+      return Promise.resolve(cached.data as T);
+    }
+
+    const inflight = inflightRequests.get(cacheKey);
+    if (inflight) return inflight as Promise<T>;
+
+    const promise = request<T>('GET', url).then((data) => {
+      inflightRequests.delete(cacheKey);
+      const ttl = cacheTtl ?? DEFAULT_CACHE_TTL;
+      if (ttl > 0) {
+        responseCache.set(cacheKey, { data, expiry: Date.now() + ttl });
+      }
+      return data;
+    }).catch((err) => {
+      inflightRequests.delete(cacheKey);
+      throw err;
+    });
+
+    inflightRequests.set(cacheKey, promise);
+    return promise;
+  },
+
   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),

apps/miniprogram/src/stores/auth.ts

@@ -2,6 +2,7 @@ import { create } from 'zustand';
 import Taro from '@tarojs/taro';
 import * as authApi from '@/services/auth';
 import { secureGet, secureSet, secureRemove } from '@/utils/secure-storage';
+import { clearRequestCache } from '@/services/request';
 
 interface BindPhoneResp {
   access_token: string;
@@ -129,6 +130,7 @@ export const useAuthStore = create<AuthState>((set, get) => ({
   },
 
   logout: () => {
+    clearRequestCache();
     secureRemove('access_token');
     secureRemove('refresh_token');
     secureRemove('user_data');

apps/miniprogram/src/stores/health.ts

@@ -9,26 +9,33 @@ interface CachedTrend {
 
 interface HealthState {
   todaySummary: healthApi.TodaySummary | null;
+  todaySummaryFetchedAt: number;
   trendData: Record<string, CachedTrend>;
   loading: boolean;
-  refreshToday: () => Promise<void>;
+  refreshToday: (force?: boolean) => Promise<void>;
   getTrend: (indicator: string, range: string) => Promise<{ date: string; value: number }[]>;
   clearCache: () => void;
 }
 
-const CACHE_TTL = 5 * 60 * 1000; // 5 分钟
+const CACHE_TTL = 5 * 60 * 1000;
+const TODAY_SUMMARY_TTL = 60_000;
 
 export const useHealthStore = create<HealthState>((set, get) => ({
   todaySummary: null,
+  todaySummaryFetchedAt: 0,
   trendData: {},
   loading: false,
 
-  refreshToday: async () => {
+  refreshToday: async (force = false) => {
+    const state = get();
+    if (!force && state.todaySummary && Date.now() - state.todaySummaryFetchedAt < TODAY_SUMMARY_TTL) {
+      return;
+    }
     set({ loading: true });
     try {
       const patientId = Taro.getStorageSync('current_patient_id') || undefined;
       const data = await healthApi.getTodaySummary(patientId);
-      set({ todaySummary: data, loading: false });
+      set({ todaySummary: data, todaySummaryFetchedAt: Date.now(), loading: false });
     } catch {
       set({ loading: false });
     }
@@ -51,5 +58,5 @@ export const useHealthStore = create<HealthState>((set, get) => ({
     }
   },
 
-  clearCache: () => set({ trendData: {}, todaySummary: null }),
+  clearCache: () => set({ trendData: {}, todaySummary: null, todaySummaryFetchedAt: 0 }),
 }));

apps/miniprogram/src/stores/points.ts

@@ -0,0 +1,49 @@
+import { create } from 'zustand';
+import * as pointsApi from '@/services/points';
+
+interface PointsState {
+  account: pointsApi.PointsAccount | null;
+  checkinStatus: pointsApi.CheckinStatus | null;
+  loading: boolean;
+  lastFetched: number;
+  refresh: () => Promise<void>;
+  invalidate: () => void;
+  doCheckin: () => Promise<boolean>;
+}
+
+const CACHE_TTL = 2 * 60 * 1000;
+
+export const usePointsStore = create<PointsState>((set, get) => ({
+  account: null,
+  checkinStatus: null,
+  loading: false,
+  lastFetched: 0,
+
+  refresh: async () => {
+    if (Date.now() - get().lastFetched < CACHE_TTL && get().account) return;
+    set({ loading: true });
+    try {
+      const [account, checkinStatus] = await Promise.all([
+        pointsApi.getAccount(),
+        pointsApi.getCheckinStatus(),
+      ]);
+      set({ account, checkinStatus, loading: false, lastFetched: Date.now() });
+    } catch {
+      set({ loading: false });
+    }
+  },
+
+  invalidate: () => set({ lastFetched: 0 }),
+
+  doCheckin: async () => {
+    try {
+      const result = await pointsApi.dailyCheckin();
+      set({ checkinStatus: result, lastFetched: 0 });
+      const account = await pointsApi.getAccount();
+      set({ account });
+      return true;
+    } catch {
+      return false;
+    }
+  },
+}));

apps/miniprogram/src/utils/secure-storage.ts

@@ -1,10 +1,10 @@
 import Taro from '@tarojs/taro';
-import CryptoJS from 'crypto-js';
+import AES from 'crypto-js/aes';
+import Utf8 from 'crypto-js/enc-utf8';
 
 const ENCRYPTION_KEY = process.env.TARO_APP_ENCRYPTION_KEY || '';
-const IS_DEV = process.env.NODE_ENV !== 'production';
 
-if (!ENCRYPTION_KEY && IS_DEV) {
+if (!ENCRYPTION_KEY && process.env.NODE_ENV !== 'production') {
   console.warn('[secure-storage] TARO_APP_ENCRYPTION_KEY 未设置，敏感数据将以明文存储');
 }
 
@@ -15,7 +15,7 @@ function encrypt(plaintext: string): string {
     }
     return plaintext;
   }
-  return CryptoJS.AES.encrypt(plaintext, ENCRYPTION_KEY).toString();
+  return AES.encrypt(plaintext, ENCRYPTION_KEY).toString();
 }
 
 function decrypt(ciphertext: string): string | null {
@@ -26,8 +26,8 @@ function decrypt(ciphertext: string): string | null {
     return ciphertext;
   }
   try {
-    const bytes = CryptoJS.AES.decrypt(ciphertext, ENCRYPTION_KEY);
+    const bytes = AES.decrypt(ciphertext, ENCRYPTION_KEY);
-    const result = bytes.toString(CryptoJS.enc.Utf8);
+    const result = bytes.toString(Utf8);
     if (!result) return null;
     return result;
   } catch {