tuiche/lib/pages/mh_page/MhMessageList.dart

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/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;

  const MhMessageListWidget({super.key, required this.data});

  @override
  State<MhMessageListWidget> createState() => _MhMessageListWidgetState();
}

class _MhMessageListWidgetState extends State<MhMessageListWidget> {
  ThemeController themeController = Get.find();
  MessageController messageController = Get.find();
  DeviceShareController deviceShareController = Get.find();

  @override
  Widget build(BuildContext context) {
    var messageInfo = widget.data;
    print(messageInfo);
    return Stack(
      children: [
        ClickableContainer(
          backgroundColor: Color(0xFF003058),
          highlightColor: Color(0xFF055466),
          borderRadius: 20.rpx,
          padding:
              EdgeInsetsDirectional.fromSTEB(30.rpx, 26.rpx, 30.rpx, 26.rpx),
          onTap: () {},
          child: Column(
            mainAxisSize: MainAxisSize.max,
            children: [
              Container(
                width: double.infinity,
                constraints: BoxConstraints(
                  minHeight: 60.rpx,
                ),
                child: Align(
                  alignment: AlignmentDirectional(-1, 0),
                  child: Text(
                    // '实时监测结果通知'.tr,
                    "${messageInfo['data']['title']}",
                    style: TextStyle(
                      fontFamily: 'Inter',
                      fontSize: 30.rpx,
                      letterSpacing: 0.0,
                      color: themeController.currentColor.sc3,
                    ),
                  ),
                ),
              ),
              Row(mainAxisSize: MainAxisSize.max, children: [
                Container(
                  constraints: BoxConstraints(
                    minWidth: 60.rpx,
                    maxWidth: 140.rpx,
                  ),
                  child: Column(
                    mainAxisSize: MainAxisSize.max,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: messageInfo['data']['val']
                        .map<Widget>((mapItem) =>
                            _buildInfoItem(context, mapItem['k'] ?? ''))
                        .toList(),
                  ),
                ),
                Container(
                  constraints: BoxConstraints(
                    minWidth: 60.rpx,
                  ),
                  child: Column(
                    mainAxisSize: MainAxisSize.max,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: messageInfo['data']['val']
                        .map<Widget>((mapItem) =>
                            _buildValueItem(context, mapItem['v'] ?? ''))
                        .toList(),
                  ),
                ),
              ]),
              if (messageInfo['type'] == 'app_system')
                Padding(
                  padding: EdgeInsets.only(top: 28.rpx),
                  child: Container(
                    height: 60.rpx,
                    child: CustomCard(
                      borderRadius: 16.rpx, // 直角
                      gradientDirection: GradientDirection.vertical,
                      colors: [Color(0xFF84F5FF)],
                      enableAnimation: true, // 有点击缩放动画
                      enableGradient: false, // 不用渐变
                      onTap: () {
                        // if (messageInfo['status'] == 1) {
                        //   showConfirmDialog(
                        //       context, Container(), "是否确认接受该设备".tr,
                        //       onConfirm: () async {
                        //     ApiResponse apiResponse =
                        //         await deviceShareController.confirmShare(
                        //             messageInfo['data']['shareCode']);
                        //     if (apiResponse.code == HttpStatusCodes.ok) {
                        //       TopSlideNotification.show(
                        //         context,
                        //         text: apiResponse.msg!,
                        //         textColor: themeController.currentColor.sc2,
                        //       );
                        //       messageController.getMessageList();
                        //       messageController.updateAll();
                        //     } else {
                        //       TopSlideNotification.show(
                        //         context,
                        //         text: apiResponse.msg!,
                        //         textColor: themeController.currentColor.sc9,
                        //       );
                        //       messageController.getMessageList();
                        //       messageController.updateAll();
                        //     }
                        //   }, onCancel: () {});
                        // }
                        Get.toNamed('/messageDetail', arguments: messageInfo);
                      },
                      child: Center(
                        child: Text(
                          // getMessageStatus(messageInfo['status']),
                          "查看详情",
                          style: TextStyle(
                            fontFamily: 'Inter',
                            fontSize: 26.rpx,
                            letterSpacing: 0.0,
                            color: Color(0xFF011D33),
                          ),
                        ),
                      ),
                    ),
                  ),
                )
            ],
          ),
        ),
      ],
    );
  }

  Widget _buildInfoItem(BuildContext context, String label) {
    return Container(
      constraints: BoxConstraints(
        minHeight: 60.rpx,
      ),
      child: Align(
        alignment: AlignmentDirectional(-1, 0),
        child: Text(
          overflow: TextOverflow.ellipsis,
          maxLines: 1,
          label.tr,
          style: TextStyle(
            fontFamily: 'Inter',
            fontSize: 26.rpx,
            letterSpacing: 0.0,
            color: themeController.currentColor.sc4,
          ),
        ),
      ),
    );
  }

  Widget _buildValueItem(BuildContext context, value) {
    return Container(
      constraints: BoxConstraints(
        minHeight: 60.rpx,
      ),
      child: Align(
        alignment: AlignmentDirectional(-1, 0),
        child: Text(
          overflow: TextOverflow.ellipsis,
          maxLines: 1,
          "${value}",
          style: TextStyle(
            fontFamily: 'Inter',
            fontSize: 26.rpx,
            letterSpacing: 0.0,
            color: themeController.currentColor.sc3,
          ),
        ),
      ),
    );
  }

  String getMessageStatus(int status) {
    if (status == null) {
      return '未知数据'.tr;
    }
    if (status == MessageStatus.noNeed.code) {
      return '无需处理'.tr;
    }
    if (status == MessageStatus.pending.code) {
      return "待处理".tr;
    }
    if (status == MessageStatus.completed.code) {
      return "已处理".tr;
    }
    if (status == MessageStatus.timeout.code) {
      return "已超时".tr;
    }
    return '未知数据'.tr;
  }
}