336 lines
12 KiB
Dart
336 lines
12 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:intl/intl.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/ItemWidgetFactory.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/picker/CupertinoDatePicker.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/toast_util.dart';
|
|||
|
|
import 'package:qhd_prevention/pages/home/tap/item_list_widget.dart';
|
|||
|
|
|
|||
|
|
/// punlish_modal.dart
|
|||
|
|
/// 把你提供的 uniapp 弹窗翻译为 Flutter 版本。
|
|||
|
|
/// 提供：
|
|||
|
|
/// - 可复用的 PunishModal Widget
|
|||
|
|
/// - showPunishDialog 辅助函数
|
|||
|
|
/// - 一个最小的 main() 示例展示如何调用
|
|||
|
|
|
|||
|
|
class PunishModal extends StatefulWidget {
|
|||
|
|
/// 初始数据（可选），key 与原 uniapp 对应：
|
|||
|
|
/// "ISPUNISH" : '1' 或 '2'
|
|||
|
|
/// "REASON"
|
|||
|
|
/// "AMOUT"
|
|||
|
|
/// "RECTIFICATIONDEPT_NAME"
|
|||
|
|
/// "RECTIFICATIONOR_NAME"
|
|||
|
|
/// "DATE" (字符串)
|
|||
|
|
final Map<String, String>? initial;
|
|||
|
|
final void Function(Map<String, String> form) onSubmit;
|
|||
|
|
|
|||
|
|
const PunishModal({Key? key, this.initial, required this.onSubmit})
|
|||
|
|
: super(key: key);
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
_PunishModalState createState() => _PunishModalState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _PunishModalState extends State<PunishModal> {
|
|||
|
|
late bool isp = false; // 默认否
|
|||
|
|
late TextEditingController reasonController;
|
|||
|
|
late TextEditingController amountController;
|
|||
|
|
late TextEditingController deptController;
|
|||
|
|
late TextEditingController personController;
|
|||
|
|
String? dateText;
|
|||
|
|
|
|||
|
|
final FocusNode _amountFocus = FocusNode();
|
|||
|
|
final _formKey = GlobalKey<FormState>();
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
reasonController = TextEditingController(
|
|||
|
|
text: widget.initial?['REASON'] ?? '',
|
|||
|
|
);
|
|||
|
|
amountController = TextEditingController(
|
|||
|
|
text: widget.initial?['AMOUT'] ?? '',
|
|||
|
|
);
|
|||
|
|
deptController = TextEditingController(
|
|||
|
|
text: widget.initial?['RECTIFICATIONDEPT_NAME'] ?? '',
|
|||
|
|
);
|
|||
|
|
personController = TextEditingController(
|
|||
|
|
text: widget.initial?['RECTIFICATIONOR_NAME'] ?? '',
|
|||
|
|
);
|
|||
|
|
dateText = widget.initial?['DATE'];
|
|||
|
|
isp = widget.initial?['ISPUNISH'] == '1' ? true : false;
|
|||
|
|
|
|||
|
|
// 相当于 @blur=\"checkNumber\"，监听焦点失去时做检查
|
|||
|
|
_amountFocus.addListener(() {
|
|||
|
|
if (!_amountFocus.hasFocus) {
|
|||
|
|
_checkNumber();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void dispose() {
|
|||
|
|
reasonController.dispose();
|
|||
|
|
amountController.dispose();
|
|||
|
|
deptController.dispose();
|
|||
|
|
personController.dispose();
|
|||
|
|
_amountFocus.dispose();
|
|||
|
|
super.dispose();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _checkNumber() {
|
|||
|
|
final text = amountController.text.trim();
|
|||
|
|
if (text.isEmpty) return;
|
|||
|
|
// 允许整数或两位小数
|
|||
|
|
final reg = RegExp(r"^\d+(?:\.\d{1,2})?$");
|
|||
|
|
if (!reg.hasMatch(text)) {
|
|||
|
|
// 显示错误提示，并做简单修正（可按需改变）
|
|||
|
|
ScaffoldMessenger.of(
|
|||
|
|
context,
|
|||
|
|
).showSnackBar(const SnackBar(content: Text('请输入有效的金额（最多两位小数）')));
|
|||
|
|
// 尝试提取数字部分
|
|||
|
|
final match = RegExp(r"\d+(?:\.\d{1,2})?").firstMatch(text);
|
|||
|
|
if (match != null) {
|
|||
|
|
amountController.text = match.group(0)!;
|
|||
|
|
} else {
|
|||
|
|
amountController.clear();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _onConfirm() {
|
|||
|
|
if (isp) {
|
|||
|
|
if (reasonController.text.trim().isEmpty) {
|
|||
|
|
ToastUtil.showNormal(context, '请填写处罚原因');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (amountController.text.trim().isEmpty) {
|
|||
|
|
ToastUtil.showNormal(context, '请填写处罚金额');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (dateText?.length == 0) {
|
|||
|
|
ToastUtil.showNormal(context, '请选择下发处罚时间');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final result = {
|
|||
|
|
'ISPUNISH': isp ? "1" : "2",
|
|||
|
|
'REASON': reasonController.text.trim(),
|
|||
|
|
'AMOUT': amountController.text.trim(),
|
|||
|
|
'RECTIFICATIONDEPT_NAME': deptController.text.trim(),
|
|||
|
|
'RECTIFICATIONOR_NAME': personController.text.trim(),
|
|||
|
|
'DATE': dateText ?? '',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
widget.onSubmit(result);
|
|||
|
|
Navigator.of(context).pop();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
// 我们改为根据内容自动伸缩，但当内容过高时仍然限制最大高度并可滚动。
|
|||
|
|
final maxBodyHeight = MediaQuery.of(context).size.height * 0.6; // 可按需调整
|
|||
|
|
|
|||
|
|
return Material(
|
|||
|
|
color: Colors.transparent,
|
|||
|
|
child: Center(
|
|||
|
|
child: Container(
|
|||
|
|
width: MediaQuery.of(context).size.width * 0.9,
|
|||
|
|
// 不再强制固定高度，使用 Column 的 min size，让弹窗高度随内容变化
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
borderRadius: BorderRadius.circular(8),
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
// Header
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
horizontal: 12,
|
|||
|
|
vertical: 10,
|
|||
|
|
),
|
|||
|
|
decoration: const BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(8)),
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|||
|
|
children: [
|
|||
|
|
const Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
'处罚',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 18,
|
|||
|
|
fontWeight: FontWeight.w600,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
IconButton(
|
|||
|
|
onPressed: () => Navigator.of(context).pop(),
|
|||
|
|
icon: const Icon(Icons.close, color: Colors.red),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// Body (表单)
|
|||
|
|
// 使用 ConstrainedBox 限制最大高度，内部使用 SingleChildScrollView，这样当字段少时弹窗高度自动变小，字段多时会出现滚动。
|
|||
|
|
ConstrainedBox(
|
|||
|
|
constraints: BoxConstraints(maxHeight: maxBodyHeight),
|
|||
|
|
child: SingleChildScrollView(
|
|||
|
|
padding: const EdgeInsets.all(12),
|
|||
|
|
child: Form(
|
|||
|
|
key: _formKey,
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
// 是否进行罚款
|
|||
|
|
ListItemFactory.createYesNoSection(
|
|||
|
|
title: '是否进行罚款',
|
|||
|
|
horizontalPadding: 0,
|
|||
|
|
groupValue: isp,
|
|||
|
|
onChanged: (v) => setState(() => isp = v),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
|
|||
|
|
// 以下内容仅在 isp == '1' 时显示
|
|||
|
|
if (isp) ...[
|
|||
|
|
ItemListWidget.singleLineTitleText(
|
|||
|
|
label: '处罚原因',
|
|||
|
|
isEditable: true,
|
|||
|
|
controller: reasonController,
|
|||
|
|
hintText: '请输入处罚原因',
|
|||
|
|
),
|
|||
|
|
const Divider(),
|
|||
|
|
ItemListWidget.singleLineTitleText(
|
|||
|
|
label: '处罚金额(元)',
|
|||
|
|
isEditable: true,
|
|||
|
|
keyboardType: const TextInputType.numberWithOptions(
|
|||
|
|
decimal: true,
|
|||
|
|
),
|
|||
|
|
controller: amountController,
|
|||
|
|
hintText: '请输入处罚金额',
|
|||
|
|
),
|
|||
|
|
const Divider(),
|
|||
|
|
ItemListWidget.singleLineTitleText(
|
|||
|
|
label: '被处罚单位',
|
|||
|
|
isEditable: false,
|
|||
|
|
text:
|
|||
|
|
widget.initial?['RECTIFICATIONDEPT_NAME'] ?? '',
|
|||
|
|
),
|
|||
|
|
const Divider(),
|
|||
|
|
ItemListWidget.singleLineTitleText(
|
|||
|
|
label: '被处罚人',
|
|||
|
|
isEditable: false,
|
|||
|
|
text: widget.initial?['RECTIFICATIONOR_NAME'] ?? '',
|
|||
|
|
),
|
|||
|
|
const Divider(),
|
|||
|
|
ItemListWidget.selectableLineTitleTextRightButton(
|
|||
|
|
label: '下发处罚时间',
|
|||
|
|
isEditable: true,
|
|||
|
|
text: '',
|
|||
|
|
onTap: () async {
|
|||
|
|
DateTime? picked =
|
|||
|
|
await BottomDateTimePicker.showDate(
|
|||
|
|
context,
|
|||
|
|
);
|
|||
|
|
if (picked != null) {
|
|||
|
|
setState(() {
|
|||
|
|
dateText =
|
|||
|
|
DateFormat(
|
|||
|
|
'yyyy-MM-dd HH:mm',
|
|||
|
|
).format(picked);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// Footer 按钮
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.all(8),
|
|||
|
|
decoration: const BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
borderRadius: BorderRadius.vertical(
|
|||
|
|
bottom: Radius.circular(8),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: OutlinedButton(
|
|||
|
|
onPressed: () => Navigator.of(context).pop(),
|
|||
|
|
child: const Text('关闭'),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
Expanded(
|
|||
|
|
child: ElevatedButton(
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
foregroundColor: Colors.green,
|
|||
|
|
backgroundColor: Colors.white,
|
|||
|
|
side: const BorderSide(color: Colors.green),
|
|||
|
|
),
|
|||
|
|
onPressed: _onConfirm,
|
|||
|
|
child: const Text(
|
|||
|
|
'确认',
|
|||
|
|
style: TextStyle(color: Colors.green),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildLabel(String text) => Padding(
|
|||
|
|
padding: const EdgeInsets.only(bottom: 6),
|
|||
|
|
child: Text(text, style: const TextStyle(fontWeight: FontWeight.w600)),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 显示showPunishDialog
|
|||
|
|
Future<void> showPunishDialog(
|
|||
|
|
BuildContext context, {
|
|||
|
|
Map<String, String>? initial,
|
|||
|
|
required void Function(Map<String, String>) onSubmit,
|
|||
|
|
}) {
|
|||
|
|
return showDialog<void>(
|
|||
|
|
context: context,
|
|||
|
|
barrierDismissible: false,
|
|||
|
|
builder: (context) {
|
|||
|
|
final viewInsets = MediaQuery.of(context).viewInsets;
|
|||
|
|
return AnimatedPadding(
|
|||
|
|
padding: viewInsets + const EdgeInsets.all(16),
|
|||
|
|
duration: const Duration(milliseconds: 200),
|
|||
|
|
curve: Curves.decelerate,
|
|||
|
|
child: Align(
|
|||
|
|
alignment: Alignment.center,
|
|||
|
|
child: Material(
|
|||
|
|
color: Colors.transparent,
|
|||
|
|
child: Container(
|
|||
|
|
// 保持原来 Dialog 的圆角和背景
|
|||
|
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(8)),
|
|||
|
|
child: PunishModal(initial: initial, onSubmit: onSubmit),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
}
|