feat(dialog): 상세 팝업 SuperportDetailDialog 통합
- SuperportDetailDialog 위젯과 showSuperportDetailDialog 헬퍼를 추가하고 metadata/섹션 패턴을 표준화 - 결재/재고/마스터 각 상세 다이얼로그를 dialogs 디렉터리에 신설하고 기존 페이지를 신규 팝업으로 전환 - SuperportTable 행 선택과 우편번호 검색 다이얼로그 onRowTap 보정을 통해 헤더 오프셋 버그를 제거 - 상세 다이얼로그 및 트랜잭션/상세 뷰 전용 위젯 테스트와 tester_extensions 유틸을 추가하여 회귀를 방지 - detail_dialog_unification_plan.md로 작업 배경과 필드 통합 계획을 문서화
This commit is contained in:
JiWoong Sul
@@ -45,6 +45,10 @@ import '../widgets/outbound_detail_view.dart';
|
||||
|
||||
const String _outboundTransactionTypeId = '출고';
|
||||
|
||||
class _OutboundDetailSections {
|
||||
static const lines = 'lines';
|
||||
}
|
||||
|
||||
/// 출고 목록과 등록/수정 모달을 관리하는 페이지.
|
||||
class OutboundPage extends StatefulWidget {
|
||||
const OutboundPage({super.key, required this.routeUri});
|
||||
@@ -650,7 +654,11 @@ class _OutboundPageState extends State<OutboundPage> {
|
||||
OutboundTableSpec.rowSpanHeight,
|
||||
),
|
||||
onRowTap: (rowIndex) {
|
||||
final record = visibleRecords[rowIndex];
|
||||
if (rowIndex <= 0 ||
|
||||
rowIndex > visibleRecords.length) {
|
||||
return;
|
||||
}
|
||||
final record = visibleRecords[rowIndex - 1];
|
||||
_selectRecord(record, openDetail: true);
|
||||
},
|
||||
);
|
||||
@@ -870,18 +878,109 @@ class _OutboundPageState extends State<OutboundPage> {
|
||||
await showInventoryTransactionDetailDialog<void>(
|
||||
context: context,
|
||||
title: '출고 상세',
|
||||
transactionNumber: record.transactionNumber,
|
||||
body: OutboundDetailView(
|
||||
record: record,
|
||||
dateFormatter: _dateFormatter,
|
||||
currencyFormatter: _currencyFormatter,
|
||||
transitionsEnabled: _transitionsEnabled,
|
||||
),
|
||||
description: '출고 고객사와 라인 품목 정보를 확인하세요.',
|
||||
summary: _buildOutboundDetailSummary(record),
|
||||
summaryBadges: _buildOutboundDetailBadges(record),
|
||||
metadata: _buildOutboundDetailMetadata(record),
|
||||
sections: [
|
||||
SuperportDetailDialogSection(
|
||||
id: _OutboundDetailSections.lines,
|
||||
label: '라인 품목',
|
||||
icon: lucide.LucideIcons.listChecks,
|
||||
builder: (_) => OutboundDetailView(
|
||||
record: record,
|
||||
currencyFormatter: _currencyFormatter,
|
||||
transitionsEnabled: _transitionsEnabled,
|
||||
),
|
||||
),
|
||||
],
|
||||
initialSectionId: _OutboundDetailSections.lines,
|
||||
actions: _buildDetailActions(record),
|
||||
constraints: const BoxConstraints(maxWidth: 920),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildOutboundDetailSummary(OutboundRecord record) {
|
||||
final theme = ShadTheme.of(context);
|
||||
final processedAt = _dateFormatter.format(record.processedAt);
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(record.transactionNumber, style: theme.textTheme.h4),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
'$processedAt · ${record.transactionType}',
|
||||
style: theme.textTheme.muted,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
List<Widget> _buildOutboundDetailBadges(OutboundRecord record) {
|
||||
return [
|
||||
ShadBadge(child: Text(record.status)),
|
||||
ShadBadge.outline(child: Text('고객 ${record.customerCount}곳')),
|
||||
];
|
||||
}
|
||||
|
||||
List<SuperportDetailMetadata> _buildOutboundDetailMetadata(
|
||||
OutboundRecord record,
|
||||
) {
|
||||
return [
|
||||
SuperportDetailMetadata.text(
|
||||
label: '트랜잭션번호',
|
||||
value: record.transactionNumber,
|
||||
),
|
||||
SuperportDetailMetadata.text(
|
||||
label: '처리일자',
|
||||
value: _dateFormatter.format(record.processedAt),
|
||||
),
|
||||
SuperportDetailMetadata.text(
|
||||
label: '트랜잭션 유형',
|
||||
value: record.transactionType,
|
||||
),
|
||||
SuperportDetailMetadata.text(label: '상태', value: record.status),
|
||||
SuperportDetailMetadata.text(label: '작성자', value: record.writer),
|
||||
SuperportDetailMetadata.text(label: '창고', value: record.warehouse),
|
||||
SuperportDetailMetadata.text(
|
||||
label: '창고 코드',
|
||||
value: _dashIfEmpty(record.warehouseCode),
|
||||
),
|
||||
SuperportDetailMetadata.text(
|
||||
label: '창고 우편번호',
|
||||
value: _dashIfEmpty(record.warehouseZipcode),
|
||||
),
|
||||
SuperportDetailMetadata.text(
|
||||
label: '창고 주소',
|
||||
value: _dashIfEmpty(record.warehouseAddress),
|
||||
),
|
||||
SuperportDetailMetadata.text(
|
||||
label: '고객 수',
|
||||
value: '${record.customerCount}',
|
||||
),
|
||||
SuperportDetailMetadata.text(label: '품목 수', value: '${record.itemCount}'),
|
||||
SuperportDetailMetadata.text(
|
||||
label: '총 수량',
|
||||
value: '${record.totalQuantity}',
|
||||
),
|
||||
SuperportDetailMetadata.text(
|
||||
label: '총 금액',
|
||||
value: _currencyFormatter.format(record.totalAmount),
|
||||
),
|
||||
SuperportDetailMetadata.text(
|
||||
label: '비고',
|
||||
value: _dashIfEmpty(record.remark),
|
||||
),
|
||||
];
|
||||
}
|
||||
|
||||
String _dashIfEmpty(String? value) {
|
||||
if (value == null) {
|
||||
return '-';
|
||||
}
|
||||
final trimmed = value.trim();
|
||||
return trimmed.isEmpty ? '-' : trimmed;
|
||||
}
|
||||
|
||||
List<Widget> _buildDetailActions(OutboundRecord record) {
|
||||
final isProcessing = _isProcessing(record.id) || _isLoading;
|
||||
final actions = <Widget>[];
|
||||
|
||||
@@ -9,13 +9,11 @@ class OutboundDetailView extends StatelessWidget {
|
||||
const OutboundDetailView({
|
||||
super.key,
|
||||
required this.record,
|
||||
required this.dateFormatter,
|
||||
required this.currencyFormatter,
|
||||
this.transitionsEnabled = true,
|
||||
});
|
||||
|
||||
final OutboundRecord record;
|
||||
final intl.DateFormat dateFormatter;
|
||||
final intl.NumberFormat currencyFormatter;
|
||||
final bool transitionsEnabled;
|
||||
|
||||
@@ -31,39 +29,6 @@ class OutboundDetailView extends StatelessWidget {
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
],
|
||||
Wrap(
|
||||
spacing: 12,
|
||||
runSpacing: 12,
|
||||
children: [
|
||||
_DetailChip(
|
||||
label: '처리일자',
|
||||
value: dateFormatter.format(record.processedAt),
|
||||
),
|
||||
_DetailChip(label: '창고', value: record.warehouse),
|
||||
if (record.warehouseCode != null &&
|
||||
record.warehouseCode!.trim().isNotEmpty)
|
||||
_DetailChip(label: '창고 코드', value: record.warehouseCode!),
|
||||
if (record.warehouseZipcode != null &&
|
||||
record.warehouseZipcode!.trim().isNotEmpty)
|
||||
_DetailChip(label: '창고 우편번호', value: record.warehouseZipcode!),
|
||||
if (record.warehouseAddress != null &&
|
||||
record.warehouseAddress!.trim().isNotEmpty)
|
||||
_DetailChip(label: '창고 주소', value: record.warehouseAddress!),
|
||||
_DetailChip(label: '트랜잭션 유형', value: record.transactionType),
|
||||
_DetailChip(label: '상태', value: record.status),
|
||||
_DetailChip(label: '작성자', value: record.writer),
|
||||
_DetailChip(label: '고객 수', value: '${record.customerCount}'),
|
||||
_DetailChip(label: '품목 수', value: '${record.itemCount}'),
|
||||
_DetailChip(label: '총 수량', value: '${record.totalQuantity}'),
|
||||
_DetailChip(
|
||||
label: '총 금액',
|
||||
value: currencyFormatter.format(record.totalAmount),
|
||||
),
|
||||
if (record.remark.isNotEmpty && record.remark != '-')
|
||||
_DetailChip(label: '비고', value: record.remark),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
Text('출고 고객사', style: theme.textTheme.h4),
|
||||
const SizedBox(height: 8),
|
||||
Wrap(
|
||||
@@ -122,36 +87,3 @@ class OutboundDetailView extends StatelessWidget {
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _DetailChip extends StatelessWidget {
|
||||
const _DetailChip({required this.label, required this.value});
|
||||
|
||||
final String label;
|
||||
final String value;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = ShadTheme.of(context);
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
||||
decoration: BoxDecoration(
|
||||
color: theme.colorScheme.card,
|
||||
borderRadius: BorderRadius.circular(6),
|
||||
border: Border.all(color: theme.colorScheme.border),
|
||||
),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
label,
|
||||
style: theme.textTheme.small,
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(value, style: theme.textTheme.p, textAlign: TextAlign.center),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user