123 lines
4.0 KiB
Dart
123 lines
4.0 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|||
|
|
import 'package:go_router/go_router.dart';
|
|||
|
|
|
|||
|
|
import '../../providers/auth_provider.dart';
|
|||
|
|
import '../../utils/i10n.dart';
|
|||
|
|
import '../../utils/permissions.dart';
|
|||
|
|
import '../../utils/responsive.dart';
|
|||
|
|
|
|||
|
|
/// 管理中心页（底部导航第 4 个 tab）：各管理模块入口。
|
|||
|
|
///
|
|||
|
|
/// 模块可见性由 [SessionPermissions] 统一驱动，与 [router.dart] 的路由可达性
|
|||
|
|
/// 保持一致：
|
|||
|
|
/// - 用户管理：所有已登录账号可见（数据范围由后端按会话权限收敛）；
|
|||
|
|
/// - 渠道商管理：管理员 + 渠道商可见，代理商不可见；
|
|||
|
|
/// - 其余模块（设备/激活码/公司介绍/滚动字幕）对所有账号可见。
|
|||
|
|
class AdminHubPage extends ConsumerWidget {
|
|||
|
|
const AdminHubPage({super.key});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
// 注：按需求「设备分组」整合进设备管理功能（设备详情/设备列表内可改分组），
|
|||
|
|
// 「应用管理」移除以简化管理页。故网格不再单列这两项。
|
|||
|
|
final scheme = Theme.of(context).colorScheme;
|
|||
|
|
final user = ref.watch(authProvider).user;
|
|||
|
|
// 菜单可见性与路由可达性由同一套 SessionPermissions 谓词驱动：
|
|||
|
|
// - 用户管理：所有已登录账号（各角色看自己范围内用户）；
|
|||
|
|
// - 渠道商管理：管理员 + 渠道商（代理商不可见，路由层亦会拦截其深链）。
|
|||
|
|
final showUserManagement = SessionPermissions.canViewUserManagement(user);
|
|||
|
|
final showChannelManagement =
|
|||
|
|
SessionPermissions.canViewChannelManagement(user);
|
|||
|
|
|
|||
|
|
final items = [
|
|||
|
|
_MenuItem(
|
|||
|
|
title: t.deviceManagement,
|
|||
|
|
icon: Icons.devices_outlined,
|
|||
|
|
color: scheme.primary,
|
|||
|
|
route: '/admin/device',
|
|||
|
|
),
|
|||
|
|
_MenuItem(
|
|||
|
|
title: t.activationCode,
|
|||
|
|
icon: Icons.vpn_key_outlined,
|
|||
|
|
color: Colors.amber,
|
|||
|
|
route: '/admin/activation',
|
|||
|
|
),
|
|||
|
|
if (showUserManagement)
|
|||
|
|
_MenuItem(
|
|||
|
|
title: t.userManagement,
|
|||
|
|
icon: Icons.people_outlined,
|
|||
|
|
color: scheme.outline,
|
|||
|
|
route: '/admin/sys/user',
|
|||
|
|
),
|
|||
|
|
_MenuItem(
|
|||
|
|
title: t.companyIntro,
|
|||
|
|
icon: Icons.business_outlined,
|
|||
|
|
color: Colors.teal,
|
|||
|
|
route: '/admin/intro/store-list',
|
|||
|
|
),
|
|||
|
|
_MenuItem(
|
|||
|
|
title: t.marqueeManagement,
|
|||
|
|
icon: Icons.subtitles_outlined,
|
|||
|
|
color: Colors.deepPurple,
|
|||
|
|
route: '/admin/marquee',
|
|||
|
|
),
|
|||
|
|
if (showChannelManagement)
|
|||
|
|
_MenuItem(
|
|||
|
|
title: t.channelManagement,
|
|||
|
|
icon: Icons.account_tree_outlined,
|
|||
|
|
color: Colors.blue,
|
|||
|
|
route: '/admin/channel',
|
|||
|
|
),
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: AppBar(title: Text(t.admin)),
|
|||
|
|
body: GridView.builder(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|||
|
|
crossAxisCount: context.responsive.gridCount(minTileWidth: 300),
|
|||
|
|
mainAxisSpacing: 12,
|
|||
|
|
crossAxisSpacing: 12,
|
|||
|
|
childAspectRatio: 1.2,
|
|||
|
|
),
|
|||
|
|
itemCount: items.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
final item = items[index];
|
|||
|
|
return Card(
|
|||
|
|
child: InkWell(
|
|||
|
|
onTap: () => context.push(item.route),
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Icon(item.icon, size: 40, color: item.color),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(
|
|||
|
|
item.title,
|
|||
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _MenuItem {
|
|||
|
|
const _MenuItem({
|
|||
|
|
required this.title,
|
|||
|
|
required this.icon,
|
|||
|
|
required this.color,
|
|||
|
|
required this.route,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
final String title;
|
|||
|
|
final IconData icon;
|
|||
|
|
final Color color;
|
|||
|
|
final String route;
|
|||
|
|
}
|