import 'dart:io';

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:flutter_html/flutter_html.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:fluwx/fluwx.dart';
import 'package:huixiang/data/member_recharge.dart';
import 'package:huixiang/data/store.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/data/base_data.dart';
import 'package:huixiang/data/vip_card.dart';
import 'package:huixiang/retrofit/retrofit_api.dart';
import 'package:huixiang/store/scan.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:huixiang/view_widget/custom_image.dart';
import 'package:huixiang/view_widget/my_appbar.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:shimmer/shimmer.dart';
import 'package:tobias/tobias.dart';

import '../data/wx_pay.dart';
import '../retrofit/min_api.dart';
import '../utils/flutter_utils.dart';
import '../utils/min.dart';
import '../view_widget/classic_header.dart';
import '../view_widget/my_footer.dart';
import '../view_widget/no_data_view.dart';


class MineShopRecharge extends StatefulWidget {
  final Map<String, dynamic> arguments;

  MineShopRecharge({required this.arguments});

  @override
  State<StatefulWidget> createState() {
    return _MineShopRecharge();
  }
}

class _MineShopRecharge extends State<MineShopRecharge> {
  ApiService? apiService;
  MinApiService? minService;
  VipCard? vipCard;
  List<MemberRecharge> memberRechargeList = [];
  int selectIndex = 0;
  double discount = 100;
  var checkIndex = 2;
  dynamic payListen;
  int _loadCount = 0;
  late String tenant;
  late String storeId;
  String? minToken;
  final RefreshController refreshController = RefreshController();
  int networkStatus = 0;

  @override
  void dispose() {
    super.dispose();
    refreshController.dispose();
  }

  Fluwx fluwx = Fluwx();
  Tobias tobias = Tobias();

  @override
  void initState() {
    super.initState();
    storeId = widget.arguments["storeId"];
    tenant = widget.arguments["tenantCode"];
    _onRefresh();

    fluwx.addSubscriber((event) async {
      print("payCallback: ${event.errCode}");
      if (event.errCode == 0) {
        SmartDialog.showToast("充值成功", alignment: Alignment.center);
      } else {
        SmartDialog.showToast("充值失败", alignment: Alignment.center);
      }
      vipDetail();
    });
  }

  ///会员卡详情
  vipDetail({bool isSingle = true}) async {
    try {
      BaseData<VipCard>? baseData = await apiService?.vipDetail({
        "id": widget.arguments["id"],
        "latitude": "",
        "longitude": "",
      }).catchError((onError) {
        networkStatus = -1;
      });
      if (baseData?.isSuccess ?? false) {
        vipCard = baseData!.data;
        networkStatus = 1;
      }
    } finally {
      if (isSingle)
        setState(() {});
      else
        addLoadCount();
    }
  }

  ///小程序登录
  minLogin() async {
    try {
      var baseData = await apiService?.minLogin(storeId).catchError((onError) {
        debugPrint(onError.toString());
      });
      if (baseData?.isSuccess ?? false) {
        minToken = baseData!.data["token"];
        SharedPreferences.getInstance().then(
          (value) => {
            value.setString('minToken', "${minToken}"),
            value.setString('tenant', tenant),
            value.setString('storeId', storeId),
          },
        );
        minService = MinApiService(
          Dio(),
          context: context,
          token: minToken,
          tenant: tenant,
          storeId: storeId,
        );
      }
    } finally {}
  }

  ///充值列表
  queryRechargeActList() async {
    try {
      BaseData<List<MemberRecharge>>? baseData = await minService?.memberRechargeList().catchError((onError) {
        networkStatus = -1;
      });
      if (baseData?.isSuccess ?? false) {
        memberRechargeList = baseData!.data ?? [];
        networkStatus = 1;
      }
    } finally {
      addLoadCount();
    }
  }

  ///门店充值
  shopRecharge() async {
    BaseData<dynamic>? baseData = await minService?.memberRecharge({
      "money": 0,
      "rechargeId": memberRechargeList[selectIndex].id,
      "type": checkIndex == 2 ? "wechat" : "alipay",
    }).catchError((error) {});
    if (baseData?.isSuccess ?? false) {
      if (checkIndex == 2) {
        if (Platform.isAndroid) {
          if (!(await Min.isInitialize())) {
            // 小程序的微信支付和app的充值支付使用同一个WXPayEntryActivity回调，
            // 然而充值时小程序未初始化会导致回调内部代码调用getPackage空指针，
            // 故而在此初始化一下
            await Min.initialize();
          }
        }
        WxPay? wxPay = WxPay.fromJson(baseData!.data);
        if (wxPay?.isAnyEmpty() ?? true) {
          return;
        }
        await fluwx.registerApi(
          appId: wxPay.appId!,
          doOnAndroid: true,
          universalLink: "https://hx.lotus-wallet.com/app/",
        );
        fluwx.pay(
          which: Payment(
            appId: wxPay.appId!,
            partnerId: wxPay.partnerId!,
            prepayId: wxPay.prepayId!,
            packageValue: wxPay.packageValue!,
            nonceStr: wxPay.nonceStr!,
            timestamp: int.tryParse(wxPay.timeStamp!) ?? 0,
            sign: wxPay.sign!,
          )
        );
      } else {
        tobias.isAliPayInstalled.then((value) => {
              // 判断是否安装了支付宝
              if (!value)
                {SmartDialog.showToast("请安装支付宝", alignment: Alignment.center)}
              else
                {
                  tobias.pay(baseData!.data["body"]).then((payRes) {
                    if (payRes['resultStatus'] == 9000 ||
                        payRes['resultStatus'] == '9000') {
                      SmartDialog.showToast("充值成功",
                          alignment: Alignment.center);
                    } else {
                      SmartDialog.showToast(payRes['memo'],
                          alignment: Alignment.center);
                    }
                    vipDetail();
                  })
                }
            });
      }
    } else {
      SmartDialog.showToast("${baseData?.msg}", alignment: Alignment.center);
    }
  }

  _onRefresh() async {
    EasyLoading.show(
        status: S.current.zhengzaijiazai, maskType: EasyLoadingMaskType.black);
    vipDetail(isSingle: false);
    queryRechargeActList();
  }

  addLoadCount() {
    _loadCount += 1;
    if (_loadCount == 2) {
      _loadCount = 0;
      EasyLoading.dismiss();
      if (refreshController.isRefresh) refreshController.refreshCompleted();
      if (mounted) setState(() {});
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: MyAppBar(
          title: S.of(context).dianpuchongzhi,
          titleColor: Colors.black,
          background: Colors.white,
          systemUiOverlayStyle: SystemUiOverlayStyle.dark,
          leadingColor: Colors.black,
        ),
        body: SmartRefresher(
          enablePullDown: true,
          enablePullUp: false,
          header: MyHeader(),
          footer: CustomFooter(
            builder: (context, mode) {
              return MyFooter(mode);
            },
          ),
          controller: refreshController,
          onRefresh: _onRefresh,
          physics: BouncingScrollPhysics(),
          child: networkStatus == 0
              ? skeletonScreen()
              : Column(
                  children: [
                    shopRechargeCard(),
                    (memberRechargeList?.isNotEmpty ?? false)
                        ? Expanded(
                            child: ListView.builder(
                            padding: EdgeInsets.zero,
                            itemCount: memberRechargeList.length ?? 0,
                            scrollDirection: Axis.vertical,
                            shrinkWrap: true,
                            physics: BouncingScrollPhysics(),
                            itemBuilder: (context, position) {
                              return GestureDetector(
                                  onTap: () {
                                    setState(() {
                                      selectIndex = position;
                                    });
                                  },
                                  child: rechargeItem(memberRechargeList[position], position),
                              );
                            },
                          ),
                    )
                        : NoDataView(
                            src: "assets/image/xiao_fei.webp",
                            isShowBtn: false,
                            text: "当前店铺暂无充值套餐~",
                            fontSize: 16.sp,
                            margin: EdgeInsets.only(
                                top: 90.h, left: 60.w, right: 60.w,
                            ),
                          ),
                    if (memberRechargeList?.isNotEmpty ?? false)
                      Container(
                        width: double.infinity,
                        margin: EdgeInsets.only(left: 16, right: 16),
                        padding: EdgeInsets.only(
                          top: 20.h,
                          bottom: 24.h,
                        ),
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.spaceAround,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Padding(
                              padding: EdgeInsets.only(bottom: 16.h),
                              child: Text(
                                S.of(context).zhifufangshi,
                                style: TextStyle(
                                  fontSize: 16.sp,
                                  color: Colors.black,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                            ),
                            GestureDetector(
                              behavior: HitTestBehavior.opaque,
                              onTap: () {
                                setState(() {
                                  checkIndex = 2;
                                });
                              },
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Image.asset("assets/image/icon_we_chat.webp"),
                                  Expanded(
                                    flex: 1,
                                    child: Padding(
                                      padding: EdgeInsets.only(left: 8.w),
                                      child: Text(
                                        S.of(context).weixinzhifu,
                                        style: TextStyle(
                                          fontSize: 14.sp,
                                          color: Color(0xff353535),
                                        ),
                                      ),
                                    ),
                                  ),
                                  checkView(2),
                                ],
                              ),
                            ),
                            SizedBox(height: 10.h),
                            GestureDetector(
                              behavior: HitTestBehavior.opaque,
                              onTap: () {
                                setState(() {
                                  checkIndex = 3;
                                });
                              },
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Image.asset("assets/image/icon_alipay.webp"),
                                  Expanded(
                                    flex: 1,
                                    child: Padding(
                                      padding: EdgeInsets.only(left: 8.w),
                                      child: Text(
                                        S.of(context).zhifubao,
                                        style: TextStyle(
                                          fontSize: 14.sp,
                                          color: Color(0xff353535),
                                        ),
                                      ),
                                    ),
                                  ),
                                  checkView(3),
                                ],
                              ),
                            ),
                          ],
                        ),
                      ),
                    if (memberRechargeList?.isNotEmpty ?? false)
                      Align(
                        alignment: Alignment.bottomCenter,
                        child: GestureDetector(
                          behavior: HitTestBehavior.opaque,
                          onTap: () {
                            shopRecharge();
                          },
                          child: Container(
                            height: 56.h,
                            width: double.infinity,
                            alignment: Alignment.center,
                            decoration: BoxDecoration(
                              color: Color(0xFF32A060),
                              borderRadius: BorderRadius.circular(27),
                            ),
                            margin: EdgeInsets.only(
                                top: 12.h,
                                left: 16.w,
                                right: 16.w,
                                bottom: 21.h),
                            child: Text(
                              S.of(context).querenchongzhi,
                              style: TextStyle(
                                fontSize: 16.sp,
                                fontWeight: MyFontWeight.medium,
                                color: Colors.white,
                              ),
                            ),
                          ),
                        ),
                      )
                  ],
                ),
        ),
    );
  }

  ///卡片背景底色
  int colorByName(String storeName) {
    if (storeName.contains("百年川椒") || storeName.contains("百年川椒")) {
      return 0xFFC30D23;
    } else if (storeName.contains("海峡姐妹") || storeName.contains("海峽姐妹")) {
      return 0xFFE4C796;
    } else if (storeName.contains("前进麦味") || storeName.contains("前進麥味")) {
      return 0xFF265782;
    }
    return 0xFF32A060;
  }

  ///整体骨架屏
  Widget skeletonScreen() {
    return Container(
        child: Column(
      children: [
        Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Container(
              decoration: BoxDecoration(
                borderRadius: new BorderRadius.only(
                  topLeft: Radius.circular(6),
                  topRight: Radius.circular(6),
                ),
                color: Color(0XFFD8D8D8),
              ),
              height: 62.h,
            ),
            Container(
              decoration: BoxDecoration(
                borderRadius: new BorderRadius.only(
                  bottomRight: Radius.circular(6),
                  topRight: Radius.circular(6),
                ),
                color: Colors.white,
              ),
              padding: EdgeInsets.all(12.h),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Shimmer.fromColors(
                        baseColor: Color(0XFFD8D8D8),
                        highlightColor: Color(0XFFD8D8D8),
                        child: Container(
                          color: Color(0XFFD8D8D8),
                          width: 68.w,
                          height: 17.h,
                        ),
                      ),
                      Shimmer.fromColors(
                        baseColor: Color(0XFFD8D8D8),
                        highlightColor: Color(0XFFD8D8D8),
                        child: Container(
                          color: Color(0XFFD8D8D8),
                          width: 120.w,
                          height: 17.h,
                        ),
                      ),
                    ],
                  ),
                  SizedBox(
                    height: 4.h,
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Shimmer.fromColors(
                        baseColor: Color(0XFFD8D8D8),
                        highlightColor: Color(0XFFD8D8D8),
                        child: Container(
                          color: Color(0XFFD8D8D8),
                          width: 99.w,
                          height: 34.h,
                        ),
                      ),
                      Spacer(),
                      Shimmer.fromColors(
                        baseColor: Color(0XFFD8D8D8),
                        highlightColor: Color(0XFFD8D8D8),
                        child: Container(
                          color: Color(0XFFD8D8D8),
                          width: 48.w,
                          height: 17.h,
                        ),
                      ),
                      SizedBox(
                        width: 2,
                      ),
                      Image.asset(
                        "assets/image/icon_right_z.webp",
                        width: 16,
                        height: 16,
                        color: Color(0xFF262626),
                      )
                    ],
                  ),
                ],
              ),
            ),
          ],
        ),
        Expanded(
            child: ListView.builder(
          itemCount: 4,
          physics: BouncingScrollPhysics(),
          shrinkWrap: true,
          itemBuilder: (context, position) {
            return Container(
                width: double.infinity,
                height: 69.h,
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(4),
                    color: Colors.white,
                ),
                margin: EdgeInsets.only(
                    bottom: 14.h, left: 14.w, right: 14.w,
                ),
                padding: EdgeInsets.only(left: 16),
                child: Flex(
                  direction: Axis.horizontal,
                  children: [
                    Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.end,
                      children: [
                        Shimmer.fromColors(
                          baseColor: Color(0XFFD8D8D8),
                          highlightColor: Color(0XFFD8D8D8),
                          child: Container(
                            color: Color(0XFFD8D8D8),
                            width: 20.w,
                            height: 15.h,
                          ),
                        ),
                        SizedBox(
                          width: 10.w,
                        ),
                        Shimmer.fromColors(
                          baseColor: Color(0XFFD8D8D8),
                          highlightColor: Color(0XFFD8D8D8),
                          child: Container(
                            color: Color(0XFFD8D8D8),
                            width: 50.w,
                            height: 25.h,
                          ),
                        ),
                      ],
                    ),
                    Container(
                      width: 1.w,
                      height: 37.h,
                      color: Color(0xFF979797),
                      margin: EdgeInsets.only(
                          right: 16.w, left: 12,
                      ),
                    ),
                    Expanded(
                        flex: 2,
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Row(
                              mainAxisAlignment: MainAxisAlignment.start,
                              crossAxisAlignment: CrossAxisAlignment.end,
                              children: [
                                Shimmer.fromColors(
                                  baseColor: Color(0XFFD8D8D8),
                                  highlightColor: Color(0XFFD8D8D8),
                                  child: Container(
                                    color: Color(0XFFD8D8D8),
                                    width: 50.w,
                                    height: 17.h,
                                  ),
                                ),
                                SizedBox(
                                  width: 10.w,
                                ),
                                Shimmer.fromColors(
                                  baseColor: Color(0XFFD8D8D8),
                                  highlightColor: Color(0XFFD8D8D8),
                                  child: Container(
                                    color: Color(0XFFD8D8D8),
                                    width: 48.w,
                                    height: 25.h,
                                  ),
                                ),
                              ],
                            ),
                            SizedBox(
                              height: 4.h,
                            ),
                            Row(
                              mainAxisAlignment: MainAxisAlignment.start,
                              crossAxisAlignment: CrossAxisAlignment.center,
                              children: [
                                Shimmer.fromColors(
                                  baseColor: Color(0XFFD8D8D8),
                                  highlightColor: Color(0XFFD8D8D8),
                                  child: Container(
                                    color: Color(0XFFD8D8D8),
                                    width: 50.w,
                                    height: 17.h,
                                  ),
                                ),
                                Icon(
                                  Icons.chevron_right,
                                  size: 20,
                                  color: Color(0xFF868686),
                                ),
                              ],
                            )
                          ],
                        ),
                    )
                  ],
                ),
            );
          },
        ),
        ),
        Column(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Padding(
              padding: EdgeInsets.only(bottom: 16.h),
              child: Shimmer.fromColors(
                baseColor: Color(0XFFD8D8D8),
                highlightColor: Color(0XFFD8D8D8),
                child: Container(
                  color: Color(0XFFD8D8D8),
                  width: 64.w,
                  height: 21.h,
                ),
              ),
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.start,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Shimmer.fromColors(
                  baseColor: Color(0XFFD8D8D8),
                  highlightColor: Color(0XFFD8D8D8),
                  child: Container(
                    color: Color(0XFFD8D8D8),
                    width: 20.h,
                    height: 20.h,
                  ),
                ),
                Padding(
                  padding: EdgeInsets.only(left: 8.w),
                  child: Shimmer.fromColors(
                    baseColor: Color(0XFFD8D8D8),
                    highlightColor: Color(0XFFD8D8D8),
                    child: Container(
                      color: Color(0XFFD8D8D8),
                      width: 51.w,
                      height: 17.h,
                    ),
                  ),
                ),
                Spacer(),
                Shimmer.fromColors(
                  baseColor: Color(0XFFD8D8D8),
                  highlightColor: Color(0XFFD8D8D8),
                  child: Container(
                    decoration: BoxDecoration(
                      color: Color(0XFFD8D8D8),
                      borderRadius: BorderRadius.circular(100),
                    ),
                    width: 15.h,
                    height: 15.h,
                  ),
                ),
              ],
            ),
            SizedBox(height: 10.h),
            Row(
              mainAxisAlignment: MainAxisAlignment.start,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Shimmer.fromColors(
                  baseColor: Color(0XFFD8D8D8),
                  highlightColor: Color(0XFFD8D8D8),
                  child: Container(
                    color: Color(0XFFD8D8D8),
                    width: 20.h,
                    height: 20.h,
                  ),
                ),
                Padding(
                  padding: EdgeInsets.only(left: 8.w),
                  child: Shimmer.fromColors(
                    baseColor: Color(0XFFD8D8D8),
                    highlightColor: Color(0XFFD8D8D8),
                    child: Container(
                      color: Color(0XFFD8D8D8),
                      width: 51.w,
                      height: 17.h,
                    ),
                  ),
                ),
                Spacer(),
                Shimmer.fromColors(
                  baseColor: Color(0XFFD8D8D8),
                  highlightColor: Color(0XFFD8D8D8),
                  child: Container(
                    decoration: BoxDecoration(
                      color: Color(0XFFD8D8D8),
                      borderRadius: BorderRadius.circular(100),
                    ),
                    width: 15.h,
                    height: 15.h,
                  ),
                ),
              ],
            ),
          ],
        ),
        Shimmer.fromColors(
          baseColor: Color(0XFFD8D8D8),
          highlightColor: Color(0XFFD8D8D8),
          child: Container(
            height: 56.h,
            width: double.infinity,
            alignment: Alignment.center,
            decoration: BoxDecoration(
              color: Color(0XFFD8D8D8),
              borderRadius: BorderRadius.circular(27),
            ),
            margin: EdgeInsets.only(
                top: 12.h, left: 16.w, right: 16.w, bottom: 21.h,
            ),
          ),
        )
      ],
    ));
  }

  ///卡片详情
  Widget shopRechargeCard() {
    return GestureDetector(
      behavior: HitTestBehavior.opaque,
      onTap: () {
        Navigator.of(context).pushNamed('/router/mine_shop_details',
            arguments: {"id": widget.arguments["id"]});
      },
      child: Container(
        width: double.infinity,
        // height:140.h,
        margin: EdgeInsets.only(
            bottom: 24.h, top: 14.h, left: 14.w, right: 14.w,
        ),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Container(
              decoration: BoxDecoration(
                borderRadius: new BorderRadius.only(
                  topLeft: Radius.circular(6),
                  topRight: Radius.circular(6),
                ),
                color: Color(colorByName(vipCard?.tenantName ?? "")),
              ),
              padding: EdgeInsets.only(left: 12.w),
              height: 62.h,
              child: Row(
                children: [
                  MImage(
                    vipCard?.storeList?[0].logo ?? "",
                    width: 38,
                    height: 38,
                    radius: BorderRadius.circular(100),
                    fit: BoxFit.cover,
                    errorSrc: "assets/image/default_1.webp",
                    fadeSrc: "assets/image/default_1.webp",
                  ),
                  SizedBox(
                    width: 6,
                  ),
                  Text(
                    vipCard?.tenantName ?? "",
                    style: TextStyle(
                      color: Color(0xFFFFFFFF),
                      fontSize: 15.sp,
                      fontWeight: MyFontWeight.medium,
                    ),
                  ),
                ],
              ),
            ),
            Container(
              decoration: BoxDecoration(
                borderRadius: new BorderRadius.only(
                  bottomRight: Radius.circular(6),
                  topRight: Radius.circular(6),
                ),
                color: Colors.white,
              ),
              padding: EdgeInsets.all(12.h),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        "店铺余额(元)",
                        style: TextStyle(
                          color: Color(0xFF262626),
                          fontSize: 12.sp,
                          fontWeight: MyFontWeight.regular,
                        ),
                      ),
                      Text(
                        "No.${vipCard?.id ?? ""}",
                        style: TextStyle(
                          color: Color(0xFF262626),
                          fontSize: 12.sp,
                          fontWeight: MyFontWeight.regular,
                        ),
                      ),
                    ],
                  ),
                  SizedBox(
                    height: 4.h,
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Expanded(
                        child: Text(
                          "￥ ${vipCard?.balance ?? ""}",
                          style: TextStyle(
                            color: Color(0xFF262626),
                            fontSize: 24.sp,
                            fontFamily: 'JDZhengHT',
                            fontWeight: MyFontWeight.medium,
                          ),
                        ),
                      ),
                      Text(
                        "适用门店",
                        style: TextStyle(
                          color: Color(0xFF262626),
                          fontSize: 12.sp,
                          fontWeight: MyFontWeight.regular,
                        ),
                      ),
                      SizedBox(
                        width: 2,
                      ),
                      Image.asset(
                        "assets/image/icon_right_z.webp",
                        width: 16,
                        height: 16,
                        color: Color(0xFF262626),
                      )
                    ],
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }

  ///充值item
  Widget rechargeItem(MemberRecharge memberRecharge, index) {
    return Container(
        width: double.infinity,
        height: 69.h,
        decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(4),
            border: Border.all(
              color:
                  selectIndex == index ? Color(0xFF32A060) : Color(0xFFFAFAFA),
              width: selectIndex == index ? 1 : 0,
            ),
            color: selectIndex == index ? Color(0XFFF0FAF4) : Colors.white,
        ),
        margin: EdgeInsets.only(bottom: 14.h, left: 14.w, right: 14.w),
        padding: EdgeInsets.only(left: 16),
        child: Flex(
          direction: Axis.horizontal,
          children: [
            Expanded(
                flex: 1,
                child: Container(
                  child: Text.rich(
                    TextSpan(children: [
                      TextSpan(
                        text: "储值   ",
                        style: TextStyle(
                            fontSize: 12.sp,
                            color: selectIndex == index
                                ? Color(0xFF4D4D4D)
                                : Color(0xFF868686),
                            fontWeight: MyFontWeight.regular,
                        ),
                      ),
                      TextSpan(
                        text: "${AppUtils.calculateDouble(double.tryParse("${memberRecharge.rechargeMoney}") ?? 0)}元",
                        style: TextStyle(
                            fontSize: 18.sp,
                            fontFamily: 'JDZhengHT',
                            color: selectIndex == index
                                ? Color(0xFF353535)
                                : Color(0xFF868686),
                            fontWeight: MyFontWeight.semi_bold,
                        ),
                      ),
                    ]),
                  ),
                ),
            ),
            Container(
              width: 1.w,
              height: 37.h,
              color: selectIndex == index ? Color(0xFF32A060) : Color(0xFF979797),
              margin: EdgeInsets.only(right: 16.w, left: 12),
            ),
            Expanded(
                flex: 2,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text.rich(
                      TextSpan(children: [
                        TextSpan(
                          text: "实际到账 ",
                          style: TextStyle(
                              fontSize: 12.sp,
                              color: selectIndex == index
                                  ? Color(0xFF353535)
                                  : Color(0xFF868686),
                              fontWeight: MyFontWeight.regular,
                          ),
                        ),
                        TextSpan(
                          text: "${((memberRecharge.limitNum ?? 0) != 0 && ((memberRecharge.limitNum ?? 0) - (memberRecharge.useNum ?? 0) <= 0)) ? (AppUtils.calculateDouble(double.tryParse("${memberRecharge.rechargeMoney}") ?? 0)) : (AppUtils.calculateDouble((double.tryParse("${memberRecharge.rechargeMoney}") ?? 0) + (double.tryParse("${memberRecharge.giftdMoney}") ?? 0) + ((double.tryParse("${memberRecharge.rechargeMoney}") ?? 0) - ((double.tryParse("${memberRecharge.rechargeMoney}") ?? 0) * (discount / 100)))))}元",
                          style: TextStyle(
                              fontSize: 18.sp,
                              fontFamily: 'JDZhengHT',
                              color: selectIndex == index
                                  ? Color(0xFF353535)
                                  : Color(0xFF868686),
                              fontWeight: MyFontWeight.semi_bold,
                          ),
                        ),
                      ]),
                    ),
                    SizedBox(
                      height: 4.h,
                    ),
                    GestureDetector(
                        onTap: () {
                          setState(() {
                            if (selectIndex == index)
                              showRecharge(memberRecharge, index);
                          });
                        },
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.start,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Text(
                              "充值说明",
                              style: TextStyle(
                                color: selectIndex == index
                                    ? Color(0xFF4D4D4D)
                                    : Color(0xFF868686),
                                fontSize: 12.sp,
                                fontWeight: MyFontWeight.regular,
                              ),
                            ),
                            Icon(
                              Icons.chevron_right,
                              size: 20,
                              color: selectIndex == index
                                  ? Color(0xFF353535)
                                  : Color(0xFF868686),
                            ),
                          ],
                        ),
                    ),
                  ],
                ),
            ),
          ],
        ),
    );
  }

  Widget checkView(var index) {
    return Container(
      padding: EdgeInsets.only(right: 16.w, left: 46.w),
      alignment: Alignment.center,
      child: Image.asset(
        checkIndex != index
            ? "assets/image/icon_radio_unselected.webp"
            : "assets/image/icon_radio_selected.webp",
        width: 15.h,
        height: 15.h,
      ),
    );
  }

  ///充值说明底部弹窗
  showRecharge(MemberRecharge memberRecharge, index) {
    showModalBottomSheet(
        context: context,
        backgroundColor: Colors.transparent,
        builder: (context) {
          return Container(
              padding: EdgeInsets.only(top: 12),
              decoration: new BoxDecoration(
                  color: Colors.white,
                  borderRadius: new BorderRadius.only(
                      topLeft: const Radius.circular(25.0),
                      topRight: const Radius.circular(25.0),
                  ),
              ),
              child: Container(
                  height: 355,
                  child: SingleChildScrollView(
                    physics: BouncingScrollPhysics(),
                    child: Column(
                      children: [
                        Row(
                          mainAxisAlignment: MainAxisAlignment.start,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Expanded(
                              child: Container(
                              margin: EdgeInsets.symmetric(vertical: 12.h),
                              alignment: Alignment.center,
                              child: Text(
                                "充值说明",
                                style: TextStyle(
                                  fontWeight: MyFontWeight.bold,
                                  fontSize: 15.sp,
                                  color: Color(0xFF353535),
                                ),
                              ),
                            ),
                            ),
                            GestureDetector(
                              onTap: () {
                                setState(() {
                                  Navigator.of(context).pop();
                                });
                              },
                              child: Icon(
                                Icons.clear,
                                color: Colors.black,
                                size: 18,
                              ),
                            ),
                            SizedBox(width: 14),
                          ],
                        ),
                        SizedBox(
                          height: 12.h,
                        ),
                        Container(
                          width: double.infinity,
                          height: 1.h,
                          color: Color(0xFFF2F2F2),
                          margin: EdgeInsets.only(bottom: 13.h),
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 14),
                          child: Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            mainAxisAlignment: MainAxisAlignment.spaceAround,
                            children: [
                              Expanded(
                                child: Container(
                                  color: Colors.white,
                                  child: Html(
                                    data: memberRecharge?.remark ?? "",
                                  ),
                                ),
                              )
                            ],
                          ),
                        )
                      ],
                    ),
                  )));
        });
  }

  Widget shopItem(Store store) {
    return Container(
      decoration: BoxDecoration(
        borderRadius: new BorderRadius.circular(6),
        color: Colors.white,
      ),
      padding: EdgeInsets.all(12),
      margin: EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              Expanded(
                flex: 1,
                child: Text(
                  store.storeName ?? "",
                  style: TextStyle(
                    fontSize: 14.sp,
                    fontWeight: MyFontWeight.semi_bold,
                    color: Colors.black,
                  ),
                ),
              ),
              GestureDetector(
                onTap: () {
                  // Navigator.of(context).pushNamed('/router/union_detail_page',
                  //     arguments: {"id": store.id});
                  if (store.posType?.code == "NORMALSTORE") {
                    Scan.toScan(
                      context,
                      store.id,
                      store.tenantCode,
                      store.storeName,
                    );
                  } else {
                    Navigator.of(context).pushNamed(
                      '/router/store_order',
                      arguments: {
                        "id": store.id,
                        "tenant": store.tenantCode,
                        "storeName": store.storeName
                      },
                    );
                  }
                },
                child: Text(
                  S.of(context).chakan,
                  style: TextStyle(
                    fontSize: 12.sp,
                    fontWeight: MyFontWeight.medium,
                    color: Color(0xff32A060),
                  ),
                ),
              ),
              Icon(
                Icons.chevron_right,
                color: Color(0xff32A060),
                size: 16,
              ),
            ],
          ),
          SizedBox(
            height: 8.h,
          ),
          Row(
            children: [
              Text(
                "${S.of(context).dizhi}: ",
                style: TextStyle(
                  fontSize: 12.sp,
                  fontWeight: MyFontWeight.regular,
                  color: Color(0xff353535),
                ),
              ),
              Expanded(
                child: Text(
                  store.address ?? "",
                  overflow: TextOverflow.ellipsis,
                  style: TextStyle(
                    fontSize: 12.sp,
                    fontWeight: MyFontWeight.regular,
                    color: Color(0xff353535),
                  ),
                ),
                flex: 1,
              )
            ],
          ),
          SizedBox(
            height: 4.h,
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Expanded(
                flex: 1,
                child: Text(
                  S.of(context).yingyeshijian((store.openStartTime == null &&
                          store.openEndTime == null)
                      ? S.of(context).quantian
                      : "${store.openStartTime?.substring(0, store.openStartTime?.lastIndexOf(":"))} - ${store.openEndTime?.substring(0, store.openEndTime?.lastIndexOf(":"))}"),
                  style: TextStyle(
                    fontSize: 12.sp,
                    fontWeight: MyFontWeight.regular,
                    color: Color(0xff353535),
                  ),
                ),
              ),
              Text(
                (store.distance ?? 0) > 1000
                    ? S.of(context).gongli(
                        ((store.distance ?? 0) / 1000 * 100).toInt() / 100.0)
                    : S
                        .of(context)
                        .mi(((store.distance ?? 0) * 100).toInt() / 100.0),
                style: TextStyle(
                  fontSize: 12.sp,
                  fontWeight: MyFontWeight.regular,
                  color: Color(0xff868686),
                ),
              ),
            ],
          ),
        ],
      ),
    );
  }
}