refactor(mp): 迁移创建页 — 使用 PageShell + ContentCard 统一组件库

处方创建、透析记录创建、预约创建三个表单页迁移:
- 最外层容器 ScrollView/View → PageShell
- 表单分组 section View → ContentCard
- SCSS 删除 min-height/background/box-shadow 通用样式
This commit is contained in:
iven
2026-05-16 01:33:06 +08:00
parent 900c9babc3
commit 4dd5a1b4d9
6 changed files with 47 additions and 59 deletions

View File

@@ -7,6 +7,8 @@ import { TEMPLATE_IDS } from '@/services/wechat-templates';
import { trackEvent } from '@/services/analytics';
import StepIndicator from '../../../components/StepIndicator';
import WeekCalendar from '../../../components/WeekCalendar';
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';
@@ -153,7 +155,7 @@ export default function AppointmentCreate() {
};
return (
<View className={`create-page ${modeClass}`}>
<PageShell padding="none" safeBottom={false} scroll={false} className={modeClass}>
<StepIndicator
steps={[{ label: '选科室' }, { label: '选医生' }, { label: '选时段' }]}
current={currentStep}
@@ -222,7 +224,7 @@ export default function AppointmentCreate() {
<View className='step-content'>
<Text className='step-title'></Text>
<View className='confirm-card'>
<ContentCard className='confirm-card'>
<View className='confirm-row'>
<View className='confirm-icon-wrap'>
<Text className='confirm-icon-serif'></Text>
@@ -235,7 +237,7 @@ export default function AppointmentCreate() {
<Text className='confirm-dept-text'>{department}</Text>
</View>
</View>
</View>
</ContentCard>
<WeekCalendar
scheduledDates={scheduledDates}
@@ -295,6 +297,6 @@ export default function AppointmentCreate() {
</View>
)}
</View>
</View>
</PageShell>
);
}