288 lines
8.6 KiB
Dart
288 lines
8.6 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';
|
|||
|
|
import 'package:qhd_prevention/tools/tools.dart';
|
|||
|
|
|
|||
|
|
// ----- Models -----
|
|||
|
|
class Category {
|
|||
|
|
final String ELECTRONIC_FENCE_AREA_ID;
|
|||
|
|
final String POSITIONS;
|
|||
|
|
final String name;
|
|||
|
|
final List<Category> children;
|
|||
|
|
|
|||
|
|
Category({
|
|||
|
|
required this.ELECTRONIC_FENCE_AREA_ID,
|
|||
|
|
required this.name,
|
|||
|
|
this.POSITIONS = '',
|
|||
|
|
this.children = const [],
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
factory Category.fromJson(Map<String, dynamic> json) {
|
|||
|
|
// 保护式读取，避免 null 转 List、String 时抛异常
|
|||
|
|
final id = (json['ELECTRONIC_FENCE_AREA_ID'] ?? '').toString();
|
|||
|
|
final name = (json['name'] ?? '').toString();
|
|||
|
|
final positions = (json['POSITIONS'] ?? '').toString();
|
|||
|
|
|
|||
|
|
// children 可能不存在、为 null、或已经是 List
|
|||
|
|
final rawChildren = json['children'];
|
|||
|
|
List<Category> childrenList = [];
|
|||
|
|
if (rawChildren is List) {
|
|||
|
|
childrenList = rawChildren
|
|||
|
|
.where((e) => e != null)
|
|||
|
|
.map((e) {
|
|||
|
|
// e 可能已经是 Map<String,dynamic> 或 dynamic
|
|||
|
|
if (e is Map<String, dynamic>) {
|
|||
|
|
return Category.fromJson(e);
|
|||
|
|
} else if (e is Map) {
|
|||
|
|
return Category.fromJson(Map<String, dynamic>.from(e));
|
|||
|
|
} else {
|
|||
|
|
// 无法解析的项跳过，或返回空占位
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
.whereType<Category>()
|
|||
|
|
.toList();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return Category(
|
|||
|
|
ELECTRONIC_FENCE_AREA_ID: id,
|
|||
|
|
name: name,
|
|||
|
|
POSITIONS: positions,
|
|||
|
|
children: childrenList,
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
typedef DeptSelectCallback =
|
|||
|
|
void Function(String id, String POSITIONS, String name);
|
|||
|
|
|
|||
|
|
class WorkAreaPicker extends StatefulWidget {
|
|||
|
|
final DeptSelectCallback onSelected;
|
|||
|
|
|
|||
|
|
const WorkAreaPicker({Key? key, required this.onSelected}) : super(key: key);
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
_WorkAreaPickerState createState() => _WorkAreaPickerState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _WorkAreaPickerState extends State<WorkAreaPicker> {
|
|||
|
|
String selectedId = '';
|
|||
|
|
String selectedName = '';
|
|||
|
|
String selected_POSITIONS = '';
|
|||
|
|
|
|||
|
|
Set<String> expandedSet = {};
|
|||
|
|
|
|||
|
|
List<Category> original = [];
|
|||
|
|
List<Category> filtered = [];
|
|||
|
|
bool loading = true;
|
|||
|
|
|
|||
|
|
final TextEditingController _searchController = TextEditingController();
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
// 初始均为空
|
|||
|
|
selectedId = '';
|
|||
|
|
selectedName = '';
|
|||
|
|
selected_POSITIONS = '';
|
|||
|
|
expandedSet = {};
|
|||
|
|
_searchController.addListener(_onSearchChanged);
|
|||
|
|
_loadData();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void dispose() {
|
|||
|
|
_searchController.removeListener(_onSearchChanged);
|
|||
|
|
_searchController.dispose();
|
|||
|
|
super.dispose();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _loadData() async {
|
|||
|
|
try {
|
|||
|
|
final result = await ApiService.getWorkAreaList();
|
|||
|
|
final dynamic nodesField = result['zTreeNodes'];
|
|||
|
|
|
|||
|
|
// nodesField 可能是已经解析过的 List 或者是 String（JSON 字符串）
|
|||
|
|
List<dynamic> raw;
|
|||
|
|
if (nodesField is String) {
|
|||
|
|
raw = json.decode(nodesField) as List<dynamic>;
|
|||
|
|
} else if (nodesField is List) {
|
|||
|
|
raw = nodesField;
|
|||
|
|
} else {
|
|||
|
|
raw = [];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// debug 打印（运行中可查看控制台）
|
|||
|
|
// print('raw length = ${raw.length}');
|
|||
|
|
|
|||
|
|
setState(() {
|
|||
|
|
original = raw
|
|||
|
|
.map((e) {
|
|||
|
|
if (e is Map<String, dynamic>) return Category.fromJson(e);
|
|||
|
|
if (e is Map) return Category.fromJson(Map<String, dynamic>.from(e));
|
|||
|
|
return null;
|
|||
|
|
})
|
|||
|
|
.whereType<Category>()
|
|||
|
|
.toList();
|
|||
|
|
filtered = original;
|
|||
|
|
loading = false;
|
|||
|
|
});
|
|||
|
|
} catch (e, st) {
|
|||
|
|
// 打印错误以便调试
|
|||
|
|
// print('loadData error: $e\n$st');
|
|||
|
|
setState(() => loading = false);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _onSearchChanged() {
|
|||
|
|
final query = _searchController.text.toLowerCase().trim();
|
|||
|
|
setState(() {
|
|||
|
|
filtered = query.isEmpty ? original : _filterCategories(original, query);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
List<Category> _filterCategories(List<Category> list, String query) {
|
|||
|
|
List<Category> result = [];
|
|||
|
|
for (var cat in list) {
|
|||
|
|
final children = _filterCategories(cat.children, query);
|
|||
|
|
if (cat.name.toLowerCase().contains(query) || children.isNotEmpty) {
|
|||
|
|
result.add(
|
|||
|
|
Category(
|
|||
|
|
ELECTRONIC_FENCE_AREA_ID: cat.ELECTRONIC_FENCE_AREA_ID,
|
|||
|
|
name: cat.name,
|
|||
|
|
children: children,
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildRow(Category cat, int indent) {
|
|||
|
|
final hasChildren = cat.children.isNotEmpty;
|
|||
|
|
final isExpanded = expandedSet.contains(cat.ELECTRONIC_FENCE_AREA_ID);
|
|||
|
|
final isSelected = cat.ELECTRONIC_FENCE_AREA_ID == selectedId;
|
|||
|
|
return Column(
|
|||
|
|
children: [
|
|||
|
|
InkWell(
|
|||
|
|
onTap: () {
|
|||
|
|
setState(() {
|
|||
|
|
if (hasChildren) {
|
|||
|
|
isExpanded
|
|||
|
|
? expandedSet.remove(cat.ELECTRONIC_FENCE_AREA_ID)
|
|||
|
|
: expandedSet.add(cat.ELECTRONIC_FENCE_AREA_ID);
|
|||
|
|
}
|
|||
|
|
selectedId = cat.ELECTRONIC_FENCE_AREA_ID;
|
|||
|
|
selectedName = cat.name;
|
|||
|
|
selected_POSITIONS = cat.POSITIONS;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
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: Text(cat.name),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|||
|
|
child: Icon(
|
|||
|
|
isSelected
|
|||
|
|
? Icons.radio_button_checked
|
|||
|
|
: Icons.radio_button_unchecked,
|
|||
|
|
color: Colors.green,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (hasChildren && isExpanded)
|
|||
|
|
...cat.children.map((c) => _buildRow(c, indent + 1)),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return Container(
|
|||
|
|
width: MediaQuery.of(context).size.width,
|
|||
|
|
height: MediaQuery.of(context).size.height * 0.7,
|
|||
|
|
color: Colors.white,
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
color: Colors.white,
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
GestureDetector(
|
|||
|
|
onTap: () => Navigator.of(context).pop(),
|
|||
|
|
child: const Text('取消', style: TextStyle(fontSize: 16)),
|
|||
|
|
),
|
|||
|
|
Expanded(
|
|||
|
|
child: Padding(
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 12),
|
|||
|
|
child: SearchBarWidget(
|
|||
|
|
controller: _searchController,
|
|||
|
|
isShowSearchButton: false,
|
|||
|
|
onSearch: (keyboard) {},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
GestureDetector(
|
|||
|
|
onTap: () {
|
|||
|
|
Navigator.of(context).pop();
|
|||
|
|
widget.onSelected(
|
|||
|
|
selectedId,
|
|||
|
|
selected_POSITIONS,
|
|||
|
|
selectedName,
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
child: const Text(
|
|||
|
|
'确定',
|
|||
|
|
style: TextStyle(fontSize: 16, color: Colors.green),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Divider(),
|
|||
|
|
Expanded(
|
|||
|
|
child:
|
|||
|
|
loading
|
|||
|
|
? const Center(child: CircularProgressIndicator())
|
|||
|
|
: Container(
|
|||
|
|
color: Colors.white,
|
|||
|
|
child: ListView.builder(
|
|||
|
|
itemCount: filtered.length,
|
|||
|
|
itemBuilder: (ctx, idx) => _buildRow(filtered[idx], 0),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|