huixiang_app/lib/store/shop_details_page.dart

import 'dart:convert';

import 'package:dio/dio.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.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:flutter_swiper/flutter_swiper.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/retrofit/data/activity.dart';
import 'package:huixiang/retrofit/data/base_data.dart';
import 'package:huixiang/retrofit/data/miNiDetail.dart';
import 'package:huixiang/retrofit/data/shoppingCart.dart';
import 'package:huixiang/retrofit/data/store_info.dart';
import 'package:huixiang/retrofit/min_api.dart';
import 'package:huixiang/retrofit/retrofit_api.dart';
import 'package:huixiang/store/store_view/people_num.dart';
import 'package:huixiang/store/store_view/shop_car.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:huixiang/view_widget/classic_header.dart';
import 'package:huixiang/view_widget/custom_image.dart';
import 'package:huixiang/view_widget/my_footer.dart';
import 'package:huixiang/view_widget/round_button.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:shared_preferences/shared_preferences.dart';
import '../view_widget/border_text.dart';
import '../view_widget/request_permission.dart';

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

  ShopDetailsPage({this.arguments});

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

class _ShopDetailsPage extends State<ShopDetailsPage> {
  ApiService apiService;
  MinApiService minService;
  final ScrollController scrollController = ScrollController();
  final RefreshController refreshController = RefreshController();
  String id;
  MiNiDetail miNiDetail;
  ShoppingCart shopCarGoods;
  bool dialogShowing = false;
  StoreInfo storeInfo;
  String parentCode = "";
  int tableId = 0;
  String tenant;
  String minToken;
  String pName;
  String pid;
  String cName;
  String cid;
  List<String> selectSkus = [];
  List<Activity> activitys;
  int counts = 1;
  String selectedPrice = "";
  String storeId;
  String parentId;
  int numberOfPeople = 0;
  int index;
  bool isSetMeal;
  int scIndex = 0;

  @override
  void initState() {
    super.initState();
    id = widget.arguments["id"];
    storeId = widget.arguments["storeId"];
    isSetMeal = widget.arguments["isSetMeal"] ?? false;
    scrollController.addListener(() {
      if(scIndex == 0 && scrollController.offset > (MediaQuery.of(context).size.height >= 750 ? 392.h : 400.h)){
        setState(() {
          scIndex = 1;
        });
      }else if(scIndex == 1 && scrollController.offset <= (MediaQuery.of(context).size.height >= 750 ? 392.h : 400.h)){
        setState(() {
          scIndex = 0;
        });
      }
    });
    // SharedPreferences.getInstance().then((value) {
    //   String minToken = value.getString("minToken");
    //   String tenant = value.getString("tenant");
    //   String storeId = value.getString("storeId");
    //   minService = MinApiService(Dio(),
    //       context: context,
    //       token: minToken,
    //       tenant: tenant,
    //       storeId: storeId,
    //       showLoading: true);
    //   queryMiNiDetail(id);
    //   queryShopCar().then((value) {
    //     this.shopCarGoods = value;
    //     setState(() {});
    //   });
    // });
    queryStoreInfo();
    buildCount();
  }

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

  /// 查询店铺信息
  queryStoreInfo() async {
    EasyLoading.show(
        status: S.current.zhengzaijiazai, maskType: EasyLoadingMaskType.black);
    if (apiService == null){
      SharedPreferences value = await SharedPreferences.getInstance();
      apiService = ApiService(
        Dio(),
        context: context,
        token: value.getString("token"),
      );
      if (value.getString("miNiDetail${id}") != null) {
        miNiDetail = MiNiDetail.fromJson(jsonDecode(value.getString('miNiDetail${id}')));
        setState(() {});
      }
    }
    BaseData baseData =
        await apiService.queryStoreInfo(storeId).catchError((error) {
      debugPrint(error);
    });
    if (baseData != null && baseData.isSuccess) {
      storeInfo = StoreInfo.fromJson(baseData.data);
      activitys = storeInfo.informationVOPageVO.list
          .map((e) => Activity.fromJson(e))
          .toList();
      if (mounted) {
        setState(() {});
      }
      minLogin();
    }
    // EasyLoading.dismiss();
  }

  /// 小程序登录
  minLogin() async {
    apiService.minLogin(storeId).catchError((onError) {
      debugPrint(onError);
    }).then((baseData) {
      if (baseData != null && baseData.isSuccess) {
        Map<String, dynamic> minStoreInfo = baseData.data;
        String minToken = minStoreInfo["token"];
        String tenant = storeInfo.tenantCode;
        String storeId = storeInfo.id;
        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,
        );
        queryMiNiDetail(id);
        queryShopCar().then((value) {
          this.shopCarGoods = value;
          setState(() {});
        });
        // EasyLoading.dismiss();
      }
    });
  }

  ///商品详情
  queryMiNiDetail(id) async {
    BaseData<MiNiDetail> baseData =
        await minService.miNiDetail(id).catchError((error) {
      refreshController.refreshFailed();
    });
    if (baseData != null && baseData.isSuccess) {
      setState(() {
        miNiDetail = baseData.data;
        miNiDetail.attrList.forEach((element) {
          selectSkus.add(element.attrValueList[0].attrValue);
        });
      });
      SharedPreferences.getInstance().then(
            (value) => {
          value.setString('miNiDetail${id}', jsonEncode(baseData.data)),
        },
      );
      EasyLoading.dismiss();
      refreshController.refreshCompleted();
    } else {
      refreshController.refreshFailed();
    }
  }

  _onRefresh() {
    queryMiNiDetail(id);
  }

  ///获取父订单（火锅订单加菜前调用）
  getParentInfo() async {
    BaseData baseData =
        await minService.getParentInfo("$tableId").catchError((error) {
      debugPrint(error);
    });
    if (baseData != null && baseData.isSuccess) {
      if (baseData.data != null) {
        parentId = baseData.data["id"];
        parentCode = baseData.data["parentCode"];
      } else {
        ///TODO: 没有父订单，
        queryStoreInfo1();
      }
    }
  }

  ///显示选择人数的弹窗
  showPeopleNum(String tableName) async {
    var people = await showDialog(
      context: context,
      barrierDismissible: false,
      builder: (context) {
        return PeopleNumView(tableName);
      },
    );

    if (people != null && people > 0) {
      setState(() {
        this.numberOfPeople = people;
      });
    } else {
      Navigator.of(context).pop();
    }
  }

  ///获取桌子信息
  queryStoreInfo1() async {
    BaseData baseData = await minService.queryStoreInfo1({
      "getCoupon": true,
      "storeId": storeId,
      "tableId": tableId,
    }).catchError((error) {
      debugPrint(error);
    });
    if (baseData != null && baseData.isSuccess) {
      StoreInfo storeInfo = StoreInfo.fromJson(baseData.data);
      if (storeInfo.storeTable != null) {
        showPeopleNum(storeInfo.storeTable.tableName);
      }
    }
  }

  ///计算个数
  int count() {
    if (shopCarGoods == null ||
        shopCarGoods.shoppingCartSkuItemList == null ||
        shopCarGoods.shoppingCartSkuItemList.length == 0) return 0;
    int count = 0;
    shopCarGoods.shoppingCartSkuItemList.forEach((element) {
      count += element.buyNum;
    });
    return count;
  }

  ///去下单结算页面
  toDownOrder() async {
    int num = count();

    if (parentId == null || parentId == "") {
      if (num == 0) {
        SmartDialog.showToast("请先选择您要购买的商品！～", alignment: Alignment.center);
        return;
      }
    }

    await Navigator.of(context).pushNamed(
      '/router/settlement',
      arguments: {
        "storeInfo": storeInfo,
        "tableId": tableId,
        "parentCode": parentCode,
        "parentId": parentId,
        // "pName": pName,
        "pid": pid,
        // "cName": cName,
        "cid": cid,
        "shoppingCart": shopCarGoods,
        "numberOfPeople": numberOfPeople,
        "distance": widget.arguments["distance"],
        "subscribeParam": miNiDetail?.subscribeParam,
      },
    );

    if ((miNiDetail?.subscribeParam?.isEnableSubscribe ?? false) == true) {
      clearShopCar();
      this.shopCarGoods = await queryShopCar();
    }

    if (tableId > 0) {
      getParentInfo();
    }
    queryShopCar().then((value) {
      this.shopCarGoods = value;
      setState(() {});
    });
  }

  /// 购物车的key,用于刷新UI
  GlobalKey shopCartKey = GlobalKey();

  ///购物车弹窗
  showShoppingCart() {
    queryShopCar().then((value) {
      this.shopCarGoods = value;
      dialogShowing = true;
      SmartDialog.show(
        widget: ShopCar(
          shopCartKey,
          this.shopCarGoods,
          clearShopCar,
          toDownOrder,
          shopCartAdd,
          shopCartReduce,
        ),
        onDismiss: () {
          dialogShowing = false;
        },
        alignmentTemp: Alignment.bottomCenter,
      );
    });
  }

  ///清空购物车
  clearShopCar() async {
    BaseData<bool> baseData = await minService.clearShoppingCart(storeId);
    if (baseData.isSuccess) {
      shopCarGoods = null;
      setState(() {});
    }
  }

  ///选规格
  _queryMiNiDetail(String id, int count) async {
    EasyLoading.show(
        status: S.current.zhengzaijiazai, maskType: EasyLoadingMaskType.black);
    if (count < 0) {
      shopCarGoods.shoppingCartSkuItemList.forEach((element) {
        if (element.productId == id) {
          shopCartReduce(element);
          setState(() {});
        }
      });
      return;
    }
    BaseData<MiNiDetail> baseData = await minService.miNiDetail(id);
    if (baseData != null && baseData.isSuccess) {
      showStoreSelector(baseData.data, id, count);
    }
    EasyLoading.dismiss();
  }

  ///选规格弹窗
  showStoreSelector(MiNiDetail miNiDetail, String id, int count) async {
    if (miNiDetail.attrList != null &&
        miNiDetail.attrList.length == 1 &&
        miNiDetail.attrList[0].attrValueList.length == 1) {
      _addShopCar(miNiDetail, [], counts);
    } else {
      // showSpanDialog();
      selectSpecsShowBottomSheet();
    }
  }

  ///添加购物车
  Future _addShopCar(MiNiDetail miNiDetail, selectSkus, int count) async {
    ProductSkuVOListBean productSku;
    if (selectSkus != null && selectSkus.length == 0) {
      productSku = miNiDetail.productSkuVOList.first;
    } else {
      productSku = miNiDetail.productSkuVOList.firstWhere((element) {
        bool gg = true;
        selectSkus.forEach((element1) {
          if (element.skuNameStr.indexOf(element1) < 0) {
            gg = false;
            return gg;
          }
        });
        return gg;
      });
    }
    if (productSku == null) return;
    String skuId = productSku.id;
    String skuValue = selectSkus
        .toString()
        .replaceAll("[", "")
        .replaceAll("]", "")
        .replaceAll(",", "");

    if ((miNiDetail.subscribeParam.isEnableSubscribe ?? false) == true) {
      clearShopCar();
    }

    if (miNiDetail != null) {
      BaseData<List<ShoppingCart>> baseDate = await minService.addShoppingCart({
        "storeId": storeInfo.id,
        "storeName": storeInfo.storeName ?? "",
        "numberOfPeople": numberOfPeople,
        "tableId": tableId,
        "parentId": parentId,
        "parentCode": parentCode,
        "shoppingCartSkuItemList": [
          {
            "buyNum": count,
            "id": skuId,
            "productId": miNiDetail.id,
            "productName": miNiDetail.productName,
            "skuName": skuValue,
            "storeId": storeInfo.id,
            "skuPrice": productSku.skuPrice,
            "skuStock": productSku.skuStock,
            "tableId": tableId,
          },
        ],
      });
      EasyLoading.dismiss();
      if (baseDate != null && baseDate.isSuccess) {
        queryShopCar().then((value) {
          this.shopCarGoods = value;
          if ((miNiDetail.subscribeParam.isEnableSubscribe ?? false) == true)
            toDownOrder();
          setState(() {});
        });
      } else {
        SmartDialog.showToast(baseDate?.msg, alignment: Alignment.center);
      }
    }
  }

  ///查询购物车
  Future<ShoppingCart> queryShopCar() async {
    pName = ""; //活动
    pid = ""; //活动
    cName = ""; //优惠券
    cid = ""; //优惠券
    BaseData<List<ShoppingCart>> baseDate =
        await minService.getShoppingCart(tableId);
    if (baseDate != null &&
        baseDate.isSuccess &&
        baseDate.data != null &&
        baseDate.data.length > 0) {
      if (baseDate.data[0].selectDiscount == 1) {
        baseDate.data[0].couponList.forEach((element) {
          if (element.isMaxCoupon) {
            // cName = element.promotionName;
            cid = element.id;
          }
        });
      } else if (baseDate.data[0].selectDiscount == 2) {
        baseDate.data[0].promotionInfoList.forEach((element) {
          if (element.isMaxPromotion) {
            // pName = element.name;
            pid = element.id;
          }
        });
      }
      return baseDate.data[0];
    } else {
      return null;
    }
  }

  ///购物车➕1
  Future<ShoppingCart> shopCartAdd(
      ShoppingCartSkuItemListBean cartSkuItem) async {
    Map<String, dynamic> shopCarTemp = shopCarGoods.toJson();
    cartSkuItem.buyNum += 1;
    shopCarTemp["shoppingCartSkuItemList"] = [cartSkuItem.toJson()];
    BaseData<List<ShoppingCart>> baseDate =
        await minService.shoppingCartSingle(shopCarTemp);
    if (baseDate.isSuccess) {
      this.shopCarGoods = await queryShopCar();
      if (shopCartKey != null) {
        shopCartKey.currentState.setState(() {});
      }
      setState(() {});
    }
    return this.shopCarGoods;
  }

  ///购物车➖1
  Future<ShoppingCart> shopCartReduce(
      ShoppingCartSkuItemListBean cartSkuItem) async {
    Map<String, dynamic> shopCarTemp = shopCarGoods.toJson();
    cartSkuItem.buyNum -= 1;
    shopCarTemp["shoppingCartSkuItemList"] = [cartSkuItem.toJson()];
    BaseData<List<ShoppingCart>> baseDate =
        await minService.shoppingCartSingle(shopCarTemp);
    if (baseDate.isSuccess) {
      EasyLoading.dismiss();
      this.shopCarGoods = await queryShopCar();
      if (shopCartKey?.currentState != null) {
        shopCartKey.currentState.setState(() {});
      }
      setState(() {});
    }
    return this.shopCarGoods;
  }

  ///商品➕1
  add(MiNiDetail miNiDetail, selectSkus) async {
    ProductSkuVOListBean productSku =
        miNiDetail.productSkuVOList.firstWhere((element) {
      return skuY(element, selectSkus);
    });

    if (productSku == null) return;
    String skuId = productSku.id;
    if (shopCarGoods == null) {
      await _addShopCar(miNiDetail, selectSkus, 2);
      return;
    }
    int shopSkuIndex = shopCarGoods.shoppingCartSkuItemList
        .indexWhere((element) => skuId == element.id);
    Map<String, dynamic> shopCarTemp = shopCarGoods.toJson();
    shopCarGoods.tableId = "$tableId";

    if (shopSkuIndex >= 0) {
      shopCarGoods.shoppingCartSkuItemList[shopSkuIndex].buyNum += 1;
      ShoppingCartSkuItemListBean cartSkuItem = shopCarGoods
          .shoppingCartSkuItemList
          .firstWhere((element) => skuId == element.id);
      shopCarTemp["shoppingCartSkuItemList"] = [cartSkuItem.toJson()];
    } else {
      await _addShopCar(miNiDetail, selectSkus, 2);
      return;
    }

    BaseData<List<ShoppingCart>> baseDate =
        await minService.shoppingCartSingle(shopCarTemp);
    if (baseDate.isSuccess) {
      queryShopCar().then((value) {
        this.shopCarGoods = value;
        setState(() {});
      });
    }
  }

  ///商品➖1
  reduce(MiNiDetail miNiDetail, selectSkus) async {
    ProductSkuVOListBean productSku =
        miNiDetail.productSkuVOList.firstWhere((element) {
      return skuY(element, selectSkus);
    });

    if (productSku == null) return;
    String skuId = productSku.id;
    if (shopCarGoods == null) {
      await _addShopCar(miNiDetail, selectSkus, 2);
      return;
    }
    ShoppingCartSkuItemListBean shopSkuItem = shopCarGoods
        .shoppingCartSkuItemList
        .firstWhere((element) => skuId == element.id);
    int shopSkuIndex = shopCarGoods.shoppingCartSkuItemList
        .indexWhere((element) => skuId == element.id);

    if (shopSkuItem != null) {
      if (shopSkuItem.buyNum > 1) {
        shopCarGoods.shoppingCartSkuItemList[shopSkuIndex].buyNum -= 1;
      }
    } else {
      await _addShopCar(miNiDetail, selectSkus, 2);
      return;
    }
    shopCarGoods.tableId = "$tableId";

    Map<String, dynamic> shopCarTemp = shopCarGoods.toJson();
    ShoppingCartSkuItemListBean cartSkuItem = shopCarGoods
        .shoppingCartSkuItemList
        .firstWhere((element) => skuId == element.id);
    shopCarTemp["shoppingCartSkuItemList"] = [cartSkuItem.toJson()];

    BaseData<List<ShoppingCart>> baseDate =
        await minService.shoppingCartSingle(shopCarTemp);
    if (baseDate.isSuccess) {
      queryShopCar().then((value) {
        this.shopCarGoods = value;
        setState(() {});
      });
    }
  }

  bool skuY(ProductSkuVOListBean productSku, selectSkus) {
    bool gg = true;
    selectSkus.forEach((element1) {
      if (productSku.skuNameStr.indexOf(element1) < 0) {
        gg = false;
        return gg;
      }
    });
    return gg;
  }

  buildCount() {
    counts = 1;
    ProductSkuVOListBean productSku;
    try {
      productSku = miNiDetail.productSkuVOList.firstWhere((element) {
        return skuY(element, selectSkus);
      });
    } catch (ex) {
      return;
    }
    if (productSku == null) return;
    selectedPrice = productSku.skuPrice;
    String skuId = productSku.id;
    if (shopCarGoods == null || shopCarGoods.shoppingCartSkuItemList == null)
      return;
    int shopSkuIndex = shopCarGoods.shoppingCartSkuItemList
        .indexWhere((element) => skuId == element.id);
    if (shopSkuIndex >= 0) {
      counts = shopCarGoods.shoppingCartSkuItemList[shopSkuIndex].buyNum;
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          Column(
            children: [
              Expanded(
                child: SmartRefresher(
                  controller: refreshController,
                  enablePullDown: true,
                  enablePullUp: false,
                  header: MyHeader(),
                  footer: CustomFooter(
                    builder: (context, mode) {
                      return MyFooter(mode);
                    },
                  ),
                  onRefresh: () {
                    setState(() {
                      _onRefresh();
                    });
                  },
                  physics: BouncingScrollPhysics(),
                  scrollController: scrollController,
                  child: SingleChildScrollView(
                    physics: BouncingScrollPhysics(),
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.start,
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        buildProduct(),
                        SizedBox(
                          height: 16.h,
                        ),
                        Container(
                          width: double.infinity,
                          color: Colors.white,
                          child: Column(
                            mainAxisAlignment: MainAxisAlignment.start,
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Padding(
                                padding: EdgeInsets.only(left: 14.w, top: 16.h),
                                child: Text(
                                  "商品详情",
                                  style: TextStyle(
                                    fontSize: 15.sp,
                                    fontWeight: MyFontWeight.semi_bold,
                                    color: Color(0xFF000000),
                                  ),
                                ),
                              ),
                              SizedBox(
                                height: 14.h,
                              ),
                              Container(
                                color: Colors.white,
                                child: Html(
                                  data: miNiDetail?.details ?? "",
                                  style: {
                                    'body': Style(
                                        backgroundColor: Colors.white,
                                        padding: EdgeInsets.symmetric(horizontal:12.w),
                                        fontSize: FontSize(14.sp),
                                        lineHeight:  LineHeight.rem(1.5),
                                        margin: EdgeInsets.all(0)),
                                    'p': Style(
                                      margin: EdgeInsets.all(0),
                                      fontSize: FontSize(14.sp),
                                      lineHeight:  LineHeight.rem(1.5),
                                      padding: EdgeInsets.all(0),
                                    ),
                                  },
                                  customImageRenders: {
                                    networkSourceMatcher(): networkImageRender(
                                      loadingWidget: () {
                                        return Container();
                                      },
                                    ),
                                  },
                                ),
                              ),
                            ],
                          ),
                        )
                      ],
                    ),
                  ),
                ),
                flex: 1,
              ),
              // if (count() != 0)
              Stack(
                alignment: Alignment.bottomLeft,
                children: [
                  Container(
                    margin: EdgeInsets.symmetric(horizontal: 14),
                    height: 45.h,
                    // color: Color(0xFFFAFAFA),
                    decoration: BoxDecoration(
                      color: Color(0xFF383A38),
                      borderRadius: BorderRadius.circular(100),
                    ),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceAround,
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: [
                        SizedBox(
                          width: 45.w,
                        ),
                        Text.rich(
                          TextSpan(children: [
                            TextSpan(
                              text: "￥ ",
                              style: TextStyle(
                                  fontSize: 12.sp,
                                  color: Color(0xFFFFFFFF),
                                  fontWeight: MyFontWeight.bold),
                            ),
                            TextSpan(
                              text: shopCarGoods != null
                                  ? shopCarGoods.cartSum
                                  : "0.0",
                              style: TextStyle(
                                  fontSize: 20.sp,
                                  color: Color(0xFFFFFFFF),
                                  fontFamily: 'JDZhengHT',
                                  fontWeight: MyFontWeight.medium),
                            ),
                          ]),
                        ),
                        Spacer(),
                        GestureDetector(
                          onTap: () {
                            toDownOrder();
                          },
                          child: RoundButton(
                            width: 103.w,
                            height: 54.h,
                            text: S.current.jiesuan,
                            textColor: Colors.white,
                            fontWeight: MyFontWeight.bold,
                            backgroup: Color(0xFF32A060),
                            radius: 100,
                            fontSize: 16.sp,
                            padding: EdgeInsets.symmetric(vertical: 5.h),
                          ),
                        ),
                      ],
                    ),
                  ),
                  Stack(
                    children: [
                      InkWell(
                        onTap: () {
                          if (count() != 0) showShoppingCart();
                        },
                        child: Image.asset(
                          "assets/image/shopping_bag.webp",
                          width: 66,
                          height: 66,
                          fit: BoxFit.fitWidth,
                        ),
                      ),
                      if (count() != 0)
                        Positioned(
                          right: 5,
                          // top: 14,
                          child: RoundButton(
                            width: 17.w,
                            height: 17.h,
                            text: "${count()}",
                            textColor: Colors.white,
                            fontWeight: MyFontWeight.regular,
                            backgroup: Color(0xFFF65720),
                            fontSize: 12.sp,
                            radius: 100,
                          ),
                        ),
                    ],
                  ),
                ],
              ),
              SizedBox(
                height: 30.h,
              )
            ],
          ),
          if (scIndex == 1)
            Container(
              color: Colors.white,
              padding: EdgeInsets.only(
                  top: MediaQuery.of(context).padding.top + 10.h,
                  left: 14.w,
                  right: 14.w,
                  bottom: 10.h),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Text(
                    miNiDetail?.price ?? "",
                    style: TextStyle(
                      fontSize: 24.sp,
                      fontFamily: 'JDZhengHT',
                      fontWeight: MyFontWeight.semi_bold,
                      color: Color(0xFFF85400),
                    ),
                  ),
                  SizedBox(
                    width: 2.w,
                  ),
                  Expanded(
                      child: Text(
                        miNiDetail?.applyPrice ?? "",
                        style: TextStyle(
                          fontSize: 16.sp,
                          fontFamily: 'JDZhengHT',
                          decoration: TextDecoration.lineThrough,
                          fontWeight: MyFontWeight.regular,
                          color: Color(0xFFA29E9E),
                        ),
                      )),
                  GestureDetector(
                    onTap: () async {
                      if (storeInfo.posType.code == "NORMALSTORE" &&
                          tableId == 0) {
                        showDeleteDialog();
                      } else if (isSetMeal == true) {
                        await Navigator.of(context)
                            .pushNamed('/router/product_meals_sku', arguments: {
                          "id": id,
                          "storeId": storeId,
                          "tableId": tableId
                        });
                        queryShopCar().then((value) {
                          this.shopCarGoods = value;
                          setState(() {});
                        });
                      } else {
                        _queryMiNiDetail(id, counts);
                      }
                    },
                    child: Container(
                      width: 92.w,
                      height: 32.h,
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(4),
                        color: Color(0xFF32A060),
                      ),
                      margin: EdgeInsets.only(bottom: 8),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Image.asset(
                            "assets/image/goods_shopp.webp",
                            fit: BoxFit.fill,
                            width: 18,
                            height: 18,
                          ),
                          SizedBox(
                            width: 2,
                          ),
                          Text(
                            ((miNiDetail?.subscribeParam?.isEnableSubscribe ??
                                false) ==
                                true)
                                ? S.of(context).lijiyuyue
                                : (isSetMeal ?? false) == true
                                ? "选套餐"
                                : "加入购物车",
                            style: TextStyle(
                              fontSize: 12.sp,
                              fontWeight: MyFontWeight.regular,
                              color: Color(0xFFFFFFFF),
                            ),
                          ),
                        ],
                      ),
                    ),
                  )
                ],
              ),
            )
        ],
      ),
    );
  }

  Widget buildProduct() {
    return Container(
      decoration: BoxDecoration(
          borderRadius: BorderRadius.vertical(
            bottom: Radius.circular(8.h),
          ),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withAlpha(12),
              offset: Offset(0, 3),
              blurRadius: 14,
              spreadRadius: 0,
            )
          ],
          color: Color(0xFFFFFFFF)),
      child: Column(
        children: [
          swiper(),
          Container(
            padding: EdgeInsets.only(
                top: 16.h, left: 14.w, right: 14.w, bottom: 16.h),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.start,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                if(scIndex == 0)
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    Text(
                      miNiDetail?.price ?? "",
                      style: TextStyle(
                        fontSize: 24.sp,
                        fontFamily: 'JDZhengHT',
                        fontWeight: MyFontWeight.semi_bold,
                        color: Color(0xFFF85400),
                      ),
                    ),
                    SizedBox(
                      width: 2.w,
                    ),
                    Expanded(
                        child: Text(
                      miNiDetail?.applyPrice ?? "",
                      style: TextStyle(
                        fontSize: 16.sp,
                        fontFamily: 'JDZhengHT',
                        decoration: TextDecoration.lineThrough,
                        fontWeight: MyFontWeight.regular,
                        color: Color(0xFFA29E9E),
                      ),
                    )),
                    GestureDetector(
                      onTap: () async {
                        if (storeInfo.posType.code == "NORMALSTORE" &&
                            tableId == 0) {
                          showDeleteDialog();
                        } else if (isSetMeal == true) {
                          await Navigator.of(context).pushNamed(
                              '/router/product_meals_sku',
                              arguments: {
                                "id": id,
                                "storeId": storeId,
                                "tableId": tableId
                              });
                          queryShopCar().then((value) {
                            this.shopCarGoods = value;
                            setState(() {});
                          });
                        } else {
                          _queryMiNiDetail(id, counts);
                        }
                      },
                      child: Container(
                        width: 92.w,
                        height: 32.h,
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(4),
                          color: Color(0xFF32A060),
                        ),
                        margin: EdgeInsets.only(bottom: 8),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            Image.asset(
                              "assets/image/goods_shopp.webp",
                              fit: BoxFit.fill,
                              width: 18,
                              height: 18,
                            ),
                            SizedBox(
                              width: 2,
                            ),
                            Text(
                              ((miNiDetail?.subscribeParam?.isEnableSubscribe ??
                                          false) ==
                                      true)
                                  ? S.of(context).lijiyuyue
                                  : (isSetMeal ?? false) == true
                                      ? "选套餐"
                                      : "加入购物车",
                              style: TextStyle(
                                fontSize: 12.sp,
                                fontWeight: MyFontWeight.regular,
                                color: Color(0xFFFFFFFF),
                              ),
                            ),
                          ],
                        ),
                      ),
                    )
                  ],
                ),
                Text(
                  miNiDetail?.productName ?? "",
                  style: TextStyle(
                    fontSize: 15.sp,
                    fontWeight: MyFontWeight.semi_bold,
                    color: Color(0xFF000000),
                  ),
                ),
                SizedBox(
                  height: 12.h,
                ),
                Text(
                  miNiDetail?.shortName ?? "",
                  style: TextStyle(
                    fontSize: 12.sp,
                    height: 1.5,
                    fontWeight: MyFontWeight.regular,
                    color: Color(0xFF4D4D4D),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget swiper() {
    return Container(
      child: AspectRatio(
        aspectRatio: 375 / 375,
        child: Stack(
          children: [
            Swiper(
              pagination: SwiperPagination(
                alignment: Alignment.bottomCenter,
                builder: DotSwiperPaginationBuilder(
                  size: 8,
                  activeSize: 8,
                  space: 5,
                  activeColor: Colors.black,
                  color: Colors.black.withAlpha(76),
                ),
              ),
              itemBuilder: (context, position) {
                return MImage(
                  miNiDetail?.imgs != null ? miNiDetail.imgs[position] : "",
                  fit: BoxFit.cover,
                  radius: BorderRadius.zero,
                  height: 375,
                  width: 375,
                  errorSrc: "assets/image/default_2_1.webp",
                  fadeSrc: "assets/image/default_2_1.webp",
                );
              },
              itemCount: miNiDetail?.imgs?.length ?? 1,
            ),
            GestureDetector(
              onTap: () {
                Navigator.of(context).pop();
              },
              child: Container(
                margin: EdgeInsets.only(left: 16, top: 52),
                padding: EdgeInsets.all(5),
                child: Image.asset(
                  "assets/image/integral_return.webp",
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  ///选择規格弹窗
  selectSpecsShowBottomSheet() {
    showModalBottomSheet(
        builder: (BuildContext context) {
          return StatefulBuilder(builder: (
            context,
            state,
          ) {
            return Container(
              alignment: Alignment.topCenter,
              padding: EdgeInsets.symmetric(horizontal: 14.w, vertical: 16),
              height: MediaQuery.of(context).size.height / 3 * 2,
              width: double.infinity,
              decoration: BoxDecoration(
                color: Color(0xFFFAFAFA),
                borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(8),
                  topRight: Radius.circular(8),
                ),
              ),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      ClipRRect(
                        child: MImage(
                          miNiDetail.imgs[0],
                          fit: BoxFit.cover,
                          width: 70,
                          height: 70,
                          errorSrc: "assets/image/default_2_1.webp",
                          fadeSrc: "assets/image/default_2_1.webp",
                        ),
                        borderRadius: BorderRadius.circular(4),
                      ),
                      SizedBox(
                        width: 10.w,
                      ),
                      Expanded(
                          child: Container(
                        height: 70,
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              crossAxisAlignment: CrossAxisAlignment.center,
                              children: [
                                Text(
                                  miNiDetail?.productName ?? "",
                                  style: TextStyle(
                                    fontSize: 13.sp,
                                    fontWeight: FontWeight.bold,
                                    color: Color(0xFF000000),
                                  ),
                                ),
                                GestureDetector(
                                  onTap: () {
                                    Navigator.of(context).pop();
                                  },
                                  child: Image.asset(
                                    "assets/image/cancel.webp",
                                    fit: BoxFit.cover,
                                    height: 24,
                                    width: 24,
                                  ),
                                ),
                              ],
                            ),
                            Text(
                              "￥${miNiDetail?.price ?? ""}",
                              style: TextStyle(
                                fontSize: 12.sp,
                                fontWeight: FontWeight.bold,
                                color: Color(0xFFF65720),
                              ),
                            ),
                          ],
                        ),
                      )),
                    ],
                  ),
                  if (miNiDetail.attrList != null &&
                      miNiDetail.attrList.length > 0)
                    SizedBox(
                      height: 10,
                    ),
                  if (miNiDetail.attrList != null &&
                      miNiDetail.attrList.length > 0)
                    Expanded(
                      child: ListView.builder(
                        itemCount: miNiDetail.attrList.length,
                        scrollDirection: Axis.vertical,
                        physics: BouncingScrollPhysics(),
                        padding: EdgeInsets.zero,
                        itemBuilder: (context, position) {
                          return attrItem(
                            (attrValue) {
                              state(() {
                                // if(selectSkus.length > position)
                                selectSkus[position] = attrValue;
                                buildCount();
                              });
                            },
                            miNiDetail.attrList[position],
                            position,
                          );
                        },
                      ),
                    ),
                  SizedBox(
                    height: 24,
                  ),
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: [
                      Text(
                        S.of(context).shuliang,
                        style: TextStyle(
                          color: Color(0xFFB3B3B3),
                          fontSize: 12.sp,
                          fontWeight: MyFontWeight.regular,
                        ),
                      ),
                      SizedBox(
                        height: 10,
                      ),
                      Row(
                        children: [
                          InkWell(
                              onTap: () {
                                state(() {
                                  if (counts > 1)
                                    setState(() {
                                      counts -= 1;
                                    });
                                  // reduce(miNiDetail, selectSkus);
                                });
                              },
                              child: Icon(
                                Icons.remove,
                                color: Color(0xFF32A060),
                                size: 24,
                              )),
                          Padding(
                            padding: EdgeInsets.only(left: 8, right: 8),
                            child: Text(
                              "$counts",
                              style: TextStyle(
                                color: Colors.black,
                                fontSize: 14.sp,
                                fontWeight: MyFontWeight.medium,
                              ),
                            ),
                          ),
                          InkWell(
                              onTap: () {
                                state(() {
                                  counts += 1;
                                  // add(miNiDetail, selectSkus);
                                });
                              },
                              child: Icon(
                                Icons.add,
                                color: Color(0xFF32A060),
                                size: 24,
                              )),
                        ],
                      )
                    ],
                  ),
                  SizedBox(
                    height: 24,
                  ),
                  RoundButton(
                    width: double.infinity,
                    height: 54.h,
                    text: ((miNiDetail?.subscribeParam?.isEnableSubscribe ??
                                false) ==
                            true)
                        ? S.of(context).lijiyuyue
                        : "加入购物车",
                    textColor: Colors.white,
                    fontWeight: MyFontWeight.semi_bold,
                    radius: 27,
                    backgroup: Color(0xFF32A060),
                    fontSize: 16.sp,
                    callback: () {
                      state(() {
                        _addShopCar(miNiDetail, selectSkus, counts);
                        counts = 1;
                        Navigator.of(context).pop();
                      });
                    },
                  ),
                ],
              ),
            );
          });
        },
        backgroundColor: Colors.transparent,
        context: context);
  }

  Widget attrItem(Function fc, AttrListBean attrListBean, position) {
    if (attrListBean.attrValueList != null &&
        attrListBean.attrValueList.length > 0)
      return Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Padding(
            padding: EdgeInsets.only(top: 16, bottom: 16),
            child: Text(
              attrListBean.attrName,
              style: TextStyle(
                color: Color(0xFFB3B3B3),
                fontSize: 14.sp,
                fontWeight: MyFontWeight.regular,
              ),
            ),
          ),
          sweetnessStore(fc, attrListBean.attrValueList, position),
          // sweetnessStore(fc, attrListBean.attrValueList, position),
        ],
      );
    else {
      return Container();
    }
  }

  Widget sweetnessStore(Function fc, List<AttrValueListBean> arrays, position) {
    return Wrap(
        runSpacing: 10.0,
        spacing: 10.0,
        children:
            arrays.take(arrays.length).map<Widget>((AttrValueListBean tag) {
          return GestureDetector(
              onTap: () {
                fc(tag.attrValue);
              },
              child: sweetnessItem(
                tag.attrValue,
                (selectSkus.length > position &&
                    tag.attrValue == selectSkus[position]),
              ));
        }).toList());
  }

  Widget sweetnessItem(String name, bool isCheck) {
    return Container(
        padding: const EdgeInsets.symmetric(vertical: 5.0, horizontal: 12.0),
        decoration: BoxDecoration(
          color: !isCheck ? Color(0xFFF2F2F2) : Color(0xFFF0FAF4),
          border: Border.all(
            width: !isCheck ? 0 : 1,
            color: !isCheck ? Color(0xFFF2F2F2) : Color(0xFF32A060),
            style: BorderStyle.solid,
          ),
          borderRadius: const BorderRadius.all(
            Radius.circular(4.0),
          ),
        ),
        child: Text(
          name,
          overflow: TextOverflow.ellipsis,
          style: TextStyle(
            color: !isCheck ? Color(0xFF4D4D4D) : Color(0xFF32A060),
            fontSize: 14.sp,
            fontWeight: MyFontWeight.regular,
          ),
        ));
  }

  ///扫码提示弹窗
  showDeleteDialog() {
    showDialog(
      context: context,
      builder: (context) {
        return AlertDialog(
          content: Container(
            width: MediaQuery.of(context).size.width - 84.w,
            height: 130.h,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Text(
                  "您即将进行扫码点餐",
                  style: TextStyle(
                    fontSize: 17.sp,
                    fontWeight: FontWeight.bold,
                    color: Colors.black,
                  ),
                ),
                SizedBox(
                  height: 30.h,
                ),
                Row(
                  children: [
                    Expanded(
                      child: InkWell(
                        child: BorderText(
                          text: S.of(context).quxiao,
                          textColor: Color(0xFF32A060),
                          fontSize: 16.sp,
                          fontWeight: FontWeight.bold,
                          borderColor: Color(0xFF32A060),
                          radius: 4,
                          padding: EdgeInsets.all(12),
                          borderWidth: 1,
                        ),
                        onTap: () {
                          Navigator.of(context).pop();
                        },
                      ),
                      flex: 1,
                    ),
                    SizedBox(
                      width: 16.w,
                    ),
                    Expanded(
                      child: InkWell(
                        child: RoundButton(
                          text: S.of(context).queding,
                          textColor: Colors.white,
                          radius: 4,
                          padding: EdgeInsets.all(12),
                          backgroup: Color(0xFF32A060),
                          fontSize: 16.sp,
                          fontWeight: FontWeight.bold,
                        ),
                        onTap: () {
                          toScan();
                          Navigator.of(context).pop();
                        },
                      ),
                      flex: 1,
                    ),
                  ],
                )
              ],
            ),
          ),
        );
      },
    );
  }

  ///扫码
  toScan() async {
    if (await Permission.camera.isPermanentlyDenied) {
      showCupertinoDialog(
          context: context,
          builder: (context) {
            return RequestPermission(
              "assets/image/icon_camera_permission_tips.webp",
              S.of(context).ninxiangjiquanxianweikaiqi,
              S.of(context).weilekaipaizhaoxuanzhetouxiang,
              S.of(context).kaiqiquanxian,
              (result) async {
                if (result) {
                  await openAppSettings();
                }
              },
              heightRatioWithWidth: 0.82,
            );
          });
    } else if (await Permission.camera.isGranted) {
      var result = await Navigator.of(context).pushNamed('/router/qr_scan');
      // String result = "http://pos.app.gznl.top/placeorder/?tableId=1315906639160672256&tenantCode=1166&shopId=1300372027722432512";
      // 新版桌子码跳转
      // http://miniscan.lotus-wallet.com/placeorder?tenant_code=1194&table_id=1669609340031467520&store_id=1637659387134738432
      Uri uri = Uri.parse(result);
      String tableId =
          uri.queryParameters["tableId"] ?? uri.queryParameters["table_id"];
      String tenantCode = uri.queryParameters["tenantCode"] ??
          uri.queryParameters["tenant_code"];
      String shopId =
          uri.queryParameters["shopId"] ?? uri.queryParameters["store_id"];
      if (tableId != null &&
          tableId != "" &&
          tenantCode != null &&
          tenantCode != "" &&
          shopId != null &&
          shopId != "") {
        Navigator.of(context).pushReplacementNamed(
          '/router/store_order',
          arguments: {
            "id": shopId,
            "tenant": tenantCode,
            "storeName": "",
            "tableId": int.tryParse(tableId),
          },
        );
      }
    } else {
      await Permission.camera.request();
    }
  }
}