location2025/lib/module/member/member_page.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter/src/widgets/framework.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:get/get_core/src/get_main.dart';
import 'package:location/base/base_page.dart';
import 'package:location/module/member/member_controller.dart';
import 'package:location/resource/assets.gen.dart';
import 'package:location/resource/colors.gen.dart';
import 'package:location/utils/common_expand.dart';
import 'package:location/utils/project_expand.dart';
import 'package:location/widget/auto_scroll_list_view.dart';
import '../../data/bean/member_status_info.dart';
import '../../data/bean/pay_item_bean.dart';
import '../../resource/fonts.gen.dart';
import '../../resource/string.gen.dart';
import '../../router/app_pages.dart';
import '../../utils/common_util.dart';
import '../../utils/date_util.dart';
import '../../widget/animated_switcher_widget.dart';
import 'member_evaluate_bean.dart';

class MemberPage extends BasePage<MemberController> {
  const MemberPage({super.key});

  static void start() {
    Get.toNamed(RoutePath.member);
  }

  @override
  bool immersive() {
    return true;
  }

  @override
  bool statusBarDarkFont() {
    return false;
  }

  @override
  Widget buildBody(BuildContext context) {
    return PopScope(
      canPop: false,
      onPopInvokedWithResult: (bool didPop, dynamic result) async {
        controller.onPopBack();
      },
      child: Stack(
        children: [
          SingleChildScrollView(
            controller: controller.scrollController,
            child: Stack(
              children: [
                Assets.images.bgMemberHeader.image(width: double.infinity),
                SafeArea(
                  child: Column(
                    children: [
                      SizedBox(height: 62.w),
                      buildUserInfoView(),
                      SizedBox(height: 26.w),
                      Container(
                        width: double.infinity,
                        decoration: BoxDecoration(
                            borderRadius: BorderRadius.only(
                                topLeft: Radius.circular(14.w),
                                topRight: Radius.circular(14.w)),
                            gradient: LinearGradient(
                                begin: Alignment.topCenter,
                                end: Alignment.bottomCenter,
                                stops: [0.0, 0.1],
                                colors: ['#EFE9FF'.color, Colors.white])),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            SizedBox(height: 23.w),
                            buildGoodsList(),
                            SizedBox(height: 12.w),
                            buildPrivacyPolicyView(),
                            buildPayWayView(),
                            SizedBox(height: 30.w),
                            Padding(
                              padding: EdgeInsets.only(left: 12.w),
                              child: Text(StringName.memberEquityIntroduction,
                                  style: TextStyle(
                                      fontSize: 16.sp,
                                      color: ColorName.black90,
                                      fontWeight: FontWeight.bold)),
                            ),
                            SizedBox(height: 19.w),
                            buildFunctionList(),
                            SizedBox(height: 40.w),
                            Padding(
                              padding: EdgeInsets.only(left: 12.w),
                              child: Text(StringName.memberUserEvaluate,
                                  style: TextStyle(
                                      fontSize: 16.sp,
                                      color: ColorName.black90,
                                      fontWeight: FontWeight.bold)),
                            ),
                            SizedBox(height: 8.w),
                            buildUserEvaluateList(),
                            SizedBox(height: 20.w),
                            Container(
                              padding: EdgeInsets.all(12.w),
                              decoration: BoxDecoration(
                                  color: '#F7F7F7'.color,
                                  borderRadius: BorderRadius.circular(6.w)),
                              margin: EdgeInsets.symmetric(horizontal: 12.w),
                              child: Text(StringName.memberTips,
                                  style: TextStyle(
                                      fontSize: 12.sp, color: '#A7A7A7'.color)),
                            ),
                            SizedBox(height: 100.w)
                          ],
                        ),
                      )
                    ],
                  ),
                )
              ],
            ),
          ),
          buildHeadBar(),
          buildMemberBottomView()
        ],
      ),
    );
  }

  Widget buildGoodsList() {
    return Obx(() {
      return SizedBox(
        height: 123.w,
        child: ListView.builder(
            padding: EdgeInsets.only(left: 12.w),
            physics: const BouncingScrollPhysics(
                parent: AlwaysScrollableScrollPhysics()),
            scrollDirection: Axis.horizontal,
            itemBuilder: (BuildContext ctx, int index) {
              return Obx(() {
                final item = controller.goodsList[index];
                bool isSelected = controller.selectedGoods?.id == item.id;
                return GestureDetector(
                  behavior: HitTestBehavior.translucent,
                  onTap: () => controller.onGoodsItemClick(item),
                  child: Container(
                      margin: EdgeInsets.only(right: 10.w),
                      width: 138.w,
                      height: 123.w,
                      child: Stack(
                        children: [
                          Container(
                            width: double.infinity,
                            height: double.infinity,
                            decoration: BoxDecoration(
                                color: isSelected
                                    ? '#6BC4BAFF'.color
                                    : ColorName.white20,
                                borderRadius: BorderRadius.circular(18.w),
                                border: Border.all(
                                    color: isSelected
                                        ? '#C4BAFF'.color
                                        : '#E8E8E8'.color,
                                    width: 3.w)),
                            padding: EdgeInsets.only(left: 10.w),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Spacer(flex: 2),
                                Text(
                                  item.name,
                                  style: TextStyle(
                                      fontSize: 14.sp,
                                      color: ColorName.black90,
                                      fontWeight: FontWeight.bold),
                                ),
                                SizedBox(height: 3.w),
                                Text('￥${item.originalAmount.divideBy100()}',
                                    style: TextStyle(
                                        decoration: TextDecoration.lineThrough,
                                        fontSize: 10.sp,
                                        color: ColorName.black60)),
                                Spacer(flex: 1),
                                RichText(
                                    text: TextSpan(
                                        style: TextStyle(
                                            color: isSelected
                                                ? '#EA1231'.color
                                                : ColorName.black80,
                                            fontWeight: FontWeight.bold),
                                        children: [
                                      TextSpan(
                                          text: '￥',
                                          style: TextStyle(
                                              fontSize: 20.sp, height: 1)),
                                      TextSpan(
                                          text: item.amount.divideBy100(),
                                          style: TextStyle(
                                              fontSize: 34.sp,
                                              height: 1,
                                              fontFamily: FontFamily.oppoSans))
                                    ])),
                                Padding(
                                  padding: EdgeInsets.only(left: 7.w),
                                  child: Text(item.description ?? '',
                                      style: TextStyle(
                                          fontSize: 12.sp,
                                          color: ColorName.black40)),
                                ),
                                Spacer(
                                  flex: 1,
                                )
                              ],
                            ),
                          ),
                          Visibility(
                              visible: item.tag?.isNotEmpty == true,
                              child: Positioned(
                                top: 0,
                                right: 0,
                                child: Container(
                                  decoration: BoxDecoration(
                                      gradient: LinearGradient(colors: [
                                        '#A26CFF'.color,
                                        '#FF7CD8'.color,
                                        '#898BFF'.color
                                      ]),
                                      borderRadius: BorderRadius.only(
                                          topRight: Radius.circular(11.w),
                                          bottomLeft: Radius.circular(11.w))),
                                  padding: EdgeInsets.symmetric(
                                      horizontal: 10.w, vertical: 4.w),
                                  child: Text(item.tag ?? '',
                                      style: TextStyle(
                                          fontSize: 12.sp,
                                          color: Colors.white)),
                                ),
                              ))
                        ],
                      )),
                );
              });
            },
            itemCount: controller.goodsList.length),
      );
    });
  }

  Widget buildMemberBottomView() {
    return Obx(() {
      return Visibility(
        visible: controller.memberStatusInfo == null ||
            controller.memberStatusInfo?.permanent == false,
        child: Align(
          alignment: Alignment.bottomCenter,
          child: Container(
            padding: EdgeInsets.only(
                left: 12.w, right: 12.w, top: 13.w, bottom: 20.w),
            decoration: BoxDecoration(
              color: Colors.white,
              boxShadow: [
                BoxShadow(
                    color: Colors.black.withOpacity(0.05),
                    offset: Offset(0, -2),
                    blurRadius: 4)
              ],
              borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(16.w),
                  topRight: Radius.circular(16.w)),
            ),
            child: Obx(() {
              return Row(
                children: [
                  Text('¥',
                      style: TextStyle(
                          fontSize: 14.sp,
                          color: '#EA1231'.color,
                          fontWeight: FontWeight.bold)),
                  Text(
                    controller.selectedGoods?.amount.divideBy100() ?? '--',
                    style: TextStyle(
                        fontSize: 24.sp,
                        color: '#EA1231'.color,
                        fontWeight: FontWeight.bold),
                  ),
                  Text(
                    ' / ${controller.selectedGoods?.name}',
                    style: TextStyle(fontSize: 12.sp, color: '#000000'.color),
                  ),
                  Spacer(),
                  GestureDetector(
                    onTap: controller.onBuyClick,
                    child: Container(
                      decoration: BoxDecoration(
                          color: ColorName.colorPrimary,
                          borderRadius: BorderRadius.circular(100.w)),
                      width: 164.w,
                      height: 44.w,
                      child: Center(
                        child: Text(
                          controller.memberStatusInfo?.expired == false
                              ? StringName.memberVipRenew
                              : StringName.memberVipUnlock,
                          style: TextStyle(
                              fontSize: 15.sp,
                              color: Colors.white,
                              fontWeight: FontWeight.bold),
                        ),
                      ),
                    ),
                  )
                ],
              );
            }),
          ),
        ),
      );
    });
  }

  Widget buildUserInfoView() {
    return Row(
      children: [
        SizedBox(width: 20.w),
        Assets.images.iconMemberAvatar.image(width: 40.w, height: 40.w),
        SizedBox(width: 10.w),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Obx(() {
              return GestureDetector(
                onTap: controller.onLoginClick,
                child: Text(
                    controller.phone?.isNotEmpty == true
                        ? controller.getUserName(controller.phone!)
                        : StringName.mineAccountGoLogin,
                    style: TextStyle(
                        fontSize: 16.sp,
                        color: Colors.white,
                        fontWeight: FontWeight.bold)),
              );
            }),
            buildMemberCardVipDesc()
          ],
        ),
        Spacer(),
        Container(
            decoration: BoxDecoration(
              color: '#272F51'.color,
              border: Border.all(color: '#99CAB0F0'.color, width: 1.w),
              borderRadius: BorderRadius.circular(100.w),
            ),
            padding: EdgeInsets.symmetric(horizontal: 18.w, vertical: 6.w),
            child: Obx(() {
              return Text(
                  MemberStatusInfo.getLevelDesc(controller.memberStatusInfo),
                  style: TextStyle(fontSize: 12.sp, color: '#D2CCFF'.color));
            })),
        SizedBox(width: 18.w)
      ],
    );
  }

  Widget buildMemberCardVipDesc() {
    return Obx(() {
      String desc = '';
      if (!controller.isLogin) {
        desc = StringName.memberCardNoLoginDesc;
      } else if (controller.memberStatusInfo == null ||
          controller.memberStatusInfo?.expired == true) {
        desc = StringName.memberCardNoVipDesc;
      } else if (controller.memberStatusInfo?.expired == false &&
          controller.memberStatusInfo?.permanent == true) {
        desc = StringName.memberCardPermanentVipDesc;
      } else {
        desc =
            '${DateUtil.fromMillisecondsSinceEpoch('yyyy.MM.dd', controller.memberStatusInfo?.endTimestamp ?? 0)} ${StringName.memberCardExpirationDesc}';
      }
      return Text(desc,
          style: TextStyle(fontSize: 12.sp, color: Colors.white60));
    });
  }

  Widget buildHeadBar() {
    return Obx(() {
      return Container(
        color: ColorName.colorPrimary.withOpacity(controller.toolBarOpacity),
        child: SafeArea(
          child: SizedBox(
            width: double.infinity,
            height: 56.w,
            child: Stack(alignment: Alignment.center, children: [
              Positioned(
                  left: 12.w,
                  child: GestureDetector(
                    onTap: () => controller.onPopBack(),
                    child: Assets.images.iconWhiteBack
                        .image(width: 24.w, height: 24.w),
                  )),
              Container(child: buildVerticalSlideshowWidget())
            ]),
          ),
        ),
      );
    });
  }

  Widget buildVerticalSlideshowWidget() {
    return Container(
      width: 220.w,
      height: 24.w,
      decoration: BoxDecoration(
        color: '#1F000000'.color,
        borderRadius: BorderRadius.circular(100.w),
      ),
      child: Center(
          child: AnimatedSwitcherWidget(
              controller: controller.switcherController)),
    );
  }

  Widget buildPrivacyPolicyView() {
    return Padding(
      padding: EdgeInsets.only(left: 12.w),
      child: RichText(
          text: TextSpan(
              style: TextStyle(fontSize: 12.sp, color: ColorName.black40),
              children: [
            TextSpan(text: '购买前请先阅读'),
            TextSpan(
                recognizer: TapGestureRecognizer()
                  ..onTap = () {
                    controller.onPrivacyPolicyClick();
                  },
                text: '隐私政策',
                style: TextStyle(
                    color: ColorName.black60,
                    decoration: TextDecoration.underline)),
            TextSpan(text: '&'),
            TextSpan(
                recognizer: TapGestureRecognizer()
                  ..onTap = () {
                    controller.onTermOfServiceClick();
                  },
                text: '服务条款',
                style: TextStyle(
                    color: ColorName.black60,
                    decoration: TextDecoration.underline)),
          ])),
    );
  }

  Widget buildFunctionList() {
    return SizedBox(
        height: 80.w,
        child: AutoScrollListView(
            padding: EdgeInsets.only(left: 12.w),
            itemBuilder: (ctx, index) {
              final item = controller.funList[index];
              return Padding(
                padding: EdgeInsets.only(right: 20.w),
                child: Column(
                  children: [
                    Image.asset(item.iconPath, width: 36.w, height: 36.w),
                    Spacer(flex: 3),
                    Text(item.funName,
                        style: TextStyle(
                            fontSize: 12.8.sp,
                            color: ColorName.black90,
                            fontWeight: FontWeight.bold)),
                    Spacer(flex: 2),
                    Text(item.funDesc,
                        style: TextStyle(
                          fontSize: 10.6.sp,
                          color: ColorName.black50,
                        )),
                  ],
                ),
              );
            },
            itemCount: controller.funList.length));
  }

  Widget buildUserEvaluateList() {
    return Column(
      children: [
        for (int index = 0; index < controller.evaluateList.length; index++)
          buildUserEvaluateItem(controller.evaluateList[index],
              index == controller.evaluateList.length - 1)
      ],
    );
  }

  Widget buildUserEvaluateItem(MemberEvaluateBean item, bool isLast) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        SizedBox(height: 20.w),
        Row(
          children: [
            SizedBox(width: 12.w),
            Image.asset(item.avatarPath, width: 24.w, height: 24.w),
            SizedBox(width: 8.w),
            Text(
              item.userName,
              style: TextStyle(fontSize: 14.sp, color: Colors.black),
            )
          ],
        ),
        SizedBox(height: 1.w),
        Padding(
            padding: EdgeInsets.only(left: 44.w, right: 12.w),
            child: Text(
              item.userEvaluate,
              style: TextStyle(fontSize: 14.sp, color: '#BF000000'.color),
            )),
        SizedBox(height: 20.w),
        Visibility(
          child: Container(
              margin: EdgeInsets.only(left: 26.w),
              width: 288.w,
              color: '#21000000'.color,
              height: 1.w),
        )
      ],
    );
  }

  Widget buildPayWayView() {
    return Obx(() {
      return Visibility(
        visible: controller.payItemList.isNotEmpty,
        child: Container(
          margin: EdgeInsets.only(top: 7.w),
          child: Column(
            children: [
              for (PayItemBean item in controller.payItemList)
                buildPayWayItem(item)
            ],
          ),
        ),
      );
    });
  }

  Widget buildPayWayItem(PayItemBean item) {
    return GestureDetector(
      behavior: HitTestBehavior.translucent,
      onTap: () => controller.onPayWayItemClick(item),
      child: Obx(() {
        bool isSelected = controller.selectedPayWay?.id == item.id;
        return Container(
          padding: EdgeInsets.symmetric(vertical: 10.w),
          child: Row(
            children: [
              SizedBox(width: 12.w),
              Image.asset(
                  getPaymentIconPath(
                      payMethod: item.payMethod, payPlatform: item.payPlatform),
                  width: 24.w,
                  height: 24.w),
              SizedBox(width: 6.w),
              Text(item.title,
                  style: TextStyle(fontSize: 14.sp, color: ColorName.black90)),
              Spacer(),
              Image.asset(
                  isSelected
                      ? Assets.images.iconCbSelected.path
                      : Assets.images.iconCbUnSelect.path,
                  width: 20.w,
                  height: 20.w),
              SizedBox(width: 20.w),
            ],
          ),
        );
      }),
    );
  }
}