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 createState() { return _WelfareExchange(); } } class _WelfareExchange extends State { ApiService apiService; final ScrollController scrollController = ScrollController(); final RefreshController refreshController = RefreshController(); int pageNum = 1; //排序类型枚举：1-自然排序，2-销量，3-价格 int orderType = 1; //是否降序排列 bool orderDesc = true; List goods = []; List gooods = []; List 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 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> 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> 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> 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(), Container( color: Colors.white, child: Column( children: [ ///积分商品头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 / (285 / 2 + (285 / 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.h, left: 8.w ), 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), overflow: TextOverflow.ellipsis, maxLines: 2, 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 ? "" : " + ${AppUtils.calculateDouble(double.tryParse(goods?.money) ?? 0)}元"); }else if(goods.oneMoney != null && goods.oneMoney != "0.00"){ return "${AppUtils.calculateDouble(double.tryParse(goods.oneMoney) ?? 0)}元"; } } }