import 'dart:async'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:go_router/go_router.dart'; import 'package:tdesign_flutter/tdesign_flutter.dart'; import '../../core/i18n/app_localizations.dart'; import '../../core/navigation/host_app_channel.dart'; import 'package:dio/dio.dart'; import '../../core/network/api_exception.dart'; import '../../shared/widgets/action_bar.dart'; import '../../shared/widgets/loading_dialog.dart'; import '../../shared/widgets/form_section.dart'; import '../../shared/widgets/form_field_row.dart'; import '../../shared/widgets/app_skeletons.dart'; import '../../shared/widgets/nav_bar_config.dart'; import '../../core/theme/app_colors.dart'; import '../../core/theme/app_colors_extension.dart'; import 'overtime_apply_api.dart'; import 'widgets/overtime_apply_detail_dialog.dart'; import '../../shared/widgets/searchable_picker_sheet.dart'; import '../expense_apply/expense_apply_api.dart'; class OvertimeApplyEditPage extends ConsumerStatefulWidget { final String billNo; const OvertimeApplyEditPage({super.key, required this.billNo}); @override ConsumerState createState() => _OvertimeApplyEditPageState(); } class _OvertimeApplyEditPageState extends ConsumerState { // ── 原单数据 ── String _billNo = ''; String _applyDate = ''; // ── 基本信息 ── final _reasonController = TextEditingController(); final _reasonFocus = FocusNode(); final _remarkController = TextEditingController(); final _remarkFocus = FocusNode(); final _scrollCtrl = ScrollController(); // ── 加班明细 ── final List<_DetailItem> _details = []; int _detailIdCounter = 1; // ── 参考数据(从 API 加载) ── bool _firstBuild = true; bool _refDataLoading = true; bool _loadingBill = true; String? _loadingError; bool _addingDetail = false; // ── 申请部门 ── String _selectedDeptId = ''; String _selectedDeptName = ''; @override void initState() { super.initState(); SystemChrome.setSystemUIOverlayStyle( const SystemUiOverlayStyle( statusBarColor: Colors.transparent, statusBarIconBrightness: Brightness.dark, ), ); _reasonFocus.addListener(() => _ensureVisible(_reasonFocus)); _remarkFocus.addListener(() => _ensureVisible(_remarkFocus)); _refDataLoading = true; _loadingBill = true; _loadRefData(); _loadBillData(); WidgetsBinding.instance.addPostFrameCallback((_) => _checkDataReady()); } void _checkDataReady() { if (!_refDataLoading && !_loadingBill && mounted) { setState(() => _firstBuild = false); WidgetsBinding.instance.addPostFrameCallback((_) { if (mounted) setState(() {}); }); } else if (mounted) { WidgetsBinding.instance.addPostFrameCallback((_) => _checkDataReady()); } } Future? _refDataFuture; Future _loadRefData({bool showLoading = false}) async { if (_refDataFuture != null) return _refDataFuture!; final completer = Completer(); _refDataFuture = completer.future; if (showLoading) { LoadingDialog.show( context, text: AppLocalizations.of(context).get('dataLoading'), ); } try { final api = ref.read(overtimeApplyApiProvider); await Future.wait([api.getDepartments()]); if (!mounted) return; setState(() { _refDataLoading = false; }); completer.complete(); } catch (_) { if (!mounted) { completer.complete(); return; } setState(() => _refDataLoading = false); completer.complete(); } finally { if (showLoading && mounted) LoadingDialog.hide(context); _refDataFuture = null; } } Future _loadBillData() async { try { final api = ref.read(overtimeApplyApiProvider); final detail = await api.fetchDetail(widget.billNo); if (!mounted) return; final n = detail.jbDd ?? DateTime.now(); final applyDate = '${n.year}-${n.month.toString().padLeft(2, '0')}-${n.day.toString().padLeft(2, '0')}'; setState(() { _billNo = detail.jbNo; _applyDate = applyDate; _selectedDeptId = detail.dep; _selectedDeptName = detail.depName; _reasonController.text = detail.reason; _remarkController.text = detail.rem; // 加班明细回填 _details.clear(); _detailIdCounter = 1; for (final d in detail.details) { String jbDateStr = ''; String startTimeStr = ''; String endTimeStr = ''; if (d.jbDate != null) { final s = d.jbDate!; jbDateStr = '${s.year}-${s.month.toString().padLeft(2, '0')}-${s.day.toString().padLeft(2, '0')}'; } if (d.startTime != null) { final st = d.startTime!; startTimeStr = '${st.year}-${st.month.toString().padLeft(2, '0')}-${st.day.toString().padLeft(2, '0')} ' '${st.hour.toString().padLeft(2, '0')}:${st.minute.toString().padLeft(2, '0')}'; } if (d.endTime != null) { final et = d.endTime!; endTimeStr = '${et.year}-${et.month.toString().padLeft(2, '0')}-${et.day.toString().padLeft(2, '0')} ' '${et.hour.toString().padLeft(2, '0')}:${et.minute.toString().padLeft(2, '0')}'; } _details.add( _DetailItem( id: _detailIdCounter++, salNo: d.salNo, salName: d.salName, dep: d.dep, jbType: d.jbType, jbDate: jbDateStr, startTime: startTimeStr, endTime: endTimeStr, jbHours: d.jbHours, jbDays: d.jbDays, attPeriod: d.attPeriod, reason: d.reason, compensationType: d.compensationType, compensationCount: d.compensationCount, adr: d.adr, rem: d.rem, preItm: d.itm > 0 ? d.itm : null, ), ); } _loadingBill = false; }); } catch (e) { if (!mounted) return; setState(() { _loadingBill = false; _loadingError = e.toString(); }); } } void _ensureVisible(FocusNode node) { if (!node.hasFocus) return; WidgetsBinding.instance.addPostFrameCallback((_) { if (node.hasFocus && _scrollCtrl.hasClients) { final ctx = node.context; if (ctx != null) { Scrollable.ensureVisible( ctx, alignment: 0.3, duration: const Duration(milliseconds: 300), ); } } }); } @override void dispose() { _reasonController.dispose(); _reasonFocus.dispose(); _remarkController.dispose(); _remarkFocus.dispose(); _scrollCtrl.dispose(); super.dispose(); } @override Widget build(BuildContext context) { final l10n = AppLocalizations.of(context); final colors = Theme.of(context).extension()!; if (_loadingError != null) { return Center( child: Column( mainAxisSize: MainAxisSize.min, children: [ Icon(Icons.error_outline, size: 48, color: colors.danger), const SizedBox(height: 16), Padding( padding: const EdgeInsets.symmetric(horizontal: 32), child: Text( _loadingError!, textAlign: TextAlign.center, style: TextStyle( fontSize: AppFontSizes.body, color: colors.textSecondary, ), ), ), const SizedBox(height: 16), TDButton( text: l10n.get('retry'), size: TDButtonSize.medium, onTap: () { setState(() { _loadingError = null; _loadingBill = true; }); _loadBillData(); }, ), ], ), ); } if (_firstBuild) { return const SkeletonFormPage(); } Future.microtask( () => ref.read(pageBackProvider.notifier).state = () => _doPop(), ); return PopScope( canPop: false, onPopInvokedWithResult: (didPop, _) { if (didPop) return; _doPop(); }, child: Column( children: [ Expanded( child: GestureDetector( onTap: () => FocusScope.of(context).unfocus(), child: SingleChildScrollView( controller: _scrollCtrl, padding: const EdgeInsets.all(16), child: Column( children: [ _buildBasicInfo(l10n), const SizedBox(height: 16), _buildDetailsSection(l10n), const SizedBox(height: 24), _buildPageFooter(), ], ), ), ), ), _buildBottomBar(l10n), ], ), ); } // ═══ 1. 基本信息 ═══ Widget _buildBasicInfo(AppLocalizations l10n) { final colors = Theme.of(context).extension()!; return FormSection( title: l10n.get('basicInfo'), leadingIcon: Icons.info_outline, children: [ FormFieldRow( label: l10n.get('overtimeApplyNo'), value: _billNo, readOnly: true, showArrow: false, ), const SizedBox(height: 16), FormFieldRow( label: l10n.get('date'), value: _applyDate, readOnly: true, showArrow: false, ), const SizedBox(height: 16), FormFieldRow( label: l10n.get('applyDept'), value: _selectedDeptId.isNotEmpty ? '$_selectedDeptId/$_selectedDeptName' : '', hint: l10n.get('pleaseSelect'), onTap: _refDataLoading ? null : () => _showDeptPicker(), ), const SizedBox(height: 16), _label(l10n.get('overtimeReason'), required: true), const SizedBox(height: 8), TDTextarea( controller: _reasonController, focusNode: _reasonFocus, hintText: l10n.get('enterOvertimeReason'), maxLines: 4, minLines: 1, maxLength: 1000, indicator: true, padding: EdgeInsets.zero, bordered: true, backgroundColor: colors.bgPage, ), const SizedBox(height: 16), _label(l10n.get('remark')), const SizedBox(height: 8), TDTextarea( controller: _remarkController, focusNode: _remarkFocus, hintText: l10n.get('enterRemark'), maxLines: 3, minLines: 1, maxLength: 500, indicator: true, padding: EdgeInsets.zero, bordered: true, backgroundColor: colors.bgPage, ), ], ); } // ═══ 2. 加班明细 ═══ Widget _buildDetailsSection(AppLocalizations l10n) { final colors = Theme.of(context).extension()!; return FormSection( title: l10n.get('overtimeDetails'), leadingIcon: Icons.access_time_outlined, showAction: true, actionText: l10n.get('add'), onActionTap: _showDetailDialog, children: [ if (_details.isEmpty) Padding( padding: const EdgeInsets.symmetric(vertical: 8), child: Text( l10n.get('noDetailHint'), style: TextStyle( fontSize: AppFontSizes.subtitle, color: colors.textPlaceholder, ), ), ) else ..._details.asMap().entries.map((e) { final d = e.value; return GestureDetector( onTap: () => _showDetailDialog(editIndex: e.key), child: Container( margin: const EdgeInsets.symmetric(vertical: 8), padding: const EdgeInsets.all(12), decoration: BoxDecoration( color: colors.bgPage, borderRadius: BorderRadius.circular(8), ), child: Row( crossAxisAlignment: CrossAxisAlignment.center, children: [ Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Expanded( child: Text( '${d.salNo}${d.salName.isNotEmpty ? '/${d.salName}' : ''}', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( fontSize: AppFontSizes.subtitle, color: colors.textPrimary, ), ), ), const SizedBox(width: 12), Text( '${d.jbHours}h', style: TextStyle( fontSize: AppFontSizes.caption, fontWeight: FontWeight.w600, color: colors.amountPrimary, ), ), ], ), if (d.jbType.isNotEmpty) ...[ const SizedBox(height: 4), Text( '${l10n.get('jbType')}: ${_jbTypeLabel(d.jbType, l10n)}', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( fontSize: AppFontSizes.caption, color: colors.textSecondary, ), ), ], if (d.jbDate.isNotEmpty) ...[ const SizedBox(height: 4), Text( '${l10n.get('date')}: ${d.jbDate}', maxLines: 1, overflow: TextOverflow.ellipsis, style: TextStyle( fontSize: AppFontSizes.caption, color: colors.textSecondary, ), ), ], if (d.reason.isNotEmpty) ...[ const SizedBox(height: 4), Text( d.reason, maxLines: 2, overflow: TextOverflow.ellipsis, style: TextStyle( fontSize: AppFontSizes.caption, color: colors.textSecondary, ), ), ], ], ), ), const SizedBox(width: 8), GestureDetector( onTap: () => setState(() => _details.removeAt(e.key)), child: Icon( Icons.close, size: 18, color: colors.textSecondary, ), ), ], ), ), ); }), const SizedBox(height: 8), Container( padding: const EdgeInsets.symmetric(vertical: 8), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( '${l10n.get('total')} ${l10n.get('overtimeHours')}', style: TextStyle( fontSize: AppFontSizes.body, fontWeight: FontWeight.w600, color: colors.textPrimary, ), ), Text( '${_totalHours().toStringAsFixed(1)}h', style: TextStyle( fontSize: AppFontSizes.subtitle, fontWeight: FontWeight.w700, color: colors.amountPrimary, ), ), ], ), ), ], ); } double _totalHours() => _details.fold(0.0, (s, d) => s + d.jbHours); String _jbTypeLabel(String type, AppLocalizations l10n) { switch (type) { case 'WORKING_DAY': return l10n.get('workingDay'); case 'REST_DAY': return l10n.get('restDay'); case 'PUBLIC_HOLIDAY': return l10n.get('publicHoliday'); case 'SPECIAL_HOLIDAY': return l10n.get('specialHoliday'); case 'OTHER': return l10n.get('other'); default: return type; } } Future _showDetailDialog({int? editIndex}) async { if (_addingDetail) return; _addingDetail = true; try { final l10n = AppLocalizations.of(context); OvertimeDetailData? initialData; if (editIndex != null) { final d = _details[editIndex]; initialData = OvertimeDetailData( salNo: d.salNo, salName: d.salName, dep: d.dep, jbType: d.jbType, jbDate: d.jbDate, startTime: d.startTime, endTime: d.endTime, jbHours: d.jbHours, jbDays: d.jbDays, attPeriod: d.attPeriod, reason: d.reason, compensationType: d.compensationType, compensationCount: d.compensationCount, adr: d.adr, rem: d.rem, ); } FocusManager.instance.primaryFocus?.unfocus(); final result = await OvertimeApplyDetailDialog.show( // ignore: use_build_context_synchronously context, api: ref.read(overtimeApplyApiProvider), l10n: l10n, initialData: initialData, ); if (result != null && mounted) { setState(() { final item = _DetailItem( id: editIndex != null ? _details[editIndex].id : _detailIdCounter++, salNo: result.salNo, salName: result.salName, dep: result.dep, jbType: result.jbType, jbDate: result.jbDate, startTime: result.startTime, endTime: result.endTime, jbHours: result.jbHours, jbDays: result.jbDays, attPeriod: result.attPeriod, reason: result.reason, compensationType: result.compensationType, compensationCount: result.compensationCount, adr: result.adr, rem: result.rem, preItm: editIndex != null ? _details[editIndex].preItm : null, ); if (editIndex != null) { _details[editIndex] = item; } else { _details.add(item); } }); } } finally { _addingDetail = false; } } // ═══ 3. 底部操作栏 ═══ Widget _buildBottomBar(AppLocalizations l10n) { return ActionBar( showLeft: false, showCenter: false, rightLabel: l10n.get('submit'), onRightTap: () async { final err = _validate(l10n); if (err.isNotEmpty) { TDToast.showText(err.first, context: context); return; } FocusScope.of(context).unfocus(); LoadingDialog.show(context, text: l10n.get('submitting')); try { final data = _buildSubmitData(); final api = ref.read(overtimeApplyApiProvider); await api.submit(data); if (mounted) { LoadingDialog.hide(context); TDToast.showSuccess(l10n.get('submitSuccess'), context: context); GoRouter.of(context).go('/overtime-apply/list'); } } catch (e) { if (mounted) { LoadingDialog.hide(context); WidgetsBinding.instance.addPostFrameCallback((_) { if (mounted) _showSubmitError(e, l10n); }); } } }, ); } void _showSubmitError(Object e, AppLocalizations l10n) { final message = _extractErrorMessage(e) ?? l10n.get('submitFailedRetry'); showGeneralDialog( context: context, pageBuilder: (ctx, animation, secondaryAnimation) => TDConfirmDialog( title: l10n.get('submitFailed'), content: message, buttonStyle: TDDialogButtonStyle.text, ), ); } String? _extractErrorMessage(Object e) { if (e is DioException) { if (e.error is ApiException) return (e.error as ApiException).message; if (e.error is NetworkException) { return (e.error as NetworkException).message; } } return null; } Map _buildSubmitData() { return { 'HeadData': { 'JB_NO': _billNo, 'JB_DD': _applyDate, 'SAL_NO': HostAppChannel.usr, 'DEP': _selectedDeptId, 'REASON': _reasonController.text.trim(), 'REM': _remarkController.text, 'USR': HostAppChannel.usr, }, 'BodyData1': _details.asMap().entries.map((e) { final d = e.value; final item = { 'ITM': e.key + 1, 'SAL_NO': d.salNo, 'DEP': d.dep.isNotEmpty ? d.dep : _selectedDeptId, 'JB_TYPE': d.jbType, 'JB_DATE': d.jbDate, 'START_TIME': d.startTime, 'END_TIME': d.endTime, 'JB_HOURS': d.jbHours, 'JB_DAYS': d.jbDays, 'ATT_PERIOD': d.attPeriod, 'REASON': d.reason, 'COMPENSATION_TYPE': d.compensationType, 'COMPENSATION_COUNT': d.compensationCount, 'ADR': d.adr, 'REM': d.rem, }; if (d.preItm != null) { item['PRE_ITM'] = d.preItm; } return item; }).toList(), }; } List _validate(AppLocalizations l10n) { final e = []; if (_reasonController.text.trim().isEmpty) { e.add(l10n.get('enterOvertimeReason')); } if (_details.isEmpty) e.add(l10n.get('addAtLeastOneDetail')); return e; } void _doPop() { if (_hasUnsaved()) { final l10n = AppLocalizations.of(context); _showConfirmDialog( l10n.get('confirmExit'), l10n.get('unsavedContentWarning'), l10n.get('continueEditing'), l10n.get('discardAndExit'), () => _forcePop(), ); } else { _forcePop(); } } void _forcePop() { FocusManager.instance.primaryFocus?.unfocus(); final router = GoRouter.of(context); if (router.canPop()) { router.pop(); } else { SystemNavigator.pop(); } } bool _hasUnsaved() => _reasonController.text.isNotEmpty || _details.isNotEmpty || _remarkController.text.isNotEmpty; void _showConfirmDialog( String title, String content, String leftText, String rightText, VoidCallback onConfirm, ) { final colors = Theme.of(context).extension()!; showDialog( context: context, useRootNavigator: true, builder: (ctx) => TDAlertDialog( title: title, content: content, buttonStyle: TDDialogButtonStyle.text, leftBtn: TDDialogButtonOptions( title: leftText, titleColor: colors.primary, action: () => Navigator.pop(ctx), ), rightBtn: TDDialogButtonOptions( title: rightText, titleColor: colors.danger, action: () { Navigator.pop(ctx); onConfirm(); }, ), ), ); } Widget _label(String t, {bool required = false}) { final colors = Theme.of(context).extension()!; return Text.rich( TextSpan( children: [ TextSpan( text: t, style: TextStyle( fontSize: AppFontSizes.subtitle, color: colors.textSecondary, ), ), if (required) TextSpan( text: ' *', style: TextStyle( fontSize: AppFontSizes.subtitle, color: colors.danger, ), ), ], ), ); } Widget _buildPageFooter() { final l10n = AppLocalizations.of(context); final colors = Theme.of(context).extension()!; return Center( child: Padding( padding: const EdgeInsets.only(bottom: 16), child: Text( l10n.get('pageFooter'), style: TextStyle( fontSize: AppFontSizes.caption, color: colors.textPlaceholder, ), ), ), ); } Future _showDeptPicker() async { FocusManager.instance.primaryFocus?.unfocus(); final l10n = AppLocalizations.of(context); final api = ref.read(overtimeApplyApiProvider); final result = await showSearchablePicker( context, title: '${l10n.get('select')}${l10n.get('applyDept')}', searchHint: l10n.get('search'), loader: (keyword, page) => api.getDepartments(keyword: keyword, page: page, size: 20), labelBuilder: (d) => d.name.isEmpty ? d.dep : '${d.dep} ${d.name}', onRefresh: () => api.clearRefCache(), ); if (result != null && mounted) { setState(() { _selectedDeptId = result.dep; _selectedDeptName = result.name; }); } } } class _DetailItem { final int id; final String salNo; final String salName; final String dep; final String jbType; final String jbDate; final String startTime; final String endTime; final double jbHours; final double jbDays; final String attPeriod; final String reason; final String compensationType; final double compensationCount; final String adr; final String rem; final int? preItm; const _DetailItem({ required this.id, this.salNo = '', this.salName = '', this.dep = '', this.jbType = 'WORKING_DAY', this.jbDate = '', this.startTime = '', this.endTime = '', this.jbHours = 0.0, this.jbDays = 0.0, this.attPeriod = '', this.reason = '', this.compensationType = 'OVERTIME_PAY', this.compensationCount = 0.0, this.adr = '', this.rem = '', this.preItm, }); }