991 lines
31 KiB
Dart
991 lines
31 KiB
Dart
import 'dart:async';
|
||
import 'dart:convert';
|
||
import 'dart:ffi';
|
||
import 'dart:io';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:qhd_prevention/common/route_aware_state.dart';
|
||
import 'package:qhd_prevention/common/route_service.dart';
|
||
import 'package:qhd_prevention/customWidget/custom_button.dart';
|
||
import 'package:qhd_prevention/pages/home/scan_page.dart';
|
||
import 'package:qhd_prevention/pages/home/unit/unit_tab_page.dart';
|
||
import 'package:qhd_prevention/pages/main_tab.dart';
|
||
import 'package:qhd_prevention/pages/user/firm_list_page.dart';
|
||
import 'package:qhd_prevention/tools/h_colors.dart';
|
||
import 'package:qhd_prevention/tools/tools.dart';
|
||
import 'package:shared_preferences/shared_preferences.dart';
|
||
|
||
class HomePage extends StatefulWidget {
|
||
const HomePage({Key? key, required this.isChooseFirm}) : super(key: key);
|
||
final bool isChooseFirm;
|
||
|
||
@override
|
||
HomePageState createState() => HomePageState();
|
||
}
|
||
|
||
class HomePageState extends RouteAwareState<HomePage>
|
||
with WidgetsBindingObserver, SingleTickerProviderStateMixin {
|
||
final PageController _pageController = PageController();
|
||
final ScrollController _scrollController = ScrollController();
|
||
|
||
int _currentPage = 0;
|
||
bool _isMobileSelected = true; // 切换按钮状态
|
||
|
||
void startScan() {
|
||
Navigator.push(
|
||
context,
|
||
MaterialPageRoute(builder: (_) => ScanPage(type: ScanType.Onboarding)),
|
||
);
|
||
}
|
||
|
||
// 缓存 key
|
||
static const String _hiddenCacheKey = 'hidden_roll_cache';
|
||
|
||
// 上面按钮显示状态
|
||
List<bool> _buttonVisibility = [];
|
||
|
||
// 我的工作子项显示状态
|
||
List<bool> _workItemVisibility = [];
|
||
List totalList = [];
|
||
|
||
// 工作统计数据
|
||
Map<String, int> workStats = {'total': 36, 'processed': 30, 'pending': 6};
|
||
|
||
// 检查清单数据
|
||
List<Map<String, dynamic>> checkLists = [
|
||
{
|
||
"title": "电工班车间清单",
|
||
"type": "隐患排查",
|
||
"time": "2025-11-17",
|
||
"color": Color(0xFF4CAF50),
|
||
},
|
||
{
|
||
"title": "工地区消防点检清单",
|
||
"type": "消防点检",
|
||
"time": "2025-11-17",
|
||
"color": Color(0xFF2196F3),
|
||
},
|
||
{
|
||
"title": "消防专项检查清单",
|
||
"type": "安环检查",
|
||
"time": "2025-11-17",
|
||
"color": Color(0xFFFF9800),
|
||
},
|
||
{
|
||
"title": "二车间防护网",
|
||
"type": "隐患处理",
|
||
"time": "2025-11-17",
|
||
"color": Color(0xFFF44336),
|
||
},
|
||
{
|
||
"title": "二车间防护网",
|
||
"type": "隐患处理",
|
||
"time": "2025-11-17",
|
||
"color": Color(0xFFF44336),
|
||
},
|
||
{
|
||
"title": "二车间防护网",
|
||
"type": "隐患处理",
|
||
"time": "2025-11-17",
|
||
"color": Color(0xFFF44336),
|
||
},
|
||
{
|
||
"title": "二车间防护网",
|
||
"type": "隐患处理",
|
||
"time": "2025-11-17",
|
||
"color": Color(0xFFF44336),
|
||
},
|
||
{
|
||
"title": "二车间防护网",
|
||
"type": "隐患处理",
|
||
"time": "2025-11-17",
|
||
"color": Color(0xFFF44336),
|
||
},
|
||
];
|
||
|
||
// 通知相关
|
||
final List<String> _notifications = [
|
||
"系统通知：今晚20:00 将进行系统维护，请提前保存数据。",
|
||
"安全提示：施工区请佩戴安全帽并系好安全带。",
|
||
"公告：本周五集团例会在多功能厅召开，9:00准时开始。",
|
||
"提醒：请尽快完成隐患整改清单中的待办项。",
|
||
];
|
||
int _notifIndex = 0;
|
||
late final PageController _notifPageController;
|
||
Timer? _notifTimer;
|
||
|
||
List<Map<String, dynamic>> buttonInfos = [
|
||
{"icon": "assets/images/ico1.png", "title": "单位管理", "unreadCount": 0},
|
||
{"icon": "assets/images/ico2.png", "title": "现场监管", "unreadCount": 0},
|
||
{"icon": "assets/images/ico3.png", "title": "危险作业", "unreadCount": 0},
|
||
{"icon": "assets/images/ico4.png", "title": "隐患处理", "unreadCount": 0},
|
||
{"icon": "assets/images/ico5.png", "title": "安环检查", "unreadCount": 0},
|
||
{"icon": "assets/images/ico6.png", "title": "口门门禁", "unreadCount": 0},
|
||
{"icon": "assets/images/ico7.png", "title": "入港培训", "unreadCount": 0},
|
||
];
|
||
|
||
// 浮动 AppBar（滚动触发）
|
||
bool _showFloatingAppBar = false;
|
||
static const double _triggerOffset = 30.0; // 滚动触发距离
|
||
static const double _floatingBarHeight = 56.0;
|
||
|
||
// 更新模块和按钮显示状态的方法
|
||
void _updateModuleAndButtonVisibility() {
|
||
final routeService = RouteService();
|
||
final homeRoutes =
|
||
routeService.mainTabs.isNotEmpty
|
||
? routeService.getRoutesForTab(routeService.mainTabs[0])
|
||
: [];
|
||
|
||
setState(() {
|
||
_buttonVisibility = List.filled(buttonInfos.length, false);
|
||
|
||
// 根据路由标题匹配并设置显示状态（目前保留）
|
||
for (final route in homeRoutes) {
|
||
final routeTitle = route.title ?? '';
|
||
}
|
||
});
|
||
}
|
||
|
||
/// 隐患播报列表及状态
|
||
List<Map<String, dynamic>> hiddenList = [];
|
||
bool _initialLoadingHidden = true;
|
||
bool _firstLoad = false;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
|
||
// _getNeedSafetyCommitment();
|
||
_buttonVisibility = List.filled(buttonInfos.length, true);
|
||
|
||
// 通知滚动 PageController
|
||
_notifPageController = PageController(initialPage: 0);
|
||
|
||
// 启动定时器：每 3 秒切换一条通知
|
||
_notifTimer = Timer.periodic(const Duration(seconds: 3), (timer) {
|
||
if (!mounted) return;
|
||
final next = (_notifIndex + 1) % _notifications.length;
|
||
_notifIndex = next;
|
||
// animateToPage 可能抛异常（在 dispose 中），所以包在 try/catch
|
||
try {
|
||
_notifPageController.animateToPage(
|
||
next,
|
||
duration: const Duration(milliseconds: 400),
|
||
curve: Curves.easeInOut,
|
||
);
|
||
} catch (_) {}
|
||
setState(() {});
|
||
});
|
||
|
||
// 监听主列表滚动以控制浮动 AppBar 显示
|
||
_scrollController.addListener(_onScroll);
|
||
|
||
WidgetsBinding.instance.addObserver(this);
|
||
Future.delayed(const Duration(seconds: 1), () {
|
||
_firstLoad = true;
|
||
});
|
||
}
|
||
|
||
void _onScroll() {
|
||
final offset =
|
||
_scrollController.hasClients ? _scrollController.offset : 0.0;
|
||
final shouldShow = offset >= _triggerOffset;
|
||
if (shouldShow != _showFloatingAppBar) {
|
||
setState(() {
|
||
_showFloatingAppBar = shouldShow;
|
||
});
|
||
}
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_pageController.dispose();
|
||
_notifTimer?.cancel();
|
||
_notifPageController.dispose();
|
||
|
||
_scrollController.removeListener(_onScroll);
|
||
_scrollController.dispose();
|
||
|
||
WidgetsBinding.instance.removeObserver(this);
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Future<void> onVisible() async {
|
||
final current = CurrentTabNotifier.of(context)?.currentIndex ?? 0;
|
||
const myIndex = 0;
|
||
if (current != myIndex) {
|
||
return;
|
||
}
|
||
if (_firstLoad) {}
|
||
}
|
||
|
||
void onRouteConfigLoaded() {
|
||
if (mounted) {
|
||
setState(() {
|
||
_updateModuleAndButtonVisibility();
|
||
});
|
||
}
|
||
}
|
||
|
||
@override
|
||
void didChangeAppLifecycleState(AppLifecycleState state) {
|
||
if (state == AppLifecycleState.resumed) {
|
||
// App 回到前台时刷新数据
|
||
}
|
||
}
|
||
|
||
void _onBadgeUpdated() {
|
||
if (mounted) {
|
||
setState(() {});
|
||
}
|
||
}
|
||
|
||
/// 更新按钮角标
|
||
void _updateButtonBadges() {
|
||
setState(() {
|
||
// 可以在这里更新角标数据
|
||
});
|
||
}
|
||
|
||
/// 从 SharedPreferences 读取缓存
|
||
Future<void> _loadHiddenCache() async {
|
||
try {
|
||
final prefs = await SharedPreferences.getInstance();
|
||
final jsonStr = prefs.getString(_hiddenCacheKey);
|
||
if (jsonStr != null && jsonStr.isNotEmpty) {
|
||
final parsed = jsonDecode(jsonStr) as List<dynamic>;
|
||
final list =
|
||
parsed.map((e) => Map<String, dynamic>.from(e as Map)).toList();
|
||
setState(() {
|
||
hiddenList = list;
|
||
_initialLoadingHidden = false;
|
||
});
|
||
} else {
|
||
setState(() {
|
||
_initialLoadingHidden = true;
|
||
});
|
||
}
|
||
} catch (e) {
|
||
debugPrint('加载 hidden cache 失败: $e');
|
||
setState(() {
|
||
_initialLoadingHidden = true;
|
||
});
|
||
}
|
||
}
|
||
|
||
Future<void> _onRefresh() async {
|
||
// 刷新数据
|
||
await Future.delayed(const Duration(seconds: 1));
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
const double notificationHeight = 60.0; // 通知栏高度
|
||
double bannerHeight = 738 / 1125 * screenWidth(context);
|
||
const double iconSectionHeight = 220.0;
|
||
const double iconOverlapBanner = 90.0; // 图标区覆盖 banner 的高度
|
||
const double iconOverlapNotification = -10.0; // 图标区覆盖通知栏的高度
|
||
|
||
final double stackBottom =
|
||
bannerHeight - iconOverlapBanner + iconSectionHeight + 60;
|
||
|
||
final double statusBar = MediaQuery.of(context).padding.top;
|
||
|
||
return PopScope(
|
||
canPop: false,
|
||
child: Scaffold(
|
||
extendBodyBehindAppBar: true,
|
||
body: Stack(
|
||
children: [
|
||
RefreshIndicator(
|
||
onRefresh: _onRefresh,
|
||
child: ListView(
|
||
controller: _scrollController,
|
||
physics: const AlwaysScrollableScrollPhysics(),
|
||
padding: const EdgeInsets.all(0),
|
||
children: [
|
||
SizedBox(
|
||
height: stackBottom,
|
||
child: Stack(
|
||
clipBehavior: Clip.none,
|
||
children: [
|
||
// Banner（顶部）
|
||
Positioned(
|
||
top: 0,
|
||
left: 0,
|
||
right: 0,
|
||
height: bannerHeight,
|
||
child: _buildBannerSection(bannerHeight),
|
||
),
|
||
|
||
// 通知栏（
|
||
Positioned(
|
||
left: 10,
|
||
right: 10,
|
||
top:
|
||
(bannerHeight - iconOverlapBanner) +
|
||
iconSectionHeight -
|
||
iconOverlapNotification,
|
||
height: notificationHeight,
|
||
child: _buildNotificationBar(notificationHeight - 2),
|
||
),
|
||
|
||
// 图标区（覆盖 banner 底部 overlap）
|
||
Positioned(
|
||
left: 10,
|
||
right: 10,
|
||
top: bannerHeight - iconOverlapBanner,
|
||
height: iconSectionHeight,
|
||
child: _buildIconSection(context),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
if (widget.isChooseFirm) ...[
|
||
// 工作统计区域
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(
|
||
horizontal: 10,
|
||
vertical: 20,
|
||
),
|
||
child: _buildWorkStatsSection(),
|
||
),
|
||
|
||
// 检查清单区域
|
||
Padding(
|
||
padding: const EdgeInsets.symmetric(horizontal: 10),
|
||
child: _buildCheckListSection(),
|
||
),
|
||
|
||
const SizedBox(height: 20),
|
||
]
|
||
|
||
],
|
||
),
|
||
),
|
||
|
||
// 浮动 AppBar（平滑出现/隐藏），放在 ListView 之上
|
||
Positioned(
|
||
top: 0,
|
||
left: 0,
|
||
right: 0,
|
||
child: AnimatedContainer(
|
||
duration: const Duration(milliseconds: 0),
|
||
height:
|
||
_showFloatingAppBar ? (statusBar + _floatingBarHeight) : 0,
|
||
decoration: BoxDecoration(
|
||
color:
|
||
_showFloatingAppBar
|
||
? h_AppBarColor()
|
||
: Colors.transparent,
|
||
boxShadow:
|
||
_showFloatingAppBar
|
||
? [
|
||
BoxShadow(
|
||
color: Colors.black.withOpacity(0.08),
|
||
blurRadius: 6,
|
||
),
|
||
]
|
||
: [],
|
||
),
|
||
child: SafeArea(
|
||
bottom: false,
|
||
child: Opacity(
|
||
opacity: _showFloatingAppBar ? 1.0 : 0.0,
|
||
child: SizedBox(
|
||
height: _floatingBarHeight,
|
||
child: const SizedBox()
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
Positioned(
|
||
top: statusBar + 14,
|
||
width: screenWidth(context),
|
||
child: Center(child:
|
||
Text(
|
||
'秦港-相关方安全管理',
|
||
style: TextStyle(
|
||
fontSize: 19,
|
||
fontWeight: FontWeight.w600,
|
||
color: Colors.white,
|
||
),
|
||
),)
|
||
),
|
||
// 固定在最上层的图标（位于 AppBar 之上），保证它们不会随滚动移动
|
||
_buildFixedTopIcons(context),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
// 固定在屏幕右上角的图标（不会随页面滚动）
|
||
Widget _buildFixedTopIcons(BuildContext context) {
|
||
final double statusBar = MediaQuery.of(context).padding.top;
|
||
// 固定图标距离顶部的偏移（在 banner 内时可调小）
|
||
final double topOffset = statusBar + 12;
|
||
|
||
return Positioned(
|
||
top: topOffset,
|
||
right: 12,
|
||
child: Row(
|
||
children: [
|
||
GestureDetector(
|
||
onTap: startScan,
|
||
child: Container(
|
||
width: 38,
|
||
height: 38,
|
||
alignment: Alignment.center,
|
||
child: Image.asset(
|
||
"assets/icon-apps/home_saoyisao.png",
|
||
width: 22,
|
||
height: 22,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildNotificationBar(double notificationHeight) {
|
||
return Material(
|
||
color: Colors.transparent,
|
||
child: Container(
|
||
height: notificationHeight,
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFFE6F5FF), // 浅蓝
|
||
borderRadius: BorderRadius.circular(5),
|
||
border: Border.all(color: Colors.white, width: 1), // 白色边框
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: Colors.black.withOpacity(0.05),
|
||
blurRadius: 6,
|
||
offset: const Offset(0, 2),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
children: [
|
||
// const SizedBox(height: 40),
|
||
Row(
|
||
children: [
|
||
const SizedBox(width: 12),
|
||
// 左侧图标
|
||
Image.asset('assets/images/ico8.png', width: 30, height: 25),
|
||
const SizedBox(width: 12),
|
||
|
||
// 中间可滚动的文本区域（使用垂直 PageView）
|
||
Expanded(
|
||
child: SizedBox(
|
||
height: notificationHeight,
|
||
child: PageView.builder(
|
||
controller: _notifPageController,
|
||
scrollDirection: Axis.vertical,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
itemCount: _notifications.length,
|
||
itemBuilder: (context, index) {
|
||
final text = _notifications[index];
|
||
return Align(
|
||
alignment: Alignment.centerLeft,
|
||
child: Padding(
|
||
padding: const EdgeInsets.only(right: 8.0),
|
||
child: Text(
|
||
text,
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
style: const TextStyle(
|
||
color: Colors.black87,
|
||
fontSize: 14,
|
||
),
|
||
),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
),
|
||
),
|
||
|
||
// 右侧箭头
|
||
const Icon(Icons.chevron_right, color: Colors.black26),
|
||
const SizedBox(width: 8),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
// 构建顶部 Banner
|
||
Widget _buildBannerSection(double bannerHeight) {
|
||
return Stack(
|
||
children: [
|
||
// 背景图片
|
||
Image.asset(
|
||
"assets/images/banner.png",
|
||
width: MediaQuery.of(context).size.width,
|
||
height: bannerHeight,
|
||
fit: BoxFit.cover,
|
||
),
|
||
|
||
// 这里保留 banner 内的额外装饰（如果需要）
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildIconSection(BuildContext context) {
|
||
// 判断是否有第二行
|
||
final hasSecondRow = buttonInfos.length > 4;
|
||
|
||
return Container(
|
||
padding: const EdgeInsets.symmetric(vertical: 18, horizontal: 5),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(12),
|
||
boxShadow: const [
|
||
BoxShadow(color: Colors.black12, blurRadius: 6, offset: Offset(0, 2)),
|
||
],
|
||
),
|
||
child: widget.isChooseFirm
|
||
? Column(
|
||
children: [
|
||
// 第一行（4 列等分）
|
||
Row(
|
||
children: List.generate(4, (i) {
|
||
final idx = i;
|
||
if (idx < buttonInfos.length) {
|
||
return Expanded(
|
||
child: Center(child: _buildIconButton(buttonInfos[idx], context)),
|
||
);
|
||
} else {
|
||
return const Expanded(child: SizedBox());
|
||
}
|
||
}),
|
||
),
|
||
|
||
if (hasSecondRow) const SizedBox(height: 20),
|
||
|
||
// 第二行（仍然 4 列等分；不足的用占位填充）
|
||
if (hasSecondRow)
|
||
Row(
|
||
children: List.generate(4, (i) {
|
||
final idx = 4 + i; // 第二行从索引4开始
|
||
if (idx < buttonInfos.length) {
|
||
return Expanded(
|
||
child: Center(child: _buildIconButton(buttonInfos[idx], context)),
|
||
);
|
||
} else {
|
||
return const Expanded(child: SizedBox());
|
||
}
|
||
}),
|
||
),
|
||
],
|
||
)
|
||
: Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Image.asset('assets/images/ico1.png', width: 100, height: 100),
|
||
const SizedBox(height: 10),
|
||
CustomButton(
|
||
text: '点击入职企业',
|
||
onPressed: () {
|
||
pushPage(FirmListPage(), context);
|
||
},
|
||
)
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
|
||
// 构建单个图标按钮（保持原样）
|
||
Widget _buildIconButton(Map<String, dynamic> info, BuildContext context) {
|
||
return GestureDetector(
|
||
onTap: () {
|
||
_handleIconTap(info['title']);
|
||
},
|
||
child: Column(
|
||
children: [
|
||
Container(
|
||
width: 50,
|
||
height: 50,
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFFE8F4FD),
|
||
borderRadius: BorderRadius.circular(25),
|
||
),
|
||
child: Center(
|
||
child: Image.asset(info['icon'], width: 30, height: 30),
|
||
),
|
||
),
|
||
const SizedBox(height: 6),
|
||
SizedBox(
|
||
width: 70,
|
||
child: Text(
|
||
info['title'],
|
||
style: const TextStyle(fontSize: 12, color: Colors.black87),
|
||
textAlign: TextAlign.center,
|
||
maxLines: 2,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// 处理图标点击
|
||
void _handleIconTap(String title) {
|
||
switch (title) {
|
||
case "单位管理":
|
||
pushPage(UnitTabPage(), context);
|
||
break;
|
||
case "现场监管":
|
||
break;
|
||
case "危险作业":
|
||
break;
|
||
case "隐患处理":
|
||
break;
|
||
case "安环检查":
|
||
break;
|
||
case "口门门禁":
|
||
break;
|
||
case "入港培训":
|
||
break;
|
||
default:
|
||
break;
|
||
}
|
||
}
|
||
|
||
// 构建工作统计区域 - 新版设计
|
||
Widget _buildWorkStatsSection() {
|
||
double buttonHeight = 45.0;
|
||
return Container(
|
||
padding: const EdgeInsets.all(1),
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(12),
|
||
boxShadow: const [
|
||
BoxShadow(color: Colors.black12, blurRadius: 6, offset: Offset(0, 2)),
|
||
],
|
||
),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// 切换按钮
|
||
Container(
|
||
width: screenWidth(context),
|
||
height: buttonHeight,
|
||
decoration: BoxDecoration(
|
||
// color: Colors.white,
|
||
borderRadius: const BorderRadius.only(
|
||
topLeft: Radius.circular(12),
|
||
topRight: Radius.circular(12),
|
||
),
|
||
),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||
children: [
|
||
// 手机端按钮
|
||
Expanded(
|
||
child: GestureDetector(
|
||
onTap: () {
|
||
setState(() {
|
||
_isMobileSelected = true;
|
||
});
|
||
},
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
color:
|
||
_isMobileSelected
|
||
? const Color(0xFFE9F4FE)
|
||
: Colors.white,
|
||
borderRadius: const BorderRadius.only(
|
||
topLeft: Radius.circular(12),
|
||
),
|
||
),
|
||
child: Center(
|
||
child: Text(
|
||
"手机端",
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color:
|
||
_isMobileSelected ? Colors.black : Colors.blue,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
Image.asset(
|
||
'assets/images/${_isMobileSelected ? 'img2.png' : 'img1.png'}',
|
||
fit: BoxFit.cover,
|
||
height: buttonHeight,
|
||
width: 30,
|
||
),
|
||
// 电脑端按钮
|
||
Expanded(
|
||
child: GestureDetector(
|
||
onTap: () {
|
||
setState(() {
|
||
_isMobileSelected = false;
|
||
});
|
||
},
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
color:
|
||
!_isMobileSelected
|
||
? const Color(0xFFE9F4FE)
|
||
: Colors.white,
|
||
borderRadius: const BorderRadius.only(
|
||
topRight: Radius.circular(12),
|
||
),
|
||
),
|
||
child: Center(
|
||
child: Text(
|
||
"电脑端",
|
||
style: TextStyle(
|
||
fontSize: 15,
|
||
color:
|
||
!_isMobileSelected ? Colors.black : Colors.blue,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
Padding(
|
||
padding: EdgeInsets.all(15),
|
||
child: Column(
|
||
children: [
|
||
// 今日工作项
|
||
Container(
|
||
width: double.infinity,
|
||
padding: const EdgeInsets.symmetric(vertical: 0),
|
||
child: RichText(
|
||
text: TextSpan(
|
||
children: [
|
||
TextSpan(
|
||
text: "今日有工作项",
|
||
style: TextStyle(fontSize: 16, color: Colors.black87),
|
||
),
|
||
TextSpan(
|
||
text: " ${workStats['total']}",
|
||
style: const TextStyle(
|
||
fontSize: 16,
|
||
color: Color(0xFF2A75F8),
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
TextSpan(
|
||
text: "个",
|
||
style: TextStyle(fontSize: 16, color: Colors.black87),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
|
||
const SizedBox(height: 15),
|
||
// 第三行：已处理和待处理工作项
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
RichText(
|
||
text: TextSpan(
|
||
children: [
|
||
TextSpan(
|
||
text: "已处理工作项：",
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: Colors.black87,
|
||
),
|
||
),
|
||
TextSpan(
|
||
text: " ${workStats['processed']}",
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: Colors.greenAccent,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
TextSpan(
|
||
text: "个",
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: Colors.black87,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
RichText(
|
||
text: TextSpan(
|
||
children: [
|
||
TextSpan(
|
||
text: "待处理工作项：",
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: Colors.black87,
|
||
),
|
||
),
|
||
TextSpan(
|
||
text: " ${workStats['processed']}",
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: Colors.orange,
|
||
fontWeight: FontWeight.bold,
|
||
),
|
||
),
|
||
TextSpan(
|
||
text: "个",
|
||
style: TextStyle(
|
||
fontSize: 14,
|
||
color: Colors.black87,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
// 构建检查清单区域
|
||
Widget _buildCheckListSection() {
|
||
return Column(
|
||
children: [
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Text(
|
||
' 待办清单',
|
||
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
||
),
|
||
const SizedBox(),
|
||
],
|
||
),
|
||
SizedBox(height: 8),
|
||
Container(
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(12),
|
||
boxShadow: const [
|
||
BoxShadow(
|
||
color: Colors.black12,
|
||
blurRadius: 6,
|
||
offset: Offset(0, 2),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
children: [...checkLists.map((item) => _buildCheckListItem(item))],
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
// 构建检查清单项
|
||
Widget _buildCheckListItem(Map<String, dynamic> item) {
|
||
return Container(
|
||
padding: const EdgeInsets.all(15),
|
||
decoration: BoxDecoration(
|
||
border: Border(bottom: BorderSide(color: Colors.grey[200]!, width: 1)),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
// 内容区域 - 使用Expanded确保不溢出
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// 标题行
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
// 标题使用Flexible防止溢出
|
||
Flexible(
|
||
child: Text(
|
||
item['title'],
|
||
style: const TextStyle(
|
||
fontSize: 15,
|
||
fontWeight: FontWeight.bold,
|
||
color: Colors.black87,
|
||
),
|
||
overflow: TextOverflow.ellipsis, // 添加省略号
|
||
maxLines: 1, // 限制为1行
|
||
),
|
||
),
|
||
const SizedBox(width: 8), // 添加间距
|
||
Text(
|
||
item['type'],
|
||
style: TextStyle(fontSize: 12, color: Colors.grey[500]),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 8), // 替代Divider的间距
|
||
// 底部信息行
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
// 类型标签使用Flexible
|
||
Flexible(
|
||
child: Container(
|
||
padding: const EdgeInsets.symmetric(
|
||
horizontal: 6,
|
||
vertical: 2,
|
||
),
|
||
decoration: BoxDecoration(
|
||
color: Colors.grey[100],
|
||
borderRadius: BorderRadius.circular(4),
|
||
),
|
||
child: Text(
|
||
"类型：${item['type']}",
|
||
style: const TextStyle(
|
||
fontSize: 12,
|
||
color: Colors.blue,
|
||
),
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(width: 8), // 添加间距
|
||
// 时间使用Text
|
||
Flexible(
|
||
child: Text(
|
||
"时间：${item['time']}",
|
||
style: const TextStyle(
|
||
fontSize: 12,
|
||
color: Colors.grey,
|
||
),
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|