You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
580 lines
20 KiB
580 lines
20 KiB
1 year ago
|
import 'package:dio/dio.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/utils/font_weight.dart';
|
||
|
import 'package:huixiang/view_widget/my_appbar.dart';
|
||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||
|
import 'package:intl/intl.dart';
|
||
|
import 'package:pull_to_refresh/pull_to_refresh.dart';
|
||
|
import 'package:shimmer/shimmer.dart';
|
||
|
|
||
|
import '../../generated/l10n.dart';
|
||
|
import '../../retrofit/business_api.dart';
|
||
|
import '../../retrofit/data/balance_consumption_ranking_list.dart';
|
||
|
import '../../retrofit/data/base_data.dart';
|
||
|
import '../../utils/business_instance.dart';
|
||
|
import '../../utils/flutter_utils.dart';
|
||
|
import '../../view_widget/classic_header.dart';
|
||
|
import '../../view_widget/my_footer.dart';
|
||
|
import '../../view_widget/no_data_view.dart';
|
||
|
|
||
|
class ConsumerRankingPage extends StatefulWidget {
|
||
|
final Map<String, dynamic> arguments;
|
||
|
|
||
|
ConsumerRankingPage({this.arguments});
|
||
|
|
||
|
@override
|
||
|
State<StatefulWidget> createState() {
|
||
|
return _ConsumerRankingPage();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
class _ConsumerRankingPage extends State<ConsumerRankingPage> {
|
||
|
String titleName;
|
||
|
String selectTimeDate = "";
|
||
|
String selectTimeDateNum =
|
||
|
"${DateFormat("yyyy-MM-dd HH:mm:ss").format(DateTime.now().subtract(Duration(days: 2)))} 至 "
|
||
|
"${DateFormat("yyyy-MM-dd HH:mm:ss").format(DateTime.now())}";
|
||
|
final TextEditingController editingController = TextEditingController();
|
||
|
FocusNode _focusNode = FocusNode();
|
||
|
bool isKeyBoardShow = false;
|
||
|
final RefreshController refreshController = RefreshController();
|
||
|
BusinessApiService businessService;
|
||
|
String networkError = "";
|
||
|
int networkStatus = 0;
|
||
|
List<Records> records = [];
|
||
|
int _pageNum = 1;
|
||
|
String total = "0";
|
||
|
|
||
|
@override
|
||
|
void initState() {
|
||
|
super.initState();
|
||
|
titleName = widget?.arguments["titleName"] ?? "";
|
||
|
_onRefresh();
|
||
|
}
|
||
|
|
||
|
///离开页面记着销毁和清除
|
||
|
@override
|
||
|
void dispose() {
|
||
|
super.dispose();
|
||
|
refreshController.dispose();
|
||
|
_focusNode.unfocus();
|
||
|
}
|
||
|
|
||
|
_onRefresh({bool isShowLoad = true}) async {
|
||
|
if (isShowLoad)
|
||
|
EasyLoading.show(
|
||
|
status: S.current.zhengzaijiazai,
|
||
|
maskType: EasyLoadingMaskType.black);
|
||
|
await queryStoreMoney();
|
||
|
EasyLoading.dismiss();
|
||
|
if (refreshController.isRefresh) refreshController.refreshCompleted();
|
||
|
if (mounted) setState(() {});
|
||
|
}
|
||
|
|
||
|
///查询会员余额统计/消费排名
|
||
|
queryStoreMoney({nickName,isShow = true}) async {
|
||
|
try {
|
||
|
if (businessService == null) {
|
||
|
businessService = BusinessApiService(Dio(),
|
||
|
context: context,
|
||
|
token: BusinessInstance.instance.businessToken,
|
||
|
tenant: BusinessInstance.instance.businessTenant,
|
||
|
storeId: widget.arguments["storeId"]);
|
||
|
}
|
||
|
BaseData<BalanceConsumptionRankingList> baseData = await businessService.storeMoney({
|
||
|
"startTime": titleName == "消费排名" ? selectTimeDateNum.substring(0,19):"",
|
||
|
"endTime": titleName == "消费排名" ? selectTimeDateNum.substring(24,43):"",
|
||
|
"nickName": titleName == "消费排名" ? "" : nickName,
|
||
|
"type":titleName == "消费排名" ? 1:0,
|
||
|
"pageNum": _pageNum,
|
||
|
"pageSize": 10,
|
||
|
}).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 ?? []);
|
||
|
total = baseData?.data?.total ?? "0";
|
||
|
if ((baseData?.data?.records ?? []).isEmpty ||
|
||
|
records.length.toString() == baseData.data.pages)
|
||
|
refreshController.loadNoData();
|
||
|
else
|
||
|
refreshController.loadComplete();
|
||
|
networkStatus = 1;
|
||
|
} else {
|
||
|
SmartDialog.showToast(baseData.msg, alignment: Alignment.center);
|
||
|
}
|
||
|
} finally {
|
||
|
if (isShow) setState(() {});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@override
|
||
|
Widget build(BuildContext context) {
|
||
|
return Scaffold(
|
||
|
appBar: MyAppBar(
|
||
|
title: titleName,
|
||
|
titleColor: Colors.black,
|
||
|
background: Colors.white,
|
||
|
leadingColor: Colors.black,
|
||
|
brightness: Brightness.dark,
|
||
|
),
|
||
|
body: networkStatus == -1
|
||
|
? noNetwork()
|
||
|
: Container(
|
||
|
child: SmartRefresher(
|
||
|
controller: refreshController,
|
||
|
enablePullDown: true,
|
||
|
enablePullUp: records.length == 0 ? false : true,
|
||
|
header: MyHeader(
|
||
|
color: Color(0xFF30415B),
|
||
|
),
|
||
|
footer: CustomFooter(
|
||
|
builder: (context, mode) {
|
||
|
return MyFooter(mode);
|
||
|
},
|
||
|
),
|
||
|
onRefresh: () {
|
||
|
_pageNum = 1;
|
||
|
records.clear();
|
||
|
_onRefresh(isShowLoad: false);
|
||
|
},
|
||
|
onLoading: () {
|
||
|
_pageNum++;
|
||
|
_onRefresh(isShowLoad: false);
|
||
|
},
|
||
|
physics: BouncingScrollPhysics(),
|
||
|
scrollController: ScrollController(),
|
||
|
child: Column(
|
||
|
children: [
|
||
|
Container(
|
||
|
width: double.infinity,
|
||
|
padding: EdgeInsets.only(bottom: 16.h),
|
||
|
decoration: BoxDecoration(
|
||
|
color: Colors.white,
|
||
|
),
|
||
|
child: Column(
|
||
|
children: [
|
||
|
titleName == "消费排名"
|
||
|
? timeSelect()
|
||
|
: vipBalanceStatisticsSearch(),
|
||
|
titleName == "消费排名"
|
||
|
? Row(
|
||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
children: [
|
||
|
Expanded(
|
||
|
child: Column(
|
||
|
children: [
|
||
|
Padding(
|
||
|
padding: EdgeInsets.only(bottom: 15.h),
|
||
|
child: Text(
|
||
|
"消费会员数量",
|
||
|
style: TextStyle(
|
||
|
fontSize: 12.sp,
|
||
|
fontWeight: MyFontWeight.regular,
|
||
|
color: Color(0xFF0D0D0D),
|
||
|
),
|
||
|
),
|
||
|
),
|
||
|
Text(
|
||
|
total,
|
||
|
style: TextStyle(
|
||
|
fontSize: 14.sp,
|
||
|
fontWeight: MyFontWeight.bold,
|
||
|
color: Color(0xFF0D0D0D),
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
)),
|
||
|
Expanded(
|
||
|
child: Column(
|
||
|
children: [
|
||
|
Padding(
|
||
|
padding: EdgeInsets.only(bottom: 15.h),
|
||
|
child: Text(
|
||
|
"销售金额",
|
||
|
style: TextStyle(
|
||
|
fontSize: 12.sp,
|
||
|
fontWeight: MyFontWeight.regular,
|
||
|
color: Color(0xFF0D0D0D),
|
||
|
),
|
||
|
),
|
||
|
),
|
||
|
Text(
|
||
|
"12334.00",
|
||
|
style: TextStyle(
|
||
|
fontSize: 14.sp,
|
||
|
fontWeight: MyFontWeight.bold,
|
||
|
color: Color(0xFF0D0D0D),
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
)),
|
||
|
],
|
||
|
)
|
||
|
: Row(
|
||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
children: [
|
||
|
Expanded(
|
||
|
child: Column(
|
||
|
children: [
|
||
|
Padding(
|
||
|
padding: EdgeInsets.only(bottom: 15.h),
|
||
|
child: Text(
|
||
|
"总会员数",
|
||
|
style: TextStyle(
|
||
|
fontSize: 12.sp,
|
||
|
fontWeight: MyFontWeight.regular,
|
||
|
color: Color(0xFF0D0D0D),
|
||
|
),
|
||
|
),
|
||
|
),
|
||
|
Text(
|
||
|
total,
|
||
|
style: TextStyle(
|
||
|
fontSize: 14.sp,
|
||
|
fontWeight: MyFontWeight.bold,
|
||
|
color: Color(0xFF0D0D0D),
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
)),
|
||
|
Expanded(
|
||
|
child: Column(
|
||
|
children: [
|
||
|
Padding(
|
||
|
padding: EdgeInsets.only(bottom: 15.h),
|
||
|
child: Text(
|
||
|
"总余额数",
|
||
|
style: TextStyle(
|
||
|
fontSize: 12.sp,
|
||
|
fontWeight: MyFontWeight.regular,
|
||
|
color: Color(0xFF0D0D0D),
|
||
|
),
|
||
|
),
|
||
|
),
|
||
|
Text(
|
||
|
"12334.00",
|
||
|
style: TextStyle(
|
||
|
fontSize: 14.sp,
|
||
|
fontWeight: MyFontWeight.bold,
|
||
|
color: Color(0xFF0D0D0D),
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
)),
|
||
|
],
|
||
|
)
|
||
|
],
|
||
|
),
|
||
|
),
|
||
|
Expanded(child: networkStatus == 0
|
||
|
? Container(
|
||
|
margin: EdgeInsets.only(bottom: 35.h,top:6.h),
|
||
|
child: ListView.builder(
|
||
|
itemCount: 10,
|
||
|
physics: BouncingScrollPhysics(),
|
||
|
shrinkWrap: true,
|
||
|
itemBuilder: (context, position) {
|
||
|
return GestureDetector(
|
||
|
behavior: HitTestBehavior.opaque,
|
||
|
onTap: () {},
|
||
|
child: consumerRankingItemSm(),
|
||
|
);
|
||
|
},
|
||
|
))
|
||
|
: ((records == null || records.length == 0)
|
||
|
? NoDataView(
|
||
|
src: "assets/image/bs_no data_logo.webp",
|
||
|
isShowBtn: false,
|
||
|
text: "暂无商品分类",
|
||
|
fontSize: 16.sp,
|
||
|
margin: EdgeInsets.all(20.h),
|
||
|
)
|
||
|
: Container(
|
||
|
margin: EdgeInsets.only(bottom: 35.h,top:6.h),
|
||
|
child: ListView.builder(
|
||
|
itemCount: records?.length ?? 0,
|
||
|
physics: BouncingScrollPhysics(),
|
||
|
shrinkWrap: true,
|
||
|
itemBuilder: (context, position) {
|
||
|
return GestureDetector(
|
||
|
behavior: HitTestBehavior.opaque,
|
||
|
onTap: () {},
|
||
|
child: consumerRankingItem(
|
||
|
records[position]),
|
||
|
);
|
||
|
},
|
||
|
),
|
||
|
)),)
|
||
|
],
|
||
|
),
|
||
|
),
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
|
||
|
///时间选择
|
||
|
Widget timeSelect() {
|
||
|
return Container(
|
||
|
color: Colors.white,
|
||
|
child: GestureDetector(
|
||
|
onTap: () {
|
||
|
Navigator.of(context).pushNamed('/router/custom_page',
|
||
|
arguments: {"beyondDateRange": "0"}).then((value) {
|
||
|
selectTimeDate = value;
|
||
|
setState((){});
|
||
|
});
|
||
|
},
|
||
|
child: Container(
|
||
|
decoration: BoxDecoration(
|
||
|
color: Color(0xFFF7F8FA),
|
||
|
borderRadius: BorderRadius.circular(2),
|
||
|
),
|
||
|
margin:
|
||
|
EdgeInsets.only(left: 18.w, right: 18.w, top: 11.h, bottom: 17.h),
|
||
|
padding: EdgeInsets.symmetric(horizontal: 14.w, vertical: 12.h),
|
||
|
child: Row(
|
||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
children: [
|
||
|
Text(
|
||
|
(selectTimeDate == "" || selectTimeDate == null)
|
||
|
? "${selectTimeDateNum.substring(0,16)} 至 ${selectTimeDateNum.substring(24,40)}"
|
||
|
: "${selectTimeDate.replaceAll("年", "-").replaceAll("月", "-").replaceAll("日", "").substring(0,16)} 至"
|
||
|
" ${selectTimeDate.replaceAll("年", "-").replaceAll("月", "-").replaceAll("日", "").substring(22,38)} ",
|
||
|
style: TextStyle(
|
||
|
fontSize: 14.sp,
|
||
|
color: Color(0xFF30415B),
|
||
|
fontWeight: MyFontWeight.regular),
|
||
|
),
|
||
|
],
|
||
|
),
|
||
|
),
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
|
||
|
/// 搜索框
|
||
|
Widget vipBalanceStatisticsSearch() {
|
||
|
return Container(
|
||
|
color: Colors.white,
|
||
|
child: Container(
|
||
|
height: 40.h,
|
||
|
margin:
|
||
|
EdgeInsets.only(left: 18.w, right: 18.w, top: 12.h, bottom: 12.h),
|
||
|
decoration: BoxDecoration(
|
||
|
color: Color(0xFFF7F8FA),
|
||
|
borderRadius: BorderRadius.circular(2),
|
||
|
),
|
||
|
child: TextField(
|
||
|
focusNode: _focusNode,
|
||
|
textInputAction: TextInputAction.search,
|
||
|
onEditingComplete: () {
|
||
|
FocusScope.of(context).requestFocus(FocusNode());
|
||
|
queryStoreMoney(nickName: editingController?.text ?? "");
|
||
|
},
|
||
|
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,
|
||
|
),
|
||
|
),
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
|
||
|
///消费排行list
|
||
|
Widget consumerRankingItem(Records records) {
|
||
|
return Container(
|
||
|
padding: EdgeInsets.only(top: 12.h, bottom: 12.h, left: 16.w),
|
||
|
margin: EdgeInsets.symmetric(horizontal: 16.w, vertical: 6.h),
|
||
|
decoration: BoxDecoration(
|
||
|
color: Colors.white,
|
||
|
boxShadow: [
|
||
|
BoxShadow(
|
||
|
color: Color(0x0F06152E),
|
||
|
offset: Offset(0, 2),
|
||
|
blurRadius: 4,
|
||
|
spreadRadius: 0,
|
||
|
)
|
||
|
],
|
||
|
borderRadius: BorderRadius.circular(8),
|
||
|
),
|
||
|
child: Column(
|
||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
children: [
|
||
|
Padding(
|
||
|
padding: EdgeInsets.only(bottom: 16.h),
|
||
|
child: Text(
|
||
|
"${records?.name ?? ""}(${records?.phone})",
|
||
|
style: TextStyle(
|
||
|
fontSize: 14.sp,
|
||
|
fontWeight: MyFontWeight.bold,
|
||
|
color: Color(0xFF0D0D0D),
|
||
|
),
|
||
|
),
|
||
|
),
|
||
|
Text.rich(
|
||
|
TextSpan(
|
||
|
children: [
|
||
|
TextSpan(
|
||
|
text: "消费:",
|
||
|
style: TextStyle(
|
||
|
color: Color(0xFF666666),
|
||
|
fontSize: 14.sp,
|
||
|
fontWeight: MyFontWeight.regular,
|
||
|
),
|
||
|
),
|
||
|
TextSpan(
|
||
|
text: "¥${records?.money ?? ""}",
|
||
|
style: TextStyle(
|
||
|
color: Color(0xFFFA5151),
|
||
|
fontSize: 14.sp,
|
||
|
fontWeight: MyFontWeight.medium,
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
|
||
|
Widget consumerRankingItemSm() {
|
||
|
return Container(
|
||
|
padding: EdgeInsets.only(top: 12.h, bottom: 12.h, left: 16.w),
|
||
|
margin: EdgeInsets.symmetric(horizontal: 16.w, vertical: 6.h),
|
||
|
decoration: BoxDecoration(
|
||
|
color: Colors.white,
|
||
|
boxShadow: [
|
||
|
BoxShadow(
|
||
|
color: Color(0x0F06152E),
|
||
|
offset: Offset(0, 2),
|
||
|
blurRadius: 4,
|
||
|
spreadRadius: 0,
|
||
|
)
|
||
|
],
|
||
|
borderRadius: BorderRadius.circular(8),
|
||
|
),
|
||
|
child: Column(
|
||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
children: [
|
||
|
Shimmer.fromColors(
|
||
|
baseColor: Color(0XFFD8D8D8),
|
||
|
highlightColor: Color(0XFFD8D8D8),
|
||
|
child: Container(
|
||
|
margin: EdgeInsets.only(bottom: 16.h),
|
||
|
decoration: BoxDecoration(
|
||
|
color: Color(0XFFD8D8D8),
|
||
|
borderRadius: BorderRadius.circular(2),
|
||
|
),
|
||
|
width: 149.w,
|
||
|
height: 20.h,
|
||
|
),
|
||
|
),
|
||
|
Row(
|
||
|
children: [
|
||
|
Shimmer.fromColors(
|
||
|
baseColor: Color(0XFFD8D8D8),
|
||
|
highlightColor: Color(0XFFD8D8D8),
|
||
|
child: Container(
|
||
|
margin: EdgeInsets.only(right:10.w),
|
||
|
decoration: BoxDecoration(
|
||
|
color: Color(0XFFD8D8D8),
|
||
|
borderRadius: BorderRadius.circular(2),
|
||
|
),
|
||
|
width: 42.w,
|
||
|
height: 20.h,
|
||
|
),
|
||
|
), Shimmer.fromColors(
|
||
|
baseColor: Color(0XFFD8D8D8),
|
||
|
highlightColor: Color(0XFFD8D8D8),
|
||
|
child: Container(
|
||
|
decoration: BoxDecoration(
|
||
|
color: Color(0XFFD8D8D8),
|
||
|
borderRadius: BorderRadius.circular(2),
|
||
|
),
|
||
|
width: 60.w,
|
||
|
height: 20.h,
|
||
|
),
|
||
|
),
|
||
|
],
|
||
|
)
|
||
|
],
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
|
||
|
Widget noNetwork() {
|
||
|
return Container(
|
||
|
color: Colors.white,
|
||
|
width: double.infinity,
|
||
|
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),
|
||
|
)),
|
||
|
)
|
||
|
],
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
}
|