486 lines
16 KiB
Dart
486 lines
16 KiB
Dart
import 'dart:io';
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:qhd_prevention/customWidget/custom_alert_dialog.dart';
|
||
import 'package:qhd_prevention/customWidget/custom_button.dart';
|
||
import 'package:qhd_prevention/customWidget/dotted_border_box.dart';
|
||
import 'package:qhd_prevention/customWidget/photo_picker_row.dart';
|
||
import 'package:qhd_prevention/customWidget/single_image_viewer.dart';
|
||
import 'package:qhd_prevention/http/ApiService.dart';
|
||
import 'package:qhd_prevention/tools/tools.dart';
|
||
|
||
// 操作类型枚举
|
||
enum OperationType {
|
||
// 检查
|
||
check,
|
||
// 安全措施
|
||
measure,
|
||
}
|
||
|
||
class MultiTextFieldWithTitle extends StatefulWidget {
|
||
final String label;
|
||
final List<dynamic> items; // 改为包含文本和图片的列表（外部结构任意字段都会保留）
|
||
final bool isEditable;
|
||
final bool isAddImage;
|
||
final String hintText;
|
||
final double fontSize;
|
||
final bool isRequired;
|
||
final bool isDeletFirst;
|
||
final OperationType operationType;
|
||
|
||
final ValueChanged<List<Map<String, dynamic>>> onItemsChanged;
|
||
|
||
const MultiTextFieldWithTitle({
|
||
super.key,
|
||
required this.label,
|
||
required this.isEditable,
|
||
required this.hintText,
|
||
required this.onItemsChanged,
|
||
this.fontSize = 15,
|
||
this.items = const [],
|
||
this.isRequired = true,
|
||
this.isAddImage = true,
|
||
this.isDeletFirst = false,
|
||
this.operationType = OperationType.check,
|
||
});
|
||
|
||
@override
|
||
State<MultiTextFieldWithTitle> createState() =>
|
||
_MultiTextFieldWithTitleState();
|
||
}
|
||
|
||
class _MultiTextFieldWithTitleState extends State<MultiTextFieldWithTitle> {
|
||
final List<TextEditingController> _controllers = [];
|
||
final List<FocusNode> _focusNodes = [];
|
||
|
||
/// 保存每一项的完整 map（来自 widget.items 的深复制），这样可以保留额外字段
|
||
final List<Map<String, dynamic>> _itemsData = [];
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
_initializeFromItems();
|
||
}
|
||
|
||
void _initializeFromItems() {
|
||
// 释放旧资源
|
||
for (var c in _controllers) {
|
||
c.dispose();
|
||
}
|
||
for (var n in _focusNodes) {
|
||
n.dispose();
|
||
}
|
||
_controllers.clear();
|
||
_focusNodes.clear();
|
||
_itemsData.clear();
|
||
|
||
if (widget.items.isNotEmpty) {
|
||
for (final rawItem in widget.items) {
|
||
// 保守地把外部 item 转成 Map 并深复制一份（避免引用同一对象）
|
||
Map<String, dynamic> item;
|
||
if (rawItem is Map<String, dynamic>) {
|
||
item = Map<String, dynamic>.from(rawItem);
|
||
} else {
|
||
// 如果传入不是 map，尝试包成 map
|
||
item = {'content': rawItem?.toString() ?? ''};
|
||
}
|
||
|
||
// 兼容字段：优先 content，再兜底空字符串
|
||
final text = item['content'] ?? '';
|
||
|
||
// 规范化：如果只有 imgPath（字符串）存在，也在 imgPaths 中保持 list 表示
|
||
if (item.containsKey('imgPath') && !item.containsKey('imgPaths')) {
|
||
final v = item['imgPath'];
|
||
if (v == null) {
|
||
item['imgPaths'] = <String>[];
|
||
} else if (v is String && v.isNotEmpty) {
|
||
item['imgPaths'] = [v];
|
||
} else if (v is List) {
|
||
item['imgPaths'] = List<String>.from(v.map((e) => e.toString()));
|
||
} else {
|
||
item['imgPaths'] = <String>[];
|
||
}
|
||
} else if (!item.containsKey('imgPaths')) {
|
||
item['imgPaths'] = <String>[];
|
||
} else {
|
||
// 确保 imgPaths 是 List<String>
|
||
final v = item['imgPaths'];
|
||
if (v == null) {
|
||
item['imgPaths'] = <String>[];
|
||
} else if (v is List) {
|
||
item['imgPaths'] = List<String>.from(v.map((e) => e.toString()));
|
||
} else if (v is String && v.isNotEmpty) {
|
||
item['imgPaths'] = [v];
|
||
} else {
|
||
item['imgPaths'] = <String>[];
|
||
}
|
||
}
|
||
|
||
final controller = TextEditingController(text: text);
|
||
final node = FocusNode();
|
||
controller.addListener(_onDataChanged);
|
||
|
||
_controllers.add(controller);
|
||
_focusNodes.add(node);
|
||
_itemsData.add(item);
|
||
}
|
||
} else {
|
||
// 没有初始值，创建一个空项
|
||
if (widget.operationType == OperationType.check)
|
||
_addNewItem(initialize: true);
|
||
}
|
||
|
||
// 触发一次回调（保证外面拿到初始结构）
|
||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||
if (mounted) _onDataChanged();
|
||
});
|
||
}
|
||
|
||
@override
|
||
void didUpdateWidget(covariant MultiTextFieldWithTitle oldWidget) {
|
||
super.didUpdateWidget(oldWidget);
|
||
|
||
// 当外部传入的 items 发生变化时，重新初始化
|
||
if (oldWidget.items != widget.items) {
|
||
_initializeFromItems();
|
||
}
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
for (var c in _controllers) {
|
||
c.dispose();
|
||
}
|
||
for (var n in _focusNodes) {
|
||
n.dispose();
|
||
}
|
||
super.dispose();
|
||
}
|
||
|
||
void _onDataChanged() {
|
||
widget.onItemsChanged(_getAllItems());
|
||
}
|
||
|
||
// 获取当前每一项的图片路径列表（List<String>）
|
||
List<String> _getImageListForIndex(int index) {
|
||
if (index < 0 || index >= _itemsData.length) return <String>[];
|
||
final v = _itemsData[index]['imgPaths'];
|
||
if (v == null) return <String>[];
|
||
if (v is List<String>) return List<String>.from(v);
|
||
if (v is List) return List<String>.from(v.map((e) => e.toString()));
|
||
if (v is String && v.isNotEmpty) return [v];
|
||
return <String>[];
|
||
}
|
||
|
||
// 将新的图片列表写回 itemsData，同时也同步 imgPath 单字符串字段以兼容外部期待
|
||
void _setImageListForIndex(int index, List<String> list) {
|
||
if (index < 0 || index >= _itemsData.length) return;
|
||
_itemsData[index]['imgPaths'] = List<String>.from(list);
|
||
// 同时更新单值字段，保持兼容（取第一张或空字符串）
|
||
_itemsData[index]['imgPath'] = list.isNotEmpty ? list.first : '';
|
||
}
|
||
|
||
// 添加新条目
|
||
void _addNewItem({bool initialize = false}) {
|
||
// initialize 标识初始化阶段（避免重复触发回调两次，但我们仍然会触发 onDataChanged）
|
||
setState(() {
|
||
final newController = TextEditingController();
|
||
final newFocusNode = FocusNode();
|
||
|
||
newController.addListener(_onDataChanged);
|
||
|
||
// 新建项：尽量包含 content、imgPath、imgPaths，其他字段为空（外部已有项的字段会被保留）
|
||
final Map<String, dynamic> newItem = {
|
||
'content': '',
|
||
'imgPath': '',
|
||
'imgPaths': <String>[],
|
||
};
|
||
|
||
_controllers.add(newController);
|
||
_focusNodes.add(newFocusNode);
|
||
_itemsData.add(newItem);
|
||
|
||
// 只有在非初始化时触发回调；但仍然需要回调让调用方获取最新结构（加上 initialize 选项）
|
||
if (!initialize) _onDataChanged();
|
||
});
|
||
}
|
||
|
||
// 删除条目
|
||
void _removeItem(int index) async {
|
||
if (_controllers.length <= 1) return;
|
||
|
||
final confirmed = await CustomAlertDialog.showConfirm(
|
||
context,
|
||
title: '提示',
|
||
content: '确定删除此项吗？',
|
||
cancelText: '取消',
|
||
confirmText: '确定',
|
||
);
|
||
if (!confirmed) return;
|
||
|
||
setState(() {
|
||
_controllers[index].dispose();
|
||
_focusNodes[index].dispose();
|
||
|
||
_controllers.removeAt(index);
|
||
_focusNodes.removeAt(index);
|
||
_itemsData.removeAt(index);
|
||
|
||
_onDataChanged();
|
||
});
|
||
}
|
||
|
||
// 返回当前所有项的完整 Map 列表（保留原有字段，只更新 content/imgPaths/imgPath）
|
||
List<Map<String, dynamic>> _getAllItems() {
|
||
final List<Map<String, dynamic>> items = [];
|
||
for (int i = 0; i < _itemsData.length; i++) {
|
||
final Map<String, dynamic> copy = Map<String, dynamic>.from(
|
||
_itemsData[i],
|
||
);
|
||
// 确保 content 与图片字段同步最新值
|
||
copy['content'] = _controllers[i].text;
|
||
// 保证 imgPaths 是 List<String>
|
||
final imgs = _getImageListForIndex(i);
|
||
copy['imgPaths'] = imgs;
|
||
copy['imgPath'] = imgs.isNotEmpty ? imgs.first : '';
|
||
items.add(copy);
|
||
}
|
||
return items;
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
padding: const EdgeInsets.symmetric(vertical: 5, horizontal: 12),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// 标题行
|
||
InkWell(
|
||
child: Row(
|
||
children: [
|
||
Flexible(
|
||
fit: FlexFit.loose,
|
||
child: Row(
|
||
children: [
|
||
if (widget.isRequired && widget.isEditable)
|
||
const Text('* ', style: TextStyle(color: Colors.red)),
|
||
Flexible(
|
||
child: Text(
|
||
widget.label,
|
||
style: TextStyle(
|
||
fontSize: widget.fontSize,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
if (widget.isEditable)
|
||
CustomButton(
|
||
text: " 添加 ",
|
||
height: 30,
|
||
padding: const EdgeInsets.symmetric(
|
||
vertical: 2,
|
||
horizontal: 5,
|
||
),
|
||
backgroundColor: Colors.blue,
|
||
onPressed: _addNewItem,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
const SizedBox(height: 8),
|
||
|
||
// 条目区域
|
||
Column(
|
||
children: [
|
||
..._controllers.asMap().entries.map((entry) {
|
||
final index = entry.key;
|
||
final itemMap = _itemsData[index];
|
||
final item = {
|
||
'content': _controllers[index].text,
|
||
'imgPaths': _getImageListForIndex(index),
|
||
// 这里只是便于 _buildItem 使用；真实的完整 map 存在于 _itemsData
|
||
};
|
||
return _buildItem(index, itemMap);
|
||
}).toList(),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildItem(int index, Map<String, dynamic> fullItemMap) {
|
||
final text = _controllers[index].text;
|
||
final imageList = _getImageListForIndex(index);
|
||
final itemTitle =
|
||
widget.operationType == OperationType.check
|
||
? '检查情况${index + 1}'
|
||
: '其他安全措施${index + 1}';
|
||
return Container(
|
||
margin: const EdgeInsets.only(bottom: 16),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// 标题行（显示"检查情况1、2、3..."）
|
||
if (_controllers.length > 1)
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 0, left: 8, right: 8),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
if (index > 0)
|
||
Text(
|
||
itemTitle,
|
||
style: TextStyle(
|
||
fontSize: widget.fontSize,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
if (widget.isEditable && index > 0)
|
||
IconButton(
|
||
onPressed: () => _removeItem(index),
|
||
icon: const Icon(
|
||
Icons.close,
|
||
color: Colors.red,
|
||
size: 30,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
|
||
// 内容区域
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 7, vertical: 7),
|
||
child: SizedBox(
|
||
width: double.maxFinite,
|
||
child: DottedBorderBox(
|
||
child:
|
||
widget.isEditable
|
||
? TextField(
|
||
controller: _controllers[index],
|
||
decoration: InputDecoration(
|
||
hintText: widget.hintText,
|
||
),
|
||
focusNode: _focusNodes[index],
|
||
keyboardType: TextInputType.multiline,
|
||
maxLines: 3,
|
||
style: TextStyle(fontSize: widget.fontSize),
|
||
)
|
||
: Padding(
|
||
padding: const EdgeInsets.all(12),
|
||
child: Text(
|
||
text.isEmpty ? '暂无内容' : text,
|
||
style: TextStyle(
|
||
fontSize: widget.fontSize,
|
||
color: text.isEmpty ? Colors.grey : Colors.black,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
|
||
// 图片区域（编辑态）
|
||
if (widget.isEditable && widget.isAddImage)
|
||
RepairedPhotoSection(
|
||
title: '图片',
|
||
maxCount: 1,
|
||
isEdit: widget.isEditable,
|
||
followInitialUpdates: true,
|
||
// 关键：只传当前条目的图片数组
|
||
initialMediaPaths: imageList,
|
||
// 当本地文件变化（用户选择/删除）回调，用它同步到 _itemsData
|
||
onChanged: (files) {
|
||
// setState(() {
|
||
// if (files.isNotEmpty) {
|
||
// imageList[index] = files.first.path;
|
||
// } else {
|
||
// imageList[index] = '';
|
||
// }
|
||
// });
|
||
// _onDataChanged();
|
||
},
|
||
onMediaAdded: (localPath) async {
|
||
// 也可能单独使用该回调，本处把它当成新增单张图片
|
||
final List<String> current = _getImageListForIndex(index);
|
||
current.add(localPath);
|
||
setState(() {
|
||
_setImageListForIndex(index, current);
|
||
});
|
||
_onDataChanged();
|
||
},
|
||
onMediaRemoved: (localPath) async {
|
||
final List<String> current = _getImageListForIndex(index);
|
||
current.removeWhere((p) => p == localPath);
|
||
setState(() {
|
||
_setImageListForIndex(index, current);
|
||
});
|
||
_onDataChanged();
|
||
},
|
||
onMediaTapped: (path) async {
|
||
presentOpaque(SingleImageViewer(imageUrl: path), context);
|
||
},
|
||
onAiIdentify: () {},
|
||
),
|
||
|
||
// 非编辑态显示只读图片
|
||
if (!widget.isEditable && imageList.isNotEmpty)
|
||
_buildReadOnlyImage(imageList.first),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildReadOnlyImage(String imagePath) {
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 7),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
'图片:',
|
||
style: TextStyle(
|
||
fontSize: widget.fontSize - 1,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
const SizedBox(height: 4),
|
||
GestureDetector(
|
||
child: Container(
|
||
width: 100,
|
||
height: 100,
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(8),
|
||
image: DecorationImage(
|
||
image: _getImageProvider(imagePath),
|
||
fit: BoxFit.cover,
|
||
),
|
||
),
|
||
),
|
||
onTap: () {
|
||
presentOpaque(SingleImageViewer(imageUrl: imagePath), context);
|
||
},
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
ImageProvider _getImageProvider(String imagePath) {
|
||
if (imagePath.startsWith('http')) {
|
||
return NetworkImage(imagePath);
|
||
} else {
|
||
return FileImage(File(imagePath));
|
||
}
|
||
}
|
||
}
|