feat(client): 初版 Flutter UI 框架，仿照参考截图实现

- 蓝色顶栏（#1565C0）+ 深蓝侧边栏（#0D47A1），含折叠/展开 - 底部状态栏：门店编号、登录用户、登录时间、实时时钟、版本号 - 登录页：居中卡片，支持密码显示/隐藏 - 入库单列表：筛选/搜索/日期选择/分页，三个 Tab（入库单/查询/审核） - 新建入库单：基本信息 + 商品明细动态增删，实时计算合计金额 - 出库单列表：同入库单风格 - 库存查询：4 张统计卡片 + 颜色高亮缺货/预警行，库存预警 Tab - 往来单位、财务、商品、系统设置（用户/仓库/编号规则/系统参数） - 使用 Riverpod 状态管理 + go_router 路由 + Dio HTTP Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-04 12:51:41 +08:00
parent d6397083c0
commit 76ab19ea47
22 changed files with 6386 additions and 0 deletions
@@ -0,0 +1,121 @@
+import 'package:flutter/material.dart';
+import '../core/theme/app_theme.dart';
+
+/// Generic dialog wrapper for forms
+class FormDialog extends StatelessWidget {
+  final String title;
+  final Widget content;
+  final String confirmLabel;
+  final VoidCallback? onConfirm;
+  final bool loading;
+  final double width;
+
+  const FormDialog({
+    super.key,
+    required this.title,
+    required this.content,
+    this.confirmLabel = '保存',
+    this.onConfirm,
+    this.loading = false,
+    this.width = 560,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Dialog(
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(4)),
+      child: SizedBox(
+        width: width,
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // Title bar
+            Container(
+              height: 48,
+              padding: const EdgeInsets.symmetric(horizontal: 20),
+              decoration: const BoxDecoration(
+                color: AppTheme.primary,
+                borderRadius: BorderRadius.only(
+                  topLeft: Radius.circular(4),
+                  topRight: Radius.circular(4),
+                ),
+              ),
+              child: Row(
+                children: [
+                  Text(
+                    title,
+                    style: const TextStyle(
+                        color: Colors.white,
+                        fontSize: 15,
+                        fontWeight: FontWeight.w500),
+                  ),
+                  const Spacer(),
+                  IconButton(
+                    icon: const Icon(Icons.close, color: Colors.white, size: 18),
+                    onPressed: () => Navigator.of(context).pop(),
+                    padding: EdgeInsets.zero,
+                    constraints: const BoxConstraints(minWidth: 28, minHeight: 28),
+                  ),
+                ],
+              ),
+            ),
+            // Content
+            Flexible(
+              child: SingleChildScrollView(
+                padding: const EdgeInsets.all(20),
+                child: content,
+              ),
+            ),
+            // Action bar
+            const Divider(height: 1),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.end,
+                children: [
+                  OutlinedButton(
+                    onPressed: () => Navigator.of(context).pop(),
+                    child: const Text('取消'),
+                  ),
+                  const SizedBox(width: 12),
+                  ElevatedButton(
+                    onPressed: loading ? null : onConfirm,
+                    child: loading
+                        ? const SizedBox(
+                            width: 16,
+                            height: 16,
+                            child: CircularProgressIndicator(
+                                strokeWidth: 2, color: Colors.white))
+                        : Text(confirmLabel),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+/// Show a form dialog and return the result
+Future<T?> showFormDialog<T>({
+  required BuildContext context,
+  required String title,
+  required Widget content,
+  String confirmLabel = '保存',
+  VoidCallback? onConfirm,
+  double width = 560,
+}) {
+  return showDialog<T>(
+    context: context,
+    builder: (_) => FormDialog(
+      title: title,
+      content: content,
+      confirmLabel: confirmLabel,
+      onConfirm: onConfirm,
+      width: width,
+    ),
+  );
+}