Leecheng/CommunityAPP
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增功能頁面(帳單、活動、警報、包裹、訪客)

Browse Source
This commit is contained in:
jasonchenwork 2025-06-02 14:36:16 +08:00
parent 97788cfe5e
commit cf860a7da7
5 changed files with 861 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

227
lib/activity.dart Normal file
View File

@ -0,0 +1,227 @@
import 'package:flutter/material.dart';
class ActivityListPage extends StatefulWidget {
const ActivityListPage({Key? key}) : super(key: key);
@override
State<ActivityListPage> createState() => _ActivityListPageState();
}
class _ActivityListPageState extends State<ActivityListPage> {
int? selectedActivityId;
int selectedPeopleCount = 1;
void openRegisterModal(int activityId) {
setState(() {
selectedActivityId = activityId;
});
showDialog(
context: context,
builder:
(context) => AlertDialog(
title: const Text('確認報名'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Text('選擇報名人數：'),
DropdownButton<int>(
value: selectedPeopleCount,
onChanged: (value) {
if (value != null) {
setState(() {
selectedPeopleCount = value;
});
}
},
items:
[1, 2, 3, 4]
.map(
(e) =>
DropdownMenuItem(value: e, child: Text('$e 人')),
)
.toList(),
),
],
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('取消'),
),
ElevatedButton(
onPressed: () {
Navigator.pop(context);
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(
'已報名活動 ID $selectedActivityId，人數：$selectedPeopleCount',
),
),
);
},
child: const Text('確認報名'),
),
],
),
);
}
Widget activityCard({
required String title,
required String time,
required String location,
int? id,
bool canRegister = false,
}) {
return Card(
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: const TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
),
const SizedBox(height: 4),
Text(time),
Text(location),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
TextButton(
onPressed: () {
// TODO: 導向詳情頁
},
style: ElevatedButton.styleFrom(
backgroundColor: Colors.transparent,
foregroundColor: Colors.black,
shadowColor: Colors.transparent,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
side: const BorderSide(color: Colors.black),
),
padding: const EdgeInsets.symmetric(
horizontal: 20,
vertical: 12,
),
),
child: const Text('查看詳情'),
),
const SizedBox(width: 8),
if (canRegister && id != null)
ElevatedButton(
onPressed: () => openRegisterModal(id),
style: ElevatedButton.styleFrom(
backgroundColor: Colors.green,
shadowColor: Colors.transparent,
padding: const EdgeInsets.symmetric(
horizontal: 20,
vertical: 12,
),
),
child: const Text('我要報名'),
),
],
),
],
),
),
);
}
@override
Widget build(BuildContext context) {
return Container(
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.vertical(top: Radius.circular(24)), // 上方圓角
),
child: SafeArea(
top: false,
child: Padding(
padding: const EdgeInsets.only(bottom: 20),
child: Column(
children: [
// 顶部滑块
const SizedBox(height: 12),
Container(
width: 40,
height: 5,
decoration: BoxDecoration(
color: Colors.grey[300],
borderRadius: BorderRadius.circular(10),
),
),
const SizedBox(height: 12),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: Row(
children: [
const Text(
'社區活動列表',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const Spacer(),
IconButton(
icon: const Icon(Icons.close),
onPressed: () => Navigator.pop(context),
),
],
),
),
Expanded(
child: ListView(
children: [
Padding(
padding: const EdgeInsets.only(
top: 12.0,
right: 16,
left: 16,
),
child: Align(
alignment: Alignment.centerRight,
child: ElevatedButton.icon(
onPressed: () {
// TODO: 導向提交活動頁
},
icon: const Icon(Icons.add),
label: const Text('提交活動申請'),
),
),
),
activityCard(
title: '🎉 社區春季市集',
time: '時間：2025/04/27（日）10:00 - 16:00',
location: '地點：中庭花園',
id: 1,
),
activityCard(
title: '🎉 早晨瑜珈課程',
time: '每週六 07:00 - 08:00',
location: '地點：社區多功能教室',
id: 2,
canRegister: true,
),
activityCard(
title: '🎉 二手書交換日',
time: '2025/05/05（六）13:00 - 17:00',
location: '地點：社區圖書區',
id: 3,
canRegister: true,
),
],
),
),
],
),
),
),
);
}
}

178
lib/bill.dart Normal file
View File

@ -0,0 +1,178 @@
import 'package:flutter/material.dart';
class BillItem {
final String date;
final String title;
final int amount;
final String dueDate;
final String? reminder;
BillItem({
required this.date,
required this.title,
required this.amount,
required this.dueDate,
this.reminder,
});
}
class BillPage extends StatelessWidget {
final ScrollController scrollController;
BillPage({super.key, required this.scrollController});
final List<BillItem> bills = [
BillItem(
date: '2025/04/22',
title: '管理費',
amount: 1200,
dueDate: '2025/04/30',
reminder: '第 2 次催繳',
),
BillItem(
date: '2025/04/20',
title: '水費',
amount: 340,
dueDate: '2025/04/28',
),
BillItem(
date: '2025/04/18',
title: '停車費',
amount: 2000,
dueDate: '2025/04/25',
reminder: '第 3 次催繳',
),
];
@override
Widget build(BuildContext context) {
return Column(
children: [
Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: const BoxDecoration(
color: Color(0xFF9EAF9F),
borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
),
child: Row(
children: [
IconButton(
icon: const Icon(Icons.close, color: Colors.white),
onPressed: () => Navigator.pop(context),
),
const SizedBox(width: 8),
const Text(
'繳費通知',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 20,
color: Colors.white,
),
),
],
),
),
Expanded(
child: Container(
color: const Color(0xFFF7F8FA),
padding: const EdgeInsets.all(16),
child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: ListView(
controller: scrollController,
children: [
const Text(
'💰 繳費項目',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 12),
...bills.map((bill) => BillTile(bill: bill)).toList(),
],
),
),
),
),
),
],
);
}
}
class BillTile extends StatelessWidget {
final BillItem bill;
const BillTile({super.key, required this.bill});
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.symmetric(vertical: 12),
decoration: const BoxDecoration(
border: Border(bottom: BorderSide(color: Color(0xFFDDDDDD))),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
bill.date,
style: const TextStyle(fontSize: 14, color: Color(0xFF555555)),
),
Text(
'${bill.title} - \$${bill.amount}',
style: const TextStyle(fontSize: 14, color: Color(0xFF222222)),
),
],
),
const SizedBox(height: 4),
Text(
'繳費截止日：${bill.dueDate}',
style: const TextStyle(fontSize: 13, color: Color(0xFF777777)),
),
if (bill.reminder != null)
Padding(
padding: const EdgeInsets.only(top: 4.0),
child: Text(
bill.reminder!,
style: TextStyle(
fontSize: 13,
color: Colors.red[700],
fontWeight: FontWeight.bold,
),
),
),
],
),
);
}
}
// 👇 浮層包裝元件
class BillPageWrapper extends StatelessWidget {
const BillPageWrapper({super.key});
@override
Widget build(BuildContext context) {
return DraggableScrollableSheet(
initialChildSize: 0.95,
minChildSize: 0.5,
maxChildSize: 1.0,
expand: false,
builder: (_, scrollController) {
return Container(
color: Colors.transparent,
child: BillPage(scrollController: scrollController),
);
},
);
}
}

159
lib/emergency.dart Normal file
View File

@ -0,0 +1,159 @@
import 'package:flutter/material.dart';
class EmergencyPage extends StatefulWidget {
const EmergencyPage({super.key});
@override
State<EmergencyPage> createState() => _EmergencyPageState();
}
class _EmergencyPageState extends State<EmergencyPage> {
final TextEditingController _descriptionController = TextEditingController();
String? _selectedType;
final List<Map<String, String>> disasterTypes = [
{"label": "🔥 火災", "value": "火災"},
{"label": "🌏 地震", "value": "地震"},
{"label": "💧 水災", "value": "水災"},
{"label": "🕵️‍♂️ 可疑人物", "value": "可疑人物"},
{"label": "⚠️ 公共設施故障", "value": "公共設施故障"},
{"label": "❓ 其他", "value": "其他"},
];
void _sendAlert() {
final type = _selectedType;
final desc = _descriptionController.text.trim();
if (type == null || type.isEmpty) {
_showDialog("⚠️ 請先選擇災害類型！");
return;
}
if (desc.isEmpty) {
_showDialog("⚠️ 請輸入簡易說明！");
return;
}
_showDialog("✅ 已通報「$type」\n說明：「$desc」");
}
void _showDialog(String message) {
showDialog(
context: context,
builder:
(_) => AlertDialog(
content: Text(message),
actions: [
TextButton(
child: const Text('確定'),
onPressed: () {
Navigator.pop(context); // 關閉 dialog
Navigator.pop(context); // 關閉 bottomSheet
},
),
],
),
);
}
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.only(
bottom: MediaQuery.of(context).viewInsets.bottom,
),
child: SingleChildScrollView(
child: Container(
padding: const EdgeInsets.all(20),
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 40,
height: 5,
margin: const EdgeInsets.only(bottom: 15),
decoration: BoxDecoration(
color: Colors.grey[300],
borderRadius: BorderRadius.circular(10),
),
),
Image.network(
'https://cdn-icons-png.flaticon.com/512/564/564619.png',
width: 100,
),
const SizedBox(height: 15),
const Text('若遇緊急情況，請選擇災害類型後立即通報。'),
const SizedBox(height: 20),
Align(
alignment: Alignment.centerLeft,
child: Text(
'災害類型',
style: Theme.of(context).textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
),
),
),
const SizedBox(height: 8),
DropdownButtonFormField<String>(
decoration: const InputDecoration(border: OutlineInputBorder()),
value: _selectedType,
hint: const Text("請選擇..."),
items:
disasterTypes
.map(
(item) => DropdownMenuItem(
value: item['value'],
child: Text(item['label']!),
),
)
.toList(),
onChanged: (value) {
setState(() {
_selectedType = value;
});
},
),
const SizedBox(height: 20),
Align(
alignment: Alignment.centerLeft,
child: Text(
'簡易說明',
style: Theme.of(context).textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.bold,
),
),
),
const SizedBox(height: 8),
TextField(
controller: _descriptionController,
maxLines: 3,
decoration: const InputDecoration(
hintText: '請輸入簡要說明，例如地點或狀況...',
border: OutlineInputBorder(),
),
),
const SizedBox(height: 25),
SizedBox(
width: double.infinity,
child: ElevatedButton.icon(
onPressed: _sendAlert,
style: ElevatedButton.styleFrom(
backgroundColor: Colors.red,
foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric(vertical: 16),
),
icon: const Icon(Icons.warning),
label: const Text('立即通報'),
),
),
],
),
),
),
);
}
}

182
lib/package.dart Normal file
View File

@ -0,0 +1,182 @@
import 'package:flutter/material.dart';
class PackagePage extends StatelessWidget {
final ScrollController scrollController;
const PackagePage({super.key, required this.scrollController});
@override
Widget build(BuildContext context) {
return Column(
children: [
// 自訂頂部 Bar
Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: const BoxDecoration(
color: Color(0xFF9EAF9F),
borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
),
child: Row(
children: [
IconButton(
icon: const Icon(Icons.close, color: Colors.white),
onPressed: () => Navigator.pop(context),
),
const SizedBox(width: 8),
const Text(
'信件包裹通知',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 20,
color: Colors.white,
),
),
],
),
),
// 可滾動內容
Expanded(
child: Container(
color: const Color(0xFFF7F8FA),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
child: ListView(
controller: scrollController,
children: [
const Text(
'📦 待領包裹',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
),
const SizedBox(height: 12),
_buildParcelItem(
context: context,
date: '2025/04/16',
courier: '宅配 - 7-11 交貨便',
recipient: '林小安',
parcelId: 'P20240416001',
amount: 250,
),
_buildParcelItem(
context: context,
date: '2025/04/14',
courier: '黑貓宅急便',
recipient: '林小安',
parcelId: 'P20240414002',
amount: 120,
),
],
),
),
),
],
);
}
Widget _buildParcelItem({
required String date,
required String courier,
required String recipient,
required String parcelId,
required int amount,
required BuildContext context,
}) {
return Container(
padding: const EdgeInsets.symmetric(vertical: 12),
margin: const EdgeInsets.only(bottom: 16),
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.all(Radius.circular(12)),
boxShadow: [
BoxShadow(
color: Color(0x11000000),
blurRadius: 4,
offset: Offset(0, 2),
),
],
),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildRow(date, courier),
const SizedBox(height: 4),
_buildRow('收件人：$recipient', '包裹編號：$parcelId'),
const SizedBox(height: 4),
_buildRow('代收金額：\$${amount.toString()}', ''),
const SizedBox(height: 10),
Align(
alignment: Alignment.centerRight,
child: ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF4CAF50),
foregroundColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(6),
),
padding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 8,
),
),
onPressed: () {
showDialog(
context: context,
builder:
(ctx) => AlertDialog(
title: const Text('包裹已領取'),
content: const Text('您已確認領取此包裹。'),
actions: [
TextButton(
onPressed: () => Navigator.pop(ctx),
child: const Text('確定'),
),
],
),
);
},
child: const Text('確認領取', style: TextStyle(fontSize: 13)),
),
),
],
),
),
);
}
Widget _buildRow(String left, String right) {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
left,
style: const TextStyle(fontSize: 14, color: Color(0xFF555555)),
),
Text(
right,
style: const TextStyle(fontSize: 14, color: Color(0xFF555555)),
),
],
);
}
}
class PackagePageWrapper extends StatelessWidget {
const PackagePageWrapper({super.key});
@override
Widget build(BuildContext context) {
return DraggableScrollableSheet(
initialChildSize: 0.95,
minChildSize: 0.5,
maxChildSize: 1.0,
expand: false,
builder: (_, scrollController) {
return Container(
decoration: const BoxDecoration(color: Colors.transparent),
child: PackagePage(scrollController: scrollController),
);
},
);
}
}

115
lib/visitor.dart Normal file
View File

@ -0,0 +1,115 @@
import 'package:flutter/material.dart';
class VisitorPage extends StatelessWidget {
final ScrollController scrollController;
const VisitorPage({super.key, required this.scrollController});
@override
Widget build(BuildContext context) {
return Column(
children: [
Container(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
decoration: const BoxDecoration(
color: Color(0xFF9EAF9F),
borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
),
child: Row(
children: [
IconButton(
icon: const Icon(Icons.close, color: Colors.white),
onPressed: () => Navigator.pop(context),
),
const SizedBox(width: 8),
const Text(
'訪客來訪紀錄',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 20,
color: Colors.white,
),
),
],
),
),
Expanded(
child: Container(
color: const Color(0xFFF7F8FA),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
child: ListView(
controller: scrollController,
children: [
const Text(
'📝 訪客紀錄',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
),
const SizedBox(height: 12),
_buildVisitorItem('2025/04/22 14:35', '王小明', '身分：朋友｜目的：拜訪林小安'),
_buildVisitorItem('2025/04/21 10:20', '陳美麗', '身分：水電師傅｜目的：維修浴室'),
_buildVisitorItem(
'2025/04/20 17:45',
'李建國',
'身分：外送員｜目的：送晚餐（Uber Eats）',
),
],
),
),
),
],
);
}
Widget _buildVisitorItem(String date, String name, String detail) {
return Container(
padding: const EdgeInsets.symmetric(vertical: 12),
decoration: const BoxDecoration(
border: Border(bottom: BorderSide(color: Color(0xFFEEEEEE))),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
date,
style: const TextStyle(fontSize: 14, color: Color(0xFF555555)),
),
Text(
name,
style: const TextStyle(fontSize: 14, color: Color(0xFF555555)),
),
],
),
const SizedBox(height: 4),
Text(
detail,
style: const TextStyle(fontSize: 13, color: Color(0xFF777777)),
),
],
),
);
}
}
// 👇 包裝元件一樣寫在這
class VisitorPageWrapper extends StatelessWidget {
const VisitorPageWrapper({super.key});
@override
Widget build(BuildContext context) {
return DraggableScrollableSheet(
initialChildSize: 0.95,
minChildSize: 0.5,
maxChildSize: 1.0,
expand: false,
builder: (_, scrollController) {
return Container(
decoration: const BoxDecoration(color: Colors.transparent),
child: VisitorPage(scrollController: scrollController),
);
},
);
}
}