475 lines
13 KiB
Dart
475 lines
13 KiB
Dart
import 'dart:convert';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:qhd_prevention/customWidget/search_bar_widget.dart';
|
||
import 'package:qhd_prevention/http/ApiService.dart';
|
||
|
||
// 数据字典模型
|
||
class DictCategory {
|
||
final String id;
|
||
final String name;
|
||
final Map<String, dynamic> extValues;
|
||
final String parentId;
|
||
final String dictValue;
|
||
final String dictLabel;
|
||
final List<DictCategory> children;
|
||
|
||
late final String dingValue;
|
||
late final String dingName;
|
||
|
||
DictCategory({
|
||
required this.id,
|
||
required this.name,
|
||
required this.children,
|
||
required this.extValues,
|
||
required this.parentId,
|
||
required this.dictValue,
|
||
required this.dictLabel,
|
||
|
||
required this.dingValue,
|
||
required this.dingName,
|
||
});
|
||
|
||
factory DictCategory.fromJson(Map<String, dynamic> json) {
|
||
// 安全读取并兼容字符串或数字类型的 id
|
||
String parseString(dynamic v) {
|
||
if (v == null) return '';
|
||
if (v is String) return v;
|
||
return v.toString();
|
||
}
|
||
|
||
// 处理子节点
|
||
final rawChildren = json['children'];
|
||
List<DictCategory> childrenList = [];
|
||
if (rawChildren is List) {
|
||
try {
|
||
childrenList = rawChildren
|
||
.where((e) => e != null)
|
||
.map((e) => DictCategory.fromJson(Map<String, dynamic>.from(e as Map)))
|
||
.toList();
|
||
} catch (e) {
|
||
childrenList = [];
|
||
}
|
||
}
|
||
|
||
// 处理扩展值
|
||
final extRaw = json['extValues'];
|
||
Map<String, dynamic> extMap = {};
|
||
if (extRaw is Map) {
|
||
extMap = Map<String, dynamic>.from(extRaw);
|
||
}
|
||
|
||
return DictCategory(
|
||
id: parseString(json['id']),
|
||
name: parseString(json['dictLabel'] ?? json['name']), // 兼容新旧字段
|
||
children: childrenList,
|
||
extValues: extMap,
|
||
parentId: parseString(json['parentId']),
|
||
dictValue: parseString(json['dictValue']),
|
||
dictLabel: parseString(json['dictLabel'] ?? json['name']),
|
||
dingValue: "",
|
||
dingName: "",
|
||
);
|
||
}
|
||
|
||
// 转换为Map，便于使用
|
||
Map<String, dynamic> toMap() {
|
||
return {
|
||
'id': id,
|
||
'name': name,
|
||
'dictValue': dictValue,
|
||
'dictLabel': dictLabel,
|
||
'parentId': parentId,
|
||
'extValues': extValues,
|
||
};
|
||
}
|
||
}
|
||
|
||
/// 数据字典选择器回调签名
|
||
typedef DictSelectCallback = void Function(String id, String name, Map<String, dynamic>? extraData);
|
||
|
||
class MultiDictValuesPicker extends StatefulWidget {
|
||
/// 字典类型
|
||
final String dictType;
|
||
|
||
/// 回调，返回选中项的 id, name 和额外数据
|
||
final DictSelectCallback onSelected;
|
||
|
||
/// 是否显示搜索框
|
||
final bool showSearch;
|
||
|
||
/// 标题
|
||
final String title;
|
||
|
||
/// 确认按钮文本
|
||
final String confirmText;
|
||
|
||
/// 取消按钮文本
|
||
final String cancelText;
|
||
|
||
const MultiDictValuesPicker({
|
||
Key? key,
|
||
required this.dictType,
|
||
required this.onSelected,
|
||
this.showSearch = true,
|
||
this.title = '请选择',
|
||
this.confirmText = '确定',
|
||
this.cancelText = '取消',
|
||
}) : super(key: key);
|
||
|
||
@override
|
||
_MultiDictValuesPickerState createState() => _MultiDictValuesPickerState();
|
||
}
|
||
|
||
class _MultiDictValuesPickerState extends State<MultiDictValuesPicker> {
|
||
String selectedId = '';
|
||
String selectedName = '';
|
||
Map<String, dynamic>? selectedExtraData;
|
||
Set<String> expandedSet = {};
|
||
|
||
List<DictCategory> original = [];
|
||
List<DictCategory> filtered = [];
|
||
bool loading = true;
|
||
bool error = false;
|
||
String errorMessage = '';
|
||
|
||
String dingValueWai = '';
|
||
String dingNameWai = '';
|
||
|
||
final TextEditingController _searchController = TextEditingController();
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
selectedId = '';
|
||
selectedName = '';
|
||
expandedSet = {};
|
||
_searchController.addListener(_onSearchChanged);
|
||
_loadDictData();
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_searchController.removeListener(_onSearchChanged);
|
||
_searchController.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
Future<void> _loadDictData() async {
|
||
try {
|
||
setState(() {
|
||
loading = true;
|
||
error = false;
|
||
});
|
||
|
||
final result = await BasicInfoApi.getDictValues(widget.dictType);
|
||
final raw = result['data'] as List<dynamic>;
|
||
setState(() {
|
||
original = raw.map((e) => DictCategory.fromJson(e as Map<String, dynamic>)).toList();
|
||
filtered = original;
|
||
loading = false;
|
||
});
|
||
} catch (e) {
|
||
setState(() {
|
||
loading = false;
|
||
error = true;
|
||
errorMessage = e.toString();
|
||
});
|
||
}
|
||
}
|
||
|
||
void _onSearchChanged() {
|
||
final query = _searchController.text.toLowerCase().trim();
|
||
setState(() {
|
||
filtered = query.isEmpty ? original : _filterCategories(original, query);
|
||
// 搜索时展开所有节点以便查看结果
|
||
if (query.isNotEmpty) {
|
||
expandedSet.addAll(_getAllExpandableIds(filtered));
|
||
}
|
||
});
|
||
}
|
||
|
||
Set<String> _getAllExpandableIds(List<DictCategory> categories) {
|
||
Set<String> ids = {};
|
||
for (var category in categories) {
|
||
if (category.children.isNotEmpty) {
|
||
ids.add(category.id);
|
||
ids.addAll(_getAllExpandableIds(category.children));
|
||
}
|
||
}
|
||
return ids;
|
||
}
|
||
|
||
List<DictCategory> _filterCategories(List<DictCategory> list, String query) {
|
||
List<DictCategory> result = [];
|
||
for (var cat in list) {
|
||
final children = _filterCategories(cat.children, query);
|
||
if (cat.name.toLowerCase().contains(query) || children.isNotEmpty) {
|
||
result.add(
|
||
DictCategory(
|
||
id: cat.id,
|
||
name: cat.name,
|
||
children: children,
|
||
extValues: cat.extValues,
|
||
parentId: cat.parentId,
|
||
dictValue: cat.dictValue,
|
||
dictLabel: cat.dictLabel,
|
||
dingValue: "",
|
||
dingName: "",
|
||
),
|
||
);
|
||
}
|
||
}
|
||
return result;
|
||
}
|
||
|
||
Widget _buildRow(DictCategory category, int indent) {
|
||
final hasChildren = category.children.isNotEmpty;
|
||
final isExpanded = expandedSet.contains(category.id);
|
||
final isSelected = category.id == selectedId;
|
||
|
||
return Column(
|
||
children: [
|
||
InkWell(
|
||
onTap: () {
|
||
setState(() {
|
||
if (hasChildren) {
|
||
isExpanded
|
||
? expandedSet.remove(category.id)
|
||
: expandedSet.add(category.id);
|
||
}
|
||
selectedId = category.id;
|
||
selectedName = category.name;
|
||
selectedExtraData = category.toMap();
|
||
if(indent==0){
|
||
dingValueWai =category.dictValue;
|
||
dingNameWai =category.name;
|
||
}
|
||
});
|
||
},
|
||
child: Container(
|
||
color: Colors.white,
|
||
child: Row(
|
||
children: [
|
||
SizedBox(width: 16.0 * indent),
|
||
SizedBox(
|
||
width: 24,
|
||
child: hasChildren
|
||
? Icon(
|
||
isExpanded
|
||
? Icons.arrow_drop_down_rounded
|
||
: Icons.arrow_right_rounded,
|
||
size: 35,
|
||
color: Colors.grey[600],
|
||
)
|
||
: const SizedBox.shrink(),
|
||
),
|
||
const SizedBox(width: 5),
|
||
Expanded(
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 12),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(
|
||
category.name,
|
||
style: TextStyle(
|
||
fontWeight: isSelected ? FontWeight.bold : FontWeight.normal,
|
||
color: Colors.black,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||
child: Icon(
|
||
isSelected
|
||
? Icons.radio_button_checked
|
||
: Icons.radio_button_unchecked,
|
||
color: Colors.blue,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
if (hasChildren && isExpanded)
|
||
...category.children.map((child) => _buildRow(child, indent + 1)),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildTitleBar() {
|
||
return Container(
|
||
color: Colors.white,
|
||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
||
child: Center(
|
||
child: Text(
|
||
widget.title,
|
||
style: const TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildActionBar() {
|
||
return Container(
|
||
color: Colors.white,
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||
child: Row(
|
||
children: [
|
||
// 取消按钮
|
||
GestureDetector(
|
||
onTap: () => Navigator.of(context).pop(),
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||
child: Text(
|
||
widget.cancelText,
|
||
style: const TextStyle(fontSize: 16, color: Colors.grey),
|
||
),
|
||
),
|
||
),
|
||
|
||
// 搜索框（如果有搜索功能）
|
||
if (widget.showSearch) ...[
|
||
Expanded(
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12),
|
||
child: SearchBarWidget(
|
||
controller: _searchController,
|
||
isShowSearchButton: false,
|
||
onSearch: (keyboard) {},
|
||
),
|
||
),
|
||
),
|
||
] else ...[
|
||
const Expanded(child: SizedBox()),
|
||
],
|
||
|
||
// 确定按钮
|
||
GestureDetector(
|
||
onTap: selectedId.isEmpty
|
||
? null
|
||
: () {
|
||
selectedExtraData?['dingValue']=dingValueWai ;
|
||
selectedExtraData?['dingName']=dingNameWai ;
|
||
Navigator.of(context).pop();
|
||
widget.onSelected(selectedId, selectedName, selectedExtraData);
|
||
},
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||
child: Text(
|
||
widget.confirmText,
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
color: selectedId.isEmpty ? Colors.grey : Colors.blue,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildContent() {
|
||
if (loading) {
|
||
return const Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
CircularProgressIndicator(),
|
||
SizedBox(height: 16),
|
||
Text('加载中...'),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
if (error) {
|
||
return Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
const Icon(Icons.error_outline, size: 48, color: Colors.red),
|
||
const SizedBox(height: 16),
|
||
const Text('加载失败', style: TextStyle(fontSize: 16)),
|
||
const SizedBox(height: 8),
|
||
Text(
|
||
errorMessage,
|
||
style: const TextStyle(fontSize: 12, color: Colors.grey),
|
||
textAlign: TextAlign.center,
|
||
),
|
||
const SizedBox(height: 16),
|
||
ElevatedButton(
|
||
onPressed: _loadDictData,
|
||
child: const Text('重试'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
if (filtered.isEmpty) {
|
||
return const Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.search_off, size: 48, color: Colors.grey),
|
||
SizedBox(height: 16),
|
||
Text('暂无数据', style: TextStyle(fontSize: 16, color: Colors.grey)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
return Container(
|
||
color: Colors.white,
|
||
child: ListView.builder(
|
||
itemCount: filtered.length,
|
||
itemBuilder: (ctx, idx) => _buildRow(filtered[idx], 0),
|
||
),
|
||
);
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
width: MediaQuery.of(context).size.width,
|
||
height: MediaQuery.of(context).size.height * 0.7,
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: const BorderRadius.only(
|
||
topLeft: Radius.circular(12),
|
||
topRight: Radius.circular(12),
|
||
),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: Colors.black.withOpacity(0.1),
|
||
blurRadius: 10,
|
||
offset: const Offset(0, -2),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
children: [
|
||
// 标题行
|
||
// _buildTitleBar(),
|
||
// 操作行（取消、搜索、确定）
|
||
_buildActionBar(),
|
||
const Divider(height: 1),
|
||
|
||
// 内容区域
|
||
Expanded(
|
||
child: _buildContent(),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
} |