refactor(mp): 迁移创建页 — 使用 PageShell + ContentCard 统一组件库
处方创建、透析记录创建、预约创建三个表单页迁移: - 最外层容器 ScrollView/View → PageShell - 表单分组 section View → ContentCard - SCSS 删除 min-height/background/box-shadow 通用样式
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user