feat(medications): 添加药品结束日期选择功能

- 新增药品结束日期选择器,支持设置服药周期
- 优化日期显示格式,从"开始日期"改为"服药周期"
- 添加日期验证逻辑,确保开始日期不早于今天且结束日期不早于开始日期
- 改进添加药品页面的日期选择UI,采用并排布局
- 调整InfoCard组件样式,移除图标背景色并减小字体大小
This commit is contained in:
richarjiang
2025-11-12 10:27:20 +08:00
parent e412f80295
commit 35f06951a0
3 changed files with 206 additions and 40 deletions

View File

@@ -25,7 +25,6 @@ export const InfoCard: React.FC<InfoCardProps> = ({
return (
<View style={[
styles.infoCardIcon,
clickable && styles.clickableIconFallback
]}>
<Ionicons name={icon} size={16} color="#4C6EF5" />
</View>
@@ -104,21 +103,16 @@ const styles = StyleSheet.create({
width: 28,
height: 28,
borderRadius: 14,
backgroundColor: '#EEF1FF',
alignItems: 'center',
justifyContent: 'center',
},
clickableIconFallback: {
borderWidth: 1,
borderColor: 'rgba(76, 110, 245, 0.3)',
},
infoCardLabel: {
fontSize: 13,
color: '#6B7280',
marginTop: 8,
},
infoCardValue: {
fontSize: 16,
fontSize: 14,
fontWeight: '600',
color: '#1F2933',
},