Files

167 lines
5.6 KiB
Dart

import 'package:flutter/material.dart';
import './announcement_api.dart';
import './announcement_model.dart';
import './announcement_detail.dart'; // 稍後創建
class AnnouncementManager extends StatefulWidget {
const AnnouncementManager({super.key});
@override
State<StatefulWidget> createState() {
return _AnnouncementManagerState();
}
}
class _AnnouncementManagerState extends State<AnnouncementManager> {
final AnnouncementApiService _apiService = AnnouncementApiService();
late Future<List<Announcement>> _announcementsFuture;
@override
void initState() {
super.initState();
// 頁面加載時自動開始獲取資料
_announcementsFuture = _apiService.fetchAnnouncements();
}
// 刷新資料的函數
void _refreshAnnouncements() {
setState(() {
_announcementsFuture = _apiService.fetchAnnouncements();
});
}
// 導航回主頁(與您 NewsManager 中的邏輯相似)
void _backToHome() {
// 假設 MainMenu 在 main.dart 中
// import './main.dart';
// Navigator.pushAndRemoveUntil(context, MaterialPageRoute(builder: (context) => const MainMenu()), (route) => false,);
// 在這裡我們假設它作為子頁面,使用 pop 即可返回
Navigator.pop(context);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('企業公告'),
actions: <Widget>[
IconButton(
icon: const Icon(Icons.refresh),
tooltip: '刷新列表',
onPressed: _refreshAnnouncements,
),
IconButton(
icon: const Icon(Icons.home),
tooltip: '返回主頁',
onPressed: _backToHome,
),
],
),
body: FutureBuilder<List<Announcement>>(
future: _announcementsFuture,
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
// 資料載入中
return const Center(child: CircularProgressIndicator());
} else if (snapshot.hasError) {
// 資料載入失敗 (顯示錯誤訊息)
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('載入失敗: ${snapshot.error}', textAlign: TextAlign.center),
const SizedBox(height: 16),
ElevatedButton(onPressed: _refreshAnnouncements, child: const Text('重試')),
],
),
);
} else if (snapshot.hasData && snapshot.data!.isNotEmpty) {
// 資料載入成功 (顯示列表)
return AnnouncementList(announcements: snapshot.data!);
} else {
// 沒有資料
return const Center(child: Text('目前沒有企業公告。'));
}
},
),
);
}
}
// -----------------------------------------------------------
// 列表顯示小部件 (取代原有的 News 類別)
// -----------------------------------------------------------
class AnnouncementList extends StatelessWidget {
final List<Announcement> announcements;
const AnnouncementList({required this.announcements, super.key});
@override
Widget build(BuildContext context) {
return ListView.builder(
itemCount: announcements.length,
itemBuilder: (BuildContext context, int index) {
final item = announcements[index];
return Card(
elevation: 4,
margin: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 16.0),
child: InkWell(
onTap: () {
// 點擊項目:導航到詳細頁面
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => AnnouncementDetail(announcement: item),
),
);
},
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
// 公告標題
Text(
item.title,
style: const TextStyle(fontSize: 18.0, fontWeight: FontWeight.bold),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 8),
// 發布日期和作者
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
const Icon(Icons.calendar_today, size: 14, color: Colors.grey),
const SizedBox(width: 4),
Text(
item.formattedBillDate,
style: const TextStyle(fontSize: 14.0, color: Colors.grey),
),
],
),
Row(
children: [
const Icon(Icons.person, size: 14, color: Colors.grey),
const SizedBox(width: 4),
Text(
item.createdBy,
style: const TextStyle(fontSize: 14.0, color: Colors.grey),
),
],
),
],
),
],
),
),
),
);
},
);
}
}