feat(mobile): #80 供水管理移动端完整实现

- 新增 monitor_page.dart: 实时监测列表（流量/压力/液位/水质数据，类型筛选，下拉刷新）
- 新增 alert_page.dart: 报警推送列表（分级展示，已读/未读，详情弹窗，全部已读）
- 新增 dispatch_page.dart: 今日值班（班次概览/值班人员联系方式/调度指令台账）
- 新增 quality_page.dart: 水质查看（原水/出厂水/末梢水分Tab展示，达标状态指标表）
- 新增 water_service.dart: 供水相关API服务（含完整mock数据模型）
- 注册4条路由到main.dart
- 更新water_supply_tab.dart快捷操作入口
- 添加intl依赖用于日期格式化

mobile/lib/main.dart

@@ -4,6 +4,10 @@ import 'services/auth_service.dart';
 import 'services/api_service.dart';
 import 'pages/login/login_page.dart';
 import 'pages/home/home_page.dart';
+import 'pages/water/monitor_page.dart';
+import 'pages/water/alert_page.dart';
+import 'pages/water/dispatch_page.dart';
+import 'pages/water/quality_page.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
@@ -41,9 +45,17 @@ class WaterApp extends StatelessWidget {
           brightness: Brightness.dark,
         ),
         themeMode: ThemeMode.system,
-        home: Consumer<AuthService>(
-          builder: (_, auth, __) => auth.isLoggedIn ? const HomePage() : const LoginPage(),
-        ),
+        initialRoute: '/',
+        routes: {
+          '/': (context) => Consumer<AuthService>(
+                builder: (_, auth, __) =>
+                    auth.isLoggedIn ? const HomePage() : const LoginPage(),
+              ),
+          '/water/monitor': (context) => const MonitorPage(),
+          '/water/alert': (context) => const AlertPage(),
+          '/water/dispatch': (context) => const DispatchPage(),
+          '/water/quality': (context) => const QualityPage(),
+        },
       ),
     );
   }

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

@@ -34,10 +34,26 @@ class WaterSupplyTab extends StatelessWidget {
             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: () {}),
+              _ActionChip(
+                icon: Icons.sensors,
+                label: '实时监测',
+                onTap: () => Navigator.pushNamed(context, '/water/monitor'),
+              ),
+              _ActionChip(
+                icon: Icons.warning_amber,
+                label: '报警推送',
+                onTap: () => Navigator.pushNamed(context, '/water/alert'),
+              ),
+              _ActionChip(
+                icon: Icons.assignment_ind,
+                label: '今日值班',
+                onTap: () => Navigator.pushNamed(context, '/water/dispatch'),
+              ),
+              _ActionChip(
+                icon: Icons.science,
+                label: '水质查看',
+                onTap: () => Navigator.pushNamed(context, '/water/quality'),
+              ),
             ],
           ),
           const SizedBox(height: 24),

mobile/lib/pages/water/alert_page.dart

@@ -0,0 +1,506 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import '../../services/water_service.dart';
+
+/// 报警推送列表页面
+class AlertPage extends StatefulWidget {
+  const AlertPage({super.key});
+  @override
+  State<AlertPage> createState() => _AlertPageState();
+}
+
+class _AlertPageState extends State<AlertPage> {
+  final WaterService _service = WaterService.instance;
+  List<AlertItem> _alerts = [];
+  bool _isLoading = true;
+  String? _error;
+  bool _unreadOnly = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadData();
+  }
+
+  Future<void> _loadData() async {
+    setState(() {
+      _isLoading = true;
+      _error = null;
+    });
+    try {
+      final data = await _service.getAlertList(unreadOnly: _unreadOnly);
+      if (mounted) {
+        setState(() {
+          _alerts = data;
+          _isLoading = false;
+        });
+      }
+    } catch (e) {
+      if (mounted) {
+        setState(() {
+          _error = e.toString();
+          _isLoading = false;
+        });
+      }
+    }
+  }
+
+  int get _unreadCount => _alerts.where((a) => !a.isRead).length;
+
+  Future<void> _markRead(AlertItem alert) async {
+    if (alert.isRead) return;
+    await _service.markAlertRead(alert.id);
+    if (mounted) {
+      setState(() => alert.isRead = true);
+    }
+  }
+
+  Future<void> _markAllRead() async {
+    await _service.markAllAlertsRead();
+    if (mounted) {
+      setState(() {
+        for (final a in _alerts) {
+          a.isRead = true;
+        }
+      });
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(content: Text('已全部标记为已读')),
+      );
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('报警推送'),
+        centerTitle: true,
+        actions: [
+          if (_unreadCount > 0)
+            TextButton(
+              onPressed: _markAllRead,
+              child: Text('全部已读 ($_unreadCount)'),
+            ),
+          IconButton(
+            icon: const Icon(Icons.refresh),
+            onPressed: _isLoading ? null : _loadData,
+          ),
+        ],
+      ),
+      body: Column(
+        children: [
+          // 筛选栏
+          _buildFilterBar(theme),
+          // 列表
+          Expanded(child: _buildBody(theme)),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildFilterBar(ThemeData theme) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+      child: Row(
+        children: [
+          _FilterTab(label: '全部', selected: !_unreadOnly, onTap: () {
+            if (_unreadOnly) {
+              setState(() => _unreadOnly = false);
+              _loadData();
+            }
+          }),
+          const SizedBox(width: 12),
+          _FilterTab(
+            label: '未读',
+            selected: _unreadOnly,
+            badge: _unreadCount,
+            onTap: () {
+              if (!_unreadOnly) {
+                setState(() => _unreadOnly = true);
+                _loadData();
+              }
+            },
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildBody(ThemeData theme) {
+    if (_isLoading) {
+      return const Center(child: CircularProgressIndicator());
+    }
+    if (_error != null) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.error_outline, size: 48, color: theme.colorScheme.error),
+            const SizedBox(height: 16),
+            Text('加载失败', style: theme.textTheme.titleMedium),
+            const SizedBox(height: 16),
+            FilledButton.icon(
+              onPressed: _loadData,
+              icon: const Icon(Icons.refresh),
+              label: const Text('重试'),
+            ),
+          ],
+        ),
+      );
+    }
+    if (_alerts.isEmpty) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.notifications_none, size: 48, color: Colors.grey.shade400),
+            const SizedBox(height: 16),
+            Text(
+              _unreadOnly ? '没有未读报警' : '暂无报警信息',
+              style: theme.textTheme.titleMedium,
+            ),
+          ],
+        ),
+      );
+    }
+
+    return RefreshIndicator(
+      onRefresh: _loadData,
+      child: ListView.builder(
+        padding: const EdgeInsets.all(12),
+        itemCount: _alerts.length,
+        itemBuilder: (context, index) {
+          final alert = _alerts[index];
+          return _AlertCard(
+            alert: alert,
+            onTap: () => _showAlertDetail(context, alert),
+          );
+        },
+      ),
+    );
+  }
+
+  void _showAlertDetail(BuildContext context, AlertItem alert) {
+    _markRead(alert);
+    showModalBottomSheet(
+      context: context,
+      isScrollControlled: true,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
+      ),
+      builder: (context) => _AlertDetailSheet(alert: alert),
+    );
+  }
+}
+
+/// 报警卡片
+class _AlertCard extends StatelessWidget {
+  final AlertItem alert;
+  final VoidCallback onTap;
+
+  const _AlertCard({required this.alert, required this.onTap});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final levelColor = Color(alert.level.color);
+    final dateFormat = DateFormat('MM-dd HH:mm');
+
+    return Card(
+      margin: const EdgeInsets.only(bottom: 8),
+      elevation: 0,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+        side: BorderSide(
+          color: alert.isRead ? Colors.grey.shade200 : levelColor.withAlpha(100),
+        ),
+      ),
+      color: alert.isRead ? null : levelColor.withAlpha(8),
+      child: InkWell(
+        onTap: onTap,
+        borderRadius: BorderRadius.circular(12),
+        child: Padding(
+          padding: const EdgeInsets.all(14),
+          child: Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              // 级别图标
+              Container(
+                width: 40,
+                height: 40,
+                decoration: BoxDecoration(
+                  color: levelColor.withAlpha(30),
+                  shape: BoxShape.circle,
+                ),
+                child: Icon(
+                  alert.level == AlertLevel.critical
+                      ? Icons.error
+                      : alert.level == AlertLevel.warning
+                          ? Icons.warning_amber
+                          : Icons.info_outline,
+                  color: levelColor,
+                  size: 22,
+                ),
+              ),
+              const SizedBox(width: 12),
+              // 内容
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Row(
+                      children: [
+                        Container(
+                          padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 1),
+                          decoration: BoxDecoration(
+                            color: levelColor.withAlpha(30),
+                            borderRadius: BorderRadius.circular(4),
+                          ),
+                          child: Text(
+                            alert.level.label,
+                            style: TextStyle(fontSize: 10, color: levelColor, fontWeight: FontWeight.w600),
+                          ),
+                        ),
+                        const SizedBox(width: 8),
+                        Expanded(
+                          child: Text(
+                            alert.title,
+                            style: theme.textTheme.titleSmall?.copyWith(
+                              fontWeight: alert.isRead ? FontWeight.normal : FontWeight.w600,
+                            ),
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ),
+                      ],
+                    ),
+                    const SizedBox(height: 6),
+                    Text(
+                      alert.content,
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: Colors.grey.shade600,
+                      ),
+                      maxLines: 2,
+                      overflow: TextOverflow.ellipsis,
+                    ),
+                    const SizedBox(height: 8),
+                    Row(
+                      children: [
+                        Icon(Icons.location_on_outlined, size: 12, color: Colors.grey.shade500),
+                        const SizedBox(width: 2),
+                        Text(alert.location, style: TextStyle(fontSize: 11, color: Colors.grey.shade500)),
+                        const SizedBox(width: 12),
+                        Icon(Icons.access_time, size: 12, color: Colors.grey.shade500),
+                        const SizedBox(width: 2),
+                        Text(
+                          dateFormat.format(alert.createTime),
+                          style: TextStyle(fontSize: 11, color: Colors.grey.shade500),
+                        ),
+                      ],
+                    ),
+                  ],
+                ),
+              ),
+              // 未读标记
+              if (!alert.isRead)
+                Container(
+                  width: 8,
+                  height: 8,
+                  margin: const EdgeInsets.only(top: 4),
+                  decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    color: levelColor,
+                  ),
+                ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+/// 报警详情底部弹窗
+class _AlertDetailSheet extends StatelessWidget {
+  final AlertItem alert;
+
+  const _AlertDetailSheet({required this.alert});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final levelColor = Color(alert.level.color);
+    final dateFormat = DateFormat('yyyy-MM-dd HH:mm:ss');
+
+    return DraggableScrollableSheet(
+      initialChildSize: 0.65,
+      minChildSize: 0.4,
+      maxChildSize: 0.85,
+      expand: false,
+      builder: (context, scrollController) {
+        return SingleChildScrollView(
+          controller: scrollController,
+          padding: const EdgeInsets.all(20),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              // 拖拽指示器
+              Center(
+                child: Container(
+                  width: 40,
+                  height: 4,
+                  decoration: BoxDecoration(
+                    color: Colors.grey.shade300,
+                    borderRadius: BorderRadius.circular(2),
+                  ),
+                ),
+              ),
+              const SizedBox(height: 20),
+              // 级别标签
+              Container(
+                padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
+                decoration: BoxDecoration(
+                  color: levelColor.withAlpha(30),
+                  borderRadius: BorderRadius.circular(6),
+                ),
+                child: Text(
+                  '${alert.level.label}报警',
+                  style: TextStyle(color: levelColor, fontWeight: FontWeight.w600),
+                ),
+              ),
+              const SizedBox(height: 12),
+              // 标题
+              Text(
+                alert.title,
+                style: theme.textTheme.titleLarge,
+              ),
+              const SizedBox(height: 16),
+              // 详情信息
+              _DetailRow(icon: Icons.location_on, label: '位置', value: alert.location),
+              _DetailRow(icon: Icons.devices, label: '设备', value: alert.deviceName),
+              _DetailRow(icon: Icons.access_time, label: '时间', value: dateFormat.format(alert.createTime)),
+              _DetailRow(icon: Icons.person, label: '处理人', value: alert.handlerName),
+              const Divider(height: 24),
+              // 内容
+              Text('详细描述', style: theme.textTheme.titleSmall),
+              const SizedBox(height: 8),
+              Text(
+                alert.content,
+                style: theme.textTheme.bodyMedium?.copyWith(height: 1.6),
+              ),
+              const SizedBox(height: 24),
+              // 操作按钮
+              Row(
+                children: [
+                  Expanded(
+                    child: OutlinedButton.icon(
+                      onPressed: () => Navigator.pop(context),
+                      icon: const Icon(Icons.phone),
+                      label: const Text('联系处理人'),
+                    ),
+                  ),
+                  const SizedBox(width: 12),
+                  Expanded(
+                    child: FilledButton.icon(
+                      onPressed: () {
+                        Navigator.pop(context);
+                        ScaffoldMessenger.of(context).showSnackBar(
+                          const SnackBar(content: Text('已派单处理')),
+                        );
+                      },
+                      icon: const Icon(Icons.assignment),
+                      label: const Text('派单处理'),
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 20),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}
+
+class _DetailRow extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final String value;
+
+  const _DetailRow({required this.icon, required this.label, required this.value});
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.only(bottom: 10),
+      child: Row(
+        children: [
+          Icon(icon, size: 16, color: Colors.grey.shade600),
+          const SizedBox(width: 8),
+          SizedBox(
+            width: 60,
+            child: Text(label, style: TextStyle(fontSize: 13, color: Colors.grey.shade600)),
+          ),
+          Expanded(
+            child: Text(value, style: const TextStyle(fontSize: 13)),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class _FilterTab extends StatelessWidget {
+  final String label;
+  final bool selected;
+  final VoidCallback onTap;
+  final int? badge;
+
+  const _FilterTab({required this.label, required this.selected, required this.onTap, this.badge});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(8),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
+        decoration: BoxDecoration(
+          color: selected ? theme.colorScheme.primaryContainer : Colors.transparent,
+          borderRadius: BorderRadius.circular(8),
+        ),
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Text(
+              label,
+              style: TextStyle(
+                fontSize: 13,
+                color: selected ? theme.colorScheme.primary : Colors.grey.shade700,
+                fontWeight: selected ? FontWeight.w600 : FontWeight.normal,
+              ),
+            ),
+            if (badge != null && badge! > 0) ...[
+              const SizedBox(width: 4),
+              Container(
+                padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 1),
+                decoration: BoxDecoration(
+                  color: Colors.red,
+                  borderRadius: BorderRadius.circular(8),
+                ),
+                child: Text(
+                  '$badge',
+                  style: const TextStyle(fontSize: 10, color: Colors.white),
+                ),
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+}

mobile/lib/pages/water/dispatch_page.dart

@@ -0,0 +1,431 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import '../../services/water_service.dart';
+
+/// 今日值班页面
+class DispatchPage extends StatefulWidget {
+  const DispatchPage({super.key});
+  @override
+  State<DispatchPage> createState() => _DispatchPageState();
+}
+
+class _DispatchPageState extends State<DispatchPage> {
+  final WaterService _service = WaterService.instance;
+  DutyInfo? _dutyInfo;
+  bool _isLoading = true;
+  String? _error;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadData();
+  }
+
+  Future<void> _loadData() async {
+    setState(() {
+      _isLoading = true;
+      _error = null;
+    });
+    try {
+      final data = await _service.getTodayDuty();
+      if (mounted) {
+        setState(() {
+          _dutyInfo = data;
+          _isLoading = false;
+        });
+      }
+    } catch (e) {
+      if (mounted) {
+        setState(() {
+          _error = e.toString();
+          _isLoading = false;
+        });
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('今日值班'),
+        centerTitle: true,
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.refresh),
+            onPressed: _isLoading ? null : _loadData,
+          ),
+        ],
+      ),
+      body: _buildBody(theme),
+    );
+  }
+
+  Widget _buildBody(ThemeData theme) {
+    if (_isLoading) {
+      return const Center(child: CircularProgressIndicator());
+    }
+    if (_error != null) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.error_outline, size: 48, color: theme.colorScheme.error),
+            const SizedBox(height: 16),
+            Text('加载失败', style: theme.textTheme.titleMedium),
+            const SizedBox(height: 16),
+            FilledButton.icon(
+              onPressed: _loadData,
+              icon: const Icon(Icons.refresh),
+              label: const Text('重试'),
+            ),
+          ],
+        ),
+      );
+    }
+
+    final info = _dutyInfo!;
+    final dateFormat = DateFormat('yyyy年MM月dd日');
+
+    return RefreshIndicator(
+      onRefresh: _loadData,
+      child: ListView(
+        padding: const EdgeInsets.all(16),
+        children: [
+          // 班次概览卡片
+          _ShiftOverviewCard(
+            date: dateFormat.format(info.date),
+            shiftName: info.shiftName,
+            shiftTime: info.shiftTime,
+            memberCount: info.members.length + 1,
+            instructionCount: info.instructions.length,
+          ),
+          const SizedBox(height: 20),
+
+          // 值班长
+          _SectionHeader(title: '值班长', icon: Icons.star),
+          const SizedBox(height: 8),
+          _PersonCard(
+            person: info.leader,
+            isLeader: true,
+          ),
+          const SizedBox(height: 20),
+
+          // 值班人员
+          _SectionHeader(title: '值班人员', icon: Icons.people),
+          const SizedBox(height: 8),
+          ...info.members.map((member) => Padding(
+                padding: const EdgeInsets.only(bottom: 8),
+                child: _PersonCard(person: member),
+              )),
+          const SizedBox(height: 20),
+
+          // 调度指令台账
+          _SectionHeader(
+            title: '调度指令台账',
+            icon: Icons.assignment,
+            trailing: Text(
+              '${info.instructions.length} 条',
+              style: TextStyle(fontSize: 13, color: Colors.grey.shade600),
+            ),
+          ),
+          const SizedBox(height: 8),
+          ...info.instructions.map((instruction) => Padding(
+                padding: const EdgeInsets.only(bottom: 8),
+                child: _InstructionCard(instruction: instruction),
+              )),
+          const SizedBox(height: 16),
+        ],
+      ),
+    );
+  }
+}
+
+/// 班次概览卡片
+class _ShiftOverviewCard extends StatelessWidget {
+  final String date;
+  final String shiftName;
+  final String shiftTime;
+  final int memberCount;
+  final int instructionCount;
+
+  const _ShiftOverviewCard({
+    required this.date,
+    required this.shiftName,
+    required this.shiftTime,
+    required this.memberCount,
+    required this.instructionCount,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final primary = theme.colorScheme.primary;
+
+    return Card(
+      elevation: 0,
+      color: theme.colorScheme.primaryContainer.withAlpha(80),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
+      child: Padding(
+        padding: const EdgeInsets.all(20),
+        child: Column(
+          children: [
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Icon(Icons.calendar_today, size: 18, color: primary),
+                const SizedBox(width: 8),
+                Text(
+                  date,
+                  style: TextStyle(
+                    fontSize: 16,
+                    fontWeight: FontWeight.w600,
+                    color: primary,
+                  ),
+                ),
+                const SizedBox(width: 12),
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 3),
+                  decoration: BoxDecoration(
+                    color: primary.withAlpha(30),
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: Text(
+                    shiftName,
+                    style: TextStyle(fontSize: 12, color: primary, fontWeight: FontWeight.w600),
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 12),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+              children: [
+                _InfoColumn(icon: Icons.schedule, label: '值班时间', value: shiftTime),
+                Container(width: 1, height: 40, color: Colors.grey.shade300),
+                _InfoColumn(icon: Icons.people, label: '值班人数', value: '$memberCount 人'),
+                Container(width: 1, height: 40, color: Colors.grey.shade300),
+                _InfoColumn(icon: Icons.assignment, label: '调度指令', value: '$instructionCount 条'),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _InfoColumn extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final String value;
+
+  const _InfoColumn({required this.icon, required this.label, required this.value});
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Icon(icon, size: 20, color: Colors.grey.shade600),
+        const SizedBox(height: 4),
+        Text(label, style: TextStyle(fontSize: 11, color: Colors.grey.shade600)),
+        const SizedBox(height: 2),
+        Text(value, style: const TextStyle(fontSize: 13, fontWeight: FontWeight.w600)),
+      ],
+    );
+  }
+}
+
+/// 段落标题
+class _SectionHeader extends StatelessWidget {
+  final String title;
+  final IconData icon;
+  final Widget? trailing;
+
+  const _SectionHeader({required this.title, required this.icon, this.trailing});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return Row(
+      children: [
+        Icon(icon, size: 20, color: theme.colorScheme.primary),
+        const SizedBox(width: 8),
+        Text(title, style: theme.textTheme.titleMedium?.copyWith(fontWeight: FontWeight.w600)),
+        const Spacer(),
+        if (trailing != null) trailing!,
+      ],
+    );
+  }
+}
+
+/// 值班人员卡片
+class _PersonCard extends StatelessWidget {
+  final DutyPerson person;
+  final bool isLeader;
+
+  const _PersonCard({required this.person, this.isLeader = false});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    return Card(
+      elevation: 0,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+        side: BorderSide(
+          color: isLeader ? theme.colorScheme.primary.withAlpha(80) : Colors.grey.shade200,
+        ),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(14),
+        child: Row(
+          children: [
+            CircleAvatar(
+              radius: 22,
+              backgroundColor: isLeader
+                  ? theme.colorScheme.primary.withAlpha(30)
+                  : Colors.grey.shade100,
+              child: Text(
+                person.name.substring(0, 1),
+                style: TextStyle(
+                  fontSize: 16,
+                  fontWeight: FontWeight.w600,
+                  color: isLeader ? theme.colorScheme.primary : Colors.grey.shade700,
+                ),
+              ),
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Row(
+                    children: [
+                      Text(
+                        person.name,
+                        style: theme.textTheme.titleSmall?.copyWith(fontWeight: FontWeight.w600),
+                      ),
+                      if (isLeader) ...[
+                        const SizedBox(width: 6),
+                        Container(
+                          padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 1),
+                          decoration: BoxDecoration(
+                            color: Colors.amber.shade100,
+                            borderRadius: BorderRadius.circular(4),
+                          ),
+                          child: Text(
+                            '值班长',
+                            style: TextStyle(fontSize: 10, color: Colors.amber.shade800),
+                          ),
+                        ),
+                      ],
+                    ],
+                  ),
+                  const SizedBox(height: 4),
+                  Text(
+                    person.role,
+                    style: TextStyle(fontSize: 12, color: Colors.grey.shade600),
+                  ),
+                ],
+              ),
+            ),
+            // 拨打电话按钮
+            Container(
+              decoration: BoxDecoration(
+                color: Colors.green.shade50,
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: IconButton(
+                icon: Icon(Icons.phone, size: 20, color: Colors.green.shade700),
+                onPressed: () {
+                  ScaffoldMessenger.of(context).showSnackBar(
+                    SnackBar(
+                      content: Text('拨打电话: ${person.phone}'),
+                      duration: const Duration(seconds: 2),
+                    ),
+                  );
+                },
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+/// 调度指令卡片
+class _InstructionCard extends StatelessWidget {
+  final DutyInstruction instruction;
+
+  const _InstructionCard({required this.instruction});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final statusColor = Color(instruction.status.color);
+
+    return Card(
+      elevation: 0,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+        side: BorderSide(color: Colors.grey.shade200),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(14),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              children: [
+                Expanded(
+                  child: Text(
+                    instruction.title,
+                    style: theme.textTheme.titleSmall?.copyWith(fontWeight: FontWeight.w600),
+                  ),
+                ),
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
+                  decoration: BoxDecoration(
+                    color: statusColor.withAlpha(30),
+                    borderRadius: BorderRadius.circular(6),
+                  ),
+                  child: Text(
+                    instruction.status.label,
+                    style: TextStyle(fontSize: 11, color: statusColor, fontWeight: FontWeight.w500),
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 8),
+            Text(
+              instruction.content,
+              style: TextStyle(fontSize: 13, color: Colors.grey.shade700, height: 1.5),
+            ),
+            const SizedBox(height: 10),
+            Row(
+              children: [
+                Icon(Icons.access_time, size: 12, color: Colors.grey.shade500),
+                const SizedBox(width: 4),
+                Text(
+                  instruction.time,
+                  style: TextStyle(fontSize: 11, color: Colors.grey.shade500),
+                ),
+                const SizedBox(width: 16),
+                Icon(Icons.person_outline, size: 12, color: Colors.grey.shade500),
+                const SizedBox(width: 4),
+                Text(
+                  instruction.issuer,
+                  style: TextStyle(fontSize: 11, color: Colors.grey.shade500),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

mobile/lib/pages/water/monitor_page.dart

@@ -0,0 +1,389 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import '../../services/water_service.dart';
+
+/// 实时监测列表页面
+class MonitorPage extends StatefulWidget {
+  const MonitorPage({super.key});
+  @override
+  State<MonitorPage> createState() => _MonitorPageState();
+}
+
+class _MonitorPageState extends State<MonitorPage> {
+  final WaterService _service = WaterService.instance;
+  List<MonitorItem> _items = [];
+  bool _isLoading = true;
+  String? _error;
+  MonitorType? _filterType;
+
+  @override
+  void initState() {
+    super.initState();
+    _loadData();
+  }
+
+  Future<void> _loadData() async {
+    setState(() {
+      _isLoading = true;
+      _error = null;
+    });
+    try {
+      final data = await _service.getMonitorList();
+      if (mounted) {
+        setState(() {
+          _items = data;
+          _isLoading = false;
+        });
+      }
+    } catch (e) {
+      if (mounted) {
+        setState(() {
+          _error = e.toString();
+          _isLoading = false;
+        });
+      }
+    }
+  }
+
+  List<MonitorItem> get _filteredItems {
+    if (_filterType == null) return _items;
+    return _items.where((item) => item.type == _filterType).toList();
+  }
+
+  int _countByStatus(DeviceStatus status) {
+    return _items.where((item) => item.status == status).length;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('实时监测'),
+        centerTitle: true,
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.refresh),
+            onPressed: _isLoading ? null : _loadData,
+          ),
+        ],
+      ),
+      body: Column(
+        children: [
+          // 状态概览栏
+          if (!_isLoading && _error == null) _buildStatusBar(theme),
+          // 类型筛选
+          if (!_isLoading && _error == null) _buildFilterBar(theme),
+          // 列表内容
+          Expanded(
+            child: _buildBody(theme),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildStatusBar(ThemeData theme) {
+    final online = _countByStatus(DeviceStatus.online);
+    final offline = _countByStatus(DeviceStatus.offline);
+    final warning = _countByStatus(DeviceStatus.warning);
+
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+      color: theme.colorScheme.surfaceContainerHighest.withAlpha(100),
+      child: Row(
+        children: [
+          _StatusBadge(label: '在线', count: online, color: Colors.green),
+          const SizedBox(width: 16),
+          _StatusBadge(label: '离线', count: offline, color: Colors.grey),
+          const SizedBox(width: 16),
+          _StatusBadge(label: '告警', count: warning, color: Colors.orange),
+          const Spacer(),
+          Text(
+            '共 ${_items.length} 个监测点',
+            style: theme.textTheme.bodySmall,
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildFilterBar(ThemeData theme) {
+    return SingleChildScrollView(
+      scrollDirection: Axis.horizontal,
+      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+      child: Row(
+        children: [
+          _FilterChip(
+            label: '全部',
+            selected: _filterType == null,
+            onTap: () => setState(() => _filterType = null),
+          ),
+          const SizedBox(width: 8),
+          ...MonitorType.values.map((type) {
+            return Padding(
+              padding: const EdgeInsets.only(right: 8),
+              child: _FilterChip(
+                label: type.label,
+                selected: _filterType == type,
+                onTap: () => setState(() => _filterType = type),
+              ),
+            );
+          }),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildBody(ThemeData theme) {
+    if (_isLoading) {
+      return const Center(child: CircularProgressIndicator());
+    }
+    if (_error != null) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.error_outline, size: 48, color: theme.colorScheme.error),
+            const SizedBox(height: 16),
+            Text('加载失败', style: theme.textTheme.titleMedium),
+            const SizedBox(height: 8),
+            Text(_error!, style: theme.textTheme.bodySmall),
+            const SizedBox(height: 16),
+            FilledButton.icon(
+              onPressed: _loadData,
+              icon: const Icon(Icons.refresh),
+              label: const Text('重试'),
+            ),
+          ],
+        ),
+      );
+    }
+
+    final items = _filteredItems;
+    if (items.isEmpty) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.sensors_off, size: 48, color: Colors.grey.shade400),
+            const SizedBox(height: 16),
+            Text('暂无监测数据', style: theme.textTheme.titleMedium),
+          ],
+        ),
+      );
+    }
+
+    return RefreshIndicator(
+      onRefresh: _loadData,
+      child: ListView.builder(
+        padding: const EdgeInsets.all(12),
+        itemCount: items.length,
+        itemBuilder: (context, index) => _MonitorCard(item: items[index]),
+      ),
+    );
+  }
+}
+
+/// 监测点卡片
+class _MonitorCard extends StatelessWidget {
+  final MonitorItem item;
+  const _MonitorCard({required this.item});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final statusColor = Color(item.status.color);
+    final timeFormat = DateFormat('HH:mm:ss');
+
+    return Card(
+      margin: const EdgeInsets.only(bottom: 10),
+      elevation: 0,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+        side: BorderSide(color: theme.colorScheme.outlineVariant.withAlpha(100)),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // 标题行
+            Row(
+              children: [
+                Container(
+                  width: 8,
+                  height: 8,
+                  decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    color: statusColor,
+                  ),
+                ),
+                const SizedBox(width: 8),
+                Expanded(
+                  child: Text(
+                    item.name,
+                    style: theme.textTheme.titleMedium?.copyWith(
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                ),
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
+                  decoration: BoxDecoration(
+                    color: statusColor.withAlpha(30),
+                    borderRadius: BorderRadius.circular(4),
+                  ),
+                  child: Text(
+                    item.type.label,
+                    style: TextStyle(fontSize: 11, color: statusColor),
+                  ),
+                ),
+                const SizedBox(width: 8),
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
+                  decoration: BoxDecoration(
+                    color: statusColor.withAlpha(30),
+                    borderRadius: BorderRadius.circular(4),
+                  ),
+                  child: Text(
+                    item.statusLabel,
+                    style: TextStyle(fontSize: 11, color: statusColor),
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 12),
+            // 数据行
+            if (item.status != DeviceStatus.offline) ...[
+              Wrap(
+                spacing: 16,
+                runSpacing: 8,
+                children: [
+                  if (item.flow != null)
+                    _DataChip(icon: Icons.water_drop, label: '流量', value: '${item.flow!.toStringAsFixed(1)} m³/h'),
+                  if (item.pressure != null)
+                    _DataChip(icon: Icons.speed, label: '压力', value: '${item.pressure!.toStringAsFixed(2)} MPa'),
+                  if (item.level != null)
+                    _DataChip(icon: Icons.straighten, label: '液位', value: '${item.level!.toStringAsFixed(1)} m'),
+                  if (item.ph != null)
+                    _DataChip(icon: Icons.science, label: 'pH', value: item.ph!.toStringAsFixed(1)),
+                  if (item.turbidity != null)
+                    _DataChip(icon: Icons.blur_on, label: '浊度', value: '${item.turbidity!.toStringAsFixed(1)} NTU'),
+                  if (item.chlorine != null)
+                    _DataChip(icon: Icons.bubble_chart, label: '余氯', value: '${item.chlorine!.toStringAsFixed(2)} mg/L'),
+                ],
+              ),
+              const SizedBox(height: 8),
+            ] else
+              Padding(
+                padding: const EdgeInsets.symmetric(vertical: 8),
+                child: Text(
+                  '设备离线，暂无数据',
+                  style: TextStyle(color: Colors.grey.shade500, fontSize: 13),
+                ),
+              ),
+            // 更新时间
+            Row(
+              mainAxisAlignment: MainAxisAlignment.end,
+              children: [
+                Icon(Icons.access_time, size: 12, color: Colors.grey.shade500),
+                const SizedBox(width: 4),
+                Text(
+                  '更新于 ${timeFormat.format(item.updateTime)}',
+                  style: TextStyle(fontSize: 11, color: Colors.grey.shade500),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _DataChip extends StatelessWidget {
+  final IconData icon;
+  final String label;
+  final String value;
+
+  const _DataChip({required this.icon, required this.label, required this.value});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Icon(icon, size: 14, color: Colors.grey.shade600),
+        const SizedBox(width: 4),
+        Text(
+          '$label: ',
+          style: TextStyle(fontSize: 12, color: Colors.grey.shade600),
+        ),
+        Text(
+          value,
+          style: const TextStyle(fontSize: 12, fontWeight: FontWeight.w600),
+        ),
+      ],
+    );
+  }
+}
+
+class _StatusBadge extends StatelessWidget {
+  final String label;
+  final int count;
+  final Color color;
+
+  const _StatusBadge({required this.label, required this.count, required this.color});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Container(
+          width: 8,
+          height: 8,
+          decoration: BoxDecoration(shape: BoxShape.circle, color: color),
+        ),
+        const SizedBox(width: 4),
+        Text('$label $count', style: const TextStyle(fontSize: 13)),
+      ],
+    );
+  }
+}
+
+class _FilterChip extends StatelessWidget {
+  final String label;
+  final bool selected;
+  final VoidCallback onTap;
+
+  const _FilterChip({required this.label, required this.selected, required this.onTap});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(16),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 6),
+        decoration: BoxDecoration(
+          color: selected ? theme.colorScheme.primaryContainer : Colors.grey.shade100,
+          borderRadius: BorderRadius.circular(16),
+          border: selected
+              ? Border.all(color: theme.colorScheme.primary, width: 1)
+              : null,
+        ),
+        child: Text(
+          label,
+          style: TextStyle(
+            fontSize: 13,
+            color: selected ? theme.colorScheme.primary : Colors.grey.shade700,
+            fontWeight: selected ? FontWeight.w600 : FontWeight.normal,
+          ),
+        ),
+      ),
+    );
+  }
+}

mobile/lib/pages/water/quality_page.dart

@@ -0,0 +1,330 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import '../../services/water_service.dart';
+
+/// 水质查看页面
+class QualityPage extends StatefulWidget {
+  const QualityPage({super.key});
+  @override
+  State<QualityPage> createState() => _QualityPageState();
+}
+
+class _QualityPageState extends State<QualityPage> with SingleTickerProviderStateMixin {
+  final WaterService _service = WaterService.instance;
+  List<QualitySample> _samples = [];
+  bool _isLoading = true;
+  String? _error;
+  late TabController _tabController;
+
+  static const _categories = [
+    QualityCategory.rawWater,
+    QualityCategory.factoryWater,
+    QualityCategory.endWater,
+  ];
+
+  @override
+  void initState() {
+    super.initState();
+    _tabController = TabController(length: _categories.length, vsync: this);
+    _tabController.addListener(() {
+      if (!_tabController.indexIsChanging) {
+        setState(() {}); // trigger rebuild for filtered data
+      }
+    });
+    _loadData();
+  }
+
+  @override
+  void dispose() {
+    _tabController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _loadData() async {
+    setState(() {
+      _isLoading = true;
+      _error = null;
+    });
+    try {
+      final data = await _service.getQualityData();
+      if (mounted) {
+        setState(() {
+          _samples = data;
+          _isLoading = false;
+        });
+      }
+    } catch (e) {
+      if (mounted) {
+        setState(() {
+          _error = e.toString();
+          _isLoading = false;
+        });
+      }
+    }
+  }
+
+  List<QualitySample> get _currentSamples {
+    final category = _categories[_tabController.index];
+    return _samples.where((s) => s.category == category).toList();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('水质查看'),
+        centerTitle: true,
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.refresh),
+            onPressed: _isLoading ? null : _loadData,
+          ),
+        ],
+        bottom: TabBar(
+          controller: _tabController,
+          tabs: _categories.map((c) => Tab(text: c.label)).toList(),
+        ),
+      ),
+      body: _buildBody(theme),
+    );
+  }
+
+  Widget _buildBody(ThemeData theme) {
+    if (_isLoading) {
+      return const Center(child: CircularProgressIndicator());
+    }
+    if (_error != null) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.error_outline, size: 48, color: theme.colorScheme.error),
+            const SizedBox(height: 16),
+            Text('加载失败', style: theme.textTheme.titleMedium),
+            const SizedBox(height: 16),
+            FilledButton.icon(
+              onPressed: _loadData,
+              icon: const Icon(Icons.refresh),
+              label: const Text('重试'),
+            ),
+          ],
+        ),
+      );
+    }
+
+    final samples = _currentSamples;
+    if (samples.isEmpty) {
+      return Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.science_outlined, size: 48, color: Colors.grey.shade400),
+            const SizedBox(height: 16),
+            Text('暂无水质数据', style: theme.textTheme.titleMedium),
+          ],
+        ),
+      );
+    }
+
+    return RefreshIndicator(
+      onRefresh: _loadData,
+      child: ListView.builder(
+        padding: const EdgeInsets.all(12),
+        itemCount: samples.length,
+        itemBuilder: (context, index) => _QualityCard(sample: samples[index]),
+      ),
+    );
+  }
+}
+
+/// 水质数据卡片
+class _QualityCard extends StatelessWidget {
+  final QualitySample sample;
+
+  const _QualityCard({required this.sample});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final dateFormat = DateFormat('MM-dd HH:mm');
+    final indicators = sample.getIndicators();
+    final allCompliant = sample.isCompliant;
+    final statusColor = allCompliant ? Colors.green : Colors.red;
+
+    return Card(
+      margin: const EdgeInsets.only(bottom: 12),
+      elevation: 0,
+      shape: RoundedRectangleBorder(
+        borderRadius: BorderRadius.circular(12),
+        side: BorderSide(
+          color: allCompliant ? Colors.grey.shade200 : Colors.red.withAlpha(100),
+        ),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // 标题行
+            Row(
+              children: [
+                Icon(
+                  allCompliant ? Icons.check_circle : Icons.error,
+                  size: 20,
+                  color: statusColor,
+                ),
+                const SizedBox(width: 8),
+                Expanded(
+                  child: Text(
+                    sample.source,
+                    style: theme.textTheme.titleMedium?.copyWith(fontWeight: FontWeight.w600),
+                  ),
+                ),
+                Container(
+                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
+                  decoration: BoxDecoration(
+                    color: statusColor.withAlpha(25),
+                    borderRadius: BorderRadius.circular(6),
+                  ),
+                  child: Text(
+                    allCompliant ? '达标' : '不达标',
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: statusColor,
+                      fontWeight: FontWeight.w600,
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 6),
+            // 采样时间
+            Row(
+              children: [
+                Icon(Icons.access_time, size: 12, color: Colors.grey.shade500),
+                const SizedBox(width: 4),
+                Text(
+                  '采样时间: ${dateFormat.format(sample.sampleTime)}',
+                  style: TextStyle(fontSize: 11, color: Colors.grey.shade500),
+                ),
+              ],
+            ),
+            const SizedBox(height: 14),
+            // 指标表格
+            Container(
+              decoration: BoxDecoration(
+                color: Colors.grey.shade50,
+                borderRadius: BorderRadius.circular(8),
+              ),
+              child: Column(
+                children: [
+                  // 表头
+                  Container(
+                    padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+                    decoration: BoxDecoration(
+                      color: Colors.grey.shade100,
+                      borderRadius: const BorderRadius.vertical(top: Radius.circular(8)),
+                    ),
+                    child: Row(
+                      children: [
+                        _TableHeaderCell(text: '检测指标', flex: 2),
+                        _TableHeaderCell(text: '检测值', flex: 2),
+                        _TableHeaderCell(text: '标准值', flex: 2),
+                        _TableHeaderCell(text: '结果', flex: 1),
+                      ],
+                    ),
+                  ),
+                  // 数据行
+                  ...indicators.map((indicator) => Container(
+                        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
+                        decoration: BoxDecoration(
+                          border: Border(
+                            bottom: BorderSide(color: Colors.grey.shade200, width: 0.5),
+                          ),
+                        ),
+                        child: Row(
+                          children: [
+                            Expanded(
+                              flex: 2,
+                              child: Text(
+                                indicator.name,
+                                style: const TextStyle(fontSize: 12),
+                              ),
+                            ),
+                            Expanded(
+                              flex: 2,
+                              child: Text(
+                                indicator.value,
+                                style: const TextStyle(fontSize: 12, fontWeight: FontWeight.w500),
+                              ),
+                            ),
+                            Expanded(
+                              flex: 2,
+                              child: Text(
+                                indicator.standard,
+                                style: TextStyle(fontSize: 11, color: Colors.grey.shade600),
+                              ),
+                            ),
+                            Expanded(
+                              flex: 1,
+                              child: Icon(
+                                indicator.isCompliant ? Icons.check : Icons.close,
+                                size: 16,
+                                color: indicator.isCompliant ? Colors.green : Colors.red,
+                              ),
+                            ),
+                          ],
+                        ),
+                      )),
+                ],
+              ),
+            ),
+            // 不达标提示
+            if (!allCompliant) ...[
+              const SizedBox(height: 12),
+              Container(
+                padding: const EdgeInsets.all(10),
+                decoration: BoxDecoration(
+                  color: Colors.red.shade50,
+                  borderRadius: BorderRadius.circular(8),
+                  border: Border.all(color: Colors.red.shade200),
+                ),
+                child: Row(
+                  children: [
+                    Icon(Icons.warning, size: 16, color: Colors.red.shade700),
+                    const SizedBox(width: 8),
+                    Expanded(
+                      child: Text(
+                        '部分指标超标，请关注并及时处理',
+                        style: TextStyle(fontSize: 12, color: Colors.red.shade700),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _TableHeaderCell extends StatelessWidget {
+  final String text;
+  final int flex;
+
+  const _TableHeaderCell({required this.text, required this.flex});
+
+  @override
+  Widget build(BuildContext context) {
+    return Expanded(
+      flex: flex,
+      child: Text(
+        text,
+        style: TextStyle(fontSize: 11, color: Colors.grey.shade700, fontWeight: FontWeight.w600),
+      ),
+    );
+  }
+}

mobile/lib/services/water_service.dart

@@ -0,0 +1,571 @@
+/// 供水管理相关 API 调用服务
+/// 当前使用 mock 数据，后端 API 就绪后替换为真实请求
+class WaterService {
+  WaterService._internal();
+  static final WaterService instance = WaterService._internal();
+  factory WaterService() => instance;
+
+  // ==================== Mock 数据 ====================
+
+  /// 实时监测数据列表
+  Future<List<MonitorItem>> getMonitorList() async {
+    await Future.delayed(const Duration(milliseconds: 800));
+    return [
+      MonitorItem(
+        id: 'M001',
+        name: '1号泵站',
+        type: MonitorType.pumpStation,
+        flow: 120.5,
+        pressure: 0.35,
+        level: null,
+        ph: 7.2,
+        turbidity: 0.8,
+        chlorine: 0.5,
+        status: DeviceStatus.online,
+        updateTime: DateTime.now().subtract(const Duration(minutes: 2)),
+      ),
+      MonitorItem(
+        id: 'M002',
+        name: '2号泵站',
+        type: MonitorType.pumpStation,
+        flow: 98.3,
+        pressure: 0.32,
+        level: null,
+        ph: 7.1,
+        turbidity: 0.6,
+        chlorine: 0.45,
+        status: DeviceStatus.online,
+        updateTime: DateTime.now().subtract(const Duration(minutes: 1)),
+      ),
+      MonitorItem(
+        id: 'M003',
+        name: '3号泵站',
+        type: MonitorType.pumpStation,
+        flow: 0,
+        pressure: 0,
+        level: null,
+        ph: 0,
+        turbidity: 0,
+        chlorine: 0,
+        status: DeviceStatus.offline,
+        updateTime: DateTime.now().subtract(const Duration(hours: 2)),
+      ),
+      MonitorItem(
+        id: 'M004',
+        name: '清水池',
+        type: MonitorType.reservoir,
+        flow: null,
+        pressure: null,
+        level: 4.2,
+        ph: 7.3,
+        turbidity: 0.3,
+        chlorine: 0.4,
+        status: DeviceStatus.online,
+        updateTime: DateTime.now().subtract(const Duration(minutes: 5)),
+      ),
+      MonitorItem(
+        id: 'M005',
+        name: 'DN300主干管',
+        type: MonitorType.pipeline,
+        flow: 285.6,
+        pressure: 0.28,
+        level: null,
+        ph: null,
+        turbidity: null,
+        chlorine: null,
+        status: DeviceStatus.online,
+        updateTime: DateTime.now().subtract(const Duration(minutes: 3)),
+      ),
+      MonitorItem(
+        id: 'M006',
+        name: 'DN200分支管-A区',
+        type: MonitorType.pipeline,
+        flow: 86.2,
+        pressure: 0.22,
+        level: null,
+        ph: null,
+        turbidity: null,
+        chlorine: null,
+        status: DeviceStatus.warning,
+        updateTime: DateTime.now().subtract(const Duration(minutes: 1)),
+      ),
+      MonitorItem(
+        id: 'M007',
+        name: '末梢水质监测点-1',
+        type: MonitorType.quality,
+        flow: null,
+        pressure: 0.15,
+        level: null,
+        ph: 7.0,
+        turbidity: 0.5,
+        chlorine: 0.3,
+        status: DeviceStatus.online,
+        updateTime: DateTime.now().subtract(const Duration(minutes: 10)),
+      ),
+      MonitorItem(
+        id: 'M008',
+        name: '加药间',
+        type: MonitorType.dosing,
+        flow: null,
+        pressure: null,
+        level: 2.8,
+        ph: null,
+        turbidity: null,
+        chlorine: null,
+        status: DeviceStatus.online,
+        updateTime: DateTime.now().subtract(const Duration(minutes: 8)),
+      ),
+    ];
+  }
+
+  /// 报警列表
+  Future<List<AlertItem>> getAlertList({bool unreadOnly = false}) async {
+    await Future.delayed(const Duration(milliseconds: 600));
+    final alerts = [
+      AlertItem(
+        id: 'A001',
+        level: AlertLevel.critical,
+        title: '3号泵站设备离线',
+        content: '3号泵站PLC控制器通信中断，已持续2小时，请尽快安排人员现场检查。',
+        location: '3号泵站',
+        deviceName: '3号泵站PLC',
+        isRead: false,
+        createTime: DateTime.now().subtract(const Duration(hours: 2)),
+        handlerName: '待处理',
+      ),
+      AlertItem(
+        id: 'A002',
+        level: AlertLevel.warning,
+        title: 'DN200分支管压力偏低',
+        content: 'A区DN200分支管压力0.22MPa，低于下限0.25MPa，可能存在泄漏或用水量激增。',
+        location: 'A区DN200分支管',
+        deviceName: '压力传感器-P205',
+        isRead: false,
+        createTime: DateTime.now().subtract(const Duration(hours: 1)),
+        handlerName: '待处理',
+      ),
+      AlertItem(
+        id: 'A003',
+        level: AlertLevel.warning,
+        title: '清水池液位接近上限',
+        content: '清水池液位4.2m，接近上限4.5m，建议减少进水量或增加供水。',
+        location: '清水池',
+        deviceName: '液位传感器-L001',
+        isRead: false,
+        createTime: DateTime.now().subtract(const Duration(minutes: 30)),
+        handlerName: '待处理',
+      ),
+      AlertItem(
+        id: 'A004',
+        level: AlertLevel.info,
+        title: '1号泵站例行维护提醒',
+        content: '1号泵站运行时间已达5000小时，建议安排例行保养。',
+        location: '1号泵站',
+        deviceName: '1号泵站主控',
+        isRead: true,
+        createTime: DateTime.now().subtract(const Duration(hours: 5)),
+        handlerName: '王工',
+      ),
+      AlertItem(
+        id: 'A005',
+        level: AlertLevel.critical,
+        title: '出厂水余氯超标',
+        content: '出厂水余氯0.8mg/L，超过国标上限0.8mg/L，请立即调整加药量。',
+        location: '水厂出水口',
+        deviceName: '水质分析仪-WQ001',
+        isRead: true,
+        createTime: DateTime.now().subtract(const Duration(hours: 8)),
+        handlerName: '李工',
+      ),
+      AlertItem(
+        id: 'A006',
+        level: AlertLevel.info,
+        title: '2号泵站变频器固件更新',
+        content: '2号泵站变频器有新固件版本可用(v2.3.1)，建议在下次停机时更新。',
+        location: '2号泵站',
+        deviceName: '2号变频器',
+        isRead: true,
+        createTime: DateTime.now().subtract(const Duration(days: 1)),
+        handlerName: '系统',
+      ),
+    ];
+    if (unreadOnly) {
+      return alerts.where((a) => !a.isRead).toList();
+    }
+    return alerts;
+  }
+
+  /// 标记报警为已读
+  Future<void> markAlertRead(String alertId) async {
+    await Future.delayed(const Duration(milliseconds: 300));
+  }
+
+  /// 标记所有报警为已读
+  Future<void> markAllAlertsRead() async {
+    await Future.delayed(const Duration(milliseconds: 500));
+  }
+
+  /// 今日值班信息
+  Future<DutyInfo> getTodayDuty() async {
+    await Future.delayed(const Duration(milliseconds: 700));
+    return DutyInfo(
+      date: DateTime.now(),
+      shiftName: '白班',
+      shiftTime: '08:00 - 20:00',
+      leader: DutyPerson(name: '张建国', phone: '13800138001', role: '值班长'),
+      members: [
+        DutyPerson(name: '李明', phone: '13800138002', role: '泵站巡检'),
+        DutyPerson(name: '王芳', phone: '13800138003', role: '水质监测'),
+        DutyPerson(name: '赵强', phone: '13800138004', role: '管网维护'),
+        DutyPerson(name: '刘伟', phone: '13800138005', role: '应急抢修'),
+      ],
+      instructions: [
+        DutyInstruction(
+          id: 'DI001',
+          title: '清水池液位监控',
+          content: '密切关注清水池液位，若超过4.5m立即报告并减少进水量。',
+          time: '08:30',
+          issuer: '调度中心-陈主任',
+          status: InstructionStatus.active,
+        ),
+        DutyInstruction(
+          id: 'DI002',
+          title: '3号泵站故障排查',
+          content: '3号泵站PLC离线，安排刘伟前往现场检查，预计14:00前恢复。',
+          time: '09:15',
+          issuer: '调度中心-陈主任',
+          status: InstructionStatus.inProgress,
+        ),
+        DutyInstruction(
+          id: 'DI003',
+          title: 'A区压力监测',
+          content: 'A区DN200分支管压力偏低，赵强每30分钟上报一次压力数据。',
+          time: '10:00',
+          issuer: '调度中心-陈主任',
+          status: InstructionStatus.active,
+        ),
+        DutyInstruction(
+          id: 'DI004',
+          title: '出厂水余氯检测',
+          content: '每小时对出厂水进行一次余氯检测，确保在0.3-0.8mg/L范围内。',
+          time: '08:00',
+          issuer: '水厂-周厂长',
+          status: InstructionStatus.completed,
+        ),
+      ],
+    );
+  }
+
+  /// 水质数据
+  Future<List<QualitySample>> getQualityData() async {
+    await Future.delayed(const Duration(milliseconds: 900));
+    return [
+      QualitySample(
+        id: 'Q001',
+        category: QualityCategory.rawWater,
+        source: '水源地取水口',
+        sampleTime: DateTime.now().subtract(const Duration(hours: 1)),
+        ph: 7.5,
+        turbidity: 12.3,
+        color: 15,
+        odor: '无异味',
+        ammonia: 0.3,
+        permanganate: 3.2,
+        totalColiform: 280,
+        isCompliant: true,
+      ),
+      QualitySample(
+        id: 'Q002',
+        category: QualityCategory.factoryWater,
+        source: '水厂出水口',
+        sampleTime: DateTime.now().subtract(const Duration(hours: 1)),
+        ph: 7.2,
+        turbidity: 0.3,
+        color: 2,
+        odor: '无异味',
+        ammonia: 0.05,
+        permanganate: 1.8,
+        totalColiform: 0,
+        isCompliant: true,
+      ),
+      QualitySample(
+        id: 'Q003',
+        category: QualityCategory.factoryWater,
+        source: '清水池出水',
+        sampleTime: DateTime.now().subtract(const Duration(hours: 2)),
+        ph: 7.1,
+        turbidity: 0.4,
+        color: 3,
+        odor: '无异味',
+        ammonia: 0.08,
+        permanganate: 2.0,
+        totalColiform: 0,
+        isCompliant: true,
+      ),
+      QualitySample(
+        id: 'Q004',
+        category: QualityCategory.endWater,
+        source: 'A区末梢-学校',
+        sampleTime: DateTime.now().subtract(const Duration(hours: 3)),
+        ph: 7.0,
+        turbidity: 0.6,
+        color: 4,
+        odor: '无异味',
+        ammonia: 0.1,
+        permanganate: 2.5,
+        totalColiform: 0,
+        isCompliant: true,
+      ),
+      QualitySample(
+        id: 'Q005',
+        category: QualityCategory.endWater,
+        source: 'B区末梢-医院',
+        sampleTime: DateTime.now().subtract(const Duration(hours: 3)),
+        ph: 6.8,
+        turbidity: 1.2,
+        color: 6,
+        odor: '轻微氯味',
+        ammonia: 0.15,
+        permanganate: 3.0,
+        totalColiform: 2,
+        isCompliant: false,
+      ),
+      QualitySample(
+        id: 'Q006',
+        category: QualityCategory.endWater,
+        source: 'C区末梢-居民区',
+        sampleTime: DateTime.now().subtract(const Duration(hours: 4)),
+        ph: 7.1,
+        turbidity: 0.5,
+        color: 3,
+        odor: '无异味',
+        ammonia: 0.08,
+        permanganate: 2.2,
+        totalColiform: 0,
+        isCompliant: true,
+      ),
+    ];
+  }
+}
+
+// ==================== 数据模型 ====================
+
+/// 监测类型
+enum MonitorType {
+  pumpStation('泵站'),
+  reservoir('水池/水箱'),
+  pipeline('管网'),
+  quality('水质监测点'),
+  dosing('加药间');
+
+  final String label;
+  const MonitorType(this.label);
+}
+
+/// 设备状态
+enum DeviceStatus {
+  online('在线', Color(0xFF4CAF50)),
+  offline('离线', Color(0xFF9E9E9E)),
+  warning('告警', Color(0xFFFF9800)),
+  error('故障', Color(0xFFF44336));
+
+  final String label;
+  final int color;
+  const DeviceStatus(this.label, this.color);
+}
+
+/// 监测数据项
+class MonitorItem {
+  final String id;
+  final String name;
+  final MonitorType type;
+  final double? flow; // 流量 m³/h
+  final double? pressure; // 压力 MPa
+  final double? level; // 液位 m
+  final double? ph;
+  final double? turbidity; // 浊度 NTU
+  final double? chlorine; // 余氯 mg/L
+  final DeviceStatus status;
+  final DateTime updateTime;
+
+  const MonitorItem({
+    required this.id,
+    required this.name,
+    required this.type,
+    this.flow,
+    this.pressure,
+    this.level,
+    this.ph,
+    this.turbidity,
+    this.chlorine,
+    required this.status,
+    required this.updateTime,
+  });
+
+  String get statusLabel => status.label;
+}
+
+/// 报警级别
+enum AlertLevel {
+  critical('严重', Color(0xFFF44336)),
+  warning('警告', Color(0xFFFF9800)),
+  info('提示', Color(0xFF2196F3));
+
+  final String label;
+  final int color;
+  const AlertLevel(this.label, this.color);
+}
+
+/// 报警项
+class AlertItem {
+  final String id;
+  final AlertLevel level;
+  final String title;
+  final String content;
+  final String location;
+  final String deviceName;
+  bool isRead;
+  final DateTime createTime;
+  final String handlerName;
+
+  AlertItem({
+    required this.id,
+    required this.level,
+    required this.title,
+    required this.content,
+    required this.location,
+    required this.deviceName,
+    required this.isRead,
+    required this.createTime,
+    required this.handlerName,
+  });
+}
+
+/// 值班人员
+class DutyPerson {
+  final String name;
+  final String phone;
+  final String role;
+
+  const DutyPerson({
+    required this.name,
+    required this.phone,
+    required this.role,
+  });
+}
+
+/// 指令状态
+enum InstructionStatus {
+  active('待执行', Color(0xFFFF9800)),
+  inProgress('执行中', Color(0xFF2196F3)),
+  completed('已完成', Color(0xFF4CAF50));
+
+  final String label;
+  final int color;
+  const InstructionStatus(this.label, this.color);
+}
+
+/// 调度指令
+class DutyInstruction {
+  final String id;
+  final String title;
+  final String content;
+  final String time;
+  final String issuer;
+  final InstructionStatus status;
+
+  const DutyInstruction({
+    required this.id,
+    required this.title,
+    required this.content,
+    required this.time,
+    required this.issuer,
+    required this.status,
+  });
+}
+
+/// 今日值班信息
+class DutyInfo {
+  final DateTime date;
+  final String shiftName;
+  final String shiftTime;
+  final DutyPerson leader;
+  final List<DutyPerson> members;
+  final List<DutyInstruction> instructions;
+
+  const DutyInfo({
+    required this.date,
+    required this.shiftName,
+    required this.shiftTime,
+    required this.leader,
+    required this.members,
+    required this.instructions,
+  });
+}
+
+/// 水质类别
+enum QualityCategory {
+  rawWater('原水'),
+  factoryWater('出厂水'),
+  endWater('末梢水');
+
+  final String label;
+  const QualityCategory(this.label);
+}
+
+/// 水质采样数据
+class QualitySample {
+  final String id;
+  final QualityCategory category;
+  final String source;
+  final DateTime sampleTime;
+  final double ph;
+  final double turbidity; // NTU
+  final int color; // 色度
+  final String odor; // 嗅味
+  final double ammonia; // 氨氮 mg/L
+  final double permanganate; // 高锰酸盐指数 mg/L
+  final int totalColiform; // 总大肠菌群 CFU/100mL
+  final bool isCompliant;
+
+  const QualitySample({
+    required this.id,
+    required this.category,
+    required this.source,
+    required this.sampleTime,
+    required this.ph,
+    required this.turbidity,
+    required this.color,
+    required this.odor,
+    required this.ammonia,
+    required this.permanganate,
+    required this.totalColiform,
+    required this.isCompliant,
+  });
+
+  /// 获取各指标达标情况
+  List<QualityIndicator> getIndicators() {
+    return [
+      QualityIndicator('pH', ph.toStringAsFixed(1), '6.5-8.5', ph >= 6.5 && ph <= 8.5),
+      QualityIndicator('浊度', '${turbidity.toStringAsFixed(1)} NTU', '≤1 NTU', turbidity <= 1.0),
+      QualityIndicator('色度', '$color 度', '≤15 度', color <= 15),
+      QualityIndicator('嗅味', odor, '无异味', odor == '无异味'),
+      QualityIndicator('氨氮', '${ammonia.toStringAsFixed(2)} mg/L', '≤0.5 mg/L', ammonia <= 0.5),
+      QualityIndicator('高锰酸盐', '${permanganate.toStringAsFixed(1)} mg/L', '≤3 mg/L',
+          category == QualityCategory.rawWater ? true : permanganate <= 3.0),
+      QualityIndicator('总大肠菌群', '$totalColiform CFU/100mL',
+          category == QualityCategory.rawWater ? '≤1000' : '不得检出',
+          category == QualityCategory.rawWater ? totalColiform <= 1000 : totalColiform == 0),
+    ];
+  }
+}
+
+/// 水质指标
+class QualityIndicator {
+  final String name;
+  final String value;
+  final String standard;
+  final bool isCompliant;
+
+  const QualityIndicator(this.name, this.value, this.standard, this.isCompliant);
+}

mobile/pubspec.yaml

@@ -16,6 +16,7 @@ dependencies:
   image_picker: ^1.0.0
   permission_handler: ^11.0.0
   flutter_local_notifications: ^17.0.0
+  intl: ^0.19.0
 
 dev_dependencies:
   flutter_test: { sdk: flutter }