110316118/topicApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

歷史資料-新增詳細資料頁面

Browse Source
This commit is contained in:
kuei
2024-09-21 13:47:12 +08:00
parent 37ab8411c3
commit 5f4b90e491
1 changed files with 88 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
lib/HistoricalRecord.dart
View File

@@ -23,14 +23,10 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
final conn = await MySQLConnection.createConnection(
host: '203.64.84.154',
//host: '10.0.2.2',
//127.0.0.1 10.0.2.2
port: 33061,
userName: 'root',
password: 'Topic@2024',
//password: '0000',
databaseName: 'care', //testdb
//databaseName: 'testdb',
databaseName: 'care',
);
await conn.connect();
@@ -44,13 +40,14 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
} else {
setState(() {
_results = result.rows
.map((row) => {
'長者ID': row.colAt(0), //去裝資料庫的行數
'姓名': row.colAt(8),
'跌倒時間': row.colAt(1),
'跌倒原因': row.colAt(2),
'跌倒地點': row.colAt(7),
})
.map((row) =>
{
'長者ID': row.colAt(4), //去裝資料庫的行數
'姓名': row.colAt(8),
'跌倒時間': row.colAt(1),
'跌倒原因': row.colAt(2),
'跌倒地點': row.colAt(7),
})
.toList();
});
}
@@ -81,23 +78,94 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
Expanded(
child: ListView.builder(
padding: EdgeInsets.symmetric(vertical: 5), // 调整列表视图的 padding
itemCount: _results.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(_results[index]['姓名']),
subtitle: Text(
' 長者ID: ${_results[index]['長者ID']},\n '
'跌倒時間: ${_results[index]['跌倒時間']},\n '
'跌倒原因: ${_results[index]['跌倒原因']},\n '
'跌倒地點: ${_results[index]['跌倒地點']}\n',
return Padding(
padding: const EdgeInsets.symmetric(
vertical: 4.0, horizontal: 16.0),
child:Card(
elevation: 4, // 卡片陰影效果
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0), // 圓角卡片
),
child: Container(
decoration: BoxDecoration(
border: Border(
left: BorderSide(color: Color(0xFFFFCC99), width: 5.0), // 左邊框
top: BorderSide(color: Color(0xFFFFCC99), width: 5.0), // 上邊框
),
borderRadius: BorderRadius.circular(10.0), // 圓角
),
child: ListTile(
title: Text(
_results[index]['姓名'],
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 18,
),),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('長者ID: ${_results[index]['長者ID']}\n'
'跌倒時間: ${_results[index]['跌倒時間']}\n'
'跌倒原因: ${_results[index]['跌倒原因']}\n'
'跌倒地點: ${_results[index]['跌倒地點']}\n',
style: TextStyle(fontSize: 16, color: Colors.black), // 統一字體樣式
),
],
),
onTap: () {
// 點擊時導向詳細資料頁面，並傳遞資料
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
FallDetailPage(fallDetail: _results[index]),
),
);
},
),
),
),
);
},
),
),
SizedBox(height: 70),
],
),
);
}
}
// 新增詳細資料頁面
class FallDetailPage extends StatelessWidget {
final Map<String, dynamic> fallDetail;
FallDetailPage({required this.fallDetail});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('${fallDetail['姓名']} 的詳細資料'),
),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('長者ID: ${fallDetail['長者ID']}', style: TextStyle(fontSize: 18)),
SizedBox(height: 10),
Text('跌倒時間: ${fallDetail['跌倒時間']}', style: TextStyle(fontSize: 18)),
SizedBox(height: 10),
Text('跌倒原因: ${fallDetail['跌倒原因']}', style: TextStyle(fontSize: 18)),
SizedBox(height: 10),
Text('跌倒地點: ${fallDetail['跌倒地點']}', style: TextStyle(fontSize: 18)),
// 在這裡可以添加更多詳細資料
],
),
),
);
}
}