466 lines
13 KiB
Dart
466 lines
13 KiB
Dart
|
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/pages/mine/onboarding_full_page.dart';
|
|||
|
|
import 'package:qhd_prevention/pages/my_appbar.dart';
|
|||
|
|
|
|||
|
|
// lpinyin 用于中文转拼音
|
|||
|
|
import 'package:lpinyin/lpinyin.dart';
|
|||
|
|
import 'package:qhd_prevention/tools/tools.dart';
|
|||
|
|
|
|||
|
|
class FirmListPage extends StatefulWidget {
|
|||
|
|
const FirmListPage({super.key});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
State<FirmListPage> createState() => _FirmListPageState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _FirmListPageState extends State<FirmListPage> {
|
|||
|
|
List _firmList = []; // 原始数据（全部）
|
|||
|
|
List _displayList = []; // 经过搜索过滤后用于显示的数据
|
|||
|
|
|
|||
|
|
final Map<String, List<Map>> _sections = {};
|
|||
|
|
final List<String> _sectionOrder = [];
|
|||
|
|
|
|||
|
|
final ScrollController _scrollController = ScrollController();
|
|||
|
|
final TextEditingController _searchController = TextEditingController();
|
|||
|
|
|
|||
|
|
static const double headerHeight = 40.0;
|
|||
|
|
static const double itemHeight = 64.0;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
_getFirmList();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _getFirmList() async {
|
|||
|
|
try {
|
|||
|
|
LoadingDialogHelper.show();
|
|||
|
|
final result = await BasicInfoApi.getFirmList({'enterpriseType': 3});
|
|||
|
|
LoadingDialogHelper.hide();
|
|||
|
|
if (result['success'] == true && result['data'] is List) {
|
|||
|
|
setState(() {
|
|||
|
|
_firmList = List.from(result['data']);
|
|||
|
|
_displayList = List.from(_firmList);
|
|||
|
|
});
|
|||
|
|
_groupAndSort();
|
|||
|
|
} else {
|
|||
|
|
setState(() {
|
|||
|
|
_firmList = [];
|
|||
|
|
_displayList = [];
|
|||
|
|
_sections.clear();
|
|||
|
|
_sectionOrder.clear();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
// 处理异常
|
|||
|
|
setState(() {
|
|||
|
|
_firmList = [];
|
|||
|
|
_displayList = [];
|
|||
|
|
_sections.clear();
|
|||
|
|
_sectionOrder.clear();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 取企业显示名（优先字段）
|
|||
|
|
String _firmName(Map m) {
|
|||
|
|
final keys = [
|
|||
|
|
'corpName',
|
|||
|
|
'companyName',
|
|||
|
|
'name',
|
|||
|
|
'firmName',
|
|||
|
|
'title',
|
|||
|
|
'epcProjectName',
|
|||
|
|
];
|
|||
|
|
for (final k in keys) {
|
|||
|
|
if (m.containsKey(k) &&
|
|||
|
|
m[k] != null &&
|
|||
|
|
m[k].toString().trim().isNotEmpty) {
|
|||
|
|
return m[k].toString().trim();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 若没有合适字段，尝试取第一个非空 value
|
|||
|
|
for (final entry in m.entries) {
|
|||
|
|
final v = entry.value;
|
|||
|
|
if (v is String && v.trim().isNotEmpty) return v.trim();
|
|||
|
|
if (v is num) return v.toString();
|
|||
|
|
}
|
|||
|
|
return '未命名企业';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 将 displayList 按拼音首字母分组并排序
|
|||
|
|
void _groupAndSort() {
|
|||
|
|
_sections.clear();
|
|||
|
|
|
|||
|
|
for (final raw in _displayList) {
|
|||
|
|
if (raw is! Map) continue;
|
|||
|
|
final name = _firmName(raw);
|
|||
|
|
|
|||
|
|
String shortPinyin = '';
|
|||
|
|
try {
|
|||
|
|
shortPinyin = PinyinHelper.getShortPinyin(name);
|
|||
|
|
} catch (_) {
|
|||
|
|
shortPinyin = '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final firstLetter =
|
|||
|
|
(shortPinyin.isNotEmpty
|
|||
|
|
? shortPinyin[0].toUpperCase()
|
|||
|
|
: (name.isNotEmpty ? name[0].toUpperCase() : '#'));
|
|||
|
|
final letter =
|
|||
|
|
RegExp(r'^[A-Z]$').hasMatch(firstLetter) ? firstLetter : '#';
|
|||
|
|
|
|||
|
|
_sections.putIfAbsent(letter, () => []).add(raw);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 对每个分组内部按拼音全拼排序（不带声调）
|
|||
|
|
for (final k in _sections.keys) {
|
|||
|
|
_sections[k]!.sort((a, b) {
|
|||
|
|
final na = _firmName(a);
|
|||
|
|
final nb = _firmName(b);
|
|||
|
|
|
|||
|
|
String pa;
|
|||
|
|
String pb;
|
|||
|
|
try {
|
|||
|
|
pa =
|
|||
|
|
PinyinHelper.getPinyin(
|
|||
|
|
na,
|
|||
|
|
separator: '',
|
|||
|
|
format: PinyinFormat.WITHOUT_TONE,
|
|||
|
|
).toLowerCase();
|
|||
|
|
} catch (_) {
|
|||
|
|
pa = na.toLowerCase();
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
pb =
|
|||
|
|
PinyinHelper.getPinyin(
|
|||
|
|
nb,
|
|||
|
|
separator: '',
|
|||
|
|
format: PinyinFormat.WITHOUT_TONE,
|
|||
|
|
).toLowerCase();
|
|||
|
|
} catch (_) {
|
|||
|
|
pb = nb.toLowerCase();
|
|||
|
|
}
|
|||
|
|
return pa.compareTo(pb);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 构建分组顺序：A..Z，然后 '#'
|
|||
|
|
final letters = List<String>.generate(
|
|||
|
|
26,
|
|||
|
|
(i) => String.fromCharCode(65 + i),
|
|||
|
|
);
|
|||
|
|
final order = <String>[];
|
|||
|
|
for (final l in letters) {
|
|||
|
|
if (_sections.containsKey(l)) order.add(l);
|
|||
|
|
}
|
|||
|
|
if (_sections.containsKey('#')) order.add('#');
|
|||
|
|
|
|||
|
|
setState(() {
|
|||
|
|
_sectionOrder
|
|||
|
|
..clear()
|
|||
|
|
..addAll(order);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 过滤函数：支持中文直接匹配，也支持拼音匹配
|
|||
|
|
void _applyFilter(String q) {
|
|||
|
|
final query = q.trim();
|
|||
|
|
if (query.isEmpty) {
|
|||
|
|
setState(() {
|
|||
|
|
_displayList = List.from(_firmList);
|
|||
|
|
});
|
|||
|
|
_groupAndSort();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final qLower = query.toLowerCase();
|
|||
|
|
final filtered = <dynamic>[];
|
|||
|
|
|
|||
|
|
for (final raw in _firmList) {
|
|||
|
|
if (raw is! Map) continue;
|
|||
|
|
final name = _firmName(raw);
|
|||
|
|
final nameLower = name.toLowerCase();
|
|||
|
|
|
|||
|
|
bool matched = false;
|
|||
|
|
// 1) 中文/英文直接包含
|
|||
|
|
if (nameLower.contains(qLower)) matched = true;
|
|||
|
|
|
|||
|
|
// 2) 拼音匹配
|
|||
|
|
if (!matched) {
|
|||
|
|
try {
|
|||
|
|
final pinyin =
|
|||
|
|
PinyinHelper.getPinyin(
|
|||
|
|
name,
|
|||
|
|
separator: '',
|
|||
|
|
format: PinyinFormat.WITHOUT_TONE,
|
|||
|
|
).toLowerCase();
|
|||
|
|
if (pinyin.contains(qLower)) matched = true;
|
|||
|
|
} catch (_) {
|
|||
|
|
// ignore
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (matched) filtered.add(raw);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
setState(() {
|
|||
|
|
_displayList = filtered;
|
|||
|
|
});
|
|||
|
|
_groupAndSort();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 计算某个分组的列表起始偏移（基于 headerHeight/itemHeight 的估算）
|
|||
|
|
double _offsetForSection(String letter) {
|
|||
|
|
double offset = 0.0;
|
|||
|
|
for (final l in _sectionOrder) {
|
|||
|
|
if (l == letter) break;
|
|||
|
|
offset += headerHeight;
|
|||
|
|
final cnt = _sections[l]?.length ?? 0;
|
|||
|
|
offset += cnt * itemHeight;
|
|||
|
|
}
|
|||
|
|
return offset;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _jumpToLetter(String letter) {
|
|||
|
|
if (_sectionOrder.isEmpty) return;
|
|||
|
|
|
|||
|
|
if (_sections.containsKey(letter)) {
|
|||
|
|
final off = _offsetForSection(letter);
|
|||
|
|
_scrollController.animateTo(
|
|||
|
|
off,
|
|||
|
|
duration: const Duration(milliseconds: 250),
|
|||
|
|
curve: Curves.easeInOut,
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final all =
|
|||
|
|
List<String>.generate(26, (i) => String.fromCharCode(65 + i)) + ['#'];
|
|||
|
|
final idx = all.indexOf(letter);
|
|||
|
|
if (idx == -1) return;
|
|||
|
|
for (int i = idx + 1; i < all.length; i++) {
|
|||
|
|
final l = all[i];
|
|||
|
|
if (_sections.containsKey(l)) {
|
|||
|
|
final off = _offsetForSection(l);
|
|||
|
|
_scrollController.animateTo(
|
|||
|
|
off,
|
|||
|
|
duration: const Duration(milliseconds: 250),
|
|||
|
|
curve: Curves.easeInOut,
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final last = _sectionOrder.last;
|
|||
|
|
final off = _offsetForSection(last);
|
|||
|
|
_scrollController.animateTo(
|
|||
|
|
off,
|
|||
|
|
duration: const Duration(milliseconds: 250),
|
|||
|
|
curve: Curves.easeInOut,
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
List<String> get _azIndex {
|
|||
|
|
final list = List<String>.generate(26, (i) => String.fromCharCode(65 + i));
|
|||
|
|
list.add('#');
|
|||
|
|
return list;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
// 右侧字母索引（灰色圆角背景），使用固定高度以忽略键盘导致的可用高度变化
|
|||
|
|
final mq = MediaQuery.of(context);
|
|||
|
|
final fixedIndexHeight =
|
|||
|
|
mq.size.height - kToolbarHeight - mq.padding.top - 24-100;
|
|||
|
|
return Scaffold(
|
|||
|
|
backgroundColor: Colors.white,
|
|||
|
|
|
|||
|
|
appBar: MyAppbar(title: '选择企业'),
|
|||
|
|
body: SafeArea(
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
// 搜索框（固定在顶部）
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.fromLTRB(12, 12, 12, 8),
|
|||
|
|
child: SearchBarWidget(
|
|||
|
|
onSearch: (keyboard) {},
|
|||
|
|
controller: _searchController,
|
|||
|
|
isShowSearchButton: false,
|
|||
|
|
resetButtonText: '重置',
|
|||
|
|
showResetButton: true,
|
|||
|
|
onTextChanged: (text) {
|
|||
|
|
_applyFilter(text);
|
|||
|
|
},
|
|||
|
|
onReset: () {
|
|||
|
|
_searchController.clear();
|
|||
|
|
_applyFilter('');
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// 列表区域
|
|||
|
|
Expanded(
|
|||
|
|
child: Stack(
|
|||
|
|
children: [
|
|||
|
|
// 列表区域：RefreshIndicator 必须包裹可滚动控件（ListView）
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.only(right: 48.0), // 给右侧字母索引留空间
|
|||
|
|
child: _buildListView(),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// 24 是上/下 margin 的大致预留（12 + 12），根据你视觉需要可调
|
|||
|
|
Positioned(
|
|||
|
|
right: 8,
|
|||
|
|
top: 12,
|
|||
|
|
// 不使用 bottom（避免随键盘收缩），改为固定高度（独立于 viewInsets）
|
|||
|
|
height: fixedIndexHeight,
|
|||
|
|
child: _buildAlphabetIndex(fixedIndexHeight),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildListView() {
|
|||
|
|
if (_sectionOrder.isEmpty) {
|
|||
|
|
return ListView(
|
|||
|
|
controller: _scrollController,
|
|||
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|||
|
|
children: [
|
|||
|
|
const SizedBox(height: 30),
|
|||
|
|
Center(
|
|||
|
|
child: Text(
|
|||
|
|
_displayList.isEmpty ? ' 暂无企业' : ' 正在加载…',
|
|||
|
|
style: TextStyle(fontSize: 15, color: Colors.grey[600]),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final children = <Widget>[];
|
|||
|
|
for (final letter in _sectionOrder) {
|
|||
|
|
children.add(_buildSectionHeader(letter));
|
|||
|
|
final items = _sections[letter] ?? [];
|
|||
|
|
for (final item in items) {
|
|||
|
|
children.add(_buildItem(item));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return ListView(
|
|||
|
|
controller: _scrollController,
|
|||
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 0),
|
|||
|
|
children: children,
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildSectionHeader(String letter) {
|
|||
|
|
return Container(
|
|||
|
|
height: headerHeight,
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 15),
|
|||
|
|
color: Colors.grey.shade100,
|
|||
|
|
alignment: Alignment.centerLeft,
|
|||
|
|
child: Text(
|
|||
|
|
letter,
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontSize: 14,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.black87,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildItem(Map firm) {
|
|||
|
|
final name = _firmName(firm);
|
|||
|
|
return InkWell(
|
|||
|
|
onTap: () {
|
|||
|
|
pushPage(OnboardingFullPage(scanData: firm), context);
|
|||
|
|
},
|
|||
|
|
child: Container(
|
|||
|
|
height: itemHeight,
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 15),
|
|||
|
|
color: Colors.white,
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
name,
|
|||
|
|
style: const TextStyle(fontSize: 15),
|
|||
|
|
maxLines: 1,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildAlphabetIndex(double height) {
|
|||
|
|
final letters = _azIndex;
|
|||
|
|
return SizedBox(
|
|||
|
|
width: 20,
|
|||
|
|
height: height,
|
|||
|
|
child: Container(
|
|||
|
|
// 背景圆角盒子占满高度
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 4),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.grey.shade200,
|
|||
|
|
borderRadius: BorderRadius.circular(10),
|
|||
|
|
boxShadow: const [
|
|||
|
|
BoxShadow(
|
|||
|
|
color: Colors.black12,
|
|||
|
|
blurRadius: 4,
|
|||
|
|
offset: Offset(0, 2),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
// 等间隔排列字母，使它们在固定高度内均匀分布，不会被键盘压缩
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children:
|
|||
|
|
letters.map((l) {
|
|||
|
|
final enabled = _sections.containsKey(l);
|
|||
|
|
return GestureDetector(
|
|||
|
|
behavior: HitTestBehavior.opaque,
|
|||
|
|
onTap: () => _jumpToLetter(l),
|
|||
|
|
child: Container(
|
|||
|
|
// 尽量让每个字母区域可点击，并根据启用状态改变样式
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
vertical: 2,
|
|||
|
|
horizontal: 4,
|
|||
|
|
),
|
|||
|
|
alignment: Alignment.center,
|
|||
|
|
child: Text(
|
|||
|
|
l,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 11,
|
|||
|
|
color: enabled ? Colors.blue : Colors.grey.shade400,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}).toList(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void dispose() {
|
|||
|
|
_scrollController.dispose();
|
|||
|
|
_searchController.dispose();
|
|||
|
|
super.dispose();
|
|||
|
|
}
|
|||
|
|
}
|