系统消息 按日期分组显示

lib/ui/home/messages/system_message.dart

@@ -1,4 +1,5 @@
 // Flutter imports:
+import 'package:common_utils/common_utils.dart';
 import 'package:flutter/material.dart';
 
 // Package imports:
@@ -24,6 +25,7 @@ class SystemMessage extends StatefulWidget {
 class _SystemMessageState extends State<SystemMessage> {
   EasyRefreshController _refreshController = EasyRefreshController();
 
+  String? _sendDate;
   @override
   Widget build(BuildContext context) {
     return AkuScaffold(
@@ -34,9 +36,7 @@ class _SystemMessageState extends State<SystemMessage> {
           return ListView.separated(
               padding: EdgeInsets.symmetric(horizontal: 32.w),
               itemBuilder: (context, index) {
-                return SystemMessageCard(
+                return _buildCard(items[index]);
-                  model: items[index],
-                );
               },
               separatorBuilder: (context, index) {
                 return 10.w.heightBox;
@@ -50,4 +50,18 @@ class _SystemMessageState extends State<SystemMessage> {
       ),
     );
   }
+
+  Widget _buildCard(SystemMessageItemModel model) {
+    String _date =
+        DateUtil.formatDateStr(model.sendDate!, format: 'yyyy-MM-dd');
+    if (_sendDate == null || _sendDate != _date) {
+      _sendDate = _date;
+      return SystemMessageCard(
+        relationId: model.relationId!,
+        date: _date,
+      );
+    } else {
+      return SystemMessageCard(relationId: model.relationId!, date: null);
+    }
+  }
 }

lib/ui/home/messages/systen_message_card.dart

@@ -13,17 +13,18 @@ import 'package:velocity_x/velocity_x.dart';
 // Project imports:
 import 'package:aku_community_manager/const/api.dart';
 import 'package:aku_community_manager/models/message/system_message_detail_model.dart';
-import 'package:aku_community_manager/models/message/system_message_item_model.dart';
 import 'package:aku_community_manager/style/app_style.dart';
 import 'package:aku_community_manager/ui/sub_pages/business_and_fix/business_and_fix_page.dart';
 import 'package:aku_community_manager/utils/network/base_model.dart';
 import 'package:aku_community_manager/utils/network/net_util.dart';
 
 class SystemMessageCard extends StatefulWidget {
-  final SystemMessageItemModel model;
+  final int relationId;
+  final String? date;
   SystemMessageCard({
     Key? key,
-    required this.model,
+    required this.relationId,
+    required this.date,
   }) : super(key: key);
 
   @override
@@ -31,13 +32,13 @@ class SystemMessageCard extends StatefulWidget {
 }
 
 class _SystemMessageCardState extends State<SystemMessageCard> {
-  late SystemMessageDetailModel _systemModel;
+  SystemMessageDetailModel? _systemModel;
   bool _onLoad = true;
   @override
   void initState() {
     super.initState();
     Future.delayed(Duration(milliseconds: 300), () async {
-      _systemModel = await getSystemMessage(widget.model.relationId!);
+      _systemModel = await getSystemMessage(widget.relationId);
       _onLoad = false;
       setState(() {});
     });
@@ -182,21 +183,23 @@ class _SystemMessageCardState extends State<SystemMessageCard> {
     );
   }
 
-  Widget _messageList(SystemMessageDetailModel model) {
+  Widget _messageList(SystemMessageDetailModel? model) {
-    return _onLoad
+    return (_systemModel == null || _onLoad)
         ? _loadingWidget()
         : Column(
             children: [
-              Container(
+              widget.date == null
-                margin: EdgeInsets.only(top: 24.w, bottom: 24.w),
+                  ? SizedBox()
-                alignment: Alignment.center,
+                  : Container(
-                width: double.infinity,
+                      margin: EdgeInsets.only(top: 24.w, bottom: 24.w),
-                child: Text(
+                      alignment: Alignment.center,
-                  widget.model.sendDate!,
+                      width: double.infinity,
-                  style: TextStyle(
+                      child: Text(
-                      color: AppStyle.minorTextColor, fontSize: 24.sp),
+                        widget.date!,
-                ),
+                        style: TextStyle(
-              ),
+                            color: AppStyle.minorTextColor, fontSize: 24.sp),
+                      ),
+                    ),
               Container(
                 padding: EdgeInsets.only(top: 24.w, left: 24.w, right: 24.w),
                 color: Color(0xFFFFFFFF),
@@ -224,7 +227,7 @@ class _SystemMessageCardState extends State<SystemMessageCard> {
                       SizedBox(height: 8.w),
                     ]),
                     Text(
-                      '你有一条新的${model.sysMesTypeString}，请立即处理',
+                      '你有一条新的${model!.sysMesTypeString}，请立即处理',
                       style: TextStyle(
                           color: AppStyle.primaryTextColor,
                           fontSize: 28.sp,