895 lines
33 KiB
Dart
895 lines
33 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|||
|
|
|
|||
|
|
import '../../../models/org_node.dart';
|
|||
|
|
import '../../../services/api_client.dart';
|
|||
|
|
import '../../../services/org_service.dart';
|
|||
|
|
import '../../../utils/formatters.dart';
|
|||
|
|
import '../../../utils/i10n.dart';
|
|||
|
|
import 'channel_version_manage_dialog.dart';
|
|||
|
|
|
|||
|
|
/// 渠道商管理页：渠道 → 代理/子代理 树形 CRUD。
|
|||
|
|
///
|
|||
|
|
/// 功能结构、布局与交互逻辑对齐 Web 后台 `org.vue`（screen-front
|
|||
|
|
/// `views/modules/org/org.vue`）：
|
|||
|
|
/// - 列表：渠道 + 代理树形展示，默认展开顶层渠道；
|
|||
|
|
/// - 搜索：按名称模糊匹配；
|
|||
|
|
/// - 筛选：类型（全部/渠道/代理）+ 状态（全部/启用/禁用），与 Web 一致；
|
|||
|
|
/// - 详情：点按行打开底部详情卡，展示全部字段；
|
|||
|
|
/// - 新增/编辑/新增子级/删除：底部表单或确认弹窗；
|
|||
|
|
/// - 删除守卫：存在子集时禁止删除（Web "存在子集时不允许删除"）；
|
|||
|
|
/// - 移动端适配：点按区域放大、`Dismissible` 左滑删除手势。
|
|||
|
|
///
|
|||
|
|
/// 数据来自 [OrgService.getChannelTree]（组合 /sys/org/channels 与
|
|||
|
|
/// /sys/org/channelAgentTree），增删改复用既有组织接口
|
|||
|
|
/// [OrgService.createOrg] / [updateOrg] / [deleteOrg]。
|
|||
|
|
class ChannelManagementPage extends ConsumerStatefulWidget {
|
|||
|
|
const ChannelManagementPage({super.key});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
ConsumerState<ChannelManagementPage> createState() =>
|
|||
|
|
_ChannelManagementPageState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _ChannelManagementPageState
|
|||
|
|
extends ConsumerState<ChannelManagementPage> {
|
|||
|
|
List<OrgNode> _tree = [];
|
|||
|
|
bool _loading = false;
|
|||
|
|
String? _error;
|
|||
|
|
final _searchController = TextEditingController();
|
|||
|
|
String _keyword = '';
|
|||
|
|
int? _typeFilter;
|
|||
|
|
String? _statusFilter;
|
|||
|
|
final Set<String> _expanded = {};
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
_load();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void dispose() {
|
|||
|
|
_searchController.dispose();
|
|||
|
|
super.dispose();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _snack(String msg) {
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(msg)));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _load() async {
|
|||
|
|
setState(() {
|
|||
|
|
_loading = true;
|
|||
|
|
_error = null;
|
|||
|
|
});
|
|||
|
|
try {
|
|||
|
|
final tree = await OrgService().getChannelTree();
|
|||
|
|
if (!mounted) return;
|
|||
|
|
// 默认展开顶层渠道，便于一眼看到其下代理。
|
|||
|
|
final autoExpand = tree.map((n) => n.id).toSet();
|
|||
|
|
setState(() {
|
|||
|
|
_tree = tree;
|
|||
|
|
_loading = false;
|
|||
|
|
_expanded.addAll(autoExpand);
|
|||
|
|
});
|
|||
|
|
} catch (e) {
|
|||
|
|
if (!mounted) return;
|
|||
|
|
setState(() {
|
|||
|
|
_loading = false;
|
|||
|
|
_error = formatApiError(e);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 计算当前应展示的扁平行（含层级 depth 与父级名称）。
|
|||
|
|
///
|
|||
|
|
/// - 无筛选（关键词 / 类型 / 状态都为空）：按 [_expanded] 折叠/展开；
|
|||
|
|
/// - 有筛选：忽略展开态，递归展开全部并仅显示命中节点（父未命中但子命中时
|
|||
|
|
/// 子仍可见），确保筛选结果不被折叠隐藏。
|
|||
|
|
List<_ChannelRow> _computeRows() {
|
|||
|
|
final rows = <_ChannelRow>[];
|
|||
|
|
final kw = _keyword.trim().toLowerCase();
|
|||
|
|
final filterActive =
|
|||
|
|
kw.isNotEmpty || _typeFilter != null || _statusFilter != null;
|
|||
|
|
bool pass(OrgNode n) {
|
|||
|
|
if (kw.isNotEmpty && !n.name.toLowerCase().contains(kw)) return false;
|
|||
|
|
if (_typeFilter != null && n.type != _typeFilter) return false;
|
|||
|
|
if (_statusFilter != null &&
|
|||
|
|
n.status.toUpperCase() != _statusFilter) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void walk(List<OrgNode> nodes, int depth, String? parentName) {
|
|||
|
|
for (final n in nodes) {
|
|||
|
|
if (filterActive ? pass(n) : true) {
|
|||
|
|
rows.add(
|
|||
|
|
_ChannelRow(node: n, depth: depth, parentName: parentName),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
final childrenVisible =
|
|||
|
|
n.children.isNotEmpty && (filterActive || _expanded.contains(n.id));
|
|||
|
|
if (childrenVisible) walk(n.children, depth + 1, n.name);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
walk(_tree, 0, null);
|
|||
|
|
return rows;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _toggleExpand(OrgNode node) {
|
|||
|
|
if (node.children.isEmpty) return;
|
|||
|
|
setState(() {
|
|||
|
|
if (_expanded.contains(node.id)) {
|
|||
|
|
_expanded.remove(node.id);
|
|||
|
|
} else {
|
|||
|
|
_expanded.add(node.id);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 渠道/代理可新增子级（与 Web [canShowAddChildForRow] 对齐：CHANNEL/SERVICE_PROVIDER）。
|
|||
|
|
bool _canAddChild(OrgNode n) => n.type == 1 || n.type == 2;
|
|||
|
|
|
|||
|
|
/// 可下钻版本管理（与 Web [canShowVersionForRow] 对齐：CHANNEL/SERVICE_PROVIDER）。
|
|||
|
|
bool _canShowVersion(OrgNode n) => n.type == 1 || n.type == 2;
|
|||
|
|
|
|||
|
|
Color _typeColor(BuildContext context, int type) {
|
|||
|
|
if (type == 1) return Colors.green;
|
|||
|
|
if (type == 2) return Colors.orange;
|
|||
|
|
return Theme.of(context).colorScheme.primary;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 删除节点（含确认弹窗）。存在子集时直接拦截并提示，与 Web 一致。
|
|||
|
|
///
|
|||
|
|
/// 返回是否删除成功；[skipConfirm] 用于滑动手势等已显式触发的场景。
|
|||
|
|
Future<bool> _delete(OrgNode node, {bool skipConfirm = false}) async {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
if (node.children.isNotEmpty) {
|
|||
|
|
_snack(t.channelCannotDeleteWithChildren);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (!skipConfirm) {
|
|||
|
|
final confirmed = await showDialog<bool>(
|
|||
|
|
context: context,
|
|||
|
|
builder: (ctx) => AlertDialog(
|
|||
|
|
title: Text(t.confirmDelete),
|
|||
|
|
content: Text(t.deleteConfirmContent(node.name)),
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () => Navigator.pop(ctx, false),
|
|||
|
|
child: Text(t.cancel),
|
|||
|
|
),
|
|||
|
|
FilledButton(
|
|||
|
|
style: FilledButton.styleFrom(
|
|||
|
|
backgroundColor: Theme.of(context).colorScheme.error,
|
|||
|
|
foregroundColor: Theme.of(context).colorScheme.onError,
|
|||
|
|
),
|
|||
|
|
onPressed: () => Navigator.pop(ctx, true),
|
|||
|
|
child: Text(t.delete),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
if (confirmed != true) return false;
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
await OrgService().deleteOrg(node.id);
|
|||
|
|
if (!mounted) return false;
|
|||
|
|
_load();
|
|||
|
|
_snack(t.deleted);
|
|||
|
|
return true;
|
|||
|
|
} catch (e) {
|
|||
|
|
if (!mounted) return false;
|
|||
|
|
_snack(e is ApiException ? e.message : t.deleteFailed);
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 底部详情卡：展示节点全部字段 + 操作入口（新增子级/编辑/删除）。
|
|||
|
|
void _showDetail(OrgNode node, String? parentName) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final hasChildren = node.children.isNotEmpty;
|
|||
|
|
showModalBottomSheet(
|
|||
|
|
useSafeArea: true,
|
|||
|
|
context: context,
|
|||
|
|
isScrollControlled: true,
|
|||
|
|
builder: (ctx) => DraggableScrollableSheet(
|
|||
|
|
initialChildSize: 0.6,
|
|||
|
|
maxChildSize: 0.9,
|
|||
|
|
expand: false,
|
|||
|
|
builder: (sheetCtx, scrollCtrl) => Column(
|
|||
|
|
children: [
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.fromLTRB(16, 12, 16, 4),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
node.name,
|
|||
|
|
style: Theme.of(ctx).textTheme.titleLarge,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
IconButton(
|
|||
|
|
icon: const Icon(Icons.close),
|
|||
|
|
onPressed: () => Navigator.pop(ctx),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
_DetailChip(label: node.typeLabel, color: _typeColor(ctx, node.type)),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
_DetailChip(
|
|||
|
|
label: node.isDisabled ? t.channelDisabled : t.channelEnabled,
|
|||
|
|
color: node.isDisabled ? Colors.red : Colors.green,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const Divider(height: 20),
|
|||
|
|
Expanded(
|
|||
|
|
child: ListView(
|
|||
|
|
controller: scrollCtrl,
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|||
|
|
children: [
|
|||
|
|
_DetailRow(t.channelOrgCode, node.orgCodeLabel),
|
|||
|
|
_DetailRow(t.channelSort, node.orderNo.toString()),
|
|||
|
|
_DetailRow(t.channelParent, parentName ?? '-'),
|
|||
|
|
_DetailRow(
|
|||
|
|
t.channelContactPhone,
|
|||
|
|
node.contactPhone.isEmpty ? '-' : node.contactPhone,
|
|||
|
|
),
|
|||
|
|
_DetailRow(
|
|||
|
|
t.channelAddress,
|
|||
|
|
node.address.isEmpty ? '-' : node.address,
|
|||
|
|
),
|
|||
|
|
if (node.createdAt != null)
|
|||
|
|
_DetailRow(
|
|||
|
|
t.createTime,
|
|||
|
|
Formatters.formatDateTime(node.createdAt!),
|
|||
|
|
),
|
|||
|
|
if (node.expireTime != null)
|
|||
|
|
_DetailRow(
|
|||
|
|
t.channelExpireTime,
|
|||
|
|
Formatters.formatDate(node.expireTime!),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.fromLTRB(16, 8, 16, 0),
|
|||
|
|
child: _canShowVersion(node)
|
|||
|
|
? SizedBox(
|
|||
|
|
width: double.infinity,
|
|||
|
|
child: OutlinedButton.icon(
|
|||
|
|
onPressed: () {
|
|||
|
|
Navigator.pop(ctx);
|
|||
|
|
showChannelVersionManageDialog(context, node: node);
|
|||
|
|
},
|
|||
|
|
icon: const Icon(Icons.system_update_alt),
|
|||
|
|
label: Text(t.channelVersionManage),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: const SizedBox.shrink(),
|
|||
|
|
),
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.fromLTRB(16, 8, 16, 16),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
if (_canAddChild(node))
|
|||
|
|
Expanded(
|
|||
|
|
child: OutlinedButton.icon(
|
|||
|
|
onPressed: () {
|
|||
|
|
Navigator.pop(ctx);
|
|||
|
|
_showForm(parent: node);
|
|||
|
|
},
|
|||
|
|
icon: const Icon(Icons.add),
|
|||
|
|
label: Text(t.addSubChannel),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (_canAddChild(node)) const SizedBox(width: 8),
|
|||
|
|
Expanded(
|
|||
|
|
child: OutlinedButton.icon(
|
|||
|
|
onPressed: () {
|
|||
|
|
Navigator.pop(ctx);
|
|||
|
|
_showForm(editing: node);
|
|||
|
|
},
|
|||
|
|
icon: const Icon(Icons.edit),
|
|||
|
|
label: Text(t.edit),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
Expanded(
|
|||
|
|
child: FilledButton.icon(
|
|||
|
|
style: FilledButton.styleFrom(
|
|||
|
|
backgroundColor:
|
|||
|
|
Theme.of(ctx).colorScheme.errorContainer,
|
|||
|
|
foregroundColor:
|
|||
|
|
Theme.of(ctx).colorScheme.onErrorContainer,
|
|||
|
|
),
|
|||
|
|
onPressed: hasChildren
|
|||
|
|
? null
|
|||
|
|
: () {
|
|||
|
|
Navigator.pop(ctx);
|
|||
|
|
_delete(node);
|
|||
|
|
},
|
|||
|
|
icon: const Icon(Icons.delete),
|
|||
|
|
label: Text(t.delete),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final rows = _computeRows();
|
|||
|
|
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: AppBar(
|
|||
|
|
automaticallyImplyLeading: false,
|
|||
|
|
title: Text(t.channelManagement),
|
|||
|
|
bottom: PreferredSize(
|
|||
|
|
preferredSize: const Size.fromHeight(168),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: const EdgeInsets.fromLTRB(16, 0, 16, 12),
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
TextField(
|
|||
|
|
controller: _searchController,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
hintText: t.searchChannelHint,
|
|||
|
|
prefixIcon: const Icon(Icons.search),
|
|||
|
|
isDense: true,
|
|||
|
|
suffixIcon: _keyword.isEmpty
|
|||
|
|
? null
|
|||
|
|
: IconButton(
|
|||
|
|
icon: const Icon(Icons.clear),
|
|||
|
|
onPressed: () {
|
|||
|
|
_searchController.clear();
|
|||
|
|
setState(() => _keyword = '');
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
onChanged: (v) => setState(() => _keyword = v),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
SingleChildScrollView(
|
|||
|
|
scrollDirection: Axis.horizontal,
|
|||
|
|
child: Row(
|
|||
|
|
spacing: 8,
|
|||
|
|
children: [
|
|||
|
|
SegmentedButton<int?>(
|
|||
|
|
segments: [
|
|||
|
|
ButtonSegment(value: null, label: Text(t.all)),
|
|||
|
|
ButtonSegment(
|
|||
|
|
value: 1,
|
|||
|
|
label: Text(t.channelTypeChannel),
|
|||
|
|
),
|
|||
|
|
ButtonSegment(
|
|||
|
|
value: 2,
|
|||
|
|
label: Text(t.channelTypeAgent),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
selected: {_typeFilter},
|
|||
|
|
onSelectionChanged: (set) =>
|
|||
|
|
setState(() => _typeFilter = set.first),
|
|||
|
|
),
|
|||
|
|
SegmentedButton<String?>(
|
|||
|
|
segments: [
|
|||
|
|
ButtonSegment(value: null, label: Text(t.all)),
|
|||
|
|
ButtonSegment(
|
|||
|
|
value: 'ACTIVE',
|
|||
|
|
label: Text(t.channelEnabled),
|
|||
|
|
),
|
|||
|
|
ButtonSegment(
|
|||
|
|
value: 'DISABLED',
|
|||
|
|
label: Text(t.channelDisabled),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
selected: {_statusFilter},
|
|||
|
|
onSelectionChanged: (set) =>
|
|||
|
|
setState(() => _statusFilter = set.first),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
body: _error != null
|
|||
|
|
? Center(
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
Text(_error!),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
FilledButton.tonal(onPressed: _load, child: Text(t.retry)),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: _loading && _tree.isEmpty
|
|||
|
|
? const Center(child: CircularProgressIndicator())
|
|||
|
|
: rows.isEmpty
|
|||
|
|
? Center(child: Text(t.noData))
|
|||
|
|
: RefreshIndicator(
|
|||
|
|
onRefresh: _load,
|
|||
|
|
child: ListView.separated(
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|||
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|||
|
|
itemCount: rows.length,
|
|||
|
|
separatorBuilder: (_, __) => const Divider(height: 1),
|
|||
|
|
itemBuilder: (ctx, i) {
|
|||
|
|
final row = rows[i];
|
|||
|
|
return Dismissible(
|
|||
|
|
key: Key(row.node.id),
|
|||
|
|
direction: DismissDirection.endToStart,
|
|||
|
|
background: Container(
|
|||
|
|
alignment: Alignment.centerRight,
|
|||
|
|
padding: const EdgeInsets.only(right: 24),
|
|||
|
|
color: Theme.of(context).colorScheme.error,
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|||
|
|
children: [
|
|||
|
|
const Icon(Icons.delete, color: Colors.white),
|
|||
|
|
const SizedBox(width: 8),
|
|||
|
|
Text(
|
|||
|
|
t.channelSwipeToDelete,
|
|||
|
|
style: const TextStyle(color: Colors.white),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
confirmDismiss: (_) => _delete(
|
|||
|
|
row.node,
|
|||
|
|
skipConfirm: true,
|
|||
|
|
),
|
|||
|
|
child: _ChannelRowTile(
|
|||
|
|
row: row,
|
|||
|
|
isExpanded: _expanded.contains(row.node.id),
|
|||
|
|
onToggle: _toggleExpand,
|
|||
|
|
onDetail: _showDetail,
|
|||
|
|
onEdit: (n) => _showForm(editing: n),
|
|||
|
|
onAddChild: (n) => _showForm(parent: n),
|
|||
|
|
onVersionManage: (n) =>
|
|||
|
|
showChannelVersionManageDialog(
|
|||
|
|
context,
|
|||
|
|
node: n,
|
|||
|
|
),
|
|||
|
|
onDelete: _delete,
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
floatingActionButton: FloatingActionButton(
|
|||
|
|
onPressed: () => _showForm(),
|
|||
|
|
tooltip: t.addChannel,
|
|||
|
|
child: const Icon(Icons.add),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 新增/编辑/新增子级 的底部表单。
|
|||
|
|
void _showForm({OrgNode? editing, OrgNode? parent}) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final isEdit = editing != null;
|
|||
|
|
final isChild = parent != null && !isEdit;
|
|||
|
|
|
|||
|
|
// 类型：编辑沿用原类型；新增子级默认代理（SERVICE_PROVIDER）；
|
|||
|
|
// 新增顶层渠道默认渠道（CHANNEL）。
|
|||
|
|
int typeValue = editing?.type ?? (isChild ? 2 : 1);
|
|||
|
|
|
|||
|
|
final nameCtrl = TextEditingController(text: editing?.name ?? '');
|
|||
|
|
final orderCtrl = TextEditingController(
|
|||
|
|
text: editing?.orderNo.toString() ?? '0',
|
|||
|
|
);
|
|||
|
|
final phoneCtrl =
|
|||
|
|
TextEditingController(text: editing?.contactPhone ?? '');
|
|||
|
|
final addressCtrl = TextEditingController(text: editing?.address ?? '');
|
|||
|
|
int statusValue = editing?.isDisabled == true ? 1 : 0;
|
|||
|
|
|
|||
|
|
showModalBottomSheet(
|
|||
|
|
useSafeArea: true,
|
|||
|
|
context: context,
|
|||
|
|
isScrollControlled: true,
|
|||
|
|
builder: (ctx) => StatefulBuilder(
|
|||
|
|
builder: (ctx, setSheet) => Padding(
|
|||
|
|
padding: EdgeInsets.only(
|
|||
|
|
bottom: MediaQuery.of(ctx).viewInsets.bottom,
|
|||
|
|
),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
child: SingleChildScrollView(
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
isEdit
|
|||
|
|
? t.editChannel
|
|||
|
|
: isChild
|
|||
|
|
? t.addSubChannel
|
|||
|
|
: t.addChannel,
|
|||
|
|
style: Theme.of(ctx).textTheme.titleMedium,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
if (isChild)
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.only(bottom: 12),
|
|||
|
|
child: Text(
|
|||
|
|
'${t.channelParent}：${parent!.name}',
|
|||
|
|
style: Theme.of(ctx)
|
|||
|
|
.textTheme
|
|||
|
|
.bodySmall
|
|||
|
|
?.copyWith(color: Theme.of(ctx).hintColor),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
TextField(
|
|||
|
|
controller: nameCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.channelName,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
DropdownButtonFormField<int>(
|
|||
|
|
value: typeValue,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.channelType,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
items: const [
|
|||
|
|
DropdownMenuItem(value: 1, child: Text('渠道')),
|
|||
|
|
DropdownMenuItem(value: 2, child: Text('代理')),
|
|||
|
|
],
|
|||
|
|
onChanged: (v) {
|
|||
|
|
if (v != null) setSheet(() => typeValue = v);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: orderCtrl,
|
|||
|
|
keyboardType: TextInputType.number,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.channelSort,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
DropdownButtonFormField<int>(
|
|||
|
|
value: statusValue,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.channelStatus,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
items: [
|
|||
|
|
DropdownMenuItem(value: 0, child: Text(t.channelEnabled)),
|
|||
|
|
DropdownMenuItem(value: 1, child: Text(t.channelDisabled)),
|
|||
|
|
],
|
|||
|
|
onChanged: (v) {
|
|||
|
|
if (v != null) setSheet(() => statusValue = v);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: phoneCtrl,
|
|||
|
|
keyboardType: TextInputType.phone,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.channelContactPhone,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: addressCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.channelAddress,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 20),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: OutlinedButton(
|
|||
|
|
onPressed: () => Navigator.pop(ctx),
|
|||
|
|
child: Text(t.cancel),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 12),
|
|||
|
|
Expanded(
|
|||
|
|
child: FilledButton(
|
|||
|
|
onPressed: () async {
|
|||
|
|
final name = nameCtrl.text.trim();
|
|||
|
|
if (name.isEmpty) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.channelNameRequired)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
final typeString =
|
|||
|
|
typeValue == 1 ? 'CHANNEL' : 'SERVICE_PROVIDER';
|
|||
|
|
final statusString =
|
|||
|
|
statusValue == 0 ? 'ACTIVE' : 'DISABLED';
|
|||
|
|
final data = <String, dynamic>{
|
|||
|
|
'name': name,
|
|||
|
|
'type': typeString,
|
|||
|
|
'orderNo':
|
|||
|
|
int.tryParse(orderCtrl.text.trim()) ?? 0,
|
|||
|
|
'status': statusString,
|
|||
|
|
'contactPhone': phoneCtrl.text.trim(),
|
|||
|
|
'address': addressCtrl.text.trim(),
|
|||
|
|
if (isEdit) 'id': editing?.id,
|
|||
|
|
if (isChild) 'parentId': parent?.id,
|
|||
|
|
};
|
|||
|
|
try {
|
|||
|
|
if (isEdit) {
|
|||
|
|
await OrgService().updateOrg(data);
|
|||
|
|
} else {
|
|||
|
|
await OrgService().createOrg(data);
|
|||
|
|
}
|
|||
|
|
if (!ctx.mounted) return;
|
|||
|
|
Navigator.pop(ctx);
|
|||
|
|
_load();
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.saved)),
|
|||
|
|
);
|
|||
|
|
} catch (e) {
|
|||
|
|
if (!ctx.mounted) return;
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(
|
|||
|
|
content: Text(
|
|||
|
|
e is ApiException ? e.message : t.saveFailed,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
child: Text(t.save),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 渠道树的一行（节点 + 层级深度 + 父级名称）。
|
|||
|
|
class _ChannelRow {
|
|||
|
|
const _ChannelRow({
|
|||
|
|
required this.node,
|
|||
|
|
required this.depth,
|
|||
|
|
this.parentName,
|
|||
|
|
});
|
|||
|
|
final OrgNode node;
|
|||
|
|
final int depth;
|
|||
|
|
final String? parentName;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 渠道行卡片：层级缩进 + 展开按钮 + 类型/状态徽章 + 点按查看详情 + 操作菜单。
|
|||
|
|
class _ChannelRowTile extends StatelessWidget {
|
|||
|
|
const _ChannelRowTile({
|
|||
|
|
required this.row,
|
|||
|
|
required this.isExpanded,
|
|||
|
|
required this.onToggle,
|
|||
|
|
required this.onDetail,
|
|||
|
|
required this.onEdit,
|
|||
|
|
required this.onAddChild,
|
|||
|
|
required this.onVersionManage,
|
|||
|
|
required this.onDelete,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
final _ChannelRow row;
|
|||
|
|
final bool isExpanded;
|
|||
|
|
final void Function(OrgNode) onToggle;
|
|||
|
|
final void Function(OrgNode, String?) onDetail;
|
|||
|
|
final void Function(OrgNode) onEdit;
|
|||
|
|
final void Function(OrgNode) onAddChild;
|
|||
|
|
final void Function(OrgNode) onVersionManage;
|
|||
|
|
final Future<bool> Function(OrgNode, {bool skipConfirm}) onDelete;
|
|||
|
|
|
|||
|
|
Color _typeColor(BuildContext context, int type) {
|
|||
|
|
if (type == 1) return Colors.green;
|
|||
|
|
if (type == 2) return Colors.orange;
|
|||
|
|
return Theme.of(context).colorScheme.primary;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final node = row.node;
|
|||
|
|
final hasChildren = node.children.isNotEmpty;
|
|||
|
|
|
|||
|
|
return Row(
|
|||
|
|
children: [
|
|||
|
|
if (hasChildren)
|
|||
|
|
IconButton(
|
|||
|
|
icon: Icon(isExpanded ? Icons.expand_less : Icons.expand_more),
|
|||
|
|
visualDensity: VisualDensity.compact,
|
|||
|
|
onPressed: () => onToggle(node),
|
|||
|
|
)
|
|||
|
|
else
|
|||
|
|
const SizedBox(width: 40),
|
|||
|
|
Expanded(
|
|||
|
|
child: InkWell(
|
|||
|
|
// 点按行主体打开详情（清晰的大点按区域，触控友好）。
|
|||
|
|
onTap: () => onDetail(node, row.parentName),
|
|||
|
|
borderRadius: BorderRadius.circular(8),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 4),
|
|||
|
|
child: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
node.name,
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontWeight: FontWeight.w600,
|
|||
|
|
fontSize: 15,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Chip(
|
|||
|
|
label: Text(node.typeLabel),
|
|||
|
|
visualDensity: VisualDensity.compact,
|
|||
|
|
backgroundColor:
|
|||
|
|
_typeColor(context, node.type).withOpacity(0.15),
|
|||
|
|
labelStyle: TextStyle(
|
|||
|
|
color: _typeColor(context, node.type),
|
|||
|
|
fontSize: 12,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 6),
|
|||
|
|
Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(
|
|||
|
|
horizontal: 8,
|
|||
|
|
vertical: 2,
|
|||
|
|
),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: node.isDisabled
|
|||
|
|
? Colors.red.withOpacity(0.15)
|
|||
|
|
: Colors.green.withOpacity(0.15),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
node.isDisabled
|
|||
|
|
? t.channelDisabled
|
|||
|
|
: t.channelEnabled,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12,
|
|||
|
|
color: node.isDisabled ? Colors.red : Colors.green,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 4),
|
|||
|
|
Text(
|
|||
|
|
'${t.channelOrgCode}：${node.orgCodeLabel} · '
|
|||
|
|
'${t.channelSort}：${node.orderNo}'
|
|||
|
|
'${node.createdAt != null ? ' · ${t.createTime}：${Formatters.formatDateTime(node.createdAt!)}' : ''}',
|
|||
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
PopupMenuButton<String>(
|
|||
|
|
onSelected: (v) {
|
|||
|
|
if (v == 'add') onAddChild(node);
|
|||
|
|
if (v == 'edit') onEdit(node);
|
|||
|
|
if (v == 'version') onVersionManage(node);
|
|||
|
|
if (v == 'delete') onDelete(node);
|
|||
|
|
},
|
|||
|
|
itemBuilder: (_) => [
|
|||
|
|
if (node.type == 1 || node.type == 2)
|
|||
|
|
PopupMenuItem(value: 'add', child: Text(t.addSubChannel)),
|
|||
|
|
PopupMenuItem(value: 'edit', child: Text(t.edit)),
|
|||
|
|
if (node.type == 1 || node.type == 2)
|
|||
|
|
PopupMenuItem(
|
|||
|
|
value: 'version',
|
|||
|
|
child: Text(t.channelVersionManage),
|
|||
|
|
),
|
|||
|
|
PopupMenuItem(
|
|||
|
|
value: 'delete',
|
|||
|
|
enabled: !hasChildren,
|
|||
|
|
child: Text(
|
|||
|
|
hasChildren ? '${t.delete}（有子集）' : t.delete,
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: hasChildren
|
|||
|
|
? Theme.of(context).disabledColor
|
|||
|
|
: Theme.of(context).colorScheme.error,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 详情卡：字段行。
|
|||
|
|
class _DetailRow extends StatelessWidget {
|
|||
|
|
const _DetailRow(this.label, this.value);
|
|||
|
|
final String label;
|
|||
|
|
final String value;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return Padding(
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|||
|
|
child: Row(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
SizedBox(
|
|||
|
|
width: 96,
|
|||
|
|
child: Text(
|
|||
|
|
label,
|
|||
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|||
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
value,
|
|||
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|||
|
|
fontWeight: FontWeight.w600,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 详情卡：类型/状态徽章。
|
|||
|
|
class _DetailChip extends StatelessWidget {
|
|||
|
|
const _DetailChip({required this.label, required this.color});
|
|||
|
|
final String label;
|
|||
|
|
final Color color;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return Container(
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: color.withOpacity(0.15),
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
label,
|
|||
|
|
style: TextStyle(fontSize: 12, color: color),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|