refactor(mp): 迁移患者端详情页 — 使用统一组件库 (10/12)

报告详情、随访详情、透析记录详情、透析处方详情页:
- View.detail-page → PageShell 替代手写 page 容器
- .detail-card → ContentCard 替代手写卡片样式
- 删除通用 page 容器和 card 样式，保留业务布局样式

apps/miniprogram/src/pages/pkg-profile/dialysis-records/detail/index.scss

@@ -1,28 +1,11 @@
 @import '../../../../styles/variables.scss';
 @import '../../../../styles/mixins.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: $shadow-sm;
-}
-
-.header-card {
-  .header-row {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 8px;
-  }
+.header-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
 }
 
 .detail-title {

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

@@ -5,6 +5,8 @@ import { usePageData } from '@/hooks/usePageData';
 import { getDialysisRecord } from '@/services/dialysis';
 import type { DialysisRecord } from '@/services/dialysis';
 import Loading from '@/components/Loading';
+import PageShell from '@/components/ui/PageShell';
+import ContentCard from '@/components/ui/ContentCard';
 import { useElderClass } from '../../../../hooks/useElderClass';
 import './index.scss';
 
@@ -42,25 +44,25 @@ export default function DialysisRecordDetail() {
 
   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>;
+  if (loading) return <PageShell className={modeClass}><Loading /></PageShell>;
+  if (!record) return <PageShell className={modeClass}><View className='empty-state'><Text className='empty-text'>记录不存在</Text></View></PageShell>;
 
   const si = STATUS_MAP[record.status] || { label: record.status, cls: '' };
 
   return (
-    <View className={`detail-page ${modeClass}`}>
+    <PageShell className={modeClass}>
       {/* 状态头部 */}
-      <View className='detail-card header-card'>
+      <ContentCard>
         <View className='header-row'>
           <Text className='detail-title'>{record.dialysis_date}</Text>
           <Text className={`status-tag ${si.cls}`}>{si.label}</Text>
         </View>
         <Text className='header-sub'>{TYPE_MAP[record.dialysis_type] || record.dialysis_type}</Text>
         {record.reviewed_at && <Text className='review-info'>审核时间 {record.reviewed_at}</Text>}
-      </View>
+      </ContentCard>
 
       {/* 基本信息 */}
-      <View className='detail-card'>
+      <ContentCard>
         <Text className='section-title'>基本信息</Text>
         {record.start_time && (
           <View className='detail-row'><Text className='detail-label'>开始时间</Text><Text className='detail-value'>{record.start_time}</Text></View>
@@ -77,10 +79,10 @@ export default function DialysisRecordDetail() {
         {record.ultrafiltration_volume != null && (
           <View className='detail-row'><Text className='detail-label'>超滤量</Text><Text className='detail-value'>{record.ultrafiltration_volume} ml</Text></View>
         )}
-      </View>
+      </ContentCard>
 
       {/* 体重与血压 */}
-      <View className='detail-card'>
+      <ContentCard>
         <Text className='section-title'>体重与血压</Text>
         {record.dry_weight != null && (
           <View className='detail-row'><Text className='detail-label'>干体重</Text><Text className='detail-value'>{record.dry_weight} kg</Text></View>
@@ -103,11 +105,11 @@ export default function DialysisRecordDetail() {
         {record.post_heart_rate != null && (
           <View className='detail-row'><Text className='detail-label'>透后心率</Text><Text className='detail-value'>{record.post_heart_rate} bpm</Text></View>
         )}
-      </View>
+      </ContentCard>
 
       {/* 症状与并发症 */}
       {(record.symptoms || record.complication_notes) && (
-        <View className='detail-card'>
+        <ContentCard>
           <Text className='section-title'>症状与并发症</Text>
           {record.symptoms && Object.keys(record.symptoms).length > 0 && (
             <View className='detail-row'><Text className='detail-label'>症状</Text><Text className='detail-value'>{JSON.stringify(record.symptoms)}</Text></View>
@@ -115,8 +117,8 @@ export default function DialysisRecordDetail() {
           {record.complication_notes && (
             <View className='detail-row'><Text className='detail-label'>并发症备注</Text><Text className='detail-value'>{record.complication_notes}</Text></View>
           )}
-        </View>
+        </ContentCard>
       )}
-    </View>
+    </PageShell>
   );
 }