huixiang_app/lib/home/welfare_exchange.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:huixiang/generated/l10n.dart';
import 'package:huixiang/home/points_mall_view/points_goods_title.dart';
import 'package:huixiang/retrofit/data/base_data.dart';
import 'package:huixiang/retrofit/data/goods.dart';
import 'package:huixiang/retrofit/data/goods_category.dart';
import 'package:huixiang/retrofit/data/page.dart';
import 'package:huixiang/retrofit/data/user_info.dart';
import 'package:huixiang/retrofit/retrofit_api.dart';
import 'package:huixiang/utils/flutter_utils.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:huixiang/view_widget/classic_header.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:huixiang/view_widget/custom_image.dart';
import 'package:huixiang/view_widget/my_appbar.dart';
import 'package:huixiang/view_widget/my_footer.dart';
import 'package:huixiang/view_widget/no_data_view.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:shared_preferences/shared_preferences.dart';

class WelfareExchange extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _WelfareExchange();
  }
}

class _WelfareExchange extends State<WelfareExchange> {
  ApiService apiService;
  final ScrollController scrollController = ScrollController();
  final RefreshController refreshController = RefreshController();
  int pageNum = 1;
  //排序类型枚举：1-自然排序，2-销量，3-价格
  int orderType = 1;
  //是否降序排列
  bool orderDesc = true;
  List<Goods> goods = [];
  List<Goods> gooods = [];
  List<GoodsCategory> gooodsCategorys = [];
  UserInfo userInfo;
  String categoryId;

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

  @override
  void initState() {
    super.initState();
    SharedPreferences.getInstance().then((value) => {
          apiService = ApiService(Dio(),
              context: context, token: value.getString("token")),
          creditGoods(),
        });
  }

  queryUser() async {
    BaseData<UserInfo> baseData =
        await apiService.queryInfo().catchError((onError) {});
    if (baseData != null && baseData.isSuccess) {
      userInfo = baseData.data;
      SharedPreferences.getInstance().then((value) => {
            value.setString('user', jsonEncode(baseData.data)),
          });
    }
  }

  creditGoods() async {
    EasyLoading.show(status: S.current.zhengzaijiazai);

    final SharedPreferences value = await SharedPreferences.getInstance();
    apiService = ApiService(Dio(),
        context: context, token: value.getString('token'), showLoading: false);

    await queryUser();

    BaseData<PageInfo<Goods>> goodsData = await apiService.creditGoods({
      "orderDesc": true,
      "orderType": 1,
      "pageNum": 1,
      "pageSize": 10,
      "state": 1
    }).catchError((onError) {
      refreshController.refreshFailed();
    });
    if (goodsData != null && goodsData.isSuccess) {
      gooods.clear();
      gooods.addAll(goodsData.data.list);
    }

    BaseData<PageInfo<GoodsCategory>> dataCategory =
    await apiService.goodsCategory({
      "current": 1,
      "map": {},
      "model": {"pageNum": 1, "pageSize": 20, "searchKey": ""},
      "order": "descending",
      "size": 20,
      "sort": "sortOrder"
    }).catchError((onError) {
      refreshController.loadFailed();
      refreshController.refreshFailed();
    });

    if (dataCategory != null &&
        dataCategory.isSuccess &&
        dataCategory.data != null &&
        dataCategory.data.records != null &&
        dataCategory.data.records.length > 0) {
      gooodsCategorys.clear();
      gooodsCategorys.add(GoodsCategory(name: S.of(context).quanbu));
      gooodsCategorys.addAll(dataCategory.data.records);
    }

    var param = {
      "categoryId": categoryId ?? "",
      "orderDesc": orderDesc,
      "orderType": orderType,
      "pageNum": pageNum,
      "pageSize": 10,
      "state": 1
    };
    BaseData<PageInfo<Goods>> pageGoods =
    await apiService.creditGoods(param).catchError((onError) {
      refreshController.loadFailed();
      refreshController.refreshFailed();
    });
    EasyLoading.dismiss();
    if (pageGoods != null && pageGoods.isSuccess) {
      if (pageNum == 1) {
        goods.clear();
      }
      goods.addAll(pageGoods.data.list);
      refreshController.refreshCompleted();
      refreshController.loadComplete();
      if (pageGoods.data.pageNum == pageGoods.data.pages) {
        refreshController.loadNoData();
      } else {
        pageNum += 1;
      }
    } else {
      refreshController.loadFailed();
      refreshController.refreshFailed();
    }
  }

  _onRefresh() {
    creditGoods();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Color(0xFFF7F7F7),
      child: Stack(
        children: [
          Container(
            // padding: EdgeInsets.only(top: 40.h),
            height: 172.h,
            decoration: BoxDecoration(
              // border: Border.all(color: Colors.white,width: 0.5),
              color: Color(0xFF277D4B),
              shape: BoxShape.rectangle,
              borderRadius: BorderRadius.only(
                bottomRight: Radius.circular(40),
                bottomLeft: Radius.circular(40),
              ),
            ),
            // child:   ClipPath(
            // 只裁切底部的方法
            // clipper: BottonClipper(),
            //   child: Container(
            //     color: Colors.deepOrange,
            //     height: 300,
            //   ),
            // ),
          ),
          Scaffold(
            backgroundColor: Colors.transparent,
            appBar: MyAppBar(
              background: Colors.transparent,
              leadingColor: Colors.white,
              title: "福利兑换",
              titleColor: Colors.white,
              titleSize: 18.sp,
              brightness: Brightness.dark,
            ),
            body: 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: Container(
                child: SingleChildScrollView(
                  physics: BouncingScrollPhysics(),
                  child: FutureBuilder(
                    future: creditGoods(),
                    builder: (context, snap) {
                      return Column(
                        children: [
                          ///积分商城的用户信息
                          pointUser(),

                          ///积分商品头Tab
                          PointsGoodsTitle(
                            gooodsCategorys,
                                (orderType, orderDesc) {
                              this.orderType = orderType;
                              this.orderDesc = orderDesc;
                              setState(() {});
                            },
                                (index) {
                              categoryId = gooodsCategorys[index].id;
                              pageNum = 1;
                              setState(() {});
                            },
                          ),

                          ///积分商品列表,
                          pointList()
                        ],
                      );
                    },
                  ),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }

  Widget pointUser() {
    return Container(
      decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.all(Radius.circular(4)),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withAlpha(12),
              offset: Offset(0, 1),
              blurRadius: 8,
              spreadRadius: 0,
            )
          ]),
      margin: EdgeInsets.all(16),
      padding: EdgeInsets.all(16),
      child: Row(
        children: [
          MImage(
            userInfo != null ? userInfo.headimg : "",
            width: 50,
            height: 50,
            isCircle: true,
            fit: BoxFit.cover,
            errorSrc: "assets/image/default_user.webp",
            fadeSrc: "assets/image/default_user.webp",
          ),
          Expanded(
            child: Container(
              margin: EdgeInsets.only(left: 12.w),
              height: 50.h,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  userInfo == null
                      ? Text(
                          S.of(context).denglu,
                          style: TextStyle(
                            fontSize: 16.sp,
                            fontWeight: MyFontWeight.medium,
                            color: Color(0xFF353535),
                          ),
                        )
                      : Text(
                          userInfo.nickname,
                          style: TextStyle(
                            fontSize: 16.sp,
                            fontWeight: MyFontWeight.medium,
                            color: Color(0xFF353535),
                          ),
                        ),
                  SizedBox(
                    height: 2.h,
                  ),
                  userInfo == null
                      ? Text(
                          S.of(context).weidengluxinxi,
                          style: TextStyle(
                            fontSize: 12.sp,
                            fontWeight: MyFontWeight.regular,
                            color: Color(0xFF353535),
                          ),
                        )
                      : Text(
                          userInfo == null
                              ? ""
                              : AppUtils.phoneEncode(userInfo?.phone ?? ""),
                          style: TextStyle(
                            fontSize: 12.sp,
                            fontWeight: MyFontWeight.regular,
                            color: Color(0xFF353535),
                          ),
                        ),
                ],
              ),
            ),
            flex: 1,
          ),
          userInfo == null
              ? Icon(
                  Icons.keyboard_arrow_right,
                  size: 20,
                  color: Colors.black,
                )
              : Container(
                  margin: EdgeInsets.only(left: 15.w),
                  height: 50.h,
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    crossAxisAlignment: CrossAxisAlignment.end,
                    children: [
                      GestureDetector(
                        onTap: (){
                          Navigator.of(context).pushNamed('/router/integral_detailed_page');
                        },
                        child: Row(
                          children: [
                            Text(
                              "积分明细",
                              style: TextStyle(
                                fontSize: 14.sp,
                                fontWeight: MyFontWeight.medium,
                                color: Color(0xFF4C4C4C),
                              ),
                            ),
                            Container(
                              width: 20,
                              height: 20,
                              margin: EdgeInsets.only(left: 4),
                              decoration: BoxDecoration(
                                color: Color(0xFF32A060),
                                borderRadius: BorderRadius.circular(10),
                              ),
                              child:Icon(
                                Icons.keyboard_arrow_right,
                                size: 20,
                                color: Colors.white,
                              ),
                            ),
                          ],
                        ),
                      ),
                      SizedBox(
                        height: 4.h,
                      ),
                      Row(
                        children: [
                          Text(
                            (userInfo != null) ? "${userInfo.points}" : "",
                            style: TextStyle(
                              fontSize: 16.sp,
                              color: Color(0xFF32A060),
                              fontWeight: MyFontWeight.medium,
                            ),
                          ),
                          SizedBox(width: 6,),
                          Image.asset(
                            "assets/image/icon_gold_coin.webp",
                            width: 18,
                            height: 18,
                          )
                        ],
                      )
                    ],
                  ),
                )
        ],
      ),
    );
  }

  Widget pointList(){
    return Container(
      child: (goods == null || goods.length == 0)? NoDataView(
        src: "assets/image/xiao_fei.webp",
        isShowBtn: false,
        text: "当前分类暂无商品",
        fontSize: 16.sp,
        margin: EdgeInsets.only(top: 120.h,left: 60.w,right: 60.w),
      ):GridView.builder(
        itemCount:goods == null ? 0 : goods.length,
        padding: EdgeInsets.only(
          left: 16.w,
          right: 16.w,
          top: 18.h,
          bottom: 16.h,
        ),
        shrinkWrap: true,
        physics: BouncingScrollPhysics(),
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          //一行的Widget数量
          crossAxisCount: 2,
          //水平子Widget之间间距
          crossAxisSpacing: 11.w,
          //垂直子Widget之间间距
          mainAxisSpacing: 16.w,
          //子Widget宽高比例  0.59
          childAspectRatio:
          200 / (261 / 2 + (261 / 2) * AppUtils.textScale(context)),
        ),
        itemBuilder: (context, index) {
          return GestureDetector(
            onTap: () {
              Navigator.of(context).pushNamed(
                '/router/integral_store_page',
                arguments: {"goodsId": goods[index].id},
              );
            },
            child: pointItem(goods[index]),
          );
        },
      ),
    );
  }

  Widget pointItem(Goods goods) {
    return Container(
      alignment: Alignment.center,
      decoration: BoxDecoration(
        color: Color(0xFFFFFFFF),
        borderRadius: BorderRadius.circular(4),
        boxShadow: [
          BoxShadow(
            color: Colors.black.withAlpha(12),
            offset: Offset(0, 2),
            blurRadius: 4,
            spreadRadius: 0,
          )
        ],
      ),
      child: Stack(
        alignment: AlignmentDirectional.topEnd,
        fit: StackFit.loose,
        children: [
          Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisSize: MainAxisSize.max,
            children: [
              MImage(
                goods.mainImgPath,
                aspectRatio: 1.1,
                fit: BoxFit.cover,
                radius: BorderRadius.only(
                  topLeft: Radius.circular(4),
                  topRight: Radius.circular(4),
                ),
                errorSrc: "assets/image/default_1.webp",
                fadeSrc: "assets/image/default_1.webp",
              ),
              Expanded(
                child: Container(
                  margin: EdgeInsets.only(
                    right: 12.w,
                    top: 10.h,
                  ),padding: EdgeInsets.only(
                    bottom: 8,
                    left: 8
                ),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        goods.name,
                        overflow: TextOverflow.ellipsis,
                        maxLines: 2,
                        style: TextStyle(
                          color: Color(0xFF0D0D0D),
                          height: 1.2,
                          fontWeight: MyFontWeight.regular,
                          fontSize: 14.sp,
                        ),
                      ),
                      Spacer(),
                      Text(
                          pointPrice(goods),
                        style: TextStyle(
                          color: Color(0xFFE5600D),
                          fontSize: 16.sp,
                          fontWeight: MyFontWeight.semi_bold,
                        ),
                      ),
                    ],
                  ),
                ),
                flex: 1,
              ),
            ],
          ),
        ],
      ),
    );
  }

  String pointPrice(Goods goods){
    if(goods == null)
      return "";
    if(goods?.onePrice!=null && goods?.onePrice!="0"){
      return S.of(context).jifen_(goods?.onePrice);
    }else if((goods?.onePrice == null || goods?.onePrice == "0") && ((goods?.price != null  && goods?.price != "0")  || (goods?.money != null  && goods?.money != "0.00"))){
      return (goods?.price== "0"|| goods?.price == null ? "" : S.of(context).jifen_(goods?.price)) + (goods?.money== "0"|| goods?.money == null ? "" : " + ${goods?.money}元");
    }else if(goods.oneMoney != null && goods.oneMoney != "0.00"){
      return "${goods.oneMoney}元";
    }
  }

}