From 8fe8e7113cce270f07c5da445864932fda27732e Mon Sep 17 00:00:00 2001 From: jasonchenwork Date: Tue, 3 Jun 2025 13:00:10 +0800 Subject: [PATCH] =?UTF-8?q?=E8=AA=BF=E6=95=B4=E6=88=90API=E6=96=B9?= =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E9=97=9C=E9=96=89=E5=BB=B6=E9=81=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/announcement.dart | 181 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 181 insertions(+) create mode 100644 lib/announcement.dart diff --git a/lib/announcement.dart b/lib/announcement.dart new file mode 100644 index 0000000..f2cb1b5 --- /dev/null +++ b/lib/announcement.dart @@ -0,0 +1,181 @@ +import 'package:flutter/material.dart'; + +class Announcement { + final String date; + final String title; + final String preview; + final String full; + + Announcement({ + required this.date, + required this.title, + required this.preview, + required this.full, + }); + + factory Announcement.fromJson(Map json) { + return Announcement( + date: json['date'], + title: json['title'], + preview: json['preview'], + full: json['full'], + ); + } +} + +class AnnouncementWrapper extends StatefulWidget { + const AnnouncementWrapper({super.key}); + + @override + State createState() => _AnnouncementWrapperState(); +} + +class _AnnouncementWrapperState extends State { + List _announcements = []; + bool _isLoading = true; + + @override + void initState() { + super.initState(); + _fetchAnnouncements(); + } + + Future _fetchAnnouncements() async { + // 模擬 API 延遲 + //await Future.delayed(const Duration(milliseconds: 100)); + + // 模擬 API 回傳資料 + final mockData = [ + { + 'date': '2025/04/28', + 'title': '水塔清洗通知', + 'preview': '本社區將於 2025/05/05 進行水塔清洗作業，請住戶提前儲水...', + 'full': '本社區將於 2025/05/05 進行水塔清洗作業，請住戶提前儲水，造成不便敬請見諒。', + }, + { + 'date': '2025/04/25', + 'title': '停電通知', + 'preview': '台電預計於 5/1 上午進行電路維修，期間將暫時停電，請提前準備...', + 'full': '台電預計於 2025/05/01 08:00~12:00 進行電路維修，期間將暫時停電，請提前準備。', + }, + { + 'date': '2025/04/20', + 'title': '消防演練公告', + 'preview': '消防演練將於 5/10 下午舉行，請住戶配合參與並聆聽安全說明...', + 'full': '消防演練將於 2025/05/10 下午 3 點舉行，請各位住戶配合參與。', + }, + ]; + + setState(() { + _announcements = + mockData.map((json) => Announcement.fromJson(json)).toList(); + _isLoading = false; + }); + } + + void _showDetailModal(BuildContext context, String title, String content) { + showDialog( + context: context, + builder: + (_) => AlertDialog( + title: Text(title), + content: Text(content), + actions: [ + TextButton( + onPressed: () => Navigator.of(context).pop(), + child: const Text('關閉'), + ), + ], + ), + ); + } + + @override + Widget build(BuildContext context) { + return Container( + decoration: const BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.vertical(top: Radius.circular(16)), + ), + padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 24), + child: + _isLoading + ? const Center(child: CircularProgressIndicator()) + : Column( + mainAxisSize: MainAxisSize.min, + children: [ + Row( + children: [ + IconButton( + icon: const Icon(Icons.arrow_back), + onPressed: () => Navigator.of(context).pop(), + ), + const Expanded( + child: Center( + child: Text( + '公告列表', + style: TextStyle( + fontSize: 18, + fontWeight: FontWeight.bold, + ), + ), + ), + ), + const SizedBox(width: 48), + ], + ), + const SizedBox(height: 12), + const Align( + alignment: Alignment.centerLeft, + child: Text('📢 最新公告', style: TextStyle(fontSize: 16)), + ), + const SizedBox(height: 12), + ..._announcements.map( + (item) => Column( + children: [ + ListTile( + title: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Text( + item.date, + style: const TextStyle( + fontSize: 14, + color: Colors.black54, + ), + ), + Text( + item.title, + style: const TextStyle( + fontSize: 14, + fontWeight: FontWeight.w500, + ), + ), + ], + ), + subtitle: Padding( + padding: const EdgeInsets.only(top: 6.0), + child: Text( + item.preview, + style: const TextStyle( + fontSize: 13, + color: Colors.black45, + ), + ), + ), + onTap: + () => _showDetailModal( + context, + item.title, + item.full, + ), + ), + const Divider(), + ], + ), + ), + ], + ), + ); + } +}