feat(mobile): #79 Flutter统一入口+Tab导航+用户登录

- lib/services/api_service.dart: Dio HTTP封装 + Token拦截器 + 401自动登出
- lib/services/auth_service.dart: 完善登录/登出/Token持久化/用户信息刷新
- lib/pages/login/login_page.dart: Material Design 3登录页(表单验证+密码可见+加载态)
- lib/pages/home/home_page.dart: 三Tab首页(NavigationBar+个人中心入口)
- lib/pages/home/tabs/water_supply_tab.dart: 供水管理(概览卡片+快捷操作+实时监测)
- lib/pages/home/tabs/inspection_tab.dart: 巡检管理(子Tab:待执行/进行中/已完成)
- lib/pages/home/tabs/revenue_tab.dart: 营业收费(营收概览+快捷操作+近期账单)
- lib/pages/profile/profile_page.dart: 个人中心(头像+菜单+退出登录确认)
- lib/widgets/: 通用组件(LoadingOverlay/EmptyState/ErrorRetry)
- lib/main.dart: 入口+启动初始化+主题配置+路由

mobile/lib/main.dart

@@ -1,21 +1,46 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'services/auth_service.dart';
+import 'services/api_service.dart';
 import 'pages/login/login_page.dart';
 import 'pages/home/home_page.dart';
 
-void main() => runApp(const WaterApp());
+void main() async {
+  WidgetsFlutterBinding.ensureInitialized();
+
+  // 初始化 AuthService 并恢复登录态
+  final authService = AuthService();
+  await authService.init();
+
+  // 初始化全局 HTTP 客户端
+  ApiService.instance.init(authService);
+
+  runApp(WaterApp(authService: authService));
+}
 
 class WaterApp extends StatelessWidget {
-  const WaterApp({super.key});
+  final AuthService authService;
+
+  const WaterApp({super.key, required this.authService});
 
   @override
   Widget build(BuildContext context) {
-    return MultiProvider(
-      providers: [ChangeNotifierProvider(create: (_) => AuthService())],
+    return ChangeNotifierProvider.value(
+      value: authService,
       child: MaterialApp(
         title: '智慧水务',
-        theme: ThemeData(primarySwatch: Colors.blue, useMaterial3: true),
+        debugShowCheckedModeBanner: false,
+        theme: ThemeData(
+          colorSchemeSeed: const Color(0xFF1976D2),
+          useMaterial3: true,
+          brightness: Brightness.light,
+        ),
+        darkTheme: ThemeData(
+          colorSchemeSeed: const Color(0xFF1976D2),
+          useMaterial3: true,
+          brightness: Brightness.dark,
+        ),
+        themeMode: ThemeMode.system,
         home: Consumer<AuthService>(
           builder: (_, auth, __) => auth.isLoggedIn ? const HomePage() : const LoginPage(),
         ),

mobile/lib/pages/home/home_page.dart

@@ -1,33 +1,68 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import '../../services/auth_service.dart';
+import '../profile/profile_page.dart';
+import 'tabs/water_supply_tab.dart';
+import 'tabs/inspection_tab.dart';
+import 'tabs/revenue_tab.dart';
 
+/// 首页 —— 底部三 Tab (供水 / 巡检 / 营收) + 个人中心入口
 class HomePage extends StatefulWidget {
   const HomePage({super.key});
-  @override State<HomePage> createState() => _HomePageState();
+  @override
+  State<HomePage> createState() => _HomePageState();
 }
 
 class _HomePageState extends State<HomePage> {
   int _tabIndex = 0;
 
+  final List<Widget> _tabs = const [
+    WaterSupplyTab(),
+    InspectionTab(),
+    RevenueTab(),
+  ];
+
+  final List<String> _titles = const ['供水管理', '巡检管理', '营业收费'];
+
   @override
   Widget build(BuildContext context) {
-    final auth = context.read<AuthService>();
     return Scaffold(
-      appBar: AppBar(title: const Text('智慧水务'), actions: [
-        IconButton(icon: const Icon(Icons.logout), onPressed: () async { await auth.logout(); Navigator.pushReplacement(context, MaterialPageRoute(builder: (_) => const HomePage())); })
-      ]),
-      body: IndexedStack(index: _tabIndex, children: const [
-        Center(child: Text('💧 供水管理')),
-        Center(child: Text('🔍 巡检管理')),
-        Center(child: Text('💰 营业收费')),
-      ]),
-      bottomNavigationBar: BottomNavigationBar(
-        currentIndex: _tabIndex, onTap: (i) => setState(() => _tabIndex = i),
-        items: const [
-          BottomNavigationBarItem(icon: Icon(Icons.water), label: '供水'),
-          BottomNavigationBarItem(icon: Icon(Icons.search), label: '巡检'),
-          BottomNavigationBarItem(icon: Icon(Icons.receipt_long), label: '营收'),
+      appBar: AppBar(
+        title: Text(_titles[_tabIndex]),
+        centerTitle: true,
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.person_outline),
+            tooltip: '个人中心',
+            onPressed: () {
+              Navigator.push(
+                context,
+                MaterialPageRoute(builder: (_) => const ProfilePage()),
+              );
+            },
+          ),
+        ],
+      ),
+      body: IndexedStack(index: _tabIndex, children: _tabs),
+      bottomNavigationBar: NavigationBar(
+        selectedIndex: _tabIndex,
+        onDestinationSelected: (i) => setState(() => _tabIndex = i),
+        destinations: const [
+          NavigationDestination(
+            icon: Icon(Icons.water_drop_outlined),
+            selectedIcon: Icon(Icons.water_drop),
+            label: '供水',
+          ),
+          NavigationDestination(
+            icon: Icon(Icons.search),
+            selectedIcon: Icon(Icons.search),
+            label: '巡检',
+          ),
+          NavigationDestination(
+            icon: Icon(Icons.receipt_long_outlined),
+            selectedIcon: Icon(Icons.receipt_long),
+            label: '营收',
+          ),
         ],
       ),
     );

mobile/lib/pages/home/tabs/inspection_tab.dart

@@ -0,0 +1,198 @@
+import 'package:flutter/material.dart';
+
+/// 巡检管理 Tab
+class InspectionTab extends StatelessWidget {
+  const InspectionTab({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    return DefaultTabController(
+      length: 3,
+      child: Column(
+        children: [
+          // ---------- 子 Tab ----------
+          Material(
+            color: theme.colorScheme.surface,
+            child: TabBar(
+              labelColor: theme.colorScheme.primary,
+              unselectedLabelColor: Colors.grey,
+              indicatorColor: theme.colorScheme.primary,
+              tabs: const [
+                Tab(text: '待执行', icon: Icon(Icons.pending_actions, size: 18)),
+                Tab(text: '进行中', icon: Icon(Icons.play_circle, size: 18)),
+                Tab(text: '已完成', icon: Icon(Icons.check_circle, size: 18)),
+              ],
+            ),
+          ),
+
+          // ---------- 内容 ----------
+          Expanded(
+            child: TabBarView(
+              children: [
+                _InspectionList(status: 'pending'),
+                _InspectionList(status: 'ongoing'),
+                _InspectionList(status: 'done'),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _InspectionList extends StatelessWidget {
+  final String status;
+  const _InspectionList({required this.status});
+
+  List<Map<String, dynamic>> get _mockData {
+    switch (status) {
+      case 'pending':
+        return [
+          {'id': 'XJ-2024-001', 'route': '城东片区巡检路线', 'date': '2024-06-14', 'points': 8, 'priority': '高'},
+          {'id': 'XJ-2024-002', 'route': '城北加压站巡检', 'date': '2024-06-14', 'points': 4, 'priority': '中'},
+          {'id': 'XJ-2024-003', 'route': '水厂设备日检', 'date': '2024-06-15', 'points': 12, 'priority': '高'},
+        ];
+      case 'ongoing':
+        return [
+          {'id': 'XJ-2024-004', 'route': '城西管网巡检', 'date': '2024-06-14', 'points': 6, 'progress': '3/6'},
+        ];
+      default:
+        return [
+          {'id': 'XJ-2024-005', 'route': '城南片区周检', 'date': '2024-06-13', 'points': 10, 'result': '正常'},
+          {'id': 'XJ-2024-006', 'route': '水厂设备周检', 'date': '2024-06-13', 'points': 12, 'result': '发现1处隐患'},
+        ];
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final data = _mockData;
+    if (data.isEmpty) {
+      return const Center(child: Text('暂无数据', style: TextStyle(color: Colors.grey)));
+    }
+
+    return ListView.builder(
+      padding: const EdgeInsets.all(12),
+      itemCount: data.length,
+      itemBuilder: (ctx, i) => _InspectionCard(item: data[i], status: status),
+    );
+  }
+}
+
+class _InspectionCard extends StatelessWidget {
+  final Map<String, dynamic> item;
+  final String status;
+
+  const _InspectionCard({required this.item, required this.status});
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      margin: const EdgeInsets.only(bottom: 12),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              children: [
+                Expanded(
+                  child: Text(
+                    item['route'] as String,
+                    style: const TextStyle(fontWeight: FontWeight.w600, fontSize: 15),
+                  ),
+                ),
+                if (status == 'pending' && item.containsKey('priority'))
+                  Container(
+                    padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
+                    decoration: BoxDecoration(
+                      color: item['priority'] == '高' ? Colors.red.shade100 : Colors.orange.shade100,
+                      borderRadius: BorderRadius.circular(4),
+                    ),
+                    child: Text(
+                      '${item['priority']}优先',
+                      style: TextStyle(
+                        fontSize: 11,
+                        color: item['priority'] == '高' ? Colors.red.shade800 : Colors.orange.shade800,
+                      ),
+                    ),
+                  ),
+              ],
+            ),
+            const SizedBox(height: 8),
+            Row(
+              children: [
+                _InfoChip(icon: Icons.tag, text: item['id'] as String),
+                const SizedBox(width: 8),
+                _InfoChip(icon: Icons.calendar_today, text: item['date'] as String, size: 12),
+                const SizedBox(width: 8),
+                _InfoChip(icon: Icons.location_on, text: '${item['points']}个巡检点'),
+              ],
+            ),
+            if (status == 'ongoing') ...[
+              const SizedBox(height: 8),
+              LinearProgressIndicator(
+                value: 0.5,
+                backgroundColor: Colors.grey.shade200,
+              ),
+              const SizedBox(height: 4),
+              Text('进度: ${item['progress']}', style: const TextStyle(fontSize: 12, color: Colors.grey)),
+            ],
+            if (status == 'done') ...[
+              const SizedBox(height: 8),
+              Text('巡检结果: ${item['result']}', style: const TextStyle(fontSize: 13, color: Colors.green)),
+            ],
+            const SizedBox(height: 12),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: [
+                if (status == 'pending')
+                  FilledButton.icon(
+                    onPressed: () {},
+                    icon: const Icon(Icons.play_arrow, size: 18),
+                    label: const Text('开始巡检'),
+                  ),
+                if (status == 'ongoing')
+                  FilledButton.icon(
+                    onPressed: () {},
+                    icon: const Icon(Icons.continue, size: 18),
+                    label: const Text('继续'),
+                  ),
+                if (status == 'done')
+                  OutlinedButton.icon(
+                    onPressed: () {},
+                    icon: const Icon(Icons.visibility, size: 18),
+                    label: const Text('查看详情'),
+                  ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _InfoChip extends StatelessWidget {
+  final IconData icon;
+  final String text;
+  final double size;
+
+  const _InfoChip({required this.icon, required this.text, this.size = 14});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Icon(icon, size: size, color: Colors.grey),
+        const SizedBox(width: 2),
+        Text(text, style: TextStyle(fontSize: 12, color: Colors.grey.shade700)),
+      ],
+    );
+  }
+}

mobile/lib/pages/home/tabs/revenue_tab.dart

@@ -0,0 +1,219 @@
+import 'package:flutter/material.dart';
+
+/// 营业收费 Tab
+class RevenueTab extends StatelessWidget {
+  const RevenueTab({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final colorScheme = theme.colorScheme;
+
+    return RefreshIndicator(
+      onRefresh: () async {
+        await Future.delayed(const Duration(seconds: 1));
+      },
+      child: ListView(
+        padding: const EdgeInsets.all(16),
+        children: [
+          // ---------- 本月营收概览 ----------
+          Card(
+            elevation: 0,
+            color: colorScheme.primaryContainer.withAlpha(80),
+            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
+            child: Padding(
+              padding: const EdgeInsets.all(20),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text('本月营收', style: TextStyle(fontSize: 14, color: colorScheme.onSurfaceVariant)),
+                  const SizedBox(height: 8),
+                  Row(
+                    crossAxisAlignment: CrossAxisAlignment.end,
+                    children: [
+                      Text(
+                        '¥ 358,620',
+                        style: TextStyle(
+                          fontSize: 32,
+                          fontWeight: FontWeight.bold,
+                          color: colorScheme.primary,
+                        ),
+                      ),
+                      const SizedBox(width: 8),
+                      Padding(
+                        padding: const EdgeInsets.only(bottom: 6),
+                        child: Text(
+                          '较上月 ↑ 5.8%',
+                          style: TextStyle(fontSize: 13, color: Colors.green.shade700),
+                        ),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 16),
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceAround,
+                    children: [
+                      _StatItem(label: '已收', value: '¥312,450', color: Colors.green),
+                      _StatItem(label: '待收', value: '¥46,170', color: Colors.orange),
+                      _StatItem(label: '欠费', value: '¥12,800', color: Colors.red),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ),
+          const SizedBox(height: 24),
+
+          // ---------- 快捷操作 ----------
+          Text('快捷操作', style: theme.textTheme.titleMedium),
+          const SizedBox(height: 12),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+            children: [
+              _RevenueAction(icon: Icons.receipt, label: '抄表录入', color: Colors.blue, onTap: () {}),
+              _RevenueAction(icon: Icons.payment, label: '缴费记录', color: Colors.green, onTap: () {}),
+              _RevenueAction(icon: Icons.notifications_active, label: '催缴通知', color: Colors.orange, onTap: () {}),
+              _RevenueAction(icon: Icons.analytics, label: '营收报表', color: Colors.purple, onTap: () {}),
+            ],
+          ),
+          const SizedBox(height: 24),
+
+          // ---------- 近期账单 ----------
+          Text('近期账单', style: theme.textTheme.titleMedium),
+          const SizedBox(height: 12),
+          _BillTile(
+            customer: '张三',
+            address: '阳光小区3-501',
+            amount: '¥ 85.50',
+            period: '2024-05',
+            status: '已缴费',
+            statusColor: Colors.green,
+          ),
+          _BillTile(
+            customer: '李四',
+            address: '翠湖花园2-302',
+            amount: '¥ 120.00',
+            period: '2024-05',
+            status: '待缴费',
+            statusColor: Colors.orange,
+          ),
+          _BillTile(
+            customer: '王五',
+            address: '东方名城8-101',
+            amount: '¥ 65.20',
+            period: '2024-05',
+            status: '已缴费',
+            statusColor: Colors.green,
+          ),
+          _BillTile(
+            customer: '赵六',
+            address: '锦绣家园5-601',
+            amount: '¥ 98.80',
+            period: '2024-05',
+            status: '欠费',
+            statusColor: Colors.red,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _StatItem extends StatelessWidget {
+  final String label;
+  final String value;
+  final Color color;
+
+  const _StatItem({required this.label, required this.value, required this.color});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Text(value, style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: color)),
+        const SizedBox(height: 4),
+        Text(label, style: const TextStyle(fontSize: 12, color: Colors.grey)),
+      ],
+    );
+  }
+}
+
+class _RevenueAction extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final Color color;
+  final VoidCallback onTap;
+
+  const _RevenueAction({
+    required this.icon,
+    required this.label,
+    required this.color,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(12),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Container(
+            width: 48,
+            height: 48,
+            decoration: BoxDecoration(
+              color: color.withAlpha(30),
+              borderRadius: BorderRadius.circular(12),
+            ),
+            child: Icon(icon, color: color, size: 24),
+          ),
+          const SizedBox(height: 6),
+          Text(label, style: const TextStyle(fontSize: 12)),
+        ],
+      ),
+    );
+  }
+}
+
+class _BillTile extends StatelessWidget {
+  final String customer;
+  final String address;
+  final String amount;
+  final String period;
+  final String status;
+  final Color statusColor;
+
+  const _BillTile({
+    required this.customer,
+    required this.address,
+    required this.amount,
+    required this.period,
+    required this.status,
+    required this.statusColor,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      margin: const EdgeInsets.only(bottom: 8),
+      child: ListTile(
+        leading: CircleAvatar(
+          backgroundColor: Colors.blue.shade50,
+          child: Text(customer[0], style: TextStyle(color: Colors.blue.shade700)),
+        ),
+        title: Text(customer),
+        subtitle: Text('$address | $period'),
+        trailing: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          crossAxisAlignment: CrossAxisAlignment.end,
+          children: [
+            Text(amount, style: const TextStyle(fontWeight: FontWeight.w600, fontSize: 15)),
+            const SizedBox(height: 2),
+            Text(status, style: TextStyle(fontSize: 12, color: statusColor)),
+          ],
+        ),
+      ),
+    );
+  }
+}

mobile/lib/pages/home/tabs/water_supply_tab.dart

@@ -0,0 +1,214 @@
+import 'package:flutter/material.dart';
+
+/// 供水管理 Tab
+class WaterSupplyTab extends StatelessWidget {
+  const WaterSupplyTab({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final colorScheme = theme.colorScheme;
+
+    return RefreshIndicator(
+      onRefresh: () async {
+        // TODO: 刷新数据
+        await Future.delayed(const Duration(seconds: 1));
+      },
+      child: ListView(
+        padding: const EdgeInsets.all(16),
+        children: [
+          // ---------- 概览卡片 ----------
+          _OverviewCard(
+            title: '今日供水量',
+            value: '12,580 m³',
+            subtitle: '较昨日 ↑ 3.2%',
+            icon: Icons.water_drop,
+            color: colorScheme.primary,
+          ),
+          const SizedBox(height: 16),
+
+          // ---------- 快捷操作 ----------
+          Text('快捷操作', style: theme.textTheme.titleMedium),
+          const SizedBox(height: 12),
+          Wrap(
+            spacing: 12,
+            runSpacing: 12,
+            children: [
+              _ActionChip(icon: Icons.map, label: '管网地图', onTap: () {}),
+              _ActionChip(icon: Icons.sensors, label: '压力监测', onTap: () {}),
+              _ActionChip(icon: Icons.speed, label: '流量计', onTap: () {}),
+              _ActionChip(icon: Icons.warning_amber, label: '告警中心', onTap: () {}),
+            ],
+          ),
+          const SizedBox(height: 24),
+
+          // ---------- 实时数据 ----------
+          Text('实时监测', style: theme.textTheme.titleMedium),
+          const SizedBox(height: 12),
+          _MonitorTile(
+            name: '1号泵站',
+            status: '运行中',
+            pressure: '0.35 MPa',
+            flow: '120 m³/h',
+            isOnline: true,
+          ),
+          _MonitorTile(
+            name: '2号泵站',
+            status: '运行中',
+            pressure: '0.32 MPa',
+            flow: '98 m³/h',
+            isOnline: true,
+          ),
+          _MonitorTile(
+            name: '3号泵站',
+            status: '维护中',
+            pressure: '—',
+            flow: '—',
+            isOnline: false,
+          ),
+          _MonitorTile(
+            name: '清水池',
+            status: '正常',
+            pressure: '—',
+            flow: '水位 4.2m',
+            isOnline: true,
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _OverviewCard extends StatelessWidget {
+  final String title;
+  final String value;
+  final String subtitle;
+  final IconData icon;
+  final Color color;
+
+  const _OverviewCard({
+    required this.title,
+    required this.value,
+    required this.subtitle,
+    required this.icon,
+    required this.color,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      elevation: 0,
+      color: color.withAlpha(25),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
+      child: Padding(
+        padding: const EdgeInsets.all(20),
+        child: Row(
+          children: [
+            Container(
+              width: 56,
+              height: 56,
+              decoration: BoxDecoration(
+                color: color.withAlpha(50),
+                shape: BoxShape.circle,
+              ),
+              child: Icon(icon, color: color, size: 28),
+            ),
+            const SizedBox(width: 16),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(title, style: const TextStyle(fontSize: 14, color: Colors.grey)),
+                  const SizedBox(height: 4),
+                  Text(value, style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold, color: color)),
+                  const SizedBox(height: 4),
+                  Text(subtitle, style: const TextStyle(fontSize: 12, color: Colors.grey)),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _ActionChip extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final VoidCallback onTap;
+
+  const _ActionChip({required this.icon, required this.label, required this.onTap});
+
+  @override
+  Widget build(BuildContext context) {
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(12),
+      child: Container(
+        width: 80,
+        padding: const EdgeInsets.symmetric(vertical: 12),
+        decoration: BoxDecoration(
+          color: Colors.grey.shade100,
+          borderRadius: BorderRadius.circular(12),
+        ),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(icon, color: Colors.blue.shade700),
+            const SizedBox(height: 6),
+            Text(label, style: const TextStyle(fontSize: 12)),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _MonitorTile extends StatelessWidget {
+  final String name;
+  final String status;
+  final String pressure;
+  final String flow;
+  final bool isOnline;
+
+  const _MonitorTile({
+    required this.name,
+    required this.status,
+    required this.pressure,
+    required this.flow,
+    required this.isOnline,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      margin: const EdgeInsets.only(bottom: 8),
+      child: ListTile(
+        leading: CircleAvatar(
+          backgroundColor: isOnline ? Colors.green.shade100 : Colors.grey.shade200,
+          child: Icon(
+            Icons.sensors,
+            color: isOnline ? Colors.green : Colors.grey,
+          ),
+        ),
+        title: Text(name),
+        subtitle: Text('压力: $pressure | 流量: $flow'),
+        trailing: Container(
+          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+          decoration: BoxDecoration(
+            color: isOnline ? Colors.green.shade100 : Colors.orange.shade100,
+            borderRadius: BorderRadius.circular(8),
+          ),
+          child: Text(
+            status,
+            style: TextStyle(
+              fontSize: 12,
+              color: isOnline ? Colors.green.shade800 : Colors.orange.shade800,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

mobile/lib/pages/login/login_page.dart

@@ -1,43 +1,182 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import '../../services/auth_service.dart';
-import '../home/home_page.dart';
 
+/// 登录页 —— Material Design 3 风格
 class LoginPage extends StatefulWidget {
   const LoginPage({super.key});
-  @override State<LoginPage> createState() => _LoginPageState();
+  @override
+  State<LoginPage> createState() => _LoginPageState();
 }
 
 class _LoginPageState extends State<LoginPage> {
+  final _formKey = GlobalKey<FormState>();
   final _userCtrl = TextEditingController(text: 'admin');
   final _passCtrl = TextEditingController(text: 'admin123');
+  bool _obscure = true;
   bool _loading = false;
+  String? _errorText;
 
   Future<void> _login() async {
-    setState(() => _loading = true);
-    final ok = await context.read<AuthService>().login(_userCtrl.text, _passCtrl.text);
+    if (!_formKey.currentState!.validate()) return;
+
+    setState(() {
+      _loading = true;
+      _errorText = null;
+    });
+
+    final auth = context.read<AuthService>();
+    final ok = await auth.login(_userCtrl.text.trim(), _passCtrl.text);
+
     if (!mounted) return;
     setState(() => _loading = false);
-    if (ok) {
-      Navigator.pushReplacement(context, MaterialPageRoute(builder: (_) => const HomePage()));
-    } else {
-      ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('登录失败')));
+
+    if (!ok) {
+      setState(() => _errorText = '用户名或密码错误，请重试');
     }
+    // 成功时 AuthService.notifyListeners 会自动触发 MaterialApp 切换到 HomePage
+  }
+
+  @override
+  void dispose() {
+    _userCtrl.dispose();
+    _passCtrl.dispose();
+    super.dispose();
   }
 
   @override
   Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final colorScheme = theme.colorScheme;
+
     return Scaffold(
-      body: Center(
-        child: Padding(padding: const EdgeInsets.all(32), child: Column(mainAxisSize: MainAxisSize.min, children: [
-          const Text('智慧水务', style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold, color: Colors.blue)),
-          const SizedBox(height: 32),
-          TextField(controller: _userCtrl, decoration: const InputDecoration(labelText: '用户名', prefixIcon: Icon(Icons.person))),
-          const SizedBox(height: 16),
-          TextField(controller: _passCtrl, obscureText: true, decoration: const InputDecoration(labelText: '密码', prefixIcon: Icon(Icons.lock))),
-          const SizedBox(height: 24),
-          SizedBox(width: double.infinity, height: 48, child: ElevatedButton(onPressed: _loading ? null : _login, child: Text(_loading ? '登录中...' : '登录'))),
-        ])),
+      body: SafeArea(
+        child: Center(
+          child: SingleChildScrollView(
+            padding: const EdgeInsets.symmetric(horizontal: 32),
+            child: Form(
+              key: _formKey,
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  // ---------- Logo ----------
+                  Container(
+                    width: 96,
+                    height: 96,
+                    decoration: BoxDecoration(
+                      color: colorScheme.primaryContainer,
+                      shape: BoxShape.circle,
+                    ),
+                    child: Icon(
+                      Icons.water_drop,
+                      size: 48,
+                      color: colorScheme.onPrimaryContainer,
+                    ),
+                  ),
+                  const SizedBox(height: 24),
+
+                  // ---------- 标题 ----------
+                  Text(
+                    '智慧水务管理系统',
+                    style: theme.textTheme.headlineSmall?.copyWith(
+                      fontWeight: FontWeight.bold,
+                      color: colorScheme.onSurface,
+                    ),
+                  ),
+                  const SizedBox(height: 8),
+                  Text(
+                    '请登录您的账号',
+                    style: theme.textTheme.bodyMedium?.copyWith(
+                      color: colorScheme.onSurfaceVariant,
+                    ),
+                  ),
+                  const SizedBox(height: 40),
+
+                  // ---------- 用户名 ----------
+                  TextFormField(
+                    controller: _userCtrl,
+                    textInputAction: TextInputAction.next,
+                    decoration: InputDecoration(
+                      labelText: '用户名',
+                      hintText: '请输入用户名',
+                      prefixIcon: const Icon(Icons.person_outline),
+                      border: OutlineInputBorder(
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                    ),
+                    validator: (v) => (v == null || v.trim().isEmpty) ? '请输入用户名' : null,
+                  ),
+                  const SizedBox(height: 16),
+
+                  // ---------- 密码 ----------
+                  TextFormField(
+                    controller: _passCtrl,
+                    obscureText: _obscure,
+                    textInputAction: TextInputAction.done,
+                    onFieldSubmitted: (_) => _login(),
+                    decoration: InputDecoration(
+                      labelText: '密码',
+                      hintText: '请输入密码',
+                      prefixIcon: const Icon(Icons.lock_outline),
+                      suffixIcon: IconButton(
+                        icon: Icon(_obscure ? Icons.visibility_off : Icons.visibility),
+                        onPressed: () => setState(() => _obscure = !_obscure),
+                      ),
+                      border: OutlineInputBorder(
+                        borderRadius: BorderRadius.circular(12),
+                      ),
+                    ),
+                    validator: (v) => (v == null || v.isEmpty) ? '请输入密码' : null,
+                  ),
+                  const SizedBox(height: 8),
+
+                  // ---------- 错误提示 ----------
+                  if (_errorText != null) ...[
+                    Align(
+                      alignment: Alignment.centerLeft,
+                      child: Text(
+                        _errorText!,
+                        style: TextStyle(color: colorScheme.error, fontSize: 13),
+                      ),
+                    ),
+                    const SizedBox(height: 8),
+                  ],
+
+                  // ---------- 登录按钮 ----------
+                  const SizedBox(height: 16),
+                  SizedBox(
+                    width: double.infinity,
+                    height: 52,
+                    child: FilledButton(
+                      onPressed: _loading ? null : _login,
+                      style: FilledButton.styleFrom(
+                        shape: RoundedRectangleBorder(
+                          borderRadius: BorderRadius.circular(12),
+                        ),
+                      ),
+                      child: _loading
+                          ? const SizedBox(
+                              width: 24,
+                              height: 24,
+                              child: CircularProgressIndicator(strokeWidth: 2.5, color: Colors.white),
+                            )
+                          : const Text('登 录', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
+                    ),
+                  ),
+                  const SizedBox(height: 24),
+
+                  // ---------- 底部版本信息 ----------
+                  Text(
+                    'v1.0.0',
+                    style: theme.textTheme.bodySmall?.copyWith(
+                      color: colorScheme.onSurfaceVariant.withAlpha(128),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ),
       ),
     );
   }

mobile/lib/pages/profile/profile_page.dart

@@ -0,0 +1,176 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import '../../services/auth_service.dart';
+
+/// 个人中心
+class ProfilePage extends StatelessWidget {
+  const ProfilePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final auth = context.watch<AuthService>();
+    final theme = Theme.of(context);
+    final colorScheme = theme.colorScheme;
+
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('个人中心'),
+        centerTitle: true,
+      ),
+      body: ListView(
+        children: [
+          // ---------- 用户头像卡片 ----------
+          Container(
+            padding: const EdgeInsets.all(24),
+            child: Column(
+              children: [
+                CircleAvatar(
+                  radius: 40,
+                  backgroundColor: colorScheme.primaryContainer,
+                  backgroundImage: auth.avatarUrl.isNotEmpty ? NetworkImage(auth.avatarUrl) : null,
+                  child: auth.avatarUrl.isEmpty
+                      ? Text(
+                          auth.displayName.isNotEmpty ? auth.displayName[0] : '?',
+                          style: TextStyle(fontSize: 32, color: colorScheme.onPrimaryContainer),
+                        )
+                      : null,
+                ),
+                const SizedBox(height: 12),
+                Text(
+                  auth.displayName,
+                  style: theme.textTheme.titleLarge?.copyWith(fontWeight: FontWeight.bold),
+                ),
+                const SizedBox(height: 4),
+                Text(
+                  '@${auth.username}',
+                  style: theme.textTheme.bodyMedium?.copyWith(color: colorScheme.onSurfaceVariant),
+                ),
+              ],
+            ),
+          ),
+
+          const Divider(height: 1),
+
+          // ---------- 菜单列表 ----------
+          const SizedBox(height: 8),
+          _ProfileMenuItem(
+            icon: Icons.person_outline,
+            title: '个人信息',
+            subtitle: '修改姓名、手机号、密码等',
+            onTap: () {
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(content: Text('个人信息功能开发中...')),
+              );
+            },
+          ),
+          _ProfileMenuItem(
+            icon: Icons.notifications_outlined,
+            title: '消息通知',
+            subtitle: '推送设置、告警订阅',
+            onTap: () {
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(content: Text('消息通知功能开发中...')),
+              );
+            },
+          ),
+          _ProfileMenuItem(
+            icon: Icons.settings_outlined,
+            title: '系统设置',
+            subtitle: '主题、语言、缓存管理',
+            onTap: () {
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(content: Text('系统设置功能开发中...')),
+              );
+            },
+          ),
+          _ProfileMenuItem(
+            icon: Icons.help_outline,
+            title: '帮助与反馈',
+            subtitle: '常见问题、意见反馈',
+            onTap: () {
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(content: Text('帮助与反馈功能开发中...')),
+              );
+            },
+          ),
+          _ProfileMenuItem(
+            icon: Icons.info_outline,
+            title: '关于',
+            subtitle: '版本 v1.0.0',
+            onTap: () {
+              showAboutDialog(
+                context: context,
+                applicationName: '智慧水务管理系统',
+                applicationVersion: 'v1.0.0',
+                applicationIcon: Icon(Icons.water_drop, size: 48, color: colorScheme.primary),
+                children: const [
+                  Text('© 2024 智慧水务团队'),
+                ],
+              );
+            },
+          ),
+
+          const SizedBox(height: 24),
+
+          // ---------- 退出登录 ----------
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 16),
+            child: OutlinedButton.icon(
+              onPressed: () async {
+                final confirm = await showDialog<bool>(
+                  context: context,
+                  builder: (ctx) => AlertDialog(
+                    title: const Text('退出登录'),
+                    content: const Text('确定要退出当前账号吗？'),
+                    actions: [
+                      TextButton(onPressed: () => Navigator.pop(ctx, false), child: const Text('取消')),
+                      TextButton(onPressed: () => Navigator.pop(ctx, true), child: const Text('确定')),
+                    ],
+                  ),
+                );
+                if (confirm == true && context.mounted) {
+                  await auth.logout();
+                  // AuthService.notifyListeners 会自动切换到 LoginPage
+                }
+              },
+              icon: const Icon(Icons.logout),
+              label: const Text('退出登录'),
+              style: OutlinedButton.styleFrom(
+                foregroundColor: Colors.red,
+                side: const BorderSide(color: Colors.red),
+                padding: const EdgeInsets.symmetric(vertical: 14),
+                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+              ),
+            ),
+          ),
+          const SizedBox(height: 32),
+        ],
+      ),
+    );
+  }
+}
+
+class _ProfileMenuItem extends StatelessWidget {
+  final IconData icon;
+  final String title;
+  final String subtitle;
+  final VoidCallback onTap;
+
+  const _ProfileMenuItem({
+    required this.icon,
+    required this.title,
+    required this.subtitle,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return ListTile(
+      leading: Icon(icon, color: Colors.blue.shade700),
+      title: Text(title),
+      subtitle: Text(subtitle, style: const TextStyle(fontSize: 12)),
+      trailing: const Icon(Icons.chevron_right, color: Colors.grey),
+      onTap: onTap,
+    );
+  }
+}

mobile/lib/services/api_service.dart

@@ -0,0 +1,96 @@
+import 'package:dio/dio.dart';
+import 'package:flutter/foundation.dart';
+import 'auth_service.dart';
+
+/// 全局 HTTP 客户端 —— Dio 封装 + Token 拦截器
+class ApiService {
+  ApiService._internal();
+  static final ApiService instance = ApiService._internal();
+
+  late final Dio dio;
+  AuthService? _authService;
+
+  /// 在 app 启动时调用一次，注入 AuthService 以便拦截器读取 token
+  void init(AuthService auth) {
+    _authService = auth;
+  }
+
+  /// 工厂方法：外部通过 ApiService.instance 使用
+  factory ApiService() => instance;
+
+  // --------------- Dio 初始化 ---------------
+
+  Dio _createDio() {
+    final d = Dio(BaseOptions(
+      baseUrl: 'http://10.0.2.2:8080/api',
+      connectTimeout: const Duration(seconds: 15),
+      receiveTimeout: const Duration(seconds: 15),
+      headers: {'Content-Type': 'application/json'},
+    ));
+
+    // ---------- Token 拦截器 ----------
+    d.interceptors.add(InterceptorsWrapper(
+      onRequest: (options, handler) {
+        final token = _authService?.token ?? '';
+        if (token.isNotEmpty) {
+          options.headers['Authorization'] = 'Bearer $token';
+        }
+        debugPrint('→ ${options.method} ${options.uri}');
+        handler.next(options);
+      },
+      onResponse: (response, handler) {
+        debugPrint('← ${response.statusCode} ${response.requestOptions.uri}');
+        handler.next(response);
+      },
+      onError: (error, handler) async {
+        debugPrint('✗ ${error.message} ${error.requestOptions.uri}');
+
+        // 401 → Token 过期，自动清除登录态
+        if (error.response?.statusCode == 401) {
+          await _authService?.logout();
+        }
+
+        handler.next(error);
+      },
+    ));
+
+    // ---------- 日志拦截器（仅 debug） ----------
+    if (kDebugMode) {
+      d.interceptors.add(LogInterceptor(
+        requestBody: true,
+        responseBody: true,
+        logPrint: (obj) => debugPrint(obj.toString()),
+      ));
+    }
+
+    return d;
+  }
+
+  /// 懒加载 Dio 实例
+  Dio get client {
+    dio = _createDio();
+    return dio;
+  }
+
+  // --------------- 便捷方法 ---------------
+
+  Future<Response> get(String path, {Map<String, dynamic>? queryParameters}) {
+    return client.get(path, queryParameters: queryParameters);
+  }
+
+  Future<Response> post(String path, {dynamic data, Map<String, dynamic>? queryParameters}) {
+    return client.post(path, data: data, queryParameters: queryParameters);
+  }
+
+  Future<Response> put(String path, {dynamic data, Map<String, dynamic>? queryParameters}) {
+    return client.put(path, data: data, queryParameters: queryParameters);
+  }
+
+  Future<Response> delete(String path, {dynamic data, Map<String, dynamic>? queryParameters}) {
+    return client.delete(path, data: data, queryParameters: queryParameters);
+  }
+
+  Future<Response> patch(String path, {dynamic data, Map<String, dynamic>? queryParameters}) {
+    return client.patch(path, data: data, queryParameters: queryParameters);
+  }
+}

mobile/lib/services/auth_service.dart

@@ -2,32 +2,118 @@ import 'package:flutter/foundation.dart';
 import 'package:dio/dio.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 
+/// 用户认证服务 —— 登录 / 登出 / Token 持久化
 class AuthService extends ChangeNotifier {
+  // --------------- 状态 ---------------
   String _token = '';
+  String _username = '';
+  String _displayName = '';
+  String _avatarUrl = '';
+  bool _isLoading = false;
+
+  String get token => _token;
+  String get username => _username;
+  String get displayName => _displayName.isNotEmpty ? _displayName : _username;
+  String get avatarUrl => _avatarUrl;
   bool get isLoggedIn => _token.isNotEmpty;
+  bool get isLoading => _isLoading;
+
+  // --------------- Dio (内部使用，不依赖 ApiService 避免循环) ---------------
+  final Dio _dio = Dio(BaseOptions(
+    baseUrl: 'http://10.0.2.2:8080/api',
+    connectTimeout: const Duration(seconds: 15),
+    receiveTimeout: const Duration(seconds: 15),
+  ));
 
-  final Dio _dio = Dio(BaseOptions(baseUrl: 'http://10.0.2.2:8080/api/base'));
+  // --------------- 初始化（app 启动时恢复 session） ---------------
+  Future<void> init() async {
+    final prefs = await SharedPreferences.getInstance();
+    _token = prefs.getString('token') ?? '';
+    _username = prefs.getString('username') ?? '';
+    _displayName = prefs.getString('displayName') ?? '';
+    _avatarUrl = prefs.getString('avatarUrl') ?? '';
+    notifyListeners();
+  }
 
+  // --------------- 登录 ---------------
   Future<bool> login(String username, String password) async {
+    _isLoading = true;
+    notifyListeners();
+
     try {
-      final res = await _dio.post('/auth/login', data: {'username': username, 'password': password});
-      if (res.data['code'] == 200) {
-        _token = res.data['data'];
-        final prefs = await SharedPreferences.getInstance();
-        await prefs.setString('token', _token);
+      final res = await _dio.post('/base/auth/login', data: {
+        'username': username,
+        'password': password,
+      });
+
+      // 兼容两种响应格式
+      final data = res.data;
+      if (data is Map && (data['code'] == 200 || data['code'] == 0)) {
+        final payload = data['data'] ?? data;
+        _token = payload is String ? payload : (payload['token'] ?? payload['accessToken'] ?? '').toString();
+        _username = payload is Map ? (payload['username'] ?? username).toString() : username;
+        _displayName = payload is Map ? (payload['displayName'] ?? payload['nickName'] ?? '').toString() : '';
+        _avatarUrl = payload is Map ? (payload['avatar'] ?? '').toString() : '';
+
+        await _persist();
+        _isLoading = false;
         notifyListeners();
         return true;
       }
     } catch (e) {
-      debugPrint('Login failed: $e');
+      debugPrint('Login error: $e');
     }
+
+    _isLoading = false;
+    notifyListeners();
     return false;
   }
 
+  // --------------- 登出 ---------------
   Future<void> logout() async {
     _token = '';
+    _username = '';
+    _displayName = '';
+    _avatarUrl = '';
+
     final prefs = await SharedPreferences.getInstance();
     await prefs.remove('token');
+    await prefs.remove('username');
+    await prefs.remove('displayName');
+    await prefs.remove('avatarUrl');
+
     notifyListeners();
   }
+
+  // --------------- 刷新用户信息 ---------------
+  Future<void> refreshProfile() async {
+    if (_token.isEmpty) return;
+    try {
+      final res = await _dio.get(
+        '/base/user/info',
+        options: Options(headers: {'Authorization': 'Bearer $_token'}),
+      );
+      final data = res.data;
+      if (data is Map && (data['code'] == 200 || data['code'] == 0)) {
+        final payload = data['data'] ?? data;
+        if (payload is Map) {
+          _displayName = (payload['displayName'] ?? payload['nickName'] ?? _displayName).toString();
+          _avatarUrl = (payload['avatar'] ?? _avatarUrl).toString();
+          await _persist();
+          notifyListeners();
+        }
+      }
+    } catch (e) {
+      debugPrint('refreshProfile error: $e');
+    }
+  }
+
+  // --------------- 持久化 ---------------
+  Future<void> _persist() async {
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.setString('token', _token);
+    await prefs.setString('username', _username);
+    await prefs.setString('displayName', _displayName);
+    await prefs.setString('avatarUrl', _avatarUrl);
+  }
 }

mobile/lib/widgets/empty_state.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+
+/// 空状态占位组件
+class EmptyState extends StatelessWidget {
+  final IconData icon;
+  final String title;
+  final String? subtitle;
+  final Widget? action;
+
+  const EmptyState({
+    super.key,
+    this.icon = Icons.inbox_outlined,
+    required this.title,
+    this.subtitle,
+    this.action,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Padding(
+        padding: const EdgeInsets.all(32),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(icon, size: 64, color: Colors.grey.shade400),
+            const SizedBox(height: 16),
+            Text(title, style: TextStyle(fontSize: 16, color: Colors.grey.shade700)),
+            if (subtitle != null) ...[
+              const SizedBox(height: 8),
+              Text(subtitle!, style: TextStyle(fontSize: 13, color: Colors.grey.shade500)),
+            ],
+            if (action != null) ...[
+              const SizedBox(height: 24),
+              action!,
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+}

mobile/lib/widgets/error_retry.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+
+/// 错误重试组件
+class ErrorRetry extends StatelessWidget {
+  final String message;
+  final VoidCallback onRetry;
+
+  const ErrorRetry({
+    super.key,
+    required this.message,
+    required this.onRetry,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Padding(
+        padding: const EdgeInsets.all(32),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.error_outline, size: 64, color: Colors.red.shade300),
+            const SizedBox(height: 16),
+            Text(message, style: TextStyle(fontSize: 15, color: Colors.grey.shade700)),
+            const SizedBox(height: 16),
+            FilledButton.icon(
+              onPressed: onRetry,
+              icon: const Icon(Icons.refresh),
+              label: const Text('重试'),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

mobile/lib/widgets/loading_overlay.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+
+/// 全局加载遮罩组件
+class LoadingOverlay extends StatelessWidget {
+  final bool isLoading;
+  final Widget child;
+  final String? message;
+
+  const LoadingOverlay({
+    super.key,
+    required this.isLoading,
+    required this.child,
+    this.message,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      children: [
+        child,
+        if (isLoading)
+          Container(
+            color: Colors.black.withAlpha(80),
+            child: Center(
+              child: Card(
+                child: Padding(
+                  padding: const EdgeInsets.all(24),
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      const CircularProgressIndicator(),
+                      if (message != null) ...[
+                        const SizedBox(height: 16),
+                        Text(message!),
+                      ],
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          ),
+      ],
+    );
+  }
+}