Files
jizhi/frontend/lib/features/add/parse_sheet.dart
T
2026-07-24 23:11:20 +08:00

277 lines
9.8 KiB
Dart

import 'package:flutter/material.dart';
import 'package:miaoji_zhang/shared/services/transaction_events.dart';
import 'package:miaoji_zhang/shared/api/api_client.dart';
import 'package:miaoji_zhang/shared/api/business_api.dart';
import 'package:miaoji_zhang/shared/theme/app_theme.dart';
import 'package:miaoji_zhang/shared/widgets/category_icon.dart';
Future<bool?> showParseSheet(
BuildContext context, {
required String source,
String? initialText,
}) {
return showModalBottomSheet<bool>(
context: context,
isScrollControlled: true,
backgroundColor: Colors.transparent,
builder: (_) => _ParseSheet(source: source, initialText: initialText),
);
}
class _ParseSheet extends StatefulWidget {
final String source;
final String? initialText;
const _ParseSheet({required this.source, this.initialText});
@override
State<_ParseSheet> createState() => _ParseSheetState();
}
class _ParseSheetState extends State<_ParseSheet> {
late final TextEditingController _input;
ParsedDraft? _draft;
bool _parsing = false;
bool _saving = false;
bool get isVoice => widget.source == 'voice';
@override
void initState() {
super.initState();
_input = TextEditingController(text: widget.initialText ?? '');
if ((widget.initialText ?? '').trim().isNotEmpty) {
WidgetsBinding.instance.addPostFrameCallback((_) => _parse());
}
}
@override
void dispose() {
_input.dispose();
super.dispose();
}
Future<void> _parse() async {
final text = _input.text.trim();
if (text.isEmpty) return;
setState(() => _parsing = true);
try {
final d = await ParseApi.parse(text, source: widget.source);
if (mounted) setState(() => _draft = d);
} catch (e) {
if (mounted) {
ScaffoldMessenger.of(
context,
).showSnackBar(SnackBar(content: Text(apiErrorMessage(e))));
}
} finally {
if (mounted) setState(() => _parsing = false);
}
}
Future<void> _confirm() async {
final d = _draft;
if (d == null || d.amount <= 0) return;
setState(() => _saving = true);
try {
await ParseApi.confirm(d, widget.source, _input.text.trim());
TransactionEvents.notifyChanged();
if (mounted) Navigator.pop(context, true);
} catch (e) {
if (mounted) {
ScaffoldMessenger.of(
context,
).showSnackBar(SnackBar(content: Text(apiErrorMessage(e))));
}
} finally {
if (mounted) setState(() => _saving = false);
}
}
@override
Widget build(BuildContext context) {
final d = _draft;
return Container(
padding: EdgeInsets.only(
bottom: MediaQuery.of(context).viewInsets.bottom,
),
decoration: BoxDecoration(
color: context.jz.card,
borderRadius: BorderRadius.vertical(top: Radius.circular(22)),
),
child: Padding(
padding: const EdgeInsets.fromLTRB(22, 22, 22, 30),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Center(
child: Column(
children: [
Text(
isVoice ? '语音记账' : '文字识别',
style: TextStyle(fontSize: 14, fontWeight: FontWeight.w700),
),
SizedBox(height: 4),
Text(
isVoice
? '识别到的语音会自动填到这里,你也可以手动补充或修改。'
: '把识别到的文字贴进来,AI 会先帮你解析成账单草稿。',
style: TextStyle(fontSize: 10.5, color: context.jz.text3),
textAlign: TextAlign.center,
),
],
),
),
SizedBox(height: 14),
TextField(
controller: _input,
maxLines: 2,
decoration: InputDecoration(
hintText: isVoice
? '例如:昨天晚上和朋友吃烧烤 88 支付宝付的'
: '例如:永辉超市 合计 128.60 微信支付',
),
onChanged: (_) {
if (_draft != null) setState(() => _draft = null);
},
),
SizedBox(height: 12),
if (d == null)
SizedBox(
width: double.infinity,
child: ElevatedButton(
style: ElevatedButton.styleFrom(backgroundColor: AppTheme.ai),
onPressed: _parsing ? null : _parse,
child: _parsing
? SizedBox(
width: 20,
height: 20,
child: CircularProgressIndicator(
strokeWidth: 2,
color: Colors.white,
),
)
: Text('开始识别'),
),
)
else ...[
Container(
padding: const EdgeInsets.all(13),
decoration: BoxDecoration(
color: context.jz.aiBackground,
borderRadius: BorderRadius.circular(13),
),
child: Row(
children: [
CategoryIconBox(iconKey: d.categoryIcon, size: 38),
SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
${d.amount.toStringAsFixed(2)}',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w700,
color: d.type == 'income'
? AppTheme.primary
: AppTheme.red,
),
),
SizedBox(height: 3),
Row(
children: [
Container(
padding: const EdgeInsets.symmetric(
horizontal: 6,
vertical: 2,
),
decoration: BoxDecoration(
color:
(d.type == 'income'
? AppTheme.primary
: AppTheme.red)
.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(5),
),
child: Text(
d.type == 'income' ? '收入' : '支出',
style: TextStyle(
fontSize: 9.5,
fontWeight: FontWeight.w700,
color: d.type == 'income'
? AppTheme.primary
: AppTheme.red,
),
),
),
SizedBox(width: 6),
Flexible(
child: Text(
d.categoryName +
(d.paymentMethod == null
? ''
: ' · ' + d.paymentMethod!),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 11,
color: context.jz.text2,
),
),
),
],
),
if (!d.matched)
Text(
'没有识别出有效金额,请修改后重新识别。',
style: TextStyle(
fontSize: 10.5,
color: AppTheme.red,
),
),
],
),
),
],
),
),
SizedBox(height: 12),
Row(
children: [
Expanded(
child: OutlinedButton(
onPressed: () => setState(() => _draft = null),
child: Text(
'重新识别',
style: TextStyle(color: context.jz.text2),
),
),
),
SizedBox(width: 10),
Expanded(
child: ElevatedButton(
onPressed: (!d.matched || _saving) ? null : _confirm,
child: _saving
? SizedBox(
width: 20,
height: 20,
child: CircularProgressIndicator(
strokeWidth: 2,
color: Colors.white,
),
)
: Text('确认入账'),
),
),
],
),
],
],
),
),
);
}
}