Files
jiu/client/lib/widgets/finance_entry_dialog.dart
wangjia be9afcf68d feat(client): 移动壳基建——底部 5 tab + 我的 hub + 统一底部 sheet + 移动组件四件套
对齐移动原型体系(m-*.html)的 Stage 0 共享基建,桌面形态零改动:

- 导航:router 新增 branch 9(/me 我的 + /me/license 授权屏);窄屏 tab 根
  (库存/入库/出库/财务/我的)出底部 MTabBar,二级屏隐藏 tabbar + 顶栏返回箭头
  (PopScope 拦系统返回键防退 app);窄屏 Drawer/汉堡删除;窄屏顶栏对齐 m-top
  (标题 + 主题/通知铃/头像→我的)
- sheet:showMSheet(grip/标题/86vh/键盘避让)+ showAdaptiveSheet;六个共享
  弹层呈现函数加窄屏 sheet 分支(订单/往来/财务往来/商品编辑抽屉 + 退单/登记收支
  dialog 的 asSheet 形态)
- 徽章:DsBadge/StatusPill/StatusBadge 加图标变体(默认圆点零漂移)+
  status_icon_map 转录原型 BADGE_ICON 28 词
- 组件:MKpiGrid(2×2 可点 KPI)/ MSearchRow(搜索+状态钮+详搜钮)/
  MHubGroup(hub 入口组)/ showThemeSheet(主题外观 sheet)
- 授权:_LicensePanel/_SettingsCard 抽取为公共 LicensePanel/SettingsCard,
  窄屏授权跳转 /me/license
- golden:app_shell_mobile + me 各三主题(390×844@2x);全量 259 测试绿,
  check_ds_code / check-l1-sync 闸过

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-04 11:56:04 +08:00

206 lines
7.1 KiB
Dart

// widgets/finance_entry_dialog.dart — 登记收支弹窗(财务屏 head 按钮 + 往来抽屉共用)。
// 字段:类型(收款/付款) + 往来单位(可搜索,选填) + 金额 + 日期 + 备注。
// 相比旧版补上了往来单位选择(修复手动收付款 partner_id 恒 NULL 的缺口)。
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:intl/intl.dart';
import '../core/responsive/responsive.dart';
import '../core/theme/context_tokens.dart';
import '../core/utils/clock.dart';
import '../core/utils/dialog_util.dart';
import '../providers/finance_provider.dart';
import '../providers/partner_provider.dart';
import 'date_picker_field.dart';
import 'ds/ds_atoms.dart';
import 'ds/m_sheet.dart';
import 'searchable_option_field.dart';
import 'ds/ds_toast.dart';
/// 打开登记收支弹窗;[type]='receipt'|'payment' 预选类型,[partnerId] 预选往来单位。
Future<void> showFinanceEntryDialog(
BuildContext context, {
String type = 'receipt',
int? partnerId,
}) {
// 窄屏:底部 sheet 形态(对齐原型移动 sheet 交互范式)
if (context.isMobile) {
return showMSheet<void>(
context,
title: '登记收支',
builder: (_) =>
_FinanceEntryDialog(type: type, partnerId: partnerId, asSheet: true),
);
}
return showAppDialog(
context: context,
builder: (_) => _FinanceEntryDialog(type: type, partnerId: partnerId),
);
}
class _FinanceEntryDialog extends ConsumerStatefulWidget {
final String type;
final int? partnerId;
/// true → sheet 形态(外层 showMSheet 提供标题/滚动,按钮内联在表单尾部)。
final bool asSheet;
const _FinanceEntryDialog(
{required this.type, this.partnerId, this.asSheet = false});
@override
ConsumerState<_FinanceEntryDialog> createState() =>
_FinanceEntryDialogState();
}
class _FinanceEntryDialogState extends ConsumerState<_FinanceEntryDialog> {
final _formKey = GlobalKey<FormState>();
final _amountCtrl = TextEditingController();
final _remarkCtrl = TextEditingController();
late String _type = widget.type;
late int? _partnerId = widget.partnerId;
late String _date = DateFormat('yyyy-MM-dd').format(appNow());
bool _saving = false;
@override
void dispose() {
_amountCtrl.dispose();
_remarkCtrl.dispose();
super.dispose();
}
Future<void> _save() async {
if (!_formKey.currentState!.validate()) return;
setState(() => _saving = true);
try {
await ref.read(financeRepositoryProvider).create({
'type': _type,
'amount': double.parse(_amountCtrl.text.trim()),
'record_date': _date,
if (_partnerId != null) 'partner_id': _partnerId,
if (_remarkCtrl.text.trim().isNotEmpty)
'remark': _remarkCtrl.text.trim(),
});
// 刷新流水 + 汇总
ref.read(financeListProvider.notifier).reload();
ref.invalidate(financePartnerRowsProvider);
if (mounted) {
Navigator.of(context).pop();
showDsToast(context, _type == 'receipt' ? '收款已登记 ✓' : '付款已登记 ✓',
bg: context.tokens.success);
}
} catch (e) {
if (mounted) {
showDsToast(context, '登记失败:$e', bg: context.tokens.danger);
}
} finally {
if (mounted) setState(() => _saving = false);
}
}
@override
Widget build(BuildContext context) {
if (widget.asSheet) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
_form(),
const SizedBox(height: 18),
Row(children: [
Expanded(
child: DsButton('取消',
onPressed:
_saving ? null : () => Navigator.of(context).pop()),
),
const SizedBox(width: 10),
Expanded(
flex: 2,
child: DsButton(_saving ? '保存中…' : '保存',
variant: DsBtnVariant.primary,
onPressed: _saving ? null : _save),
),
]),
],
);
}
return AlertDialog(
title: const Text('登记收支'),
content: SizedBox(
width: context.dialogWidth(420),
child: _form(),
),
actions: [
DsButton('取消',
onPressed: _saving ? null : () => Navigator.of(context).pop()),
DsButton(_saving ? '保存中…' : '保存',
variant: DsBtnVariant.primary, onPressed: _saving ? null : _save),
],
);
}
Widget _form() {
final partners = ref.watch(allPartnersProvider).valueOrNull?.data ?? [];
return Form(
key: _formKey,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
Expanded(
child: DsField('类型',
required: true,
input: DsSelect<String>(
value: _type,
options: const [('receipt', '收款'), ('payment', '付款')],
onChanged: (v) => setState(() => _type = v),
)),
),
const SizedBox(width: 14),
Expanded(
child: DsField('金额',
required: true,
input: TextFormField(
controller: _amountCtrl,
keyboardType: const TextInputType.numberWithOptions(
decimal: true),
decoration: const InputDecoration(
hintText: '0.00', prefixText: '¥ '),
validator: (v) {
final n = double.tryParse((v ?? '').trim());
return (n == null || n <= 0) ? '请输入正确金额' : null;
},
)),
),
]),
const SizedBox(height: 14),
DsField('往来单位(选填)',
input: SearchableOptionField(
options: [
for (final p in partners)
OptionItem(id: p.id, name: p.name),
],
selectedId: _partnerId,
hint: '选择或搜索往来单位…',
dialogTitle: '选择往来单位',
onChanged: (id) => setState(() => _partnerId = id),
)),
const SizedBox(height: 14),
DsField('日期',
required: true,
input: DatePickerField(
value: _date,
isRequired: true,
onChanged: (v) => setState(() => _date = v ?? _date),
)),
const SizedBox(height: 14),
DsField('备注',
input: TextFormField(
controller: _remarkCtrl,
decoration: const InputDecoration(hintText: '备注说明(选填)'),
maxLines: 2,
)),
],
),
);
}
}