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

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),
)),
)
],
),
);
}
}