First Commit
This commit is contained in:
@@ -0,0 +1,173 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import './house_note_model.dart';
|
||||
import './house_note_api.dart';
|
||||
// import 'package:uuid/uuid.dart';
|
||||
|
||||
class HouseEvaluationForm extends StatefulWidget {
|
||||
final String houseId;
|
||||
final String houseTitle;
|
||||
|
||||
const HouseEvaluationForm({required this.houseId, required this.houseTitle, super.key});
|
||||
|
||||
@override
|
||||
State<HouseEvaluationForm> createState() => _HouseEvaluationFormState();
|
||||
}
|
||||
|
||||
class _HouseEvaluationFormState extends State<HouseEvaluationForm> {
|
||||
final _api = HouseNoteApiService();
|
||||
bool _isLoading = true;
|
||||
|
||||
List<CheckCategory> _categories = [];
|
||||
List<CheckItem> _allItems = [];
|
||||
final Map<String, HouseEvaluation> _evalMap = {}; // Key: checkItemId
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_loadData();
|
||||
}
|
||||
|
||||
Future<void> _loadData() async {
|
||||
try {
|
||||
final results = await Future.wait([
|
||||
_api.fetchCategories(),
|
||||
_api.fetchAllCheckItems(),
|
||||
_api.fetchEvaluations(widget.houseId),
|
||||
]);
|
||||
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_categories = results[0] as List<CheckCategory>;
|
||||
_allItems = results[1] as List<CheckItem>;
|
||||
|
||||
// 將已有的評估紀錄放入 Map
|
||||
final existingEvals = results[2] as List<HouseEvaluation>;
|
||||
for (var e in existingEvals) {
|
||||
_evalMap[e.checkItemId] = e;
|
||||
}
|
||||
|
||||
_isLoading = false;
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
debugPrint("載入失敗: $e");
|
||||
// 【關鍵修正】避免發生錯誤時畫面永遠轉圈圈(無反應)
|
||||
if (mounted) {
|
||||
setState(() => _isLoading = false);
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text('資料載入失敗,請檢查網路或 API: $e')),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _saveAll() async {
|
||||
setState(() => _isLoading = true);
|
||||
|
||||
// 只儲存有打分數 (score > 0) 的項目
|
||||
final toSave = _evalMap.values.where((e) => e.score > 0).toList();
|
||||
|
||||
for (var eval in toSave) {
|
||||
await _api.saveSingleEvaluation(eval);
|
||||
}
|
||||
|
||||
if (mounted) Navigator.pop(context, true);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Text('${widget.houseTitle} - 賞屋評估'),
|
||||
actions: [
|
||||
IconButton(icon: const Icon(Icons.check), onPressed: _isLoading ? null : _saveAll),
|
||||
],
|
||||
),
|
||||
body: _isLoading
|
||||
? const Center(child: CircularProgressIndicator())
|
||||
: ListView.builder(
|
||||
itemCount: _categories.length,
|
||||
itemBuilder: (context, catIdx) {
|
||||
final cat = _categories[catIdx];
|
||||
final items = _allItems.where((i) => i.categoryId == cat.id).toList();
|
||||
|
||||
return ExpansionTile(
|
||||
initiallyExpanded: catIdx == 0,
|
||||
title: Text(cat.name, style: const TextStyle(fontWeight: FontWeight.bold, color: Colors.blue)),
|
||||
children: items.map((item) => _buildItemRow(item)).toList(),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildItemRow(CheckItem item) {
|
||||
// 取得或初始化該項目的評估狀態
|
||||
final eval = _evalMap.putIfAbsent(
|
||||
item.id,
|
||||
() => HouseEvaluation(
|
||||
houseId: widget.houseId,
|
||||
checkItemId: item.id,
|
||||
itemName: item.name, // 【關鍵修正】把項目的中文名稱也傳進去
|
||||
)
|
||||
);
|
||||
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(item.name, style: const TextStyle(fontSize: 15)),
|
||||
const SizedBox(height: 4),
|
||||
Row(
|
||||
children: [
|
||||
// 1-5 分評分 (星星)
|
||||
...List.generate(5, (index) {
|
||||
int starValue = index + 1;
|
||||
return IconButton(
|
||||
icon: Icon(
|
||||
starValue <= eval.score ? Icons.star : Icons.star_border,
|
||||
color: Colors.orange,
|
||||
),
|
||||
onPressed: () => setState(() => eval.score = starValue),
|
||||
);
|
||||
}),
|
||||
const Spacer(),
|
||||
// 備註按鈕
|
||||
IconButton(
|
||||
icon: Icon(Icons.note_alt_outlined, color: (eval.itemMemo?.isNotEmpty ?? false) ? Colors.blue : Colors.grey),
|
||||
onPressed: () => _editMemo(eval),
|
||||
),
|
||||
],
|
||||
),
|
||||
const Divider(),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _editMemo(HouseEvaluation eval) {
|
||||
final controller = TextEditingController(text: eval.itemMemo);
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (context) => AlertDialog(
|
||||
title: const Text('項目備註'),
|
||||
content: TextField(
|
||||
controller: controller,
|
||||
maxLines: 3,
|
||||
decoration: const InputDecoration(hintText: '輸入屋況細節 (如:疑似壁癌...)'),
|
||||
),
|
||||
actions: [
|
||||
TextButton(onPressed: () => Navigator.pop(context), child: const Text('取消')),
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
setState(() => eval.itemMemo = controller.text);
|
||||
Navigator.pop(context);
|
||||
},
|
||||
child: const Text('確定')
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user