feat(dialog): 상세 팝업 SuperportDetailDialog 통합

- SuperportDetailDialog 위젯과 showSuperportDetailDialog 헬퍼를 추가하고 metadata/섹션 패턴을 표준화 - 결재/재고/마스터 각 상세 다이얼로그를 dialogs 디렉터리에 신설하고 기존 페이지를 신규 팝업으로 전환 - SuperportTable 행 선택과 우편번호 검색 다이얼로그 onRowTap 보정을 통해 헤더 오프셋 버그를 제거 - 상세 다이얼로그 및 트랜잭션/상세 뷰 전용 위젯 테스트와 tester_extensions 유틸을 추가하여 회귀를 방지 - detail_dialog_unification_plan.md로 작업 배경과 필드 통합 계획을 문서화
2025-11-07 19:02:43 +09:00
parent 1f78171294
commit 2f8b529506
64 changed files with 13721 additions and 7545 deletions
--- a/lib/features/inventory/inbound/presentation/pages/inbound_page.dart
+++ b/lib/features/inventory/inbound/presentation/pages/inbound_page.dart
@@ -45,6 +45,10 @@ import '../widgets/inbound_detail_view.dart';

 const String _inboundTransactionTypeId = '입고';

+class _InboundDetailSections {
+  static const lines = 'lines';
+}
+
 /// 입고 목록과 상세/등록 모달을 관리하는 화면.
 class InboundPage extends StatefulWidget {
  const InboundPage({super.key, required this.routeUri});
@@ -711,7 +715,10 @@ class _InboundPageState extends State<InboundPage> {
      rowSpanExtent: (index) =>
          const FixedTableSpanExtent(InboundTableSpec.rowSpanHeight),
      onRowTap: (rowIndex) {
-        final record = records[rowIndex];
+        if (rowIndex <= 0 || rowIndex > records.length) {
+          return;
+        }
+        final record = records[rowIndex - 1];
        _selectRecord(record, openDetail: true);
      },
    );
@@ -771,18 +778,136 @@ class _InboundPageState extends State<InboundPage> {
    await showInventoryTransactionDetailDialog<void>(
      context: context,
      title: '입고 상세',
-      transactionNumber: record.transactionNumber,
-      body: InboundDetailView(
-        record: record,
-        dateFormatter: _dateFormatter,
-        currencyFormatter: _currencyFormatter,
-        transitionsEnabled: _transitionsEnabled,
-      ),
+      description: '입고 트랜잭션과 라인 품목을 확인하세요.',
+      summary: _buildInboundDetailSummary(record),
+      summaryBadges: _buildInboundDetailBadges(record),
+      metadata: _buildInboundDetailMetadata(record),
+      sections: [
+        SuperportDetailDialogSection(
+          id: _InboundDetailSections.lines,
+          label: '라인 품목',
+          icon: lucide.LucideIcons.listChecks,
+          builder: (_) => InboundDetailView(
+            record: record,
+            currencyFormatter: _currencyFormatter,
+            transitionsEnabled: _transitionsEnabled,
+          ),
+        ),
+      ],
+      initialSectionId: _InboundDetailSections.lines,
      actions: _buildDetailActions(record),
-      constraints: const BoxConstraints(maxWidth: 920),
    );
  }

+  Widget _buildInboundDetailSummary(InboundRecord 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> _buildInboundDetailBadges(InboundRecord record) {
+    final badges = <Widget>[ShadBadge(child: Text(record.status))];
+    badges.add(
+      record.isActive
+          ? const ShadBadge.outline(child: Text('사용중'))
+          : const ShadBadge.destructive(child: Text('미사용')),
+    );
+    if (record.partnerName != null && record.partnerName!.trim().isNotEmpty) {
+      badges.add(ShadBadge.outline(child: Text(record.partnerName!.trim())));
+    }
+    return badges;
+  }
+
+  List<SuperportDetailMetadata> _buildInboundDetailMetadata(
+    InboundRecord record,
+  ) {
+    final partnerSummary = _formatPartnerSummary(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.isActive ? '사용중' : '미사용',
+      ),
+      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: partnerSummary),
+      SuperportDetailMetadata.text(
+        label: '파트너 코드',
+        value: _dashIfEmpty(record.partnerCode),
+      ),
+      SuperportDetailMetadata.text(label: '품목 수', value: '${record.itemCount}'),
+      SuperportDetailMetadata.text(
+        label: '총 수량',
+        value: '${record.totalQuantity}',
+      ),
+      SuperportDetailMetadata.text(
+        label: '총 금액',
+        value: _currencyFormatter.format(record.totalAmount),
+      ),
+      SuperportDetailMetadata.text(
+        label: '예상 반납일',
+        value: record.expectedReturnDate == null
+            ? '-'
+            : _dateFormatter.format(record.expectedReturnDate!),
+      ),
+      SuperportDetailMetadata.text(
+        label: '비고',
+        value: _dashIfEmpty(record.remark),
+      ),
+    ];
+  }
+
+  String _formatPartnerSummary(InboundRecord record) {
+    final name = _dashIfEmpty(record.partnerName);
+    final code = _dashIfEmpty(record.partnerCode);
+    if (name == '-') {
+      return '-';
+    }
+    return code == '-' ? name : '$name ($code)';
+  }
+
+  String _dashIfEmpty(String? value) {
+    if (value == null) {
+      return '-';
+    }
+    final trimmed = value.trim();
+    return trimmed.isEmpty ? '-' : trimmed;
+  }
+
  List<Widget> _buildDetailActions(InboundRecord record) {
    final isProcessing = _isProcessing(record.id) || _isLoading;
    final actions = <Widget>[];
--- a/lib/features/inventory/inbound/presentation/widgets/inbound_detail_view.dart
+++ b/lib/features/inventory/inbound/presentation/widgets/inbound_detail_view.dart
@@ -9,13 +9,11 @@ class InboundDetailView extends StatelessWidget {
  const InboundDetailView({
    super.key,
    required this.record,
-    required this.dateFormatter,
    required this.currencyFormatter,
    this.transitionsEnabled = true,
  });

  final InboundRecord record;
-  final intl.DateFormat dateFormatter;
  final intl.NumberFormat currencyFormatter;
  final bool transitionsEnabled;

@@ -31,44 +29,6 @@ class InboundDetailView 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),
-            if (record.partnerName != null &&
-                record.partnerName!.trim().isNotEmpty)
-              _DetailChip(label: '파트너사', value: record.partnerName!.trim()),
-            if (record.partnerCode != null &&
-                record.partnerCode!.trim().isNotEmpty)
-              _DetailChip(label: '파트너 코드', value: record.partnerCode!.trim()),
-            _DetailChip(label: '품목 수', value: '${record.itemCount}'),
-            _DetailChip(label: '총 수량', value: '${record.totalQuantity}'),
-            _DetailChip(
-              label: '총 금액',
-              value: currencyFormatter.format(record.totalAmount),
-            ),
-            if (record.remark.isNotEmpty)
-              _DetailChip(label: '비고', value: record.remark),
-          ],
-        ),
-        const SizedBox(height: 24),
        Text('라인 품목', style: theme.textTheme.h4),
        const SizedBox(height: 8),
        _buildLineTable(),
@@ -108,36 +68,3 @@ class InboundDetailView 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),
-        ],
-      ),
-    );
-  }
-}