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_smart_dialog/flutter_smart_dialog.dart'; import 'package:huixiang/view_widget/classic_header.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:shimmer/shimmer.dart'; import '../../../generated/l10n.dart'; import '../../../retrofit/business_api.dart'; import '../../../retrofit/data/base_data.dart'; import '../../../retrofit/data/recharge_flow_list.dart'; import '../../../utils/business_instance.dart'; import '../../../utils/flutter_utils.dart'; import '../../../utils/font_weight.dart'; import '../../../view_widget/no_data_view.dart'; class VipRechargeFlow extends StatefulWidget { final String storeId; VipRechargeFlow( Key key, this.storeId, ) : super(key: key); @override State createState() { return _VipRechargeFlow(); } } class _VipRechargeFlow extends State { final RefreshController _refreshController = RefreshController(); BusinessApiService businessService; List records = []; int _current = 1; String networkError = ""; int networkStatus = 0; final TextEditingController editingController = TextEditingController(); FocusNode _focusNode = FocusNode(); bool isKeyBoardShow = false; ///离开页面记着销毁和清除 @override void dispose() { super.dispose(); _refreshController.dispose(); _focusNode.unfocus(); } @override void initState() { super.initState(); WidgetsBinding.instance.addPostFrameCallback((_) { setState(() { print("object: ${MediaQuery.of(context).viewInsets.bottom}"); if (MediaQuery.of(context).viewInsets.bottom == 0) { if (isKeyBoardShow) { isKeyBoardShow = false; //关闭键盘 软键盘关闭了， 清除输入控件的焦点， 否则重新进入页面会导致软键盘再弹出问题 FocusScope.of(context).requestFocus(FocusNode()); } } else { isKeyBoardShow = true; } }); }); _onRefresh(); } _onRefresh({bool isShowLoad = true}) async { if (isShowLoad) EasyLoading.show( status: S.current.zhengzaijiazai, maskType: EasyLoadingMaskType.black); await queryRechargeFlow(isRefreshData: false); EasyLoading.dismiss(); if (!mounted) return; if (_refreshController.isRefresh) _refreshController.refreshCompleted(); setState(() {}); } queryRechargeFlow({isRefreshData = true}) async { try { if (businessService == null) { businessService = BusinessApiService(Dio(), context: context, token: BusinessInstance.instance.businessToken, tenant: BusinessInstance.instance.businessTenant, storeId: widget.storeId); } BaseData baseData = await businessService.rechargeFlow({ "size": 10, "pageSize": 10, "current": _current, "currentPage": 1, "sort": "id", "order": "descending", "model": {"id": editingController?.text ?? ""}, // "map": {"startDate": "", "endDate": ""}, "timeRange": null }).catchError((error) { networkError = AppUtils.dioErrorTypeToString(error.type); networkStatus = -1; setState(() {}); _refreshController.refreshFailed(); _refreshController.loadFailed(); }); if (!mounted) return; if (baseData != null && baseData.isSuccess) { records.addAll(baseData?.data?.records ?? []); if ((baseData?.data?.records ?? []).isEmpty || records.length.toString() == baseData.data.total) _refreshController.loadNoData(); else _refreshController.loadComplete(); networkStatus = 1; } else { SmartDialog.showToast(baseData.msg, alignment: Alignment.center); } } finally { if (isRefreshData) setState(() {}); } } @override Widget build(BuildContext context) { return Column( children: [ Container( width: double.infinity, height: 1.h, color: Color(0xFFD8D8D8), ), rechargeFlowSearch(), Expanded( child:Container( child:SmartRefresher( controller: _refreshController, enablePullDown: true, enablePullUp: records.length == 0 ? false : true, header: MyHeader(color: Color(0xFF30415B)), physics: BouncingScrollPhysics(), footer: CustomFooter( builder: (context, mode) { return MyFooter(mode); }, ), onRefresh: () { _current = 1; records.clear(); _onRefresh(isShowLoad: false); }, onLoading: () { _current++; _onRefresh(isShowLoad: false); }, child: SingleChildScrollView( physics: NeverScrollableScrollPhysics(), child: Column( children: [ Padding( padding: EdgeInsets.only(left: 20.w, top: 16.h,bottom: 16.h), child: Row( children: [ Container( width: 4.w, height: 16.h, color: Color(0xFF30415B), margin: EdgeInsets.only(right: 12.w), ), Expanded( child: Text( "充值流水", style: TextStyle( fontSize: 15.sp, fontWeight: MyFontWeight.semi_bold, color: Color(0xFF0D0D0D), ), ), ), ], ), ), networkStatus == -1 ? noNetwork() : ((networkStatus == 0) ? ListView.builder( padding: EdgeInsets.zero, itemCount: 10, scrollDirection: Axis.vertical, shrinkWrap: true, physics: BouncingScrollPhysics(), itemBuilder: (context, position) { return rechargeFlowItemSm(); }, ) : ((records == null || records.length == 0) ? NoDataView( src: "assets/image/bs_no data_logo.webp", isShowBtn: false, text: "暂无数据", fontSize: 16.sp, iconHeight: 120.h, margin: EdgeInsets.all(50.h), ) : ListView.builder( itemCount: records?.length ?? 0, physics: BouncingScrollPhysics(), shrinkWrap: true, itemBuilder: (context, position) { return GestureDetector( behavior: HitTestBehavior.opaque, onTap: () { if (isKeyBoardShow) FocusScope.of(context) .requestFocus( FocusNode()); return; }, child: rechargeFlowItem( records[position], position), ); }, ))), ], ))), )), ], ); } /// 搜索框 Widget rechargeFlowSearch() { return Container( color: Colors.white, child: Container( height: 40.h, margin: EdgeInsets.only(left: 20.w, right: 17.w, top: 10.h, bottom: 15.h), decoration: BoxDecoration( color: Color(0xFFF7F8FA), borderRadius: BorderRadius.circular(2), ), child: TextField( focusNode: _focusNode, textInputAction: TextInputAction.search, onEditingComplete: () { FocusScope.of(context).requestFocus(FocusNode()); records.clear(); _onRefresh(); }, style: TextStyle( fontSize: 15.sp, fontWeight: MyFontWeight.regular, color: Color(0xFF808080), ), controller: editingController, decoration: InputDecoration( hintText: "订单编号", hintStyle: TextStyle( color: Color(0xFF808080), fontSize: 15.sp, fontWeight: MyFontWeight.regular), contentPadding: EdgeInsets.symmetric( vertical: 12.h, ), prefixIcon: Image.asset( "assets/image/bs_goods_search.webp", width: 20, height: 20, ), border: InputBorder.none, ), ), ), ); } Widget rechargeFlowItem(Records records, index) { return Container( decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(8), ), margin: EdgeInsets.only(left: 16.w, right: 16.w, bottom: 12.h), padding: EdgeInsets.only( top: 13.h, bottom: 16.h, ), child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.start, children: [ Padding( padding: EdgeInsets.only( left: 12.h, ), child: Text( "订单编号: ${records?.id ?? ""}", style: TextStyle( fontSize: 14.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.bold), ), ), Container( height: 1.h, width: double.infinity, color: Color(0xFFF4F6F7), margin: EdgeInsets.symmetric(vertical: 13.h), ), Row( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.center, children: [ Expanded( child: Column( children: [ Padding( padding: EdgeInsets.only( bottom: 12.h, left: 12.w, ), child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Expanded( child: Text( "充值用户: ", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), ), flex: 1, ), Expanded( child: Text( records?.createPerson ?? "", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), ), flex: 2, ), ], ), ), Padding( padding: EdgeInsets.only( bottom: 12.h, left: 12.w, ), child: Row( children: [ Expanded( child: Text( "手机号: ", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), ), flex: 1, ), Expanded( child: Text( records?.phone ?? "", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), ), flex: 2, ), ], ), ), Padding( padding: EdgeInsets.only( bottom: 12.h, left: 12.w, ), child: Row( children: [ Expanded( child: Text( "充值实付金额: ", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), ), flex: 1, ), Expanded( child: Text( "￥${records?.rechargeMoney ?? ""}", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), ), flex: 2, ), ], ), ), Padding( padding: EdgeInsets.only( bottom: 12.h, left: 12.w, ), child: Row( children: [ Expanded( flex: 1, child: Text( "充值实赠金额: ", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), )), Expanded( flex: 2, child: Text( "￥${records?.giftdMoney ?? ""}", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), )), ], ), ), if (records.isShow) Padding( padding: EdgeInsets.only( bottom: 12.h, left: 12.w, ), child: Row( children: [ Expanded( flex: 1, child: Text( "充值门店: ", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), )), Expanded( flex: 2, child: Text( records?.storeName ?? "", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), )), ], ), ), if (records.isShow) Padding( padding: EdgeInsets.only( bottom: 12.h, left: 12.w, ), child: Row( children: [ Expanded( flex: 1, child: Text( "充值方式: ", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), )), Expanded( flex: 2, child: Text( records?.rechargeName ?? "", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), )), ], ), ), Padding( padding: EdgeInsets.only( bottom: 12.h, left: 12.w, ), child: Row( children: [ Expanded( flex: 1, child: Text( "入账时间: ", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), )), Expanded( flex: 2, child: Text( records?.createTime ?? "", style: TextStyle( fontSize: 12.sp, color: Color(0xFF1A1A1A), fontWeight: MyFontWeight.regular), )), ], )), ], )), GestureDetector( behavior: HitTestBehavior.opaque, onTap: () { setState(() { records.isShow = !records.isShow; }); }, child: Container( padding: EdgeInsets.symmetric(horizontal: 24.w, vertical: 6.h), child: Icon( records.isShow ? Icons.keyboard_arrow_up : Icons.keyboard_arrow_down, color: Color(0xFF0D0D0D), size: 24, )), ), ], ) ], ), ); } Widget rechargeFlowItemSm() { return Container( decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(8), ), margin: EdgeInsets.only(left: 16.w, right: 16.w, bottom: 12.h), padding: EdgeInsets.only( top: 13.h, bottom: 16.h, ), child: Column( children: [ Container( padding: EdgeInsets.only( left: 12.h, ), child: Row( children: [ Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 60.w, height: 18.h, ), ), SizedBox( width: 15.w, ), Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 198.w, height: 18.h, ), ), ], ), ), Container( height: 1.h, width: double.infinity, color: Color(0xFFF4F6F7), margin: EdgeInsets.symmetric(vertical: 13.h), ), Row( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.center, children: [ Expanded( flex: 1, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 60.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 77.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 52.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 52.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 52.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 52.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 52.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 52.w, height: 18.h, ), ), ), ], )), Expanded( flex: 2, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 48.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 77.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 120.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 44.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 44.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 44.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 44.w, height: 18.h, ), ), ), Padding( padding: EdgeInsets.only( bottom: 12, left: 12.h, ), child: Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 44.w, height: 18.h, ), ), ), ], )), Shimmer.fromColors( baseColor: Color(0XFFD8D8D8), highlightColor: Color(0XFFD8D8D8), child: Container( margin: EdgeInsets.only(right: 24.w), decoration: BoxDecoration( color: Color(0XFFD8D8D8), borderRadius: BorderRadius.circular(2), ), width: 16.w, height: 16.h, ), ), ], ) ], ), ); } Widget noNetwork() { return Container( margin: EdgeInsets.only(top: 120.h), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text( networkError.substring(0, networkError.indexOf(",")), style: TextStyle( fontSize: 14.sp, color: Color(0xFF0D0D0D), fontWeight: MyFontWeight.bold), ), Padding( padding: EdgeInsets.symmetric(vertical: 10.h), child: Text( "请检查网络设置或稍后重试", style: TextStyle( fontSize: 12.sp, color: Color(0xFF7A797F), fontWeight: MyFontWeight.regular), ), ), GestureDetector( behavior: HitTestBehavior.opaque, onTap: () { _onRefresh(); }, child: Container( decoration: BoxDecoration( color: Color(0xFF30415B), borderRadius: BorderRadius.circular(15), ), padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 3.h), child: Text( "重试", style: TextStyle( fontSize: 14.sp, color: Colors.white, fontWeight: MyFontWeight.regular), )), ) ], ), ); } }