huixiang_app/lib/home/points_mall_page.dart

import 'dart:convert';
import 'dart:ui';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.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/main.dart';
import 'package:huixiang/retrofit/data/banner.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/event_type.dart';
import 'package:huixiang/utils/flutter_utils.dart';
import 'package:huixiang/view_widget/classic_header.dart';
import 'package:huixiang/view_widget/custom_image.dart';
import 'package:huixiang/view_widget/item_title.dart';
import 'package:huixiang/view_widget/my_footer.dart';
import 'package:pull_to_refresh/pull_to_refresh.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

import 'package:dio/dio.dart';
import 'package:shared_preferences/shared_preferences.dart';

class PointsMallPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _PointsMallPage();
  }
}

class _PointsMallPage extends State<PointsMallPage>
    with SingleTickerProviderStateMixin, AutomaticKeepAliveClientMixin {
  var _itemText = S.current.morenpaixu;

  ApiService client;
  RefreshController _refreshController = RefreshController(
      initialRefresh: false, initialLoadStatus: LoadStatus.canLoading);
  List<String> sortString = [
    S.current.morenpaixu,
    // S.current.duihuanlianggaodaodi,
    // S.current.duihuanliangdidaogao,
    S.current.jifengaodaodi,
    S.current.jifendidaogao,
  ];

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

  @override
  void initState() {
    super.initState();

    refreshUserInfo();

    eventBus.on<EventType>().listen((event) {
      if (event.type < 3) {
        setState(() {});
      }
      if (event.type == 3) {
        refreshUserInfo();
      }
    });
  }

  refreshUserInfo() {
    if (mounted)
      SharedPreferences.getInstance().then((value) => {
            client = ApiService(Dio(),
                context: context,
                token: value.getString('token'),
                showLoading: false),
            SmartDialog.showLoading(msg: S.current.zhengzaijiazai),
            creditGoods(categoryId),
            queryUser(),
          });
  }

  int pageNum = 1;

  //排序类型枚举：1-自然排序，2-销量，3-价格
  int orderType = 1;

  //是否降序排列
  bool orderDesc = true;
  PageInfo page;
  List<Goods> goods = [];
  List<GoodsCategory> gooodsCategorys = [];
  UserInfo userinfo;
  List<BannerData> bannerData = [];

  queryUser() async {
    BaseData banner = await client.queryBanner({
      "model": {"type": "CREDIT_INDEX"},
    });

    if (banner != null) {
      bannerData.clear();
      bannerData.addAll((banner.data["records"] as List<dynamic>)
          .map((e) => BannerData.fromJson(e))
          .toList());
      setState(() {});
    }

    BaseData baseData = await client.queryInfo();
    if (baseData != null && baseData.isSuccess) {
      userinfo = UserInfo.fromJson(baseData.data);
      SharedPreferences.getInstance().then((value) => {
            value.setString('user', jsonEncode(baseData.data)),
          });
      setState(() {});
    }
  }

  creditGoods(categoryId) async {
    BaseData dataCategory = await client.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) {
      PageInfo pageInfo = PageInfo.fromJson(dataCategory.data);
      gooodsCategorys.clear();
      gooodsCategorys.add(GoodsCategory(name: S.of(context).quanbu));
      gooodsCategorys.addAll(
          pageInfo.records.map((e) => GoodsCategory.fromJson(e)).toList());
    }

    var param = {
      "categoryId": categoryId ?? "",
      "orderDesc": orderDesc,
      "orderType": orderType,
      "pageNum": pageNum,
      "pageSize": 10,
      "state": 1
    };
    BaseData baseData = await client.creditGoods(param).catchError((onError) {
      _refreshController.loadFailed();
      _refreshController.refreshFailed();
    });
    SmartDialog.dismiss();
    if (baseData != null && baseData.isSuccess) {
      page = PageInfo.fromJson(baseData.data);
      if (pageNum == 1) {
        goods.clear();
      }
      goods.addAll(page.list.map((e) => Goods.fromJson(e)));
      setState(() {
        _refreshController.refreshCompleted();
        _refreshController.loadComplete();
        if (page.pageNum == page.pages) {
          _refreshController.loadNoData();
        } else {
          pageNum += 1;
        }
      });
    } else {
      _refreshController.loadFailed();
      _refreshController.refreshFailed();
    }
  }

  String categoryId;

  _refresh() {
    pageNum = 1;
    SmartDialog.showLoading(msg: S.current.zhengzaijiazai);
    creditGoods(categoryId);
    queryUser();
  }

  @override
  Widget build(BuildContext context) {
    super.build(context);
    List<DropdownMenuItem<String>> sortItems = [];
    sortString.forEach((element) {
      sortItems.add(DropdownMenuItem(
          value: element,
          child: Text(
            element,
            style: TextStyle(
                fontSize: 12.sp,
                fontWeight: FontWeight.w400,
                color: Color(0xff353535)),
          )));
    });
    return SmartRefresher(
      enablePullDown: true,
      enablePullUp: true,
      header: MyHeader(),
      physics: BouncingScrollPhysics(),
      footer: CustomFooter(
        loadStyle: LoadStyle.ShowWhenLoading,
        builder: (BuildContext context, LoadStatus mode) {
          return MyFooter(mode);
        },
      ),
      controller: _refreshController,
      onRefresh: _refresh,
      onLoading: () {
        SmartDialog.showLoading(msg: S.current.zhengzaijiazai);
        creditGoods(categoryId);
      },
      child: SingleChildScrollView(
        child: Container(
          color: Color(0xFFFAFAFA),
          child: Column(
            children: [
              banner(),
              userItem(),
              ItemTitle(
                text: S.of(context).jifenshangcheng,
                imgPath: "assets/image/icon_points_mall.png",
                moreText: _itemText,
                moreType: 1,
                items: sortItems,
                onChanged: _sortChange,
              ),
              Container(
                alignment: Alignment.centerLeft,
                child: DefaultTabController(
                  length: gooodsCategorys == null ? 0 : gooodsCategorys.length,
                  child: TabBar(
                    isScrollable: true,
                    //可滚动
                    indicatorColor: Color(0xff39B54A),
                    labelColor: Color(0xff32A060),
                    labelStyle:
                        TextStyle(fontSize: 14.sp, fontWeight: FontWeight.bold),
                    unselectedLabelStyle: TextStyle(
                      fontSize: 14.sp,
                      fontWeight: FontWeight.w400,
                    ),
                    // controller: tabController,
                    //未选中文字颜色
                    unselectedLabelColor: Color(0xff4D4D4D),
                    indicatorSize: TabBarIndicatorSize.label,
                    //指示器与文字等宽
                    tabs: gooodsCategorys == null
                        ? []
                        : gooodsCategorys
                            .map((e) => Tab(text: e.name))
                            .toList(),
                    onTap: (index) {
                      categoryId = gooodsCategorys[index].id;
                      pageNum = 1;
                      creditGoods(categoryId);
                    },
                  ),
                ),
              ),
              GridView.builder(
                  itemCount: goods == null ? 0 : goods.length,
                  padding: EdgeInsets.only(
                      left: 16.w, right: 16.w, top: 13.h, bottom: 16.h),
                  shrinkWrap: true,
                  physics: NeverScrollableScrollPhysics(),
                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                    //一行的Widget数量
                    crossAxisCount: 2,
                    //水平子Widget之间间距
                    crossAxisSpacing: 11.w,
                    //垂直子Widget之间间距
                    mainAxisSpacing: 16.w,
                    //子Widget宽高比例  0.59
                    childAspectRatio: 166 /
                        (281 / 2 + (281 / 2) * AppUtils.textScale(context)),
                  ),
                  itemBuilder: (contetx, index) {
                    return GestureDetector(
                      onTap: () {
                        _toDetails(index);
                      },
                      child: buildItem(goods[index]),
                    );
                  })
            ],
          ),
        ),
      ),
    );
  }

  _toDetails(index) async {
    await Navigator.of(context).pushNamed('/router/integral_store_page',
        arguments: {"goodsId": goods[index].id});
    SharedPreferences sharedPreferences = await SharedPreferences.getInstance();
    String token = sharedPreferences.getString("token");
    if (token != null && token != "") queryUser();
  }

  _sortChange(item) {
    var index = sortString.indexOf(item);
    switch (index) {
      case 0:
        orderType = 1;
        break;
      //兑换量
      // case 1:
      //   orderType = 2;
      //   orderDesc = true;
      //   break;
      // case 2:
      //   orderType = 2;
      //   orderDesc = false;
      //   break;
      case 1:
        orderType = 3;
        orderDesc = true;
        break;
      case 2:
        orderType = 3;
        orderDesc = false;
        break;
    }
    SmartDialog.showLoading(msg: S.current.zhengzaijiazai);
    creditGoods(categoryId);
    setState(() {
      _itemText = item;
    });
  }

  Widget buildItem(Goods goods) {
    return Container(
      alignment: Alignment.center,
      decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(4),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withAlpha(12),
              offset: Offset(0, 3),
              blurRadius: 14,
              spreadRadius: 0,
            )
          ],
          color: Colors.white),
      child: Stack(
        alignment: AlignmentDirectional.topEnd,
        fit: StackFit.loose,
        children: [
          Column(
            mainAxisSize: MainAxisSize.max,
            children: [
              MImage(
                goods.mainImgPath,
                aspectRatio: 1,
                radius: BorderRadius.only(
                  topLeft: Radius.circular(4),
                  topRight: Radius.circular(4),
                ),
                fit: BoxFit.cover,
                errorSrc: "assets/image/default_1.png",
                fadeSrc: "assets/image/default_1.png",
              ),
              Expanded(
                child: Container(
                  margin: EdgeInsets.only(
                    left: 12.w,
                    right: 12.w,
                    top: 10.h,
                  ),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        goods.name,
                        overflow: TextOverflow.ellipsis,
                        style: TextStyle(
                          color: Color(0xff353535),
                          fontWeight: FontWeight.w500,
                          fontSize: 16.sp,
                        ),
                      ),
                      SizedBox(
                        height: 5.h,
                      ),
                      Container(
                        height: 35.h * AppUtils.textScale(context),
                        child: Text(
                          goods.description,
                          maxLines: 2,
                          overflow: TextOverflow.ellipsis,
                          style: TextStyle(
                            color: Color(0xFF727272),
                            fontWeight: FontWeight.w400,
                            fontSize: 12.sp,
                          ),
                        ),
                      ),
                      SizedBox(
                        height: 4.h,
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        crossAxisAlignment: CrossAxisAlignment.end,
                        children: [
                          Expanded(
                            child: Text(
                              S.of(context).yuan_(goods.worth),
                              style: TextStyle(
                                color: Color(0xFF585858),
                                decoration: TextDecoration.lineThrough,
                                decorationColor: Color(0xFF585858),
                                fontWeight: FontWeight.w400,
                                fontSize: 12.sp,
                              ),
                            ),
                            flex: 1,
                          ),
                          Text(
                            S.of(context).jifen_(goods.price),
                            style: TextStyle(
                              color: Color(0xFF32A060),
                              fontSize: 14.sp,
                              fontWeight: FontWeight.bold,
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
                flex: 1,
              ),
              SizedBox(
                height: 10.h,
              ),
            ],
          ),
          Visibility(
            visible: goods.isHot,
            child: ClipRRect(
              borderRadius: BorderRadius.only(topRight: Radius.circular(4)),
              child: Image.asset(
                "assets/image/icon_hot_right_top.png",
                width: 36.w,
                height: 36.h,
                fit: BoxFit.cover,
              ),
            ),
          ),
        ],
      ),
    );
  }

  Widget userItem() {
    return InkWell(
      onTap: () {
        SharedPreferences.getInstance().then((value) {
          if (value.getString("token") == null ||
              value.getString("token") == "") {
            Navigator.of(context)
                .pushNamed('/router/login_page', arguments: {"login": "login"});
          }
        });
      },
      child: Container(
        margin: 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.png",
              fadeSrc: "assets/image/default_user.png",
            ),
            Expanded(
              child: Container(
                margin: EdgeInsets.only(left: 15.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: FontWeight.w500,
                                color: Color(0xFF353535)),
                          )
                        : Row(
                            children: [
                              Text(
                                userinfo.nickname,
                                style: TextStyle(
                                    fontSize: 16.sp,
                                    fontWeight: FontWeight.w500,
                                    color: Color(0xFF353535)),
                              ),
                              SizedBox(
                                width: 4.w,
                              ),
                              Image.asset(
                                "assets/image/icon_user.png",
                                width: 18.w,
                                height: 18.h,
                              ),
                            ],
                          ),
                    SizedBox(
                      height: 2.h,
                    ),
                    userinfo == null
                        ? Text(
                            S.of(context).weidengluxinxi,
                            style: TextStyle(
                              fontSize: 12.sp,
                              fontWeight: FontWeight.w400,
                              color: Color(0xFF2F2F2F),
                            ),
                          )
                        : Text(
                            userinfo == null ? "" : "NO.${userinfo.vipNo}",
                            style: TextStyle(
                              fontSize: 12.sp,
                              fontWeight: FontWeight.w400,
                              color: Color(0xFF2F2F2F),
                            ),
                          ),
                  ],
                ),
              ),
              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: [
                        Text(
                          S.of(context).yiyoujifen,
                          style: TextStyle(
                            fontSize: 12.sp,
                            fontWeight: FontWeight.w500,
                            color: Color(0xFF4C4C4C),
                          ),
                        ),
                        SizedBox(
                          height: 4.h,
                        ),
                        Text(
                          (userinfo != null) ? "${userinfo.points}" : "",
                          style: TextStyle(
                            fontSize: 16.sp,
                            color: Color(0xFFF8BA61),
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ],
                    ),
                  )
          ],
        ),
      ),
    );
  }

  banner() {
    return Container(
      margin: EdgeInsets.only(top: 16.h),
      child: AspectRatio(
        aspectRatio: 2.0,
        child: Swiper(
          pagination: SwiperPagination(
            alignment: Alignment.bottomCenter,
            builder: DotSwiperPaginationBuilder(
              size: 8,
              activeSize: 8,
              space: 5,
              activeColor: Colors.black,
              color: Colors.black.withAlpha(76),
            ),
          ),
          viewportFraction: 0.7,
          scale: 0.7,
          loop: false,
          itemBuilder: (context, position) {
            return InkWell(
              onTap: () {
                bannerClick(bannerData[position]);
              },
              child: Container(
                margin: EdgeInsets.only(bottom: 40.h),
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(8),
                ),
                child: MImage(
                  bannerData != null && position < bannerData.length
                      ? bannerData[position].imgUrl
                      : "",
                  radius: BorderRadius.circular(8),
                  fit: BoxFit.cover,
                  errorSrc: "assets/image/default_2_1.png",
                  fadeSrc: "assets/image/default_2_1.png",
                ),
              ),
            );
          },
          itemCount: bannerData != null ? bannerData.length : 1,
        ),
      ),
    );
  }

  /// contentType     跳转类型（0：不跳转，1：积分商品，2：活动，3：文章）
  bannerClick(BannerData bannerData) async {
    switch (bannerData.contentType) {
      case 1:
        Navigator.of(context).pushNamed('/router/integral_store_page',
            arguments: {"goodsId": bannerData.content});
        break;
      case 2:
        Navigator.of(context)
            .pushNamed('/router/store_detail_page', arguments: {
          "activityId": bannerData.content,
        });
        break;
      case 3:
        Navigator.of(context)
            .pushNamed('/router/store_detail_page', arguments: {
          "articleId": bannerData.content,
        });
        break;
    }
  }

  @override
  bool get wantKeepAlive => true;
}