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.
734 lines
26 KiB
734 lines
26 KiB
2 years ago
|
import 'dart:io';
|
||
|
|
|
||
|
|
import 'package:dio/dio.dart';
|
||
|
|
import 'package:flutter/cupertino.dart';
|
||
|
|
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:shared_preferences/shared_preferences.dart';
|
||
|
|
import 'package:tobias/tobias.dart';
|
||
|
|
|
||
|
|
import '../../generated/l10n.dart';
|
||
|
|
import '../../retrofit/data/base_data.dart';
|
||
|
|
import '../../retrofit/data/vip_card_home.dart';
|
||
|
|
import '../../retrofit/data/wx_pay.dart';
|
||
|
|
import '../../retrofit/retrofit_api.dart';
|
||
|
|
import '../../utils/flutter_utils.dart';
|
||
|
|
import '../../utils/min.dart';
|
||
|
|
import 'package:tobias/tobias.dart' as tobias;
|
||
|
|
|
||
|
|
class VipTop extends StatefulWidget {
|
||
|
|
final VipCardHome vipCardHome;
|
||
|
|
|
||
|
|
VipTop(this.vipCardHome);
|
||
|
|
|
||
|
|
@override
|
||
|
|
State<StatefulWidget> createState() {
|
||
|
|
return _VipTop();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
class _VipTop extends State<VipTop> {
|
||
|
|
int selectIndex = 0;
|
||
|
|
ApiService apiService;
|
||
|
|
var payType = 1;
|
||
|
|
dynamic payListen;
|
||
|
|
int stateIndex = 0;
|
||
|
|
|
||
|
|
@override
|
||
|
|
void initState() {
|
||
|
|
super.initState();
|
||
|
|
payListen = weChatResponseEventHandler.listen((event) async {
|
||
|
|
print("payCallback: ${event.errCode}");
|
||
|
|
if (event.errCode == 0) {
|
||
|
|
SmartDialog.showToast("支付成功", alignment: Alignment.center);
|
||
|
|
} else {
|
||
|
|
SmartDialog.showToast("支付失败", alignment: Alignment.center);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
recharge() async {
|
||
|
|
if (apiService == null) {
|
||
|
|
SharedPreferences value = await SharedPreferences.getInstance();
|
||
|
|
apiService = ApiService(Dio(),
|
||
|
|
context: context, token: value.getString("token"), showLoading: true);
|
||
|
|
}
|
||
|
|
BaseData<dynamic> baseData = await apiService.orderVip({
|
||
|
|
"cardId": widget?.vipCardHome?.cards[selectIndex]?.id,
|
||
|
|
"type": payType
|
||
|
|
}).catchError((error) {});
|
||
|
|
if (baseData != null && baseData.isSuccess) {
|
||
|
|
if (payType == 1) {
|
||
|
|
if (Platform.isAndroid) {
|
||
|
|
if (!(await Min.isInitialize())) {
|
||
|
|
// 小程序的微信支付和app的充值支付使用同一个WXPayEntryActivity回调，
|
||
|
|
// 然而充值时小程序未初始化会导致回调内部代码调用getPackage空指针，
|
||
|
|
// 故而在此初始化一下
|
||
|
|
await Min.initialize();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
WxPay wxPay = WxPay.fromJson(baseData.data);
|
||
|
|
await registerWxApi(
|
||
|
|
appId: wxPay.appId,
|
||
|
|
doOnAndroid: true,
|
||
|
|
universalLink: "https://hx.lotus-wallet.com/app/",
|
||
|
|
);
|
||
|
|
payWithWeChat(
|
||
|
|
appId: wxPay.appId,
|
||
|
|
partnerId: wxPay.partnerId,
|
||
|
|
prepayId: wxPay.prepayId,
|
||
|
|
packageValue: wxPay.packageValue,
|
||
|
|
nonceStr: wxPay.nonceStr,
|
||
|
|
timeStamp: int.tryParse(wxPay.timeStamp),
|
||
|
|
sign: wxPay.sign,
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
tobias.isAliPayInstalled().then((value) => {
|
||
|
|
// 判断是否安装了支付宝
|
||
|
|
if (!value)
|
||
|
|
{SmartDialog.showToast("请安装支付宝", alignment: Alignment.center)}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
tobias.aliPay(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);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
SmartDialog.showToast(baseData.msg, alignment: Alignment.center);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return Container(
|
||
|
|
child: Column(
|
||
|
|
children: [
|
||
|
|
vipCard(),
|
||
|
|
SizedBox(
|
||
|
|
height: 15.h,
|
||
|
|
),
|
||
|
|
(!(widget?.vipCardHome?.member?.isVip ?? false) || stateIndex== 1)?
|
||
|
|
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: "已享会员权益 ",
|
||
|
|
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(() {
|
||
|
|
stateIndex = 1;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
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),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
))),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget vipCard() {
|
||
|
|
return Container(
|
||
|
|
margin: EdgeInsets.fromLTRB(
|
||
|
|
16.w, MediaQuery.of(context).padding.top + 25.h, 16.w, 8.h),
|
||
|
|
height: 167.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: 167.h,
|
||
|
|
),
|
||
|
|
Container(
|
||
|
|
padding: EdgeInsets.all(16.w),
|
||
|
|
child: Column(
|
||
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
Expanded(
|
||
|
|
child: Text(
|
||
|
|
"回乡VIP卡",
|
||
|
|
style: TextStyle(
|
||
|
|
color: Color(0xff32A060),
|
||
|
|
fontSize: 24.sp,
|
||
|
|
fontWeight: MyFontWeight.semi_bold,
|
||
|
|
),
|
||
|
|
)),
|
||
|
|
Text(
|
||
|
|
widget?.vipCardHome?.member?.nickname ?? "",
|
||
|
|
style: TextStyle(
|
||
|
|
color: Colors.white,
|
||
|
|
fontSize: 15.sp,
|
||
|
|
fontWeight: MyFontWeight.regular,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
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(0xffFFFFFF),
|
||
|
|
fontSize: 13.sp,
|
||
|
|
fontWeight: MyFontWeight.regular,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget vipCardList() {
|
||
|
|
return Container(
|
||
|
|
height: 132.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?.cards[selectIndex]?.autoSubscribe ??
|
||
|
|
false) {
|
||
|
|
vipTreatyShowBottomSheet();
|
||
|
|
} else {
|
||
|
|
vipShowBottomSheet();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
child: vipCardItem(widget?.vipCardHome?.cards[position], position),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget vipCardItem(Cards cards, index) {
|
||
|
|
return Expanded(
|
||
|
|
child: 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(4.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,
|
||
|
|
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(
|
||
|
|
"￥${AppUtils.calculateDouble(double.tryParse(cards?.price ?? ""))}",
|
||
|
|
textAlign: TextAlign.center,
|
||
|
|
style: TextStyle(
|
||
|
|
color: Color(0xff32A060),
|
||
|
|
fontSize: 36.sp,
|
||
|
|
fontWeight: MyFontWeight.medium,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
if (cards.autoSubscribe)
|
||
|
|
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(
|
||
|
|
"更优惠",
|
||
|
|
style: TextStyle(
|
||
|
|
color: Colors.white,
|
||
|
|
fontSize: 12.sp,
|
||
|
|
fontWeight: MyFontWeight.regular,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
));
|
||
|
|
}
|
||
|
|
|
||
|
|
///会员卡包月协议弹窗
|
||
|
|
vipTreatyShowBottomSheet() {
|
||
|
|
showModalBottomSheet(
|
||
|
|
builder: (BuildContext context) {
|
||
|
|
return treatyBuildBottomSheetWidget(context);
|
||
|
|
},
|
||
|
|
backgroundColor: Colors.transparent,
|
||
|
|
barrierColor: 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: [
|
||
|
|
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(
|
||
|
|
"立刻开通",
|
||
|
|
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.all(16),
|
||
|
|
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(
|
||
|
|
"支付方式",
|
||
|
|
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,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
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(
|
||
|
|
"支付宝支付",
|
||
|
|
style: TextStyle(
|
||
|
|
fontWeight: MyFontWeight.regular,
|
||
|
|
fontSize: 15.sp,
|
||
|
|
color: Color(0xff0D0D0D),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
SizedBox(
|
||
|
|
width: 20.w,
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
Container(
|
||
|
|
width: double.infinity,
|
||
|
|
height: 40.h,
|
||
|
|
margin: EdgeInsets.only(top: 30.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,
|
||
|
|
color: Colors.white,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
TextSpan(
|
||
|
|
text: AppUtils.calculateDouble(double.tryParse(
|
||
|
|
widget?.vipCardHome?.cards[selectIndex]
|
||
|
|
?.price ??
|
||
|
|
"")),
|
||
|
|
style: TextStyle(
|
||
|
|
fontWeight: MyFontWeight.regular,
|
||
|
|
fontSize: 20.sp,
|
||
|
|
color: Colors.white,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
textDirection: TextDirection.ltr,
|
||
|
|
)),
|
||
|
|
GestureDetector(
|
||
|
|
onTap: () {
|
||
|
|
Navigator.of(context).pop();
|
||
|
|
recharge();
|
||
|
|
},
|
||
|
|
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(
|
||
|
|
"立刻支付",
|
||
|
|
style: TextStyle(
|
||
|
|
fontSize: 16.sp,
|
||
|
|
height: 1.3.h,
|
||
|
|
fontWeight: MyFontWeight.regular,
|
||
|
|
color: Color(0xFFFFFFFF),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
),
|
||
|
|
)
|
||
|
|
],
|
||
|
|
),
|
||
|
|
));
|
||
|
|
}
|
||
|
|
}
|