2025-12-29 First Commit
This commit is contained in:
@@ -0,0 +1,156 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import './issue_api.dart';
|
||||
import './issue_model.dart';
|
||||
import './issue_detail.dart';
|
||||
|
||||
class IssueManager extends StatefulWidget {
|
||||
// 實際應用中,這裡應該傳入當前用戶 ID
|
||||
final String currentUserId;
|
||||
const IssueManager({this.currentUserId = 'admin', super.key});
|
||||
|
||||
@override
|
||||
State<StatefulWidget> createState() {
|
||||
return _IssueManagerState();
|
||||
}
|
||||
}
|
||||
|
||||
class _IssueManagerState extends State<IssueManager> {
|
||||
late IssueApiService _apiService;
|
||||
late Future<List<Issue>> _issuesFuture;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_apiService = IssueApiService(currentUserId: widget.currentUserId);
|
||||
_issuesFuture = _apiService.fetchIssues();
|
||||
}
|
||||
|
||||
void _refreshIssues() {
|
||||
setState(() {
|
||||
_issuesFuture = _apiService.fetchIssues();
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text('指派給我的問題清單 (${widget.currentUserId})'),
|
||||
actions: <Widget>[
|
||||
IconButton(
|
||||
icon: const Icon(Icons.refresh),
|
||||
tooltip: '刷新列表',
|
||||
onPressed: _refreshIssues,
|
||||
),
|
||||
IconButton(
|
||||
icon: const Icon(Icons.home),
|
||||
tooltip: '返回主頁',
|
||||
onPressed: () => Navigator.pop(context),
|
||||
),
|
||||
],
|
||||
),
|
||||
body: FutureBuilder<List<Issue>>(
|
||||
future: _issuesFuture,
|
||||
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: _refreshIssues, child: const Text('重試')),
|
||||
],
|
||||
),
|
||||
);
|
||||
} else if (snapshot.hasData && snapshot.data!.isNotEmpty) {
|
||||
return IssueList(issues: snapshot.data!);
|
||||
} else {
|
||||
return const Center(child: Text('目前沒有指派給您的問題。'));
|
||||
}
|
||||
},
|
||||
),
|
||||
// 底部浮動按鈕:新增問題
|
||||
floatingActionButton: FloatingActionButton.extended(
|
||||
onPressed: () {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('待實作新增問題頁面。')),
|
||||
);
|
||||
},
|
||||
icon: const Icon(Icons.add),
|
||||
label: const Text('新增問題'),
|
||||
backgroundColor: Colors.redAccent,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// -----------------------------------------------------------
|
||||
// 列表顯示小部件 (IssueList)
|
||||
// -----------------------------------------------------------
|
||||
|
||||
class IssueList extends StatelessWidget {
|
||||
final List<Issue> issues;
|
||||
|
||||
const IssueList({required this.issues, super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ListView.builder(
|
||||
itemCount: issues.length,
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
final item = issues[index];
|
||||
|
||||
return Card(
|
||||
elevation: 3,
|
||||
margin: const EdgeInsets.symmetric(vertical: 6.0, horizontal: 16.0),
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
// 點擊項目:導航到詳細頁面
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => IssueDetail(issue: item),
|
||||
),
|
||||
);
|
||||
},
|
||||
child: ListTile(
|
||||
// 左側顯示優先級
|
||||
leading: Icon(
|
||||
item.priorityIcon,
|
||||
color: item.priorityColor,
|
||||
size: 30,
|
||||
),
|
||||
title: Text(
|
||||
'#${item.issueId} ${item.description ?? '無描述'}',
|
||||
style: const TextStyle(fontWeight: FontWeight.bold),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
subtitle: Text(
|
||||
'專案: ${item.projectId ?? 'N/A'} | 提出人: ${item.raisedBy ?? 'N/A'}',
|
||||
style: const TextStyle(fontSize: 12),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
trailing: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
children: [
|
||||
Text(
|
||||
item.statusText,
|
||||
style: TextStyle(fontSize: 12, color: item.statusColor, fontWeight: FontWeight.bold),
|
||||
),
|
||||
Text(
|
||||
item.formattedExpectedDate,
|
||||
style: const TextStyle(fontSize: 11, color: Colors.grey),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user