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.
1075 lines
39 KiB
1075 lines
39 KiB
import 'dart:io'; |
|
|
|
import 'package:flutter/material.dart'; |
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
|
import 'package:fluwx/fluwx.dart'; |
|
import 'package:huixiang/utils/font_weight.dart'; |
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
import 'package:tobias/tobias.dart'; |
|
|
|
import '../../generated/l10n.dart'; |
|
import '../../data/base_data.dart'; |
|
import '../../data/vip_card_home.dart'; |
|
import '../../data/wx_pay.dart'; |
|
import '../../retrofit/retrofit_api.dart'; |
|
import '../../utils/flutter_utils.dart'; |
|
|
|
|
|
class VipTop extends StatefulWidget { |
|
final VipCardHome? vipCardHome; |
|
|
|
// final Function queryVipHome; |
|
|
|
VipTop(this.vipCardHome); |
|
|
|
@override |
|
State<StatefulWidget> createState() { |
|
return _VipTop(); |
|
} |
|
} |
|
|
|
class _VipTop extends State<VipTop> { |
|
int selectIndex = 0; |
|
ApiService? apiService; |
|
var payType = 1; |
|
|
|
Fluwx fluwx = Fluwx(); |
|
Tobias tobias = Tobias(); |
|
|
|
@override |
|
void initState() { |
|
super.initState(); |
|
|
|
fluwx.addSubscriber((response) { |
|
print("payCallback: ${response.errCode}"); |
|
if (response.errCode == 0) { |
|
// widget.queryVipHome(); |
|
SmartDialog.showToast("支付成功", alignment: Alignment.center); |
|
} else { |
|
SmartDialog.showToast("支付失败", alignment: Alignment.center); |
|
return; |
|
} |
|
}); |
|
} |
|
|
|
rechargeVIP() async { |
|
BaseData<dynamic>? baseData = await apiService?.orderVip({ |
|
"cardId": widget.vipCardHome?.cards?[selectIndex].id, |
|
"type": payType |
|
}).catchError((error) { |
|
return BaseData<dynamic>()..isSuccess = false; |
|
}); |
|
if (baseData?.isSuccess ?? false) { |
|
if (payType == 1) { |
|
// if (Platform.isAndroid) { |
|
// if (!(await Min.isInitialize())) { |
|
// // 小程序的微信支付和app的充值支付使用同一个WXPayEntryActivity回调， |
|
// // 然而充值时小程序未初始化会导致回调内部代码调用getPackage空指针， |
|
// // 故而在此初始化一下 |
|
// await Min.initialize(); |
|
// } |
|
// } |
|
WxPay wxPay = WxPay.fromJson(baseData!.data); |
|
if (wxPay.isAnyEmpty()) { |
|
SmartDialog.showToast("微信支付参数错误", alignment: Alignment.center); |
|
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') { |
|
// widget.queryVipHome(); |
|
SmartDialog.showToast("支付成功", |
|
alignment: Alignment.center); |
|
} else { |
|
SmartDialog.showToast(payRes['memo'], |
|
alignment: Alignment.center); |
|
} |
|
}) |
|
} |
|
}); |
|
} |
|
} |
|
} |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
return Stack( |
|
children: [ |
|
Container( |
|
height: 246.h, |
|
decoration: BoxDecoration( |
|
color: Color(0xff32A060), |
|
borderRadius: BorderRadius.vertical( |
|
bottom: Radius.circular(8.w), |
|
), |
|
), |
|
), |
|
Container( |
|
child: Column( |
|
children: [ |
|
vipCard(), |
|
// if(widget?.vipCardHome?.cards?.length != 0) |
|
// SizedBox( |
|
// height: 15.h, |
|
// ), |
|
// (!(widget?.vipCardHome?.member?.isVip ?? false)) |
|
// ? (widget?.vipCardHome?.cards?.length == 0 ? Container():vipCardList()) |
|
// : Padding( |
|
// padding: EdgeInsets.symmetric(horizontal: 16.w), |
|
// child: Row( |
|
// children: [ |
|
// Expanded( |
|
// child: Container( |
|
// alignment: Alignment.center, |
|
// padding: EdgeInsets.symmetric( |
|
// horizontal: 10.w, vertical: 15.h), |
|
// decoration: BoxDecoration( |
|
// borderRadius: BorderRadius.circular(4.w), |
|
// color: Color(0xffffffff), |
|
// boxShadow: [ |
|
// BoxShadow( |
|
// color: Colors.black.withAlpha(12), |
|
// offset: Offset(0, 3), |
|
// blurRadius: 14, |
|
// spreadRadius: 0, |
|
// ) |
|
// ], |
|
// ), |
|
// child: Text.rich( |
|
// TextSpan( |
|
// children: [ |
|
// TextSpan( |
|
// text: S |
|
// .of(context) |
|
// .yixianghuiyuanquanyi, |
|
// style: TextStyle( |
|
// fontWeight: MyFontWeight.semi_bold, |
|
// fontSize: 15.sp, |
|
// color: Color(0xff32A060), |
|
// ), |
|
// ), |
|
// TextSpan( |
|
// text: widget?.vipCardHome?.member |
|
// ?.vipDuration |
|
// .toString() ?? |
|
// "0", |
|
// style: TextStyle( |
|
// fontWeight: MyFontWeight.semi_bold, |
|
// fontSize: 18.sp, |
|
// color: Color(0xffF96519), |
|
// ), |
|
// ), |
|
// TextSpan( |
|
// text: " 天", |
|
// style: TextStyle( |
|
// fontWeight: MyFontWeight.semi_bold, |
|
// fontSize: 15.sp, |
|
// color: Color(0xff32A060), |
|
// ), |
|
// ), |
|
// ], |
|
// ), |
|
// textDirection: TextDirection.ltr, |
|
// ))), |
|
// SizedBox( |
|
// width: 10.w, |
|
// ), |
|
// Expanded( |
|
// child: GestureDetector( |
|
// onTap: () { |
|
// setState(() { |
|
// vipRenewShowBottomSheet(); |
|
// }); |
|
// }, |
|
// child: Container( |
|
// alignment: Alignment.center, |
|
// padding: EdgeInsets.symmetric( |
|
// horizontal: 10.w, vertical: 15.h), |
|
// decoration: BoxDecoration( |
|
// borderRadius: BorderRadius.circular(4.w), |
|
// color: Color(0xffffffff), |
|
// boxShadow: [ |
|
// BoxShadow( |
|
// color: Colors.black.withAlpha(12), |
|
// offset: Offset(0, 3), |
|
// blurRadius: 14, |
|
// spreadRadius: 0, |
|
// ) |
|
// ], |
|
// ), |
|
// child: Row( |
|
// mainAxisAlignment: |
|
// MainAxisAlignment.center, |
|
// crossAxisAlignment: |
|
// CrossAxisAlignment.center, |
|
// children: [ |
|
// Text( |
|
// "${(widget?.vipCardHome?.member?.isVipSubscribe ?? false) ? "已开通自动续费" : "续费回乡VIP"}", |
|
// style: TextStyle( |
|
// color: Color((widget |
|
// ?.vipCardHome |
|
// ?.member |
|
// ?.isVipSubscribe ?? |
|
// false) |
|
// ? 0xff3A3936 |
|
// : 0xff32A060), |
|
// fontSize: 15.sp, |
|
// fontWeight: MyFontWeight.semi_bold, |
|
// ), |
|
// ), |
|
// SizedBox( |
|
// width: 6.w, |
|
// ), |
|
// Image.asset( |
|
// "${(widget?.vipCardHome?.member?.isVipSubscribe ?? false) ? "assets/image/vip_xf.webp" : "assets/image/icon_right.webp"}", |
|
// width: 16, |
|
// height: 16, |
|
// fit: BoxFit.fill, |
|
// color: Color(0xff32A060), |
|
// ), |
|
// ], |
|
// ))), |
|
// ) |
|
// ], |
|
// ), |
|
// ), |
|
rechargeGuide(), |
|
], |
|
), |
|
) |
|
], |
|
); |
|
} |
|
|
|
///充值引导 |
|
Widget rechargeGuide() { |
|
return Container( |
|
margin: EdgeInsets.only(left: 14.w, right: 14.w, bottom: 21.h, top: 16.h), |
|
width: double.infinity, |
|
padding: EdgeInsets.only(top: 14.h, left: 12.h, bottom: 8.h, right: 14.w), |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(6.w), |
|
color: Colors.white, |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(12), |
|
offset: Offset(0, 3), |
|
blurRadius: 14, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
child: Row( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Expanded( |
|
child: Column( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Text.rich( |
|
TextSpan( |
|
children: [ |
|
TextSpan( |
|
text: "充值", |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.extra_bold, |
|
fontSize: 18.sp, |
|
fontFamily: 'JDZhengHT', |
|
color: Color(0xFF262626), |
|
), |
|
), |
|
TextSpan( |
|
text: "￥200以上", |
|
style: TextStyle( |
|
fontSize: 18.sp, |
|
color: Color(0xffFF7E12), |
|
fontWeight: MyFontWeight.semi_bold, |
|
), |
|
), |
|
TextSpan( |
|
text: "即开通回乡VIP卡", |
|
style: TextStyle( |
|
fontSize: 18.sp, |
|
color: Color(0xFF262626), |
|
fontWeight: MyFontWeight.semi_bold, |
|
), |
|
), |
|
], |
|
), |
|
textDirection: TextDirection.ltr, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(top: 6.h, bottom: 10.h), |
|
child: Text( |
|
"享受多门店商品9.2折优惠价！", |
|
style: TextStyle( |
|
color: Color(0xFF32A060), |
|
fontSize: 15.sp, |
|
fontWeight: MyFontWeight.semi_bold, |
|
), |
|
)), |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
children: [ |
|
Text( |
|
"*活动一切解释权归海峡姐妹品牌公司所有", |
|
style: TextStyle( |
|
color: Color(0xFF151515), |
|
fontSize: 8.sp, |
|
fontWeight: MyFontWeight.semi_bold, |
|
), |
|
), |
|
GestureDetector( |
|
behavior: HitTestBehavior.opaque, |
|
onTap: () { |
|
Navigator.of(context).pushNamed('/router/recharge_page'); |
|
}, |
|
child: Container( |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.all(Radius.circular(100)), |
|
border: Border.all( |
|
width: 1.w, |
|
color: Color(0xFF32A060), |
|
style: BorderStyle.solid, |
|
), |
|
color: Color(0xFFFFFFFF), |
|
), |
|
padding: |
|
EdgeInsets.symmetric(vertical: 4.h, horizontal: 12.w), |
|
child: Row(children: [ |
|
Text( |
|
"去储值", |
|
style: TextStyle( |
|
color: Color(0xFF32A060), |
|
fontSize: 14.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
Image.asset( |
|
"assets/image/icon_right.webp", |
|
width: 13, |
|
fit: BoxFit.fill, |
|
height: 13, |
|
color: Color(0xFF32A060), |
|
) |
|
]), |
|
), |
|
) |
|
], |
|
) |
|
], |
|
)), |
|
SizedBox( |
|
width: 11.h, |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(top: 4.h), |
|
child: Image.asset( |
|
"assets/image/vip_cz.webp", |
|
fit: BoxFit.fill, //填充剩余空间 |
|
height: 50.w, |
|
width: 54.h, |
|
), |
|
) |
|
], |
|
), |
|
); |
|
} |
|
|
|
///vip卡 |
|
Widget vipCard() { |
|
return Container( |
|
margin: EdgeInsets.fromLTRB( |
|
14.w, (MediaQuery.of(context).padding.top + 50.h), 14.w, 8.h), |
|
width: double.infinity, |
|
height: 207.h, |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(8.w), |
|
color: Colors.white, |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(12), |
|
offset: Offset(0, 3), |
|
blurRadius: 14, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
child: Stack( |
|
// alignment: Alignment.center, |
|
children: [ |
|
Image.asset( |
|
"assets/image/vip_card.webp", |
|
fit: BoxFit.fill, //填充剩余空间 |
|
height: double.infinity, |
|
width: double.infinity, |
|
), |
|
Container( |
|
padding: EdgeInsets.only(top: 24.h, right: 16.w), |
|
alignment: Alignment.topRight, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Text( |
|
widget.vipCardHome?.member?.nickname ?? "", |
|
style: TextStyle( |
|
color: Color(0xff32A060), |
|
fontSize: 15.sp, |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
SizedBox( |
|
height: 15.h, |
|
), |
|
if (widget.vipCardHome?.member?.isVip ?? false) |
|
Text( |
|
"有效期至 ${(widget.vipCardHome?.member?.vipExpire ?? "").substring(0, (widget.vipCardHome?.member?.vipExpire ?? "").indexOf(" "))}", |
|
style: TextStyle( |
|
color: Color(0xff32A060), |
|
fontSize: 13.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
///VIP购买套餐 |
|
Widget vipCardList() { |
|
return Container( |
|
height: 136.h, |
|
margin: EdgeInsets.symmetric(horizontal: 14.w), |
|
child: ListView.builder( |
|
scrollDirection: Axis.horizontal, |
|
physics: BouncingScrollPhysics(), |
|
itemCount: widget.vipCardHome?.cards?.length ?? 0, |
|
itemBuilder: (context, position) { |
|
return GestureDetector( |
|
onTap: () { |
|
setState(() { |
|
selectIndex = position; |
|
if (widget.vipCardHome?.member?.isVip ?? false) { |
|
vipShowBottomSheet(); |
|
} else { |
|
vipTreatyShowBottomSheet(); |
|
} |
|
}); |
|
}, |
|
child: vipCardItem(widget.vipCardHome!.cards![position], position), |
|
); |
|
}, |
|
), |
|
); |
|
} |
|
|
|
Widget vipCardItem(Cards cards, index) { |
|
return Stack( |
|
alignment: Alignment.topRight, |
|
children: [ |
|
Container( |
|
height: double.infinity, |
|
width: 166.w, |
|
alignment: Alignment.center, |
|
padding: EdgeInsets.symmetric(horizontal: 10.w, vertical: 25.h), |
|
margin: EdgeInsets.only(right: 15.w), |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(6.w), |
|
color: Color(selectIndex == index ? 0xffF0FAF4 : 0xffffffff), |
|
border: Border.all( |
|
color: Color(selectIndex == index ? 0xff32A060 : 0xFFEAEAEA), |
|
width: 2, |
|
), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(12), |
|
offset: Offset(0, 3), |
|
blurRadius: 14, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
child: Column( |
|
children: [ |
|
Row( |
|
children: [ |
|
Expanded( |
|
child: Text( |
|
"${cards.duration.toString() ?? ""}天", |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
color: Colors.black, |
|
fontSize: 15.sp, |
|
fontFamily: 'JDZhengHT', |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
), |
|
Expanded( |
|
child: Text( |
|
cards.name ?? "", |
|
textAlign: TextAlign.center, |
|
maxLines: 1, |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Colors.black, |
|
fontSize: 15.sp, |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 10.h, |
|
), |
|
Text.rich( |
|
TextSpan(children: [ |
|
TextSpan( |
|
text: "￥", |
|
style: TextStyle( |
|
fontSize: 20.sp, |
|
color: Color(0xff32A060), |
|
fontFamily: 'JDZhengHT', |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
TextSpan( |
|
text: |
|
"${AppUtils.calculateDouble(double.tryParse(cards.price ?? "0") ?? 0)}", |
|
style: TextStyle( |
|
fontSize: 36.sp, |
|
color: Color(0xff32A060), |
|
fontFamily: 'JDZhengHT', |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
]), |
|
), |
|
], |
|
), |
|
), |
|
if (cards.autoSubscribe ?? false) |
|
Container( |
|
padding: EdgeInsets.symmetric(vertical: 4.h, horizontal: 6.w), |
|
margin: EdgeInsets.only(right: 15.w), |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.only( |
|
topRight: Radius.circular(6.r), |
|
bottomLeft: Radius.circular(6.r), |
|
), |
|
color: Color(0xff32A060), |
|
), |
|
child: Text( |
|
S.of(context).gengyouhui, |
|
style: TextStyle( |
|
color: Colors.white, |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
) |
|
], |
|
); |
|
} |
|
|
|
///会员卡续费弹窗 |
|
vipRenewShowBottomSheet() { |
|
showModalBottomSheet( |
|
builder: (BuildContext context) { |
|
return StatefulBuilder(builder: ( |
|
context, |
|
state, |
|
) { |
|
return renewBuildBottomSheetWidget(context, state); |
|
}); |
|
}, |
|
backgroundColor: Colors.transparent, |
|
context: context); |
|
} |
|
|
|
Widget renewBuildBottomSheetWidget(BuildContext context, state) { |
|
return Container( |
|
padding: EdgeInsets.only( |
|
top: 10.h, |
|
), |
|
decoration: new BoxDecoration( |
|
color: Colors.white, |
|
borderRadius: new BorderRadius.only( |
|
topLeft: const Radius.circular(8.0), |
|
topRight: const Radius.circular(8.0),),), |
|
child: Container( |
|
height: 275.h, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Padding( |
|
padding: EdgeInsets.only(right: 14.w), |
|
child: Row( |
|
children: [ |
|
Expanded( |
|
child: Text( |
|
S.of(context).xuefeihuiyuan, |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.medium, |
|
fontSize: 15.sp, |
|
color: Color(0xff0D0D0D), |
|
), |
|
),), |
|
GestureDetector( |
|
onTap: () { |
|
Navigator.of(context).pop(); |
|
}, |
|
child: Icon( |
|
Icons.clear, |
|
color: Colors.black, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
SizedBox( |
|
height: 11.h, |
|
), |
|
Container( |
|
height: 136.h, |
|
margin: EdgeInsets.symmetric(horizontal: 14.w), |
|
child: ListView.builder( |
|
scrollDirection: Axis.horizontal, |
|
physics: BouncingScrollPhysics(), |
|
itemCount: widget.vipCardHome?.cards?.length ?? 0, |
|
itemBuilder: (context, position) { |
|
return GestureDetector( |
|
onTap: () { |
|
state(() { |
|
selectIndex = position; |
|
}); |
|
}, |
|
child: vipCardItem(widget.vipCardHome!.cards![position], position), |
|
); |
|
}, |
|
), |
|
), |
|
Container( |
|
width: double.infinity, |
|
height: 40.h, |
|
margin: EdgeInsets.only( |
|
top: 14.h, left: 14.w, right: 14.w, bottom: 5.h, |
|
), |
|
decoration: BoxDecoration( |
|
color: Color(0xff383A38), |
|
borderRadius: BorderRadius.circular(24), |
|
), |
|
child: GestureDetector( |
|
onTap: () { |
|
Navigator.of(context).pop(); |
|
vipShowBottomSheet(); |
|
}, |
|
child: Container( |
|
height: double.infinity, |
|
alignment: Alignment.center, |
|
padding: EdgeInsets.symmetric(horizontal: 16.w), |
|
decoration: new BoxDecoration( |
|
color: Color(0xff32A060), |
|
borderRadius: BorderRadius.circular(24), |
|
), |
|
child: Text( |
|
S.of(context).likexufei, |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
height: 1.3.h, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xFFFFFFFF), |
|
), |
|
), |
|
), |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () { |
|
Navigator.of(context).pushNamed('/router/user_vip_service_page'); |
|
}, |
|
child: Padding( |
|
padding: EdgeInsets.only( |
|
left: 14.w, bottom: 15.h, |
|
), |
|
child: Text.rich( |
|
TextSpan( |
|
children: [ |
|
TextSpan( |
|
text: "开通即默认同意", |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.regular, |
|
fontSize: 12.sp, |
|
color: Color(0xff4D4D4D), |
|
), |
|
), |
|
TextSpan( |
|
text: "《回乡VIP会员卡规则协议》", |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.regular, |
|
fontSize: 12.sp, |
|
color: Color(0xff32A060), |
|
), |
|
), |
|
], |
|
), |
|
textDirection: TextDirection.ltr, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
); |
|
} |
|
|
|
///会员卡包月协议弹窗 |
|
vipTreatyShowBottomSheet() { |
|
showModalBottomSheet( |
|
builder: (BuildContext context) { |
|
return treatyBuildBottomSheetWidget(context); |
|
}, |
|
backgroundColor: Colors.transparent, |
|
context: context); |
|
} |
|
|
|
Widget treatyBuildBottomSheetWidget(BuildContext context) { |
|
return Container( |
|
padding: EdgeInsets.symmetric(vertical: 20.h, horizontal: 14.w), |
|
height: 127.h, |
|
decoration: new BoxDecoration( |
|
color: Colors.white, |
|
borderRadius: new BorderRadius.only( |
|
topLeft: const Radius.circular(6.0), |
|
topRight: const Radius.circular(6.0),),), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
GestureDetector( |
|
onTap: () { |
|
Navigator.of(context) |
|
.pushNamed('/router/user_vip_service_page'); |
|
}, |
|
child: Padding( |
|
padding: EdgeInsets.only(left: 4.w), |
|
child: Text.rich( |
|
TextSpan( |
|
children: [ |
|
TextSpan( |
|
text: "开通即默认同意", |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.regular, |
|
fontSize: 12.sp, |
|
color: Color(0xff4D4D4D), |
|
), |
|
), |
|
TextSpan( |
|
text: "《回乡VIP会员卡规则协议》", |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.regular, |
|
fontSize: 12.sp, |
|
color: Color(0xff32A060), |
|
), |
|
), |
|
], |
|
), |
|
textDirection: TextDirection.ltr, |
|
), |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () { |
|
Navigator.of(context).pop(); |
|
vipShowBottomSheet(); |
|
}, |
|
child: Container( |
|
height: 40.h, |
|
alignment: Alignment.center, |
|
margin: EdgeInsets.only(top: 26.h), |
|
padding: EdgeInsets.symmetric(horizontal: 16.w), |
|
decoration: new BoxDecoration( |
|
color: Color(0xff32A060), |
|
borderRadius: BorderRadius.circular(24), |
|
), |
|
child: Text( |
|
S.of(context).likekaitong, |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
height: 1.3.h, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xFFFFFFFF), |
|
), |
|
), |
|
), |
|
) |
|
], |
|
), |
|
); |
|
} |
|
|
|
///会员卡包月购买弹窗 |
|
vipShowBottomSheet() { |
|
showModalBottomSheet( |
|
builder: (BuildContext context) { |
|
return StatefulBuilder(builder: ( |
|
context, |
|
state, |
|
) { |
|
return buildBottomSheetWidget(context, state); |
|
}); |
|
}, |
|
backgroundColor: Colors.transparent, |
|
context: context, |
|
); |
|
} |
|
|
|
Widget buildBottomSheetWidget(BuildContext context, state) { |
|
return Container( |
|
padding: |
|
EdgeInsets.only( |
|
top: 16.h, left: 16.w, right: 16.w, bottom: 35.h, |
|
), |
|
decoration: new BoxDecoration( |
|
color: Colors.white, |
|
borderRadius: new BorderRadius.only( |
|
topLeft: const Radius.circular(8.0), |
|
topRight: const Radius.circular(8.0),),), |
|
child: Container( |
|
height: 230.h, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Row( |
|
children: [ |
|
Expanded( |
|
child: Text( |
|
S.of(context).zhifufangshi, |
|
textAlign: TextAlign.center, |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.regular, |
|
fontSize: 15.sp, |
|
color: Color(0xff0D0D0D), |
|
), |
|
)), |
|
GestureDetector( |
|
onTap: () { |
|
Navigator.of(context).pop(); |
|
}, |
|
child: Icon( |
|
Icons.clear, |
|
color: Colors.black, |
|
), |
|
), |
|
], |
|
), |
|
if (!(widget.vipCardHome?.cards?[selectIndex].autoSubscribe ?? false)) |
|
GestureDetector( |
|
onTap: () { |
|
state(() { |
|
payType = 1; |
|
}); |
|
}, |
|
child: Container( |
|
padding: EdgeInsets.only( |
|
left: 14.w, right: 32.w, top: 11.h, bottom: 11.h, |
|
), |
|
margin: EdgeInsets.only(top: 17.h), |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(4.w), |
|
color: Color(payType == 1 ? 0xFFF0FAF4 : 0xffF9F9F9), |
|
border: Border.all( |
|
color: Color(payType == 1 ? 0xFF32A060 : 0xFFFAFAFA), |
|
width: payType == 1 ? 2 : 0, |
|
), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Color(0xffF9F9F9).withAlpha(12), |
|
offset: Offset(0, 3), |
|
blurRadius: 14, |
|
spreadRadius: 0, |
|
), |
|
], |
|
), |
|
child: Row( |
|
children: [ |
|
Image.asset( |
|
"assets/image/icon_we_chat.webp", |
|
width: 20, |
|
fit: BoxFit.fill, |
|
height: 20, |
|
), |
|
SizedBox( |
|
width: 8.w, |
|
), |
|
Text( |
|
S.of(context).weixinzhifu, |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.regular, |
|
fontSize: 15.sp, |
|
color: Color(0xff0D0D0D), |
|
), |
|
), |
|
SizedBox( |
|
width: 20.w, |
|
), |
|
], |
|
), |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () { |
|
state(() { |
|
payType = 2; |
|
}); |
|
}, |
|
child: Container( |
|
padding: EdgeInsets.only( |
|
left: 14.w, right: 32.w, top: 11.h, bottom: 11.h), |
|
margin: EdgeInsets.only(top: 17.h), |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(4.w), |
|
color: Color(payType == 2 ? 0xFFF0FAF4 : 0xffF9F9F9), |
|
border: Border.all( |
|
color: Color(payType == 2 ? 0xFF32A060 : 0xFFFAFAFA), |
|
width: payType == 2 ? 2 : 0, |
|
), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Color(0xffF9F9F9).withAlpha(12), |
|
offset: Offset(0, 3), |
|
blurRadius: 14, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
child: Row( |
|
children: [ |
|
Image.asset( |
|
"assets/image/icon_alipay.webp", |
|
width: 20, |
|
fit: BoxFit.fill, |
|
height: 20, |
|
), |
|
SizedBox( |
|
width: 8.w, |
|
), |
|
Text( |
|
S.of(context).zhifubaozhifu, |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.regular, |
|
fontSize: 15.sp, |
|
color: Color(0xff0D0D0D), |
|
), |
|
), |
|
SizedBox( |
|
width: 20.w, |
|
), |
|
], |
|
), |
|
), |
|
), |
|
Spacer(), |
|
Container( |
|
width: double.infinity, |
|
height: 40.h, |
|
decoration: new BoxDecoration( |
|
color: Color(0xff383A38), |
|
borderRadius: BorderRadius.circular(24), |
|
), |
|
child: Row( |
|
children: [ |
|
SizedBox( |
|
width: 16.w, |
|
), |
|
Expanded( |
|
child: Text.rich( |
|
TextSpan( |
|
children: [ |
|
TextSpan( |
|
text: "￥", |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.regular, |
|
fontSize: 12.sp, |
|
fontFamily: 'JDZhengHT', |
|
color: Colors.white, |
|
), |
|
), |
|
TextSpan( |
|
text: "${AppUtils.calculateDouble(double.tryParse(widget.vipCardHome?.cards?[selectIndex].price ?? "0") ?? 0)}", |
|
style: TextStyle( |
|
fontWeight: MyFontWeight.regular, |
|
fontSize: 20.sp, |
|
fontFamily: 'JDZhengHT', |
|
color: Colors.white, |
|
), |
|
), |
|
], |
|
), |
|
textDirection: TextDirection.ltr, |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () { |
|
Navigator.of(context).pop(); |
|
rechargeVIP(); |
|
}, |
|
child: Container( |
|
height: double.infinity, |
|
alignment: Alignment.center, |
|
padding: EdgeInsets.symmetric(horizontal: 16.w), |
|
decoration: new BoxDecoration( |
|
color: Color(0xff32A060), |
|
borderRadius: BorderRadius.circular(24), |
|
), |
|
child: Text( |
|
S.of(context).likezhifu, |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
height: 1.3.h, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xFFFFFFFF), |
|
), |
|
), |
|
), |
|
) |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
); |
|
} |
|
}
|
|
|