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.
398 lines
12 KiB
398 lines
12 KiB
import 'package:bot_toast/bot_toast.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:project_telephony/base/base_style.dart';
|
|
import 'package:project_telephony/ui/user/members_page.dart';
|
|
import 'package:project_telephony/ui/widget/check_radio.dart';
|
|
import 'package:project_telephony/ui/widget/plone_back_button.dart';
|
|
import 'package:project_telephony/ui/widget/plone_bottom.dart';
|
|
import 'package:project_telephony/ui/widget/putup_widget.dart';
|
|
import 'package:project_telephony/utils/headers.dart';
|
|
import 'package:tobias/tobias.dart';
|
|
import 'package:fluwx/fluwx.dart' as fluwx;
|
|
import '../../model/pay/wx_pay_model.dart';
|
|
import '../../utils/pay_util.dart';
|
|
|
|
class MembersPage extends StatefulWidget {
|
|
const MembersPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
_MembersPageState createState() => _MembersPageState();
|
|
}
|
|
|
|
ChooseItems? _chooseItem;
|
|
List<dynamic>? data;
|
|
final List<ChooseItems> _piceList = [
|
|
ChooseItems(
|
|
month: 12,
|
|
pice: 10,
|
|
),
|
|
ChooseItems(
|
|
month: 1,
|
|
pice: 1,
|
|
),
|
|
];
|
|
int _selectIndex = 0;
|
|
List payWay = [
|
|
{
|
|
'payName': '微信支付',
|
|
'payUrl': Assets.icons.weixin.path,
|
|
},
|
|
{'payName': '支付宝支付', 'payUrl': Assets.icons.zhifubao.path}
|
|
];
|
|
|
|
class _MembersPageState extends State<MembersPage> {
|
|
@override
|
|
|
|
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
body: Stack(
|
|
children: [
|
|
Align(
|
|
child: SizedBox(
|
|
width: 750.w,
|
|
height: 1624.w,
|
|
),
|
|
),
|
|
Positioned(
|
|
child: Image.asset(
|
|
Assets.images.vipbg.path,
|
|
)),
|
|
Positioned(top: 256.w, left: 32.w, child: _getBanner()),
|
|
Positioned(
|
|
top: 480.w,
|
|
child: Container(
|
|
height: 1208.w,
|
|
width: 750.w,
|
|
decoration: const BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(20),
|
|
topRight: Radius.circular(20))),
|
|
child: Column(children: [
|
|
_getRecharge(),
|
|
_getSpay(payWay),
|
|
PloneBottom(
|
|
border: true,
|
|
onTap: () async {
|
|
if(_chooseItem == null){
|
|
Get.snackbar('提示', "请先选择充值月份");
|
|
}else{
|
|
if (_selectIndex == 0) {
|
|
_wxPayFunc();
|
|
}else{
|
|
var result = await isAliPayInstalled(); // 这里判断是否安装支付宝
|
|
if(!result){
|
|
Get.snackbar('提示', "请先安装支付宝");
|
|
}else{
|
|
aliPay("paySign").then((payResult) {
|
|
// map["paySign"]是请求接口返回的字符串直接放进去就好了
|
|
print("支付宝:" + payResult.toString());
|
|
if (payResult['resultStatus'] == '9000') {
|
|
Get.snackbar('提示', "充值成功");
|
|
} else {
|
|
Get.snackbar('提示', payResult['memo']);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
},
|
|
textColor: const Color(0xFF333333),
|
|
text: "立即开通",
|
|
color1: const Color(0xFFFFF6D8),
|
|
color2: const Color(0xFFFFEAB0),
|
|
)
|
|
]),
|
|
)),
|
|
Positioned(
|
|
top: 68.w,
|
|
child: Row(
|
|
children: [
|
|
const CloudBackButton(
|
|
isSpecial: true,
|
|
),
|
|
154.wb,
|
|
Text('会员中心', style: Theme.of(context).textTheme.headline6),
|
|
],
|
|
)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
//banner
|
|
_getBanner() {
|
|
return SizedBox(
|
|
// margin: EdgeInsets.symmetric(horizontal: 32.w),
|
|
child: Stack(children: [
|
|
Align(
|
|
child: SizedBox(
|
|
width: 686.w,
|
|
child: Image.asset(
|
|
Assets.images.vipbanner.path,
|
|
width: 622.w,
|
|
height: 244.w,
|
|
fit: BoxFit.fill,
|
|
),
|
|
)),
|
|
Positioned(
|
|
child: Container(
|
|
margin: EdgeInsets.symmetric(horizontal: 64.w, vertical: 50.w),
|
|
child: _getText()))
|
|
]),
|
|
);
|
|
}
|
|
|
|
//banner 文字
|
|
_getText() {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
_getVip(),
|
|
18.hb,
|
|
Text(
|
|
"解锁全部功能",
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: BaseStyle.fontSize32,
|
|
fontWeight: FontWeight.bold),
|
|
),
|
|
16.hb,
|
|
Text(
|
|
"暂未开通会员",
|
|
style: TextStyle(color: Colors.white, fontSize: BaseStyle.fontSize24),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
_getVip() {
|
|
return Row(
|
|
children: [
|
|
Text(
|
|
"VIP",
|
|
style: TextStyle(
|
|
color: const Color(0xFFFFEAB0),
|
|
fontFamily: "BlackItalic",
|
|
fontSize: 32.sp),
|
|
),
|
|
Container(
|
|
width: 8.w,
|
|
height: 8.w,
|
|
alignment: Alignment.center,
|
|
margin: EdgeInsets.symmetric(horizontal: 8.w),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(4),
|
|
color: const Color(0xFFFFEAB0),
|
|
),
|
|
),
|
|
const Text(
|
|
"未开通会员",
|
|
style: TextStyle(
|
|
color: Color(
|
|
0xFFFFEAB0,
|
|
),
|
|
fontWeight: FontWeight.w700),
|
|
)
|
|
],
|
|
);
|
|
}
|
|
|
|
|
|
Future _wxPayFunc() async{
|
|
bool isInstalled=await fluwx.isWeChatInstalled;
|
|
if(!isInstalled){
|
|
BotToast.showText(text: "请先安装微信");
|
|
return ;
|
|
}
|
|
//调起支付
|
|
fluwx.payWithWeChat(
|
|
appId: "wxd930ea5d5a228f5f",
|
|
partnerId: "partnerId",
|
|
prepayId: "prepayId",
|
|
packageValue: "packageValue",
|
|
nonceStr: "nonceStr",
|
|
timeStamp: 1597927308,
|
|
sign: "sign");
|
|
fluwx.weChatResponseEventHandler.listen((event) { if(event.isSuccessful){
|
|
BotToast.showText(text: "微信支付成功");
|
|
}else{
|
|
BotToast.showText(text: "微信支付失败");
|
|
}
|
|
});
|
|
// var wxPayModel = WxPayModel.fromJson({
|
|
// "prepayId": "wx121434071826969924754d7d3309520000",
|
|
// "partnerId": "1622850618",
|
|
// "timeStamp": "1660286047",
|
|
// "nonceStr": "W14Z6RbKcHcI6QTETFyrxteD3m2P7ZaF",
|
|
// "package": "Sign=WXPay",
|
|
// "sign": "i4LDk+FlAfXukLPet6oFdtVkAXHv8aKkajO4i2tiXETBqudWJPzYAaziPH3eBo1yCvkMOyoVddWDKqHXhwrN2uvubz8YpSICt9yZBcndVaXOK+X9hY765sYoFV6sGHz5iuPljTRUWWrmc8GYMEs8TlLDB5Q50NenzJSChdfDtZRV4kXtVK6xY9b0y++eUo/snzpmq/X6GwS9n0auKkT0TKW1C30/Hzpw3SMziXPP02TvBvbqj57f6rHuGJS/LUX2ZwCR8iFZsfuiXo+7lyHHsimr4jVczdS6VtobeekrPq4vTe72d/HU/ECEZRSYxsL5DbyS2TvSNzFA6Z7wGDzkpQ=="
|
|
// });
|
|
// await PayUtil().callWxPay(
|
|
// payModel: wxPayModel,
|
|
// );
|
|
}
|
|
// base ={
|
|
// "content": {
|
|
// "prepayId": "wx121434071826969924754d7d3309520000",
|
|
// "partnerId": "1622850618",
|
|
// "timeStamp": "1660286047",
|
|
// "nonceStr": "W14Z6RbKcHcI6QTETFyrxteD3m2P7ZaF",
|
|
// "package": "Sign=WXPay",
|
|
// "sign": "i4LDk+FlAfXukLPet6oFdtVkAXHv8aKkajO4i2tiXETBqudWJPzYAaziPH3eBo1yCvkMOyoVddWDKqHXhwrN2uvubz8YpSICt9yZBcndVaXOK+X9hY765sYoFV6sGHz5iuPljTRUWWrmc8GYMEs8TlLDB5Q50NenzJSChdfDtZRV4kXtVK6xY9b0y++eUo/snzpmq/X6GwS9n0auKkT0TKW1C30/Hzpw3SMziXPP02TvBvbqj57f6rHuGJS/LUX2ZwCR8iFZsfuiXo+7lyHHsimr4jVczdS6VtobeekrPq4vTe72d/HU/ECEZRSYxsL5DbyS2TvSNzFA6Z7wGDzkpQ=="
|
|
// }
|
|
// };
|
|
// await apiClient.request(API.user.wallet.assessRecharge, data: {
|
|
// 'count': widget.count,
|
|
// 'payType': 2,
|
|
// });
|
|
// if (base.code ==null) {
|
|
//
|
|
// } else {
|
|
// BotToast.showText(text: "${base.msg}");
|
|
// }
|
|
// }
|
|
//
|
|
// Future _aliPayFunc() async {
|
|
// var base = await apiClient.request(API.user.wallet.assessRecharge, data: {
|
|
// 'count': widget.count,
|
|
// 'payType': 1,
|
|
// });
|
|
// if (base.code == 0) {
|
|
// var re = await PayUtil().callAliPay(base.data['content']);
|
|
// if (re) {
|
|
// _paySuccess();
|
|
// } else {
|
|
// BotToast.closeAllLoading();
|
|
// }
|
|
// } else {
|
|
// CloudToast.show(base.msg);
|
|
// }
|
|
// }
|
|
|
|
//充值金额
|
|
_getRecharge() {
|
|
return Container(
|
|
width: double.infinity,
|
|
decoration: const BoxDecoration(),
|
|
clipBehavior: Clip.antiAlias,
|
|
child: ListView(
|
|
shrinkWrap: true,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 80.w, vertical: 32.w),
|
|
child: SortWidget(
|
|
crossAxisSpacing: 24.w,
|
|
itemList: _piceList,
|
|
childAspectRatio: 288 / 216,
|
|
crossAxisCount: 2,
|
|
mainAxisSpacing: 20.w,
|
|
callback: (item, index) {
|
|
_chooseItem = item;
|
|
// print(_piceList[index].pice);
|
|
setState(() {});
|
|
},
|
|
pickItem: _chooseItem,
|
|
),
|
|
),
|
|
// 762.hb,
|
|
//40.hb,
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
_getSpay(List item) {
|
|
return Container(
|
|
// color: Colors.red,
|
|
width: double.infinity,
|
|
height: 500.w,
|
|
margin: EdgeInsets.symmetric(horizontal: 64.w),
|
|
child: ListView.builder(
|
|
itemBuilder: (context, index) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
_selectIndex = index;
|
|
// print(_selectIndex);
|
|
setState(() {});
|
|
},
|
|
child: Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 24.w, vertical: 40.w),
|
|
color: Colors.white,
|
|
child: Row(
|
|
children: [
|
|
SizedBox(
|
|
child: Image.asset(
|
|
item[index]['payUrl'],
|
|
width: 40.w,
|
|
height: 40.h,
|
|
),
|
|
),
|
|
20.wb,
|
|
SizedBox(
|
|
width: 200.w,
|
|
child: Text(
|
|
item[index]['payName'],
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w700,
|
|
color: BaseStyle.color333333,
|
|
fontSize: BaseStyle.fontSize28),
|
|
),
|
|
),
|
|
const Spacer(),
|
|
BeeCheckRadio(
|
|
value: index,
|
|
groupValue: [_selectIndex],
|
|
),
|
|
],
|
|
)),
|
|
);
|
|
},
|
|
itemCount: item.length,
|
|
),
|
|
);
|
|
|
|
// ListView.builder(
|
|
// itemBuilder: (context, index) {
|
|
// return GestureDetector(
|
|
// onTap: () {
|
|
// _selectIndex = index;
|
|
// // setState(() {});
|
|
// },
|
|
// child: Container(
|
|
// padding: EdgeInsets.symmetric(horizontal: 24.w, vertical: 40.w),
|
|
// color: Colors.white,
|
|
// child: Row(
|
|
// children: [
|
|
// SizedBox(
|
|
// child: Image.asset(
|
|
// item[index]['payUrl'],
|
|
// width: 40.w,
|
|
// height: 40.h,
|
|
// ),
|
|
// ),
|
|
// 20.wb,
|
|
// SizedBox(
|
|
// width: 200.w,
|
|
// child: Text(
|
|
// item[index]['payName'],
|
|
// style: TextStyle(
|
|
// color: BaseStyle.color333333,
|
|
// fontSize: BaseStyle.fontSize28),
|
|
// ),
|
|
// ),
|
|
// const Spacer(),
|
|
// BeeCheckRadio(
|
|
// value: index,
|
|
// groupValue: [_selectIndex],
|
|
// ),
|
|
// ],
|
|
// )),
|
|
// );
|
|
// },
|
|
// itemCount: item.length,
|
|
// );
|
|
}
|
|
}
|