Browse Source
# Conflicts: # assets/image/2x/icon_search.webp # assets/image/3x/icon_search.webp # assets/image/icon_search.webpdev
5 changed files with 1166 additions and 417 deletions
@ -0,0 +1,664 @@
|
||||
import 'package:barcode_widget/barcode_widget.dart'; |
||||
import 'package:dio/dio.dart'; |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:flutter_bmflocation/flutter_bmflocation.dart'; |
||||
import 'package:flutter_easyloading/flutter_easyloading.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||
import 'package:huixiang/retrofit/data/page.dart'; |
||||
import 'package:huixiang/retrofit/data/product.dart'; |
||||
import 'package:huixiang/retrofit/data/user_bill.dart'; |
||||
import 'package:huixiang/retrofit/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/utils/location.dart'; |
||||
import 'package:huixiang/utils/painter_bg.dart'; |
||||
import 'package:huixiang/view_widget/classic_header.dart'; |
||||
import 'package:huixiang/view_widget/custom_image.dart'; |
||||
import 'package:huixiang/view_widget/my_appbar.dart'; |
||||
import 'package:huixiang/view_widget/my_footer.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 '../retrofit/data/rechargeActLists.dart'; |
||||
import '../utils/flutter_utils.dart'; |
||||
import '../view_widget/no_data_view.dart'; |
||||
import '../view_widget/recharge_details_dialog.dart'; |
||||
|
||||
class MineShopRecharge extends StatefulWidget { |
||||
final Map<String, dynamic> arguments; |
||||
|
||||
MineShopRecharge({this.arguments}); |
||||
|
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _MineShopRecharge(); |
||||
} |
||||
} |
||||
|
||||
class _MineShopRecharge extends State<MineShopRecharge> { |
||||
ApiService apiService; |
||||
VipCard vipCard; |
||||
RechargeActLists rechargeActLists; |
||||
int selectIndex = 0; |
||||
double discount = 100; |
||||
var checkIndex = 2; |
||||
final RefreshController refreshController = RefreshController(); |
||||
|
||||
@override |
||||
void dispose() { |
||||
super.dispose(); |
||||
refreshController.dispose(); |
||||
} |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
vipDetail("", ""); |
||||
} |
||||
|
||||
///会员卡详情 |
||||
vipDetail(latitude, longitude) async { |
||||
SharedPreferences value = await SharedPreferences.getInstance(); |
||||
if (apiService == null) |
||||
apiService = |
||||
ApiService(Dio(), context: context, token: value.getString("token")); |
||||
BaseData<VipCard> baseData = await apiService.vipDetail({ |
||||
"id": widget.arguments["id"], |
||||
"latitude": "$latitude", |
||||
"longitude": "$longitude", |
||||
}).catchError((onError) {}); |
||||
if (baseData != null && baseData.isSuccess) { |
||||
vipCard = baseData.data; |
||||
refreshController.loadComplete(); |
||||
} else { |
||||
refreshController.loadFailed(); |
||||
} |
||||
print("object:object"); |
||||
setState(() {}); |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Scaffold( |
||||
appBar: MyAppBar( |
||||
title: "店铺充值", |
||||
titleColor: Colors.black, |
||||
background: Colors.white, |
||||
brightness: Brightness.dark, |
||||
leadingColor: Colors.black, |
||||
), |
||||
body: |
||||
Column( |
||||
children: [ |
||||
shopRechargeCard(), |
||||
// NoDataView( |
||||
// src: "assets/image/xiao_fei.webp", |
||||
// isShowBtn: false, |
||||
// text: "当前店铺暂无充值套餐~", |
||||
// fontSize: 16.sp, |
||||
// margin: EdgeInsets.only(top: 120.h, left: 60.w, right: 60.w), |
||||
// ), |
||||
Expanded(child:ListView.builder( |
||||
padding: EdgeInsets.zero, |
||||
itemCount: 6, |
||||
scrollDirection: Axis.vertical, |
||||
shrinkWrap: true, |
||||
physics: BouncingScrollPhysics(), |
||||
itemBuilder: (context, position) { |
||||
return GestureDetector( |
||||
onTap: () { |
||||
setState(() { |
||||
selectIndex = position; |
||||
}); |
||||
}, |
||||
child: rechargeItem(position)); |
||||
}, |
||||
)), |
||||
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), |
||||
], |
||||
), |
||||
), |
||||
], |
||||
), |
||||
), |
||||
Align( |
||||
alignment: Alignment.bottomCenter, |
||||
child: GestureDetector( |
||||
onTap: () { |
||||
}, |
||||
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 == null) return 0xFF32A060; |
||||
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 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?.length ?? 0) > 0 |
||||
? 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 != null ? 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 != null ? 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(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: |
||||
"555元", |
||||
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: |
||||
"526元", |
||||
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(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.w, |
||||
height: 15.h, |
||||
), |
||||
); |
||||
} |
||||
|
||||
///充值说明底部弹窗 |
||||
showRecharge(index) { |
||||
showModalBottomSheet( |
||||
context: context, |
||||
backgroundColor: Colors.transparent, |
||||
builder: (context) { |
||||
return RechargeWidget(rechargeActLists.preferentialList[index]); |
||||
}); |
||||
} |
||||
|
||||
Widget shopItem(StoreListBean 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 != null) ? 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), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
Loading…
Reference in new issue