refactor(mp): 迁移医生临床详情页 — 使用统一组件库 (4/12)

告警详情、报告详情、处方详情、透析详情页:
- ScrollView → PageShell 替代手写 min-height/bg/padding
- .section / .alert-detail-card → ContentCard 替代手写卡片样式
- 删除通用 page 容器和 card 样式，保留业务布局样式

apps/miniprogram/src/pages/pkg-doctor-clinical/dialysis/detail/index.scss

@@ -1,21 +1,6 @@
 @import '../../../../styles/variables.scss';
 @import '../../../../styles/mixins.scss';
 
-.dialysis-detail {
-  min-height: 100vh;
-  background: $bg;
-  padding: 24px;
-  padding-bottom: 200px;
-}
-
-.section {
-  background: $card;
-  border-radius: $r;
-  padding: 24px;
-  margin-bottom: 16px;
-  box-shadow: $shadow-sm;
-}
-
 .section-title {
   font-size: var(--tk-font-body-lg);
   font-weight: bold;

apps/miniprogram/src/pages/pkg-doctor-clinical/dialysis/detail/index.tsx

@@ -1,5 +1,5 @@
 import { useState, useCallback } from 'react';
-import { View, Text, ScrollView } from '@tarojs/components';
+import { View, Text } from '@tarojs/components';
 import Taro, { useRouter } from '@tarojs/taro';
 import { usePageData } from '@/hooks/usePageData';
 import {
@@ -8,6 +8,8 @@ import {
   type DialysisRecord,
 } from '@/services/doctor/dialysis';
 import Loading from '@/components/Loading';
+import PageShell from '@/components/ui/PageShell';
+import ContentCard from '@/components/ui/ContentCard';
 import { useElderClass } from '../../../../hooks/useElderClass';
 import { useSafeTimeout } from '@/hooks/useSafeTimeout';
 import './index.scss';
@@ -93,15 +95,15 @@ export default function DialysisDetail() {
   };
 
   if (loading) return <Loading />;
-  if (!record) return <View className={`error-text ${modeClass}`}><Text>记录加载失败</Text></View>;
+  if (!record) return <PageShell className={modeClass}><View className='error-text'><Text>记录加载失败</Text></View></PageShell>;
 
   const canComplete = record.status === 'draft';
   const canReview = record.status === 'completed';
 
   return (
-    <ScrollView scrollY className={`dialysis-detail ${modeClass}`}>
+    <PageShell className={modeClass}>
       {/* 状态头部 */}
-      <View className='section'>
+      <ContentCard>
         <View className='record-header'>
           <Text className='record-header__title'>{record.dialysis_date}</Text>
           <Text className={`record-header__status record-header__status--${record.status}`}>
@@ -112,10 +114,10 @@ export default function DialysisDetail() {
           {(record.dialysis_type === 'HD' ? '血液透析' : record.dialysis_type === 'HDF' ? '血液透析滤过' : record.dialysis_type === 'HF' ? '血液滤过' : record.dialysis_type)}
         </Text>
         {record.reviewed_at && <Text className='review-info'>审核于 {record.reviewed_at}</Text>}
-      </View>
+      </ContentCard>
 
       {/* 基本信息 */}
-      <View className='section'>
+      <ContentCard>
         <Text className='section-title'>基本信息</Text>
         <Row label='透析日期' value={record.dialysis_date} />
         <Row label='开始时间' value={record.start_time} />
@@ -123,10 +125,10 @@ export default function DialysisDetail() {
         <Row label='透析时长' value={record.dialysis_duration} unit=' 分钟' />
         <Row label='血流速' value={record.blood_flow_rate} unit=' ml/min' />
         <Row label='超滤量' value={record.ultrafiltration_volume} unit=' ml' />
-      </View>
+      </ContentCard>
 
       {/* 体重与血压 */}
-      <View className='section'>
+      <ContentCard>
         <Text className='section-title'>体重与血压</Text>
         <Row label='干体重' value={record.dry_weight} unit=' kg' />
         <Row label='透前体重' value={record.pre_weight} unit=' kg' />
@@ -139,17 +141,17 @@ export default function DialysisDetail() {
         )}
         <Row label='透前心率' value={record.pre_heart_rate} unit=' bpm' />
         <Row label='透后心率' value={record.post_heart_rate} unit=' bpm' />
-      </View>
+      </ContentCard>
 
       {/* 症状与并发症 */}
       {(record.symptoms || record.complication_notes) && (
-        <View className='section'>
+        <ContentCard>
           <Text className='section-title'>症状与并发症</Text>
           {record.symptoms && (
             <Row label='症状' value={JSON.stringify(record.symptoms)} />
           )}
           <Row label='并发症备注' value={record.complication_notes} />
-        </View>
+        </ContentCard>
       )}
 
       {/* 操作按钮 */}
@@ -175,6 +177,6 @@ export default function DialysisDetail() {
           <Text className='action-btn__text'>删除</Text>
         </View>
       </View>
-    </ScrollView>
+    </PageShell>
   );
 }