feat(health+miniprogram): 预约/报告/随访/资讯/家庭管理 — Chunk 4-6

后端:
- 添加 articles 表迁移 + Entity + Service + Handler
- 健康数据趋势 API (get_mini_trend) 注册路由
- article CRUD (list/get) + DTO

前端 (11个新页面 + 5个服务):
- 预约挂号: 列表/创建向导/详情页
- 报告管理: 列表/详情页
- 随访管理: 任务列表/记录详情页
- 资讯文章: 文章详情页
- 个人中心: 就诊人管理/新增/我的报告/我的随访/用药提醒/设置
- 更新 app.config.ts 注册全部路由
- 更新 profile/article 页面为真实功能

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>
   );
 }