消息红点提示

This commit is contained in:
czz
2025-07-24 18:32:57 +08:00
parent 4adac4a6bf
commit cc6ef83587
4 changed files with 180 additions and 57 deletions

View File

@@ -1,18 +1,12 @@
import 'package:ef/ef.dart';
import 'package:flutter/material.dart';
import 'package:flutterflow_ui/flutterflow_ui.dart';
import 'package:vbvs_app/common/color/appConstants.dart';
import 'package:vbvs_app/common/color/app_uri_status.dart';
import 'package:vbvs_app/common/util/FitTool.dart';
import 'package:vbvs_app/component/tool/ClickableContainer.dart';
import 'package:vbvs_app/component/tool/CustomCard.dart';
import 'package:vbvs_app/component/tool/TopSlideNotification.dart';
import 'package:vbvs_app/controller/device/device_share_controller.dart';
import 'package:vbvs_app/controller/message/message_controller.dart';
import 'package:vbvs_app/controller/mh_controller/message_controller.dart';
import 'package:vbvs_app/controller/theme_controller/ThemeController.dart';
import 'package:vbvs_app/enum/MessageStatus.dart';
import 'package:vbvs_app/model/api_response.dart';
import 'package:vbvs_app/pages/device_bind/componnet/bind_dialog.dart';
class MhMessageListWidget extends StatefulWidget {
final data;
@@ -25,12 +19,19 @@ class MhMessageListWidget extends StatefulWidget {
class _MhMessageListWidgetState extends State<MhMessageListWidget> {
ThemeController themeController = Get.find();
MessageController messageController = Get.find();
DeviceShareController deviceShareController = Get.find();
MhMessageController messageController = Get.find();
late RxMap<String, dynamic> messageInfo;
// @override
// void initState() {
// super.initState();
// messageInfo = Map<String, dynamic>.from(widget.data).obs; // 复制成 obs
// }
@override
Widget build(BuildContext context) {
var messageInfo = widget.data;
messageInfo = Map<String, dynamic>.from(widget.data).obs;
print(messageInfo);
return Stack(
children: [
@@ -40,7 +41,10 @@ class _MhMessageListWidgetState extends State<MhMessageListWidget> {
borderRadius: 20.rpx,
padding:
EdgeInsetsDirectional.fromSTEB(30.rpx, 26.rpx, 30.rpx, 26.rpx),
onTap: () {},
onTap: () async {
messageController.updateMessageReadStatus(messageInfo['type'],
mid: messageInfo['_id']);
},
child: Column(
mainAxisSize: MainAxisSize.max,
children: [
@@ -103,7 +107,7 @@ class _MhMessageListWidgetState extends State<MhMessageListWidget> {
colors: [Color(0xFF84F5FF)],
enableAnimation: true, // 有点击缩放动画
enableGradient: false, // 不用渐变
onTap: () {
onTap: () async {
// if (messageInfo['status'] == 1) {
// showConfirmDialog(
// context, Container(), "是否确认接受该设备".tr,
@@ -130,6 +134,11 @@ class _MhMessageListWidgetState extends State<MhMessageListWidget> {
// }
// }, onCancel: () {});
// }
await messageController.updateMessageReadStatus(
messageInfo['type'],
mid: messageInfo['_id']);
// await messageController.getMessageList();
Get.toNamed('/messageDetail', arguments: messageInfo);
},
child: Center(
@@ -150,6 +159,27 @@ class _MhMessageListWidgetState extends State<MhMessageListWidget> {
],
),
),
Obx(() {
final info = messageInfo.value;
final readTime = info['read_time'];
final shouldShowDot = readTime == null || readTime.toString().isEmpty;
return shouldShowDot
? Positioned(
top: 30.rpx,
right: 30.rpx,
child: Container(
width: 15.rpx,
height: 15.rpx,
alignment: Alignment.center,
decoration: BoxDecoration(
color: Colors.red,
shape: BoxShape.circle,
),
),
)
: SizedBox.shrink();
})
],
);
}

View File

@@ -150,7 +150,7 @@ class _MessageDetailPageState extends State<MessageDetailPage> {
.toList(),
),
),
].divide(SizedBox(width: 20.rpx)),
].divide(SizedBox(width: 0.rpx)),
),
],
))),
@@ -180,12 +180,13 @@ class _MessageDetailPageState extends State<MessageDetailPage> {
if (apiResponse.code == HttpStatusCodes.ok) {
TopSlideNotification.show(context,
text: apiResponse.msg!, textColor: Color(0xFF00C1AA));
messageController.getMessageList();
messageController.getMessageList(widget.data['type']);
messageController.updateAll();
//todo 更新设备列表
} else {
TopSlideNotification.show(context,
text: apiResponse.msg!, textColor: Color(0XFFFF7159));
messageController.getMessageList();
messageController.getMessageList(widget.data['type']);
messageController.updateAll();
}
}

View File

@@ -40,7 +40,7 @@ class _MessagePageState extends State<MessagePage> {
void _fetchMessageData() {
String type = messageController.model.type == 1 ? "app_vsm" : "app_system";
messageController.updateMessageStatus(type: type);
messageController.getMessageList().then((response) {
messageController.getMessageList(type).then((response) {
if (response.code != HttpStatusCodes.ok) {
TopSlideNotification.show(
// Get.context!,
@@ -179,13 +179,13 @@ class _MessagePageState extends State<MessagePage> {
onPageChanged: _onPageChanged,
children: [
Obx(() {
final list = messageController.messageList;
final list = messageController.bodyMessageList;
return list.isEmpty
? const NullDataWidget()
: _buildMessageListView(list);
}),
Obx(() {
final list = messageController.messageList;
final list = messageController.systemMessageList;
return list.isEmpty
? const NullDataWidget()
: _buildMessageListView(list);
@@ -211,7 +211,13 @@ class _MessagePageState extends State<MessagePage> {
),
width: double.infinity,
child: TextButton(
onPressed: () {},
onPressed: () async {
// if (messageController.model.type == 1) {
// messageController.updateMessageReadStatus("app_vsm", all: true);
// } else {
// messageController.updateMessageReadStatus("app_system", all: true);
// }
},
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
@@ -264,22 +270,45 @@ class _MessagePageState extends State<MessagePage> {
height: 1.0,
),
),
Obx(() {
return messageController.model.system_message_read == 1
? Positioned(
top: -4,
right: -14,
child: Container(
width: 8,
height: 8,
decoration: const BoxDecoration(
color: Colors.red,
shape: BoxShape.circle,
),
),
)
: const SizedBox.shrink();
if (messageController.model.system_message_read == 1) {
return Positioned(
top: -4.rpx,
right: -14.rpx,
child: Container(
width: 15.rpx,
height: 15.rpx,
decoration: const BoxDecoration(
color: Colors.red,
shape: BoxShape.circle,
),
),
);
} else {
return const SizedBox.shrink();
}
}),
// final allHaveReadTime =
// messageController.systemMessageList.any(
// (item) => !item.containsKey('read_time'),
// );
// return allHaveReadTime
// ? Positioned(
// top: -4,
// right: -14,
// child: Container(
// width: 15.rpx,
// height: 15.rpx,
// decoration: const BoxDecoration(
// color: Colors.red,
// shape: BoxShape.circle,
// ),
// ),
// )
// : const SizedBox.shrink();
],
),
);
@@ -313,21 +342,39 @@ class _MessagePageState extends State<MessagePage> {
height: 1.0,
),
),
// Obx(() {
// return messageController.model.body_message_read == 1
// ? Positioned(
// top: -4,
// right: -14,
// child: Container(
// width: 15.rpx,
// height: 15.rpx,
// decoration: const BoxDecoration(
// color: Colors.red,
// shape: BoxShape.circle,
// ),
// ),
// )
// : const SizedBox.shrink();
// }),
Obx(() {
return messageController.model.body_message_read == 1
? Positioned(
top: -4,
right: -14,
child: Container(
width: 8,
height: 8,
decoration: const BoxDecoration(
color: Colors.red,
shape: BoxShape.circle,
),
),
)
: const SizedBox.shrink();
if (messageController.model.body_message_read == 1) {
return Positioned(
top: -4.rpx,
right: -14.rpx,
child: Container(
width: 15.rpx,
height: 15.rpx,
decoration: const BoxDecoration(
color: Colors.red,
shape: BoxShape.circle,
),
),
);
} else {
return const SizedBox.shrink();
}
}),
],
),