58af5f6d5b
- 全新"朝露"主题：深青绿主色(#2D6A4F)，暖白底，完整设计Token - 引入 shadcn_ui 组件库，MaterialApp 注入 ShadTheme - 新增 4 个公共组件：AppCard、AppMenuItem、AppEmptyState、AppTabChip - 全面消除硬编码颜色，统一使用 AppTheme Token - 全局字号 +3~4pt，图标等比放大 +3px - home/medication/profile/settings/login 等核心页面重写 - 路由和功能逻辑零改动
137 lines
8.7 KiB
Dart
137 lines
8.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../../core/app_theme.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import '../../core/navigation_provider.dart';
|
|
import '../../providers/data_providers.dart';
|
|
|
|
class MedicationEditPage extends ConsumerStatefulWidget {
|
|
final String? id;
|
|
const MedicationEditPage({super.key, this.id});
|
|
@override ConsumerState<MedicationEditPage> createState() => _MedicationEditPageState();
|
|
}
|
|
class _MedicationEditPageState extends ConsumerState<MedicationEditPage> {
|
|
final _nameCtrl = TextEditingController();
|
|
final _dosageCtrl = TextEditingController();
|
|
final _notesCtrl = TextEditingController();
|
|
int _timesPerDay = 2;
|
|
List<TimeOfDay> _times = [const TimeOfDay(hour: 8, minute: 0), const TimeOfDay(hour: 18, minute: 0)];
|
|
DateTime _start = DateTime.now();
|
|
DateTime? _end;
|
|
bool _loading = false;
|
|
|
|
@override void initState() { super.initState(); if (widget.id != null) _load(); }
|
|
@override void dispose() { _nameCtrl.dispose(); _dosageCtrl.dispose(); _notesCtrl.dispose(); super.dispose(); }
|
|
|
|
Future<void> _load() async {
|
|
final srv = ref.read(medicationServiceProvider);
|
|
final list = await srv.getList();
|
|
final m = list.cast<Map<String, dynamic>?>().firstWhere((x) => x?['id']?.toString() == widget.id, orElse: () => null);
|
|
if (m == null || !mounted) return;
|
|
_nameCtrl.text = m['name']?.toString() ?? '';
|
|
_dosageCtrl.text = m['dosage']?.toString() ?? '';
|
|
_notesCtrl.text = m['notes']?.toString() ?? '';
|
|
final tod = (m['timeOfDay'] as List?)?.map((t) {
|
|
final parts = t.toString().split(':');
|
|
return TimeOfDay(hour: int.tryParse(parts[0]) ?? 8, minute: int.tryParse(parts.length > 1 ? parts[1] : '0') ?? 0);
|
|
}).toList() ?? [const TimeOfDay(hour: 8, minute: 0), const TimeOfDay(hour: 18, minute: 0)];
|
|
_timesPerDay = tod.length;
|
|
_times = tod;
|
|
if (m['startDate'] != null) _start = DateTime.tryParse(m['startDate'].toString()) ?? DateTime.now();
|
|
if (m['endDate'] != null) _end = DateTime.tryParse(m['endDate'].toString());
|
|
setState(() {});
|
|
}
|
|
|
|
Future<void> _save() async {
|
|
final name = _nameCtrl.text.trim();
|
|
if (name.isEmpty) { ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('请输入药品名称'))); return; }
|
|
setState(() => _loading = true);
|
|
final data = {
|
|
'name': name, 'dosage': _dosageCtrl.text.trim(), 'frequency': 'Daily',
|
|
'notes': _notesCtrl.text.trim(),
|
|
'timeOfDay': _times.map((t) => '${t.hour.toString().padLeft(2,'0')}:${t.minute.toString().padLeft(2,'0')}').toList(),
|
|
'startDate': '${_start.year}-${_start.month.toString().padLeft(2,'0')}-${_start.day.toString().padLeft(2,'0')}',
|
|
if (_end != null) 'endDate': '${_end!.year}-${_end!.month.toString().padLeft(2,'0')}-${_end!.day.toString().padLeft(2,'0')}',
|
|
'source': 'Manual',
|
|
};
|
|
final srv = ref.read(medicationServiceProvider);
|
|
try {
|
|
if (widget.id != null) { await srv.update(widget.id!, data); } else { await srv.create(data); }
|
|
ref.invalidate(medicationListProvider); ref.invalidate(medicationReminderProvider);
|
|
if (mounted) { ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('已保存'), backgroundColor: AppTheme.success)); popRoute(ref); }
|
|
} catch (_) { if (mounted) ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('保存失败'), backgroundColor: AppTheme.error)); }
|
|
if (mounted) setState(() => _loading = false);
|
|
}
|
|
|
|
void _updateTimes(int n) {
|
|
setState(() {
|
|
_timesPerDay = n;
|
|
while (_times.length < n) _times.add(const TimeOfDay(hour: 12, minute: 0));
|
|
while (_times.length > n) _times.removeLast();
|
|
});
|
|
}
|
|
|
|
@override Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: AppTheme.bg,
|
|
appBar: AppBar(title: Text(widget.id != null ? '编辑用药' : '添加用药')),
|
|
body: ListView(padding: const EdgeInsets.all(16), children: [
|
|
// 名称+剂量 一行
|
|
Row(children: [
|
|
Expanded(flex: 3, child: _field('药品名称', _nameCtrl, hint: '如: 阿司匹林')),
|
|
const SizedBox(width: 12),
|
|
Expanded(flex: 2, child: _field('剂量', _dosageCtrl, hint: '如: 100mg')),
|
|
]),
|
|
const SizedBox(height: 16),
|
|
// 频率选择
|
|
_label('每日服药次数'), const SizedBox(height: 8),
|
|
Wrap(spacing: 8, children: List.generate(4, (i) => _chip('${i + 1}次', _timesPerDay == i + 1, () => _updateTimes(i + 1)))),
|
|
const SizedBox(height: 16),
|
|
// 时间选择
|
|
_label('服药时间'), const SizedBox(height: 8),
|
|
Wrap(spacing: 8, runSpacing: 8, children: List.generate(_timesPerDay, (i) => GestureDetector(
|
|
onTap: () async {
|
|
final t = await showTimePicker(context: context, initialTime: _times[i]);
|
|
if (t != null) setState(() => _times[i] = t);
|
|
},
|
|
child: Container(padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
|
|
decoration: BoxDecoration(color: AppTheme.primaryLight, borderRadius: BorderRadius.circular(12)),
|
|
child: Text('${_times[i].hour.toString().padLeft(2,'0')}:${_times[i].minute.toString().padLeft(2,'0')}', style: const TextStyle(fontSize: 18, color: AppTheme.primary, fontWeight: FontWeight.w600))),
|
|
))),
|
|
const SizedBox(height: 16),
|
|
// 开始+结束 一行
|
|
Row(children: [
|
|
Expanded(child: _dateField('开始日期', _start, (d) => setState(() => _start = d))),
|
|
const SizedBox(width: 12),
|
|
Expanded(child: _dateFieldOpt('结束日期(可选)', _end, (d) => setState(() => _end = d))),
|
|
]),
|
|
const SizedBox(height: 16),
|
|
_field('备注', _notesCtrl, hint: '如: 饭后服用、睡前'),
|
|
const SizedBox(height: 32),
|
|
SizedBox(width: double.infinity, child: ElevatedButton(onPressed: _loading ? null : _save, style: ElevatedButton.styleFrom(backgroundColor: AppTheme.primary, foregroundColor: Colors.white, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14)), padding: const EdgeInsets.symmetric(vertical: 14)), child: Text(_loading ? '保存中...' : '保存', style: const TextStyle(fontSize: 19)))),
|
|
const SizedBox(height: 20),
|
|
]),
|
|
);
|
|
}
|
|
|
|
Widget _label(String text) => Text(text, style: const TextStyle(fontSize: 17, color: Color(0xFF666666)));
|
|
Widget _field(String label, TextEditingController ctrl, {String? hint}) => Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
_label(label), const SizedBox(height: 6),
|
|
TextField(controller: ctrl, decoration: InputDecoration(hintText: hint, filled: true, fillColor: Colors.white, border: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide.none), contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12)), style: const TextStyle(fontSize: 19)),
|
|
]);
|
|
Widget _chip(String label, bool sel, VoidCallback onTap) => GestureDetector(onTap: onTap, child: Container(padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), decoration: BoxDecoration(color: sel ? AppTheme.primary : AppTheme.primaryLight, borderRadius: BorderRadius.circular(16)), child: Text(label, style: TextStyle(fontSize: 16, color: sel ? Colors.white : AppTheme.primary, fontWeight: FontWeight.w500))));
|
|
Widget _dateField(String label, DateTime val, ValueChanged<DateTime> cb) => Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
_label(label), const SizedBox(height: 6),
|
|
GestureDetector(onTap: () async { final d = await showDatePicker(context: context, initialDate: val, firstDate: DateTime(2024), lastDate: DateTime(2030)); if (d != null) cb(d); },
|
|
child: Container(width: double.infinity, padding: const EdgeInsets.all(12), decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(12)), child: Text('${val.month}/${val.day}', style: const TextStyle(fontSize: 18)))),
|
|
]);
|
|
Widget _dateFieldOpt(String label, DateTime? val, ValueChanged<DateTime?> cb) => Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
_label(label), const SizedBox(height: 6),
|
|
GestureDetector(onTap: () async { final d = await showDatePicker(context: context, initialDate: val ?? DateTime.now(), firstDate: DateTime(2024), lastDate: DateTime(2030)); if (d != null) cb(d); },
|
|
child: Container(width: double.infinity, padding: const EdgeInsets.all(12), decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(12)), child: Row(children: [
|
|
Text(val != null ? '${val.month}/${val.day}' : '不设置', style: TextStyle(fontSize: 18, color: val != null ? null : Colors.grey[400])),
|
|
if (val != null) const Spacer(),
|
|
if (val != null) GestureDetector(onTap: () => cb(null), child: const Icon(Icons.close, size: 19, color: Color(0xFFBBBBBB))),
|
|
]))),
|
|
]);
|
|
}
|