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.
1253 lines
46 KiB
1253 lines
46 KiB
import 'dart:io'; |
|
|
|
import 'package:dio/dio.dart'; |
|
import 'package:flutter/material.dart'; |
|
import 'package:flutter/services.dart'; |
|
import 'package:flutter_easyloading/flutter_easyloading.dart'; |
|
import 'package:flutter_html/flutter_html.dart'; |
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
|
import 'package:fluwx/fluwx.dart'; |
|
import 'package:huixiang/data/member_recharge.dart'; |
|
import 'package:huixiang/data/store.dart'; |
|
import 'package:huixiang/generated/l10n.dart'; |
|
import 'package:huixiang/data/base_data.dart'; |
|
import 'package:huixiang/data/vip_card.dart'; |
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
|
import 'package:huixiang/store/scan.dart'; |
|
import 'package:huixiang/utils/font_weight.dart'; |
|
import 'package:huixiang/view_widget/custom_image.dart'; |
|
import 'package:huixiang/view_widget/my_appbar.dart'; |
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
|
import 'package:shared_preferences/shared_preferences.dart'; |
|
import 'package:shimmer/shimmer.dart'; |
|
import 'package:tobias/tobias.dart'; |
|
|
|
import '../data/wx_pay.dart'; |
|
import '../retrofit/min_api.dart'; |
|
import '../utils/flutter_utils.dart'; |
|
import '../utils/min.dart'; |
|
import '../view_widget/classic_header.dart'; |
|
import '../view_widget/my_footer.dart'; |
|
import '../view_widget/no_data_view.dart'; |
|
|
|
|
|
class MineShopRecharge extends StatefulWidget { |
|
final Map<String, dynamic> arguments; |
|
|
|
MineShopRecharge({required this.arguments}); |
|
|
|
@override |
|
State<StatefulWidget> createState() { |
|
return _MineShopRecharge(); |
|
} |
|
} |
|
|
|
class _MineShopRecharge extends State<MineShopRecharge> { |
|
ApiService? apiService; |
|
MinApiService? minService; |
|
VipCard? vipCard; |
|
List<MemberRecharge> memberRechargeList = []; |
|
int selectIndex = 0; |
|
double discount = 100; |
|
var checkIndex = 2; |
|
dynamic payListen; |
|
int _loadCount = 0; |
|
late String tenant; |
|
late String storeId; |
|
String? minToken; |
|
final RefreshController refreshController = RefreshController(); |
|
int networkStatus = 0; |
|
|
|
@override |
|
void dispose() { |
|
super.dispose(); |
|
refreshController.dispose(); |
|
} |
|
|
|
Fluwx fluwx = Fluwx(); |
|
Tobias tobias = Tobias(); |
|
|
|
@override |
|
void initState() { |
|
super.initState(); |
|
storeId = widget.arguments["storeId"]; |
|
tenant = widget.arguments["tenantCode"]; |
|
_onRefresh(); |
|
|
|
fluwx.addSubscriber((event) async { |
|
print("payCallback: ${event.errCode}"); |
|
if (event.errCode == 0) { |
|
SmartDialog.showToast("充值成功", alignment: Alignment.center); |
|
} else { |
|
SmartDialog.showToast("充值失败", alignment: Alignment.center); |
|
} |
|
vipDetail(); |
|
}); |
|
} |
|
|
|
///会员卡详情 |
|
vipDetail({bool isSingle = true}) async { |
|
try { |
|
BaseData<VipCard>? baseData = await apiService?.vipDetail({ |
|
"id": widget.arguments["id"], |
|
"latitude": "", |
|
"longitude": "", |
|
}).catchError((onError) { |
|
networkStatus = -1; |
|
}); |
|
if (baseData?.isSuccess ?? false) { |
|
vipCard = baseData!.data; |
|
networkStatus = 1; |
|
} |
|
} finally { |
|
if (isSingle) |
|
setState(() {}); |
|
else |
|
addLoadCount(); |
|
} |
|
} |
|
|
|
///小程序登录 |
|
minLogin() async { |
|
try { |
|
var baseData = await apiService?.minLogin(storeId).catchError((onError) { |
|
debugPrint(onError.toString()); |
|
}); |
|
if (baseData?.isSuccess ?? false) { |
|
minToken = baseData!.data["token"]; |
|
SharedPreferences.getInstance().then( |
|
(value) => { |
|
value.setString('minToken', "${minToken}"), |
|
value.setString('tenant', tenant), |
|
value.setString('storeId', storeId), |
|
}, |
|
); |
|
minService = MinApiService( |
|
Dio(), |
|
context: context, |
|
token: minToken, |
|
tenant: tenant, |
|
storeId: storeId, |
|
); |
|
} |
|
} finally {} |
|
} |
|
|
|
///充值列表 |
|
queryRechargeActList() async { |
|
try { |
|
BaseData<List<MemberRecharge>>? baseData = await minService?.memberRechargeList().catchError((onError) { |
|
networkStatus = -1; |
|
}); |
|
if (baseData?.isSuccess ?? false) { |
|
memberRechargeList = baseData!.data ?? []; |
|
networkStatus = 1; |
|
} |
|
} finally { |
|
addLoadCount(); |
|
} |
|
} |
|
|
|
///门店充值 |
|
shopRecharge() async { |
|
BaseData<dynamic>? baseData = await minService?.memberRecharge({ |
|
"money": 0, |
|
"rechargeId": memberRechargeList[selectIndex].id, |
|
"type": checkIndex == 2 ? "wechat" : "alipay", |
|
}).catchError((error) {}); |
|
if (baseData?.isSuccess ?? false) { |
|
if (checkIndex == 2) { |
|
if (Platform.isAndroid) { |
|
if (!(await Min.isInitialize())) { |
|
// 小程序的微信支付和app的充值支付使用同一个WXPayEntryActivity回调， |
|
// 然而充值时小程序未初始化会导致回调内部代码调用getPackage空指针， |
|
// 故而在此初始化一下 |
|
await Min.initialize(); |
|
} |
|
} |
|
WxPay? wxPay = WxPay.fromJson(baseData!.data); |
|
if (wxPay?.isAnyEmpty() ?? true) { |
|
return; |
|
} |
|
await fluwx.registerApi( |
|
appId: wxPay.appId!, |
|
doOnAndroid: true, |
|
universalLink: "https://hx.lotus-wallet.com/app/", |
|
); |
|
fluwx.pay( |
|
which: Payment( |
|
appId: wxPay.appId!, |
|
partnerId: wxPay.partnerId!, |
|
prepayId: wxPay.prepayId!, |
|
packageValue: wxPay.packageValue!, |
|
nonceStr: wxPay.nonceStr!, |
|
timestamp: int.tryParse(wxPay.timeStamp!) ?? 0, |
|
sign: wxPay.sign!, |
|
) |
|
); |
|
} else { |
|
tobias.isAliPayInstalled.then((value) => { |
|
// 判断是否安装了支付宝 |
|
if (!value) |
|
{SmartDialog.showToast("请安装支付宝", alignment: Alignment.center)} |
|
else |
|
{ |
|
tobias.pay(baseData!.data["body"]).then((payRes) { |
|
if (payRes['resultStatus'] == 9000 || |
|
payRes['resultStatus'] == '9000') { |
|
SmartDialog.showToast("充值成功", |
|
alignment: Alignment.center); |
|
} else { |
|
SmartDialog.showToast(payRes['memo'], |
|
alignment: Alignment.center); |
|
} |
|
vipDetail(); |
|
}) |
|
} |
|
}); |
|
} |
|
} else { |
|
SmartDialog.showToast("${baseData?.msg}", alignment: Alignment.center); |
|
} |
|
} |
|
|
|
_onRefresh() async { |
|
EasyLoading.show( |
|
status: S.current.zhengzaijiazai, maskType: EasyLoadingMaskType.black); |
|
vipDetail(isSingle: false); |
|
queryRechargeActList(); |
|
} |
|
|
|
addLoadCount() { |
|
_loadCount += 1; |
|
if (_loadCount == 2) { |
|
_loadCount = 0; |
|
EasyLoading.dismiss(); |
|
if (refreshController.isRefresh) refreshController.refreshCompleted(); |
|
if (mounted) setState(() {}); |
|
} |
|
} |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
return Scaffold( |
|
appBar: MyAppBar( |
|
title: S.of(context).dianpuchongzhi, |
|
titleColor: Colors.black, |
|
background: Colors.white, |
|
systemUiOverlayStyle: SystemUiOverlayStyle.dark, |
|
leadingColor: Colors.black, |
|
), |
|
body: SmartRefresher( |
|
enablePullDown: true, |
|
enablePullUp: false, |
|
header: MyHeader(), |
|
footer: CustomFooter( |
|
builder: (context, mode) { |
|
return MyFooter(mode); |
|
}, |
|
), |
|
controller: refreshController, |
|
onRefresh: _onRefresh, |
|
physics: BouncingScrollPhysics(), |
|
child: networkStatus == 0 |
|
? skeletonScreen() |
|
: Column( |
|
children: [ |
|
shopRechargeCard(), |
|
(memberRechargeList?.isNotEmpty ?? false) |
|
? Expanded( |
|
child: ListView.builder( |
|
padding: EdgeInsets.zero, |
|
itemCount: memberRechargeList.length ?? 0, |
|
scrollDirection: Axis.vertical, |
|
shrinkWrap: true, |
|
physics: BouncingScrollPhysics(), |
|
itemBuilder: (context, position) { |
|
return GestureDetector( |
|
onTap: () { |
|
setState(() { |
|
selectIndex = position; |
|
}); |
|
}, |
|
child: rechargeItem(memberRechargeList[position], position), |
|
); |
|
}, |
|
), |
|
) |
|
: NoDataView( |
|
src: "assets/image/xiao_fei.webp", |
|
isShowBtn: false, |
|
text: "当前店铺暂无充值套餐~", |
|
fontSize: 16.sp, |
|
margin: EdgeInsets.only( |
|
top: 90.h, left: 60.w, right: 60.w, |
|
), |
|
), |
|
if (memberRechargeList?.isNotEmpty ?? false) |
|
Container( |
|
width: double.infinity, |
|
margin: EdgeInsets.only(left: 16, right: 16), |
|
padding: EdgeInsets.only( |
|
top: 20.h, |
|
bottom: 24.h, |
|
), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Padding( |
|
padding: EdgeInsets.only(bottom: 16.h), |
|
child: Text( |
|
S.of(context).zhifufangshi, |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
color: Colors.black, |
|
fontWeight: FontWeight.bold, |
|
), |
|
), |
|
), |
|
GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
setState(() { |
|
checkIndex = 2; |
|
}); |
|
}, |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Image.asset("assets/image/icon_we_chat.webp"), |
|
Expanded( |
|
flex: 1, |
|
child: Padding( |
|
padding: EdgeInsets.only(left: 8.w), |
|
child: Text( |
|
S.of(context).weixinzhifu, |
|
style: TextStyle( |
|
fontSize: 14.sp, |
|
color: Color(0xff353535), |
|
), |
|
), |
|
), |
|
), |
|
checkView(2), |
|
], |
|
), |
|
), |
|
SizedBox(height: 10.h), |
|
GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
setState(() { |
|
checkIndex = 3; |
|
}); |
|
}, |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Image.asset("assets/image/icon_alipay.webp"), |
|
Expanded( |
|
flex: 1, |
|
child: Padding( |
|
padding: EdgeInsets.only(left: 8.w), |
|
child: Text( |
|
S.of(context).zhifubao, |
|
style: TextStyle( |
|
fontSize: 14.sp, |
|
color: Color(0xff353535), |
|
), |
|
), |
|
), |
|
), |
|
checkView(3), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
if (memberRechargeList?.isNotEmpty ?? false) |
|
Align( |
|
alignment: Alignment.bottomCenter, |
|
child: GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
shopRecharge(); |
|
}, |
|
child: Container( |
|
height: 56.h, |
|
width: double.infinity, |
|
alignment: Alignment.center, |
|
decoration: BoxDecoration( |
|
color: Color(0xFF32A060), |
|
borderRadius: BorderRadius.circular(27), |
|
), |
|
margin: EdgeInsets.only( |
|
top: 12.h, |
|
left: 16.w, |
|
right: 16.w, |
|
bottom: 21.h), |
|
child: Text( |
|
S.of(context).querenchongzhi, |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
fontWeight: MyFontWeight.medium, |
|
color: Colors.white, |
|
), |
|
), |
|
), |
|
), |
|
) |
|
], |
|
), |
|
), |
|
); |
|
} |
|
|
|
///卡片背景底色 |
|
int colorByName(String storeName) { |
|
if (storeName.contains("百年川椒") || storeName.contains("百年川椒")) { |
|
return 0xFFC30D23; |
|
} else if (storeName.contains("海峡姐妹") || storeName.contains("海峽姐妹")) { |
|
return 0xFFE4C796; |
|
} else if (storeName.contains("前进麦味") || storeName.contains("前進麥味")) { |
|
return 0xFF265782; |
|
} |
|
return 0xFF32A060; |
|
} |
|
|
|
///整体骨架屏 |
|
Widget skeletonScreen() { |
|
return Container( |
|
child: Column( |
|
children: [ |
|
Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Container( |
|
decoration: BoxDecoration( |
|
borderRadius: new BorderRadius.only( |
|
topLeft: Radius.circular(6), |
|
topRight: Radius.circular(6), |
|
), |
|
color: Color(0XFFD8D8D8), |
|
), |
|
height: 62.h, |
|
), |
|
Container( |
|
decoration: BoxDecoration( |
|
borderRadius: new BorderRadius.only( |
|
bottomRight: Radius.circular(6), |
|
topRight: Radius.circular(6), |
|
), |
|
color: Colors.white, |
|
), |
|
padding: EdgeInsets.all(12.h), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 68.w, |
|
height: 17.h, |
|
), |
|
), |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 120.w, |
|
height: 17.h, |
|
), |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 4.h, |
|
), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 99.w, |
|
height: 34.h, |
|
), |
|
), |
|
Spacer(), |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 48.w, |
|
height: 17.h, |
|
), |
|
), |
|
SizedBox( |
|
width: 2, |
|
), |
|
Image.asset( |
|
"assets/image/icon_right_z.webp", |
|
width: 16, |
|
height: 16, |
|
color: Color(0xFF262626), |
|
) |
|
], |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
Expanded( |
|
child: ListView.builder( |
|
itemCount: 4, |
|
physics: BouncingScrollPhysics(), |
|
shrinkWrap: true, |
|
itemBuilder: (context, position) { |
|
return Container( |
|
width: double.infinity, |
|
height: 69.h, |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(4), |
|
color: Colors.white, |
|
), |
|
margin: EdgeInsets.only( |
|
bottom: 14.h, left: 14.w, right: 14.w, |
|
), |
|
padding: EdgeInsets.only(left: 16), |
|
child: Flex( |
|
direction: Axis.horizontal, |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.end, |
|
children: [ |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 20.w, |
|
height: 15.h, |
|
), |
|
), |
|
SizedBox( |
|
width: 10.w, |
|
), |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 50.w, |
|
height: 25.h, |
|
), |
|
), |
|
], |
|
), |
|
Container( |
|
width: 1.w, |
|
height: 37.h, |
|
color: Color(0xFF979797), |
|
margin: EdgeInsets.only( |
|
right: 16.w, left: 12, |
|
), |
|
), |
|
Expanded( |
|
flex: 2, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.end, |
|
children: [ |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 50.w, |
|
height: 17.h, |
|
), |
|
), |
|
SizedBox( |
|
width: 10.w, |
|
), |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 48.w, |
|
height: 25.h, |
|
), |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 4.h, |
|
), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 50.w, |
|
height: 17.h, |
|
), |
|
), |
|
Icon( |
|
Icons.chevron_right, |
|
size: 20, |
|
color: Color(0xFF868686), |
|
), |
|
], |
|
) |
|
], |
|
), |
|
) |
|
], |
|
), |
|
); |
|
}, |
|
), |
|
), |
|
Column( |
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Padding( |
|
padding: EdgeInsets.only(bottom: 16.h), |
|
child: Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 64.w, |
|
height: 21.h, |
|
), |
|
), |
|
), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 20.h, |
|
height: 20.h, |
|
), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 8.w), |
|
child: Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 51.w, |
|
height: 17.h, |
|
), |
|
), |
|
), |
|
Spacer(), |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
decoration: BoxDecoration( |
|
color: Color(0XFFD8D8D8), |
|
borderRadius: BorderRadius.circular(100), |
|
), |
|
width: 15.h, |
|
height: 15.h, |
|
), |
|
), |
|
], |
|
), |
|
SizedBox(height: 10.h), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 20.h, |
|
height: 20.h, |
|
), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 8.w), |
|
child: Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: 51.w, |
|
height: 17.h, |
|
), |
|
), |
|
), |
|
Spacer(), |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
decoration: BoxDecoration( |
|
color: Color(0XFFD8D8D8), |
|
borderRadius: BorderRadius.circular(100), |
|
), |
|
width: 15.h, |
|
height: 15.h, |
|
), |
|
), |
|
], |
|
), |
|
], |
|
), |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
height: 56.h, |
|
width: double.infinity, |
|
alignment: Alignment.center, |
|
decoration: BoxDecoration( |
|
color: Color(0XFFD8D8D8), |
|
borderRadius: BorderRadius.circular(27), |
|
), |
|
margin: EdgeInsets.only( |
|
top: 12.h, left: 16.w, right: 16.w, bottom: 21.h, |
|
), |
|
), |
|
) |
|
], |
|
)); |
|
} |
|
|
|
///卡片详情 |
|
Widget shopRechargeCard() { |
|
return GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
Navigator.of(context).pushNamed('/router/mine_shop_details', |
|
arguments: {"id": widget.arguments["id"]}); |
|
}, |
|
child: Container( |
|
width: double.infinity, |
|
// height:140.h, |
|
margin: EdgeInsets.only( |
|
bottom: 24.h, top: 14.h, left: 14.w, right: 14.w, |
|
), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Container( |
|
decoration: BoxDecoration( |
|
borderRadius: new BorderRadius.only( |
|
topLeft: Radius.circular(6), |
|
topRight: Radius.circular(6), |
|
), |
|
color: Color(colorByName(vipCard?.tenantName ?? "")), |
|
), |
|
padding: EdgeInsets.only(left: 12.w), |
|
height: 62.h, |
|
child: Row( |
|
children: [ |
|
MImage( |
|
vipCard?.storeList?[0].logo ?? "", |
|
width: 38, |
|
height: 38, |
|
radius: BorderRadius.circular(100), |
|
fit: BoxFit.cover, |
|
errorSrc: "assets/image/default_1.webp", |
|
fadeSrc: "assets/image/default_1.webp", |
|
), |
|
SizedBox( |
|
width: 6, |
|
), |
|
Text( |
|
vipCard?.tenantName ?? "", |
|
style: TextStyle( |
|
color: Color(0xFFFFFFFF), |
|
fontSize: 15.sp, |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
Container( |
|
decoration: BoxDecoration( |
|
borderRadius: new BorderRadius.only( |
|
bottomRight: Radius.circular(6), |
|
topRight: Radius.circular(6), |
|
), |
|
color: Colors.white, |
|
), |
|
padding: EdgeInsets.all(12.h), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Text( |
|
"店铺余额(元)", |
|
style: TextStyle( |
|
color: Color(0xFF262626), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
Text( |
|
"No.${vipCard?.id ?? ""}", |
|
style: TextStyle( |
|
color: Color(0xFF262626), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 4.h, |
|
), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Expanded( |
|
child: Text( |
|
"￥ ${vipCard?.balance ?? ""}", |
|
style: TextStyle( |
|
color: Color(0xFF262626), |
|
fontSize: 24.sp, |
|
fontFamily: 'JDZhengHT', |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
), |
|
Text( |
|
"适用门店", |
|
style: TextStyle( |
|
color: Color(0xFF262626), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
SizedBox( |
|
width: 2, |
|
), |
|
Image.asset( |
|
"assets/image/icon_right_z.webp", |
|
width: 16, |
|
height: 16, |
|
color: Color(0xFF262626), |
|
) |
|
], |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
); |
|
} |
|
|
|
///充值item |
|
Widget rechargeItem(MemberRecharge memberRecharge, index) { |
|
return Container( |
|
width: double.infinity, |
|
height: 69.h, |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(4), |
|
border: Border.all( |
|
color: |
|
selectIndex == index ? Color(0xFF32A060) : Color(0xFFFAFAFA), |
|
width: selectIndex == index ? 1 : 0, |
|
), |
|
color: selectIndex == index ? Color(0XFFF0FAF4) : Colors.white, |
|
), |
|
margin: EdgeInsets.only(bottom: 14.h, left: 14.w, right: 14.w), |
|
padding: EdgeInsets.only(left: 16), |
|
child: Flex( |
|
direction: Axis.horizontal, |
|
children: [ |
|
Expanded( |
|
flex: 1, |
|
child: Container( |
|
child: Text.rich( |
|
TextSpan(children: [ |
|
TextSpan( |
|
text: "储值 ", |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
color: selectIndex == index |
|
? Color(0xFF4D4D4D) |
|
: Color(0xFF868686), |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
TextSpan( |
|
text: "${AppUtils.calculateDouble(double.tryParse("${memberRecharge.rechargeMoney}") ?? 0)}元", |
|
style: TextStyle( |
|
fontSize: 18.sp, |
|
fontFamily: 'JDZhengHT', |
|
color: selectIndex == index |
|
? Color(0xFF353535) |
|
: Color(0xFF868686), |
|
fontWeight: MyFontWeight.semi_bold, |
|
), |
|
), |
|
]), |
|
), |
|
), |
|
), |
|
Container( |
|
width: 1.w, |
|
height: 37.h, |
|
color: selectIndex == index ? Color(0xFF32A060) : Color(0xFF979797), |
|
margin: EdgeInsets.only(right: 16.w, left: 12), |
|
), |
|
Expanded( |
|
flex: 2, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Text.rich( |
|
TextSpan(children: [ |
|
TextSpan( |
|
text: "实际到账 ", |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
color: selectIndex == index |
|
? Color(0xFF353535) |
|
: Color(0xFF868686), |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
TextSpan( |
|
text: "${((memberRecharge.limitNum ?? 0) != 0 && ((memberRecharge.limitNum ?? 0) - (memberRecharge.useNum ?? 0) <= 0)) ? (AppUtils.calculateDouble(double.tryParse("${memberRecharge.rechargeMoney}") ?? 0)) : (AppUtils.calculateDouble((double.tryParse("${memberRecharge.rechargeMoney}") ?? 0) + (double.tryParse("${memberRecharge.giftdMoney}") ?? 0) + ((double.tryParse("${memberRecharge.rechargeMoney}") ?? 0) - ((double.tryParse("${memberRecharge.rechargeMoney}") ?? 0) * (discount / 100)))))}元", |
|
style: TextStyle( |
|
fontSize: 18.sp, |
|
fontFamily: 'JDZhengHT', |
|
color: selectIndex == index |
|
? Color(0xFF353535) |
|
: Color(0xFF868686), |
|
fontWeight: MyFontWeight.semi_bold, |
|
), |
|
), |
|
]), |
|
), |
|
SizedBox( |
|
height: 4.h, |
|
), |
|
GestureDetector( |
|
onTap: () { |
|
setState(() { |
|
if (selectIndex == index) |
|
showRecharge(memberRecharge, index); |
|
}); |
|
}, |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Text( |
|
"充值说明", |
|
style: TextStyle( |
|
color: selectIndex == index |
|
? Color(0xFF4D4D4D) |
|
: Color(0xFF868686), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
Icon( |
|
Icons.chevron_right, |
|
size: 20, |
|
color: selectIndex == index |
|
? Color(0xFF353535) |
|
: Color(0xFF868686), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
Widget checkView(var index) { |
|
return Container( |
|
padding: EdgeInsets.only(right: 16.w, left: 46.w), |
|
alignment: Alignment.center, |
|
child: Image.asset( |
|
checkIndex != index |
|
? "assets/image/icon_radio_unselected.webp" |
|
: "assets/image/icon_radio_selected.webp", |
|
width: 15.h, |
|
height: 15.h, |
|
), |
|
); |
|
} |
|
|
|
///充值说明底部弹窗 |
|
showRecharge(MemberRecharge memberRecharge, index) { |
|
showModalBottomSheet( |
|
context: context, |
|
backgroundColor: Colors.transparent, |
|
builder: (context) { |
|
return Container( |
|
padding: EdgeInsets.only(top: 12), |
|
decoration: new BoxDecoration( |
|
color: Colors.white, |
|
borderRadius: new BorderRadius.only( |
|
topLeft: const Radius.circular(25.0), |
|
topRight: const Radius.circular(25.0), |
|
), |
|
), |
|
child: Container( |
|
height: 355, |
|
child: SingleChildScrollView( |
|
physics: BouncingScrollPhysics(), |
|
child: Column( |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Expanded( |
|
child: Container( |
|
margin: EdgeInsets.symmetric(vertical: 12.h), |
|
alignment: Alignment.center, |
|
child: Text( |
|
"充值说明", |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.bold, |
|
fontSize: 15.sp, |
|
color: Color(0xFF353535), |
|
), |
|
), |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () { |
|
setState(() { |
|
Navigator.of(context).pop(); |
|
}); |
|
}, |
|
child: Icon( |
|
Icons.clear, |
|
color: Colors.black, |
|
size: 18, |
|
), |
|
), |
|
SizedBox(width: 14), |
|
], |
|
), |
|
SizedBox( |
|
height: 12.h, |
|
), |
|
Container( |
|
width: double.infinity, |
|
height: 1.h, |
|
color: Color(0xFFF2F2F2), |
|
margin: EdgeInsets.only(bottom: 13.h), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 14), |
|
child: Row( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|
children: [ |
|
Expanded( |
|
child: Container( |
|
color: Colors.white, |
|
child: Html( |
|
data: memberRecharge?.remark ?? "", |
|
), |
|
), |
|
) |
|
], |
|
), |
|
) |
|
], |
|
), |
|
))); |
|
}); |
|
} |
|
|
|
Widget shopItem(Store store) { |
|
return Container( |
|
decoration: BoxDecoration( |
|
borderRadius: new BorderRadius.circular(6), |
|
color: Colors.white, |
|
), |
|
padding: EdgeInsets.all(12), |
|
margin: EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
children: [ |
|
Expanded( |
|
flex: 1, |
|
child: Text( |
|
store.storeName ?? "", |
|
style: TextStyle( |
|
fontSize: 14.sp, |
|
fontWeight: MyFontWeight.semi_bold, |
|
color: Colors.black, |
|
), |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () { |
|
// Navigator.of(context).pushNamed('/router/union_detail_page', |
|
// arguments: {"id": store.id}); |
|
if (store.posType?.code == "NORMALSTORE") { |
|
Scan.toScan( |
|
context, |
|
store.id, |
|
store.tenantCode, |
|
store.storeName, |
|
); |
|
} else { |
|
Navigator.of(context).pushNamed( |
|
'/router/store_order', |
|
arguments: { |
|
"id": store.id, |
|
"tenant": store.tenantCode, |
|
"storeName": store.storeName |
|
}, |
|
); |
|
} |
|
}, |
|
child: Text( |
|
S.of(context).chakan, |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.medium, |
|
color: Color(0xff32A060), |
|
), |
|
), |
|
), |
|
Icon( |
|
Icons.chevron_right, |
|
color: Color(0xff32A060), |
|
size: 16, |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 8.h, |
|
), |
|
Row( |
|
children: [ |
|
Text( |
|
"${S.of(context).dizhi}: ", |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xff353535), |
|
), |
|
), |
|
Expanded( |
|
child: Text( |
|
store.address ?? "", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xff353535), |
|
), |
|
), |
|
flex: 1, |
|
) |
|
], |
|
), |
|
SizedBox( |
|
height: 4.h, |
|
), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Expanded( |
|
flex: 1, |
|
child: Text( |
|
S.of(context).yingyeshijian((store.openStartTime == null && |
|
store.openEndTime == null) |
|
? S.of(context).quantian |
|
: "${store.openStartTime?.substring(0, store.openStartTime?.lastIndexOf(":"))} - ${store.openEndTime?.substring(0, store.openEndTime?.lastIndexOf(":"))}"), |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xff353535), |
|
), |
|
), |
|
), |
|
Text( |
|
(store.distance ?? 0) > 1000 |
|
? S.of(context).gongli( |
|
((store.distance ?? 0) / 1000 * 100).toInt() / 100.0) |
|
: S |
|
.of(context) |
|
.mi(((store.distance ?? 0) * 100).toInt() / 100.0), |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xff868686), |
|
), |
|
), |
|
], |
|
), |
|
], |
|
), |
|
); |
|
} |
|
}
|
|
|