167 lines
5.6 KiB
Dart
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),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
} |