498 lines
14 KiB
Dart
498 lines
14 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_easyloading/flutter_easyloading.dart';
|
|||
|
|
import 'package:qhd_prevention/common/route_aware_state.dart';
|
|||
|
|
import 'package:qhd_prevention/common/route_service.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/custom_alert_dialog.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/search_bar_widget.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/toast_util.dart';
|
|||
|
|
import 'package:qhd_prevention/http/modules/notif_api.dart';
|
|||
|
|
import 'package:qhd_prevention/pages/badge_manager.dart';
|
|||
|
|
import 'package:qhd_prevention/pages/main_tab.dart';
|
|||
|
|
import 'package:qhd_prevention/pages/my_appbar.dart';
|
|||
|
|
|
|||
|
|
import 'package:qhd_prevention/pages/notif/notif_detail_page.dart';
|
|||
|
|
import 'package:qhd_prevention/tools/tools.dart';
|
|||
|
|
import '../../http/ApiService.dart';
|
|||
|
|
|
|||
|
|
class NotifPage extends StatefulWidget {
|
|||
|
|
const NotifPage({Key? key}) : super(key: key);
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
NotifPageState createState() => NotifPageState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class NotifPageState extends RouteAwareState<NotifPage>
|
|||
|
|
with TickerProviderStateMixin, WidgetsBindingObserver {
|
|||
|
|
final TextEditingController searchController = TextEditingController();
|
|||
|
|
|
|||
|
|
late List<dynamic> _list = [];
|
|||
|
|
|
|||
|
|
|
|||
|
|
late TabController _tabController;
|
|||
|
|
late TabController _tabControllerTwo;
|
|||
|
|
int _selectedTab = 0;
|
|||
|
|
int _selectedTabTwo = 0;
|
|||
|
|
int pageNum = 1;
|
|||
|
|
int _totalPage=1;
|
|||
|
|
String keyWord = "";
|
|||
|
|
|
|||
|
|
// 控制Tab显示状态
|
|||
|
|
bool _showPlatformAnnouncement = true;
|
|||
|
|
bool _showEnterpriseAnnouncement = true;
|
|||
|
|
|
|||
|
|
// 标记是否已初始化
|
|||
|
|
bool _isInitialized = false;
|
|||
|
|
bool _isLoading = false;
|
|||
|
|
bool _hasMore = true;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
WidgetsBinding.instance.addObserver(this);
|
|||
|
|
|
|||
|
|
// 初始化显示状态
|
|||
|
|
_initializeVisibility();
|
|||
|
|
|
|||
|
|
// 初始化TabController
|
|||
|
|
_initializeTabControllers();
|
|||
|
|
|
|||
|
|
_getListData(false);
|
|||
|
|
|
|||
|
|
_isInitialized = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _initializeVisibility() {
|
|||
|
|
_showPlatformAnnouncement = true;
|
|||
|
|
_showEnterpriseAnnouncement = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _initializeTabControllers() {
|
|||
|
|
final visibleTabsCount =
|
|||
|
|
(_showPlatformAnnouncement ? 1 : 0) +
|
|||
|
|
(_showEnterpriseAnnouncement ? 1 : 0);
|
|||
|
|
|
|||
|
|
_tabController = TabController(length: visibleTabsCount, vsync: this);
|
|||
|
|
_tabController.addListener(() {
|
|||
|
|
if (_tabController.indexIsChanging) {
|
|||
|
|
setState(() => _selectedTab = _tabController.index);
|
|||
|
|
print('切换到标签：${_tabController.index}');
|
|||
|
|
searchController.text = "";
|
|||
|
|
keyWord = "";
|
|||
|
|
reRefreshData();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
_tabControllerTwo = TabController(length: 2, vsync: this);
|
|||
|
|
_tabControllerTwo.addListener(() {
|
|||
|
|
if (_tabControllerTwo.indexIsChanging) {
|
|||
|
|
setState(() => _selectedTabTwo = _tabControllerTwo.index);
|
|||
|
|
print('切换到标签：${_tabControllerTwo.index}');
|
|||
|
|
|
|||
|
|
searchController.text = "";
|
|||
|
|
keyWord = "";
|
|||
|
|
reRefreshData();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _updateNotifVisibility() {
|
|||
|
|
final routeService = RouteService();
|
|||
|
|
final notifRoutes =
|
|||
|
|
routeService.mainTabs.isNotEmpty
|
|||
|
|
? routeService.getRoutesForTab(routeService.mainTabs[2])
|
|||
|
|
: [];
|
|||
|
|
|
|||
|
|
bool newPlatformAnnouncement = false;
|
|||
|
|
bool newEnterpriseAnnouncement = false;
|
|||
|
|
|
|||
|
|
// 根据路由标题匹配并设置显示状态
|
|||
|
|
for (final route in notifRoutes) {
|
|||
|
|
final routeTitle = route.title;
|
|||
|
|
|
|||
|
|
switch (routeTitle) {
|
|||
|
|
case '公告':
|
|||
|
|
newPlatformAnnouncement = route.hasMenu;
|
|||
|
|
break;
|
|||
|
|
case '通知':
|
|||
|
|
newEnterpriseAnnouncement = route.hasMenu;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 只有当显示状态确实发生变化时才更新
|
|||
|
|
if (newPlatformAnnouncement != _showPlatformAnnouncement ||
|
|||
|
|
newEnterpriseAnnouncement != _showEnterpriseAnnouncement) {
|
|||
|
|
setState(() {
|
|||
|
|
_showPlatformAnnouncement = newPlatformAnnouncement;
|
|||
|
|
_showEnterpriseAnnouncement = newEnterpriseAnnouncement;
|
|||
|
|
|
|||
|
|
// 重新初始化TabController
|
|||
|
|
_disposeTabControllers();
|
|||
|
|
_initializeTabControllers();
|
|||
|
|
|
|||
|
|
// 重置选中状态
|
|||
|
|
_selectedTab = 0;
|
|||
|
|
_selectedTabTwo = 0;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _disposeTabControllers() {
|
|||
|
|
_tabController.dispose();
|
|||
|
|
_tabControllerTwo.dispose();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void onRouteConfigLoaded() {
|
|||
|
|
if (mounted && _isInitialized) {
|
|||
|
|
_updateNotifVisibility();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void reRefreshData() {
|
|||
|
|
pageNum = 1;
|
|||
|
|
_list.clear();
|
|||
|
|
_getListData(false);
|
|||
|
|
// if (0 == _selectedTab) {
|
|||
|
|
//
|
|||
|
|
// _getNotifList();
|
|||
|
|
// } else {
|
|||
|
|
// _getNotifEnterprise();
|
|||
|
|
// }
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Future<void> onVisible() async {
|
|||
|
|
final current = CurrentTabNotifier.of(context)?.currentIndex ?? 0;
|
|||
|
|
const myIndex = 2;
|
|||
|
|
if (current != myIndex) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
// BadgeManager().updateNotifCount();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _getListData(bool loadMore) async {
|
|||
|
|
try {
|
|||
|
|
if (_isLoading) return;
|
|||
|
|
_isLoading = true;
|
|||
|
|
|
|||
|
|
LoadingDialogHelper.show();
|
|||
|
|
|
|||
|
|
final Map<String, dynamic> result;
|
|||
|
|
|
|||
|
|
final data = {
|
|||
|
|
"pageSize": 20,
|
|||
|
|
"pageIndex": pageNum,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
if(_selectedTab==0){
|
|||
|
|
result = await NotifApi.getNoticeList(data);
|
|||
|
|
}else{
|
|||
|
|
result = await NotifApi.getNoticeList(data);
|
|||
|
|
}
|
|||
|
|
BadgeManager().updateNotifCount();
|
|||
|
|
LoadingDialogHelper.hide();
|
|||
|
|
if(_selectedTab==0){
|
|||
|
|
if (result['success']) {
|
|||
|
|
_totalPage =result['totalPages'] ?? 1;
|
|||
|
|
final List<dynamic> newList = result['data'] ?? [];
|
|||
|
|
// setState(() {
|
|||
|
|
// _list.addAll(newList);
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
setState(() {
|
|||
|
|
if (loadMore) {
|
|||
|
|
_list.addAll(newList);
|
|||
|
|
} else {
|
|||
|
|
_list = newList;
|
|||
|
|
}
|
|||
|
|
_hasMore = pageNum < _totalPage;
|
|||
|
|
// if (_hasMore) _page++;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
ToastUtil.showNormal(context, "加载数据失败");
|
|||
|
|
// _showMessage('加载数据失败');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
} catch (e) {
|
|||
|
|
LoadingDialogHelper.hide();
|
|||
|
|
// 出错时可以 Toast 或者在页面上显示错误状态
|
|||
|
|
print('加载数据失败：$e');
|
|||
|
|
} finally {
|
|||
|
|
// if (!loadMore) LoadingDialogHelper.hide();
|
|||
|
|
_isLoading = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void dispose() {
|
|||
|
|
WidgetsBinding.instance.removeObserver(this);
|
|||
|
|
_disposeTabControllers();
|
|||
|
|
super.dispose();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
// 构建可见的Tab列表
|
|||
|
|
final List<Widget> visibleTabs = [];
|
|||
|
|
if (_showPlatformAnnouncement) {
|
|||
|
|
visibleTabs.add(const Tab(text: '公告'));
|
|||
|
|
}
|
|||
|
|
if (_showEnterpriseAnnouncement) {
|
|||
|
|
visibleTabs.add(const Tab(text: '通知'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 如果没有可见的Tab，显示空页面
|
|||
|
|
if (visibleTabs.isEmpty) {
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: MyAppbar(title: '通知', isBack: false),
|
|||
|
|
body: Center(
|
|||
|
|
child: Text(
|
|||
|
|
'暂无通知权限',
|
|||
|
|
style: TextStyle(fontSize: 16, color: Colors.grey),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: MyAppbar(title: '通知', isBack: false),
|
|||
|
|
body: GestureDetector(
|
|||
|
|
onTap: () {
|
|||
|
|
FocusScope.of(context).unfocus();
|
|||
|
|
},
|
|||
|
|
behavior: HitTestBehavior.opaque,
|
|||
|
|
child: Scaffold(
|
|||
|
|
body: SafeArea(
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
// Tab bar
|
|||
|
|
Container(
|
|||
|
|
color: Colors.white,
|
|||
|
|
child: TabBar(
|
|||
|
|
controller: _tabController,
|
|||
|
|
labelStyle: const TextStyle(fontSize: 16),
|
|||
|
|
indicator: const UnderlineTabIndicator(
|
|||
|
|
borderSide: BorderSide(
|
|||
|
|
width: 4.0,
|
|||
|
|
color: const Color(0xFF1C61FF),
|
|||
|
|
),
|
|||
|
|
insets: EdgeInsets.symmetric(horizontal: 35.0),
|
|||
|
|
),
|
|||
|
|
labelColor: const Color(0xFF1C61FF),
|
|||
|
|
unselectedLabelColor: Colors.grey,
|
|||
|
|
tabs: visibleTabs,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
NotificationListener<ScrollNotification>(
|
|||
|
|
onNotification: _onScroll,
|
|||
|
|
child: // List
|
|||
|
|
Expanded(
|
|||
|
|
child:
|
|||
|
|
_list.isEmpty
|
|||
|
|
? NoDataWidget.show()
|
|||
|
|
: ListView.builder(
|
|||
|
|
itemCount: _list.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
return _itemCellTwo(_list[index]);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
bool _onScroll(ScrollNotification n) {
|
|||
|
|
if (n.metrics.pixels > n.metrics.maxScrollExtent - 100 &&
|
|||
|
|
_hasMore &&
|
|||
|
|
!_isLoading) {
|
|||
|
|
pageNum++;
|
|||
|
|
_getListData(true);
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _itemCellTwo(final item) {
|
|||
|
|
return GestureDetector(
|
|||
|
|
onTap: () {
|
|||
|
|
Navigator.push(
|
|||
|
|
context,
|
|||
|
|
MaterialPageRoute(
|
|||
|
|
builder:
|
|||
|
|
(context) => NotifDetailPage(
|
|||
|
|
item,
|
|||
|
|
_selectedTab,
|
|||
|
|
onClose: (result) {
|
|||
|
|
print('详情页面已关闭，返回结果: $result');
|
|||
|
|
reRefreshData();
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
child: Card(
|
|||
|
|
margin: EdgeInsets.all(8.0),
|
|||
|
|
color: Colors.white,
|
|||
|
|
elevation: 2.0,
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.all(16.0),
|
|||
|
|
child: Row(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
// 标题
|
|||
|
|
Text(
|
|||
|
|
item['title']??'',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 18.0,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
color: Colors.black,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
SizedBox(height: 8.0),
|
|||
|
|
|
|||
|
|
Text(
|
|||
|
|
'发布时间：${item['publishTime']??''}',
|
|||
|
|
style: TextStyle(fontSize: 14.0, color: Colors.grey[500]),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
SizedBox(height: 8.0),
|
|||
|
|
|
|||
|
|
Row(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
item['readStatus']=='1'?'已阅':'待阅',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 16.0,
|
|||
|
|
color: Colors.black,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 6.0),
|
|||
|
|
Image.asset(
|
|||
|
|
item['readStatus']=='1'?'assets/icon-apps/read_message.png':'assets/icon-apps/unread_message.png',
|
|||
|
|
width: 25,
|
|||
|
|
height: 25,
|
|||
|
|
),
|
|||
|
|
const SizedBox(width: 6.0),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
Widget _itemCell(final item) {
|
|||
|
|
return Column(
|
|||
|
|
children: [
|
|||
|
|
ListTile(
|
|||
|
|
onTap: () {
|
|||
|
|
Navigator.push(
|
|||
|
|
context,
|
|||
|
|
MaterialPageRoute(
|
|||
|
|
builder:
|
|||
|
|
(context) => NotifDetailPage(
|
|||
|
|
item,
|
|||
|
|
_selectedTab,
|
|||
|
|
onClose: (result) {
|
|||
|
|
print('详情页面已关闭，返回结果: $result');
|
|||
|
|
reRefreshData();
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
contentPadding: const EdgeInsets.symmetric(
|
|||
|
|
horizontal: 16,
|
|||
|
|
vertical: 10,
|
|||
|
|
),
|
|||
|
|
title: Padding(
|
|||
|
|
padding: const EdgeInsets.only(bottom: 20),
|
|||
|
|
child: Text(item['SYNOPSIS'], style: const TextStyle(fontSize: 14)),
|
|||
|
|
),
|
|||
|
|
subtitle: Text(
|
|||
|
|
item['CREATTIME'],
|
|||
|
|
style: const TextStyle(fontSize: 13),
|
|||
|
|
),
|
|||
|
|
trailing: Container(
|
|||
|
|
constraints: const BoxConstraints(minHeight: 100),
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|||
|
|
children: [
|
|||
|
|
if (0 != _selectedTab)
|
|||
|
|
Text(
|
|||
|
|
item['TYPE'] == 1 ? '已读' : '未读',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12,
|
|||
|
|
color: item['TYPE'] == 1 ? Colors.grey : Colors.red,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 15),
|
|||
|
|
if (0 != _selectedTab && item['TYPE'] == 1)
|
|||
|
|
SizedBox(
|
|||
|
|
height: 24,
|
|||
|
|
child: TextButton(
|
|||
|
|
onPressed: () async {
|
|||
|
|
final ok = await CustomAlertDialog.showConfirm(
|
|||
|
|
context,
|
|||
|
|
title: '确认删除',
|
|||
|
|
content: '确定要删除这条通知吗?',
|
|||
|
|
cancelText: '取消',
|
|||
|
|
);
|
|||
|
|
// if (ok) {
|
|||
|
|
// _deleteNotif(item['NOTICECORPUSERID_ID']);
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
style: TextButton.styleFrom(
|
|||
|
|
padding: const EdgeInsets.symmetric(horizontal: 12),
|
|||
|
|
backgroundColor: Colors.red,
|
|||
|
|
shape: RoundedRectangleBorder(
|
|||
|
|
borderRadius: BorderRadius.circular(12),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: const Text(
|
|||
|
|
'删除',
|
|||
|
|
style: TextStyle(fontSize: 13, color: Colors.white),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const Divider(height: 1, color: Colors.black12),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|