174 lines
6.0 KiB
Dart
174 lines
6.0 KiB
Dart
|
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|||
|
|
import 'package:flutter/services.dart';
|
|||
|
|
import 'package:maibu_satabot_v2/features/v2/my/presentation/cubit/my_cubit.dart';
|
|||
|
|
import 'package:maibu_satabot_v2/features/v2/my/presentation/states/my_state.dart';
|
|||
|
|
import 'package:maibu_satabot_v2/features/v2/my/di/my_di.dart';
|
|||
|
|
import 'package:maibu_satabot_v2/features/v2/my/presentation/constants/my_constants.dart';
|
|||
|
|
import 'package:maibu_satabot_v2/features/v2/my/presentation/widgets/user_profile_card.dart';
|
|||
|
|
import 'package:maibu_satabot_v2/features/v2/my/presentation/widgets/quick_action_card.dart';
|
|||
|
|
import 'package:maibu_satabot_v2/features/v2/my/presentation/widgets/menu_item_card.dart';
|
|||
|
|
import 'package:maibu_satabot_v2/features/v2/my/presentation/pages/system_settings_page.dart';
|
|||
|
|
|
|||
|
|
/// 我的页面(100% 还原设计稿)
|
|||
|
|
class MyPage extends StatelessWidget {
|
|||
|
|
const MyPage({super.key});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return BlocProvider(
|
|||
|
|
create: (context) => MyDependencyInjector.createMyCubit()..loadData(),
|
|||
|
|
child: _MyPageContent(),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _MyPageContent extends StatelessWidget {
|
|||
|
|
const _MyPageContent();
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return AnnotatedRegion<SystemUiOverlayStyle>(
|
|||
|
|
value: const SystemUiOverlayStyle(
|
|||
|
|
statusBarColor: Colors.transparent,
|
|||
|
|
statusBarIconBrightness: Brightness.light,
|
|||
|
|
),
|
|||
|
|
child: Scaffold(
|
|||
|
|
extendBodyBehindAppBar: true,
|
|||
|
|
backgroundColor: MyColors.background,
|
|||
|
|
body: BlocConsumer<MyCubit, MyState>(
|
|||
|
|
listener: (context, state) {
|
|||
|
|
if (state is MyError) {
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(content: Text(state.message)),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
builder: (context, state) {
|
|||
|
|
if (state is MyLoading) {
|
|||
|
|
return const Center(
|
|||
|
|
child: CircularProgressIndicator(color: MyColors.primary),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (state is MyLoaded) {
|
|||
|
|
final cubit = context.read<MyCubit>();
|
|||
|
|
return Column(
|
|||
|
|
children: [
|
|||
|
|
// 用户信息卡片(延伸到状态栏)
|
|||
|
|
UserProfileCard(
|
|||
|
|
name: state.userProfile.name,
|
|||
|
|
role: state.userProfile.role,
|
|||
|
|
onTap: () {
|
|||
|
|
// TODO: 跳转到个人信息页面
|
|||
|
|
debugPrint('点击个人信息');
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
// 快捷入口卡片(负margin向上重叠)
|
|||
|
|
Transform.translate(
|
|||
|
|
offset: const Offset(0, -15),
|
|||
|
|
child: QuickActionCard(
|
|||
|
|
onMessageTap: () {
|
|||
|
|
debugPrint('我的消息');
|
|||
|
|
},
|
|||
|
|
onFavoriteTap: () {
|
|||
|
|
debugPrint('我的收藏');
|
|||
|
|
},
|
|||
|
|
onWorkOrderTap: () {
|
|||
|
|
debugPrint('我的工单');
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
// 菜单列表(白色卡片)
|
|||
|
|
Container(
|
|||
|
|
margin: const EdgeInsets.only(top: 15, left: 16, right: 16, bottom: 16),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
boxShadow: [
|
|||
|
|
BoxShadow(
|
|||
|
|
color: const Color(0x0D000000),
|
|||
|
|
blurRadius: 10,
|
|||
|
|
offset: const Offset(0, 2),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
constraints: BoxConstraints(
|
|||
|
|
maxHeight: MediaQuery.of(context).size.height * 0.5,
|
|||
|
|
),
|
|||
|
|
child: ListView.builder(
|
|||
|
|
shrinkWrap: true,
|
|||
|
|
padding: EdgeInsets.zero,
|
|||
|
|
itemCount: state.menuItems.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
final item = state.menuItems[index];
|
|||
|
|
return MenuItemCard(
|
|||
|
|
item: item,
|
|||
|
|
onTap: () => _handleMenuItemTap(context, cubit, item),
|
|||
|
|
onSwitchChanged: item.hasSwitch
|
|||
|
|
? (value) => cubit.toggleNightMode(value)
|
|||
|
|
: null,
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return const SizedBox.shrink();
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 处理菜单项点击
|
|||
|
|
void _handleMenuItemTap(BuildContext context, MyCubit cubit, dynamic item) {
|
|||
|
|
switch (item.id) {
|
|||
|
|
case 'offline_cache':
|
|||
|
|
_showClearCacheDialog(context, cubit);
|
|||
|
|
break;
|
|||
|
|
case 'night_mode':
|
|||
|
|
// 由 Switch 处理
|
|||
|
|
break;
|
|||
|
|
case 'system_settings':
|
|||
|
|
// 跳转到系统设置页面
|
|||
|
|
Navigator.push(
|
|||
|
|
context,
|
|||
|
|
MaterialPageRoute(
|
|||
|
|
builder: (context) => const SystemSettingsPage(),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
debugPrint('点击菜单: ${item.title}');
|
|||
|
|
// TODO: 根据 ID 跳转到对应页面
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 显示清除缓存对话框
|
|||
|
|
void _showClearCacheDialog(BuildContext context, MyCubit cubit) {
|
|||
|
|
showDialog(
|
|||
|
|
context: context,
|
|||
|
|
builder: (context) => AlertDialog(
|
|||
|
|
title: const Text('清除缓存'),
|
|||
|
|
content: const Text('确定要清除所有缓存数据吗?'),
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () => Navigator.pop(context),
|
|||
|
|
child: const Text('取消'),
|
|||
|
|
),
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
Navigator.pop(context);
|
|||
|
|
cubit.clearCache();
|
|||
|
|
},
|
|||
|
|
child: const Text('确定'),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|