41 changed files with 2126 additions and 213 deletions
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 694 B |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 146 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 624 B |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 838 B |
|
After Width: | Height: | Size: 348 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
@ -0,0 +1,272 @@
|
||||
import 'package:dio/dio.dart'; |
||||
import 'package:flutter/cupertino.dart'; |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:fluttertoast/fluttertoast.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||
import 'package:huixiang/retrofit/data/coupon.dart'; |
||||
import 'package:huixiang/retrofit/data/page.dart'; |
||||
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||
import 'package:huixiang/view_widget/coupon_widget.dart'; |
||||
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
||||
import 'package:shared_preferences/shared_preferences.dart'; |
||||
|
||||
class CouponsPage extends StatefulWidget { |
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _CouponsPage(); |
||||
} |
||||
} |
||||
|
||||
class _CouponsPage extends State<CouponsPage> { |
||||
RefreshController _refreshController; |
||||
|
||||
ApiService apiService; |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
|
||||
SharedPreferences.getInstance().then((value) => { |
||||
apiService = ApiService(Dio(), token: value.getString('token')), |
||||
queryCard(), |
||||
}); |
||||
|
||||
_refreshController = RefreshController(initialRefresh: false); |
||||
} |
||||
|
||||
int pageNum = 1; |
||||
List<Coupon> coupons = []; |
||||
|
||||
void _onRefresh() async { |
||||
pageNum = 1; |
||||
queryCard(); |
||||
} |
||||
|
||||
queryCard() async { |
||||
BaseData baseData = await apiService.queryCard({ |
||||
"centre": true, |
||||
"pageNum": pageNum, |
||||
"pageSize": 10, |
||||
"searchKey": "", |
||||
"state": 3 |
||||
}).catchError((error) { |
||||
_refreshController.loadFailed(); |
||||
_refreshController.refreshFailed(); |
||||
}); |
||||
if (baseData.isSuccess) { |
||||
PageInfo pageInfo = PageInfo.fromJson(baseData.data); |
||||
if (pageNum == 1) { |
||||
coupons.clear(); |
||||
} |
||||
coupons.addAll(pageInfo.list.map((e) => Coupon.fromJson(e))); |
||||
setState(() { |
||||
_refreshController.refreshCompleted(); |
||||
_refreshController.loadComplete(); |
||||
if (pageInfo.pageNum == pageInfo.pages) { |
||||
_refreshController.loadNoData(); |
||||
} else { |
||||
pageNum += 1; |
||||
} |
||||
}); |
||||
} else { |
||||
_refreshController.loadFailed(); |
||||
_refreshController.refreshFailed(); |
||||
Fluttertoast.showToast(msg: baseData.msg); |
||||
} |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Scaffold( |
||||
body: Container( |
||||
child: Row( |
||||
children: [ |
||||
Container( |
||||
width: 68, |
||||
height: 26, |
||||
alignment: Alignment.center, |
||||
margin: EdgeInsets.only(left: 16, right: 12, top: 10, bottom: 14), |
||||
decoration:BoxDecoration( |
||||
borderRadius: BorderRadius.all(Radius.circular(2)), |
||||
color: Colors.white, |
||||
), |
||||
child:GestureDetector( |
||||
onTap: (){ |
||||
|
||||
}, |
||||
child: Text( |
||||
S.of(context).keyongquan, |
||||
style:TextStyle( |
||||
fontSize: 14, |
||||
fontWeight:FontWeight.bold, |
||||
color: Colors.black, |
||||
), |
||||
), |
||||
), |
||||
), |
||||
Container( |
||||
width: 68, |
||||
height: 26, |
||||
alignment: Alignment.center, |
||||
margin: EdgeInsets.only(left: 16, top: 10, bottom: 14), |
||||
decoration:BoxDecoration( |
||||
borderRadius: BorderRadius.all(Radius.circular(2)), |
||||
color: Color(0xffE5E5E5), |
||||
), |
||||
child: |
||||
GestureDetector( |
||||
onTap: (){ |
||||
Navigator.of(context).pushNamed('/router/mine_card_invalid'); |
||||
}, |
||||
child: Text( |
||||
S.of(context).shixiaoquan, |
||||
style:TextStyle( |
||||
fontSize: 14, |
||||
color: Color(0xff727272), |
||||
), |
||||
), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
), |
||||
); |
||||
} |
||||
|
||||
Widget vipCardItem() { |
||||
return Container( |
||||
margin: EdgeInsets.fromLTRB(16, 8, 16, 8), |
||||
// margin: EdgeInsets.all(16), |
||||
child: Stack( |
||||
// alignment: Alignment.center, |
||||
children: [ |
||||
Image.asset( |
||||
"assets/image/icon_vip_bj.png", |
||||
fit: BoxFit.contain, //填充剩余空间 |
||||
height: 185, |
||||
), |
||||
Container( |
||||
padding: EdgeInsets.only(left: 16,right: 16), |
||||
child:Column( |
||||
mainAxisAlignment: MainAxisAlignment.start, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
SizedBox(height: 16), |
||||
Row( |
||||
children: [ |
||||
ClipOval( |
||||
child:Image.asset( |
||||
"assets/image/icon_vip_name.png", |
||||
), |
||||
clipBehavior: Clip.hardEdge, |
||||
), |
||||
SizedBox( |
||||
width: 12, |
||||
), |
||||
Expanded( |
||||
child: Container( |
||||
height: 54, |
||||
child: Column( |
||||
mainAxisAlignment: |
||||
MainAxisAlignment.spaceEvenly, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Text( |
||||
"百年川椒火锅店", |
||||
overflow: TextOverflow.ellipsis, |
||||
maxLines: 2, |
||||
style: TextStyle( |
||||
fontSize: 20, |
||||
color: Colors.white, |
||||
), |
||||
), |
||||
Image.asset( |
||||
"assets/image/icon_vip.png", |
||||
), |
||||
], |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "会员卡", |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
color: Colors.white), |
||||
), |
||||
]), |
||||
textDirection: TextDirection.ltr, |
||||
), |
||||
], |
||||
), |
||||
), |
||||
flex: 1, |
||||
) |
||||
], |
||||
), |
||||
SizedBox(height: 50), |
||||
Row( |
||||
textDirection: TextDirection.rtl, |
||||
children: [ |
||||
Image.asset( |
||||
"assets/image/icon_right.png", |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "查看详情", |
||||
style: TextStyle(fontSize: 12, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
], |
||||
), |
||||
SizedBox( |
||||
height: 10, |
||||
), |
||||
Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Expanded( |
||||
flex: 1, |
||||
child: Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "No.202107021324199", |
||||
style: TextStyle(fontSize: 14, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "有效期限:", |
||||
style: TextStyle(fontSize: 12, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "长期有效", |
||||
style: TextStyle(fontSize: 12, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
], |
||||
), |
||||
], |
||||
), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,202 @@
|
||||
import 'package:dio/dio.dart'; |
||||
import 'package:flutter/cupertino.dart'; |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:fluttertoast/fluttertoast.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||
import 'package:huixiang/retrofit/data/coupon.dart'; |
||||
import 'package:huixiang/retrofit/data/page.dart'; |
||||
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||
import 'package:huixiang/view_widget/coupon_widget.dart'; |
||||
import 'package:huixiang/view_widget/separator.dart'; |
||||
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
||||
import 'package:shared_preferences/shared_preferences.dart'; |
||||
|
||||
class VipBalancePage extends StatefulWidget { |
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _VipBalancePage(); |
||||
} |
||||
} |
||||
|
||||
class _VipBalancePage extends State<VipBalancePage> { |
||||
RefreshController _refreshController; |
||||
|
||||
ApiService apiService; |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
|
||||
SharedPreferences.getInstance().then((value) => { |
||||
apiService = ApiService(Dio(), token: value.getString('token')), |
||||
queryCard(), |
||||
}); |
||||
|
||||
_refreshController = RefreshController(initialRefresh: false); |
||||
} |
||||
|
||||
int pageNum = 1; |
||||
List<Coupon> coupons = []; |
||||
|
||||
void _onRefresh() async { |
||||
pageNum = 1; |
||||
queryCard(); |
||||
} |
||||
|
||||
queryCard() async { |
||||
BaseData baseData = await apiService.queryCard({ |
||||
"centre": true, |
||||
"pageNum": pageNum, |
||||
"pageSize": 10, |
||||
"searchKey": "", |
||||
"state": 3 |
||||
}).catchError((error) { |
||||
_refreshController.loadFailed(); |
||||
_refreshController.refreshFailed(); |
||||
}); |
||||
if (baseData.isSuccess) { |
||||
PageInfo pageInfo = PageInfo.fromJson(baseData.data); |
||||
if (pageNum == 1) { |
||||
coupons.clear(); |
||||
} |
||||
coupons.addAll(pageInfo.list.map((e) => Coupon.fromJson(e))); |
||||
setState(() { |
||||
_refreshController.refreshCompleted(); |
||||
_refreshController.loadComplete(); |
||||
if (pageInfo.pageNum == pageInfo.pages) { |
||||
_refreshController.loadNoData(); |
||||
} else { |
||||
pageNum += 1; |
||||
} |
||||
}); |
||||
} else { |
||||
_refreshController.loadFailed(); |
||||
_refreshController.refreshFailed(); |
||||
Fluttertoast.showToast(msg: baseData.msg); |
||||
} |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Scaffold( |
||||
appBar: AppBar( |
||||
title: Text( |
||||
S.of(context).yuemingxi, |
||||
style: TextStyle( |
||||
color: Colors.black, |
||||
fontWeight: FontWeight.bold, |
||||
), |
||||
), |
||||
centerTitle: false, |
||||
backgroundColor: Color(0xFFF7F7F7), |
||||
elevation: 0, |
||||
leading: GestureDetector( |
||||
onTap: () { |
||||
Navigator.of(context).pop(); |
||||
}, |
||||
child: Container( |
||||
alignment: Alignment.centerRight, |
||||
margin: EdgeInsets.only(left: 10), |
||||
padding: EdgeInsets.all(6), |
||||
child: Icon( |
||||
Icons.arrow_back_ios, |
||||
color: Colors.black, |
||||
size: 24, |
||||
), |
||||
), |
||||
), |
||||
titleSpacing: 2, |
||||
leadingWidth: 56, |
||||
), |
||||
body: Container( |
||||
child: ListView.builder( |
||||
itemBuilder: (context, position) { |
||||
return balanceItem(); |
||||
}, |
||||
itemCount: coupons.length, |
||||
), |
||||
), |
||||
); |
||||
} |
||||
Widget balanceItem(){ |
||||
return Container( |
||||
margin: EdgeInsets.only(left: 16,right: 16), |
||||
child: Column( |
||||
// mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||
// crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
|
||||
Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Container( |
||||
width: 19, |
||||
height: 19, |
||||
margin: EdgeInsets.only(left: 12, top: 12), |
||||
alignment: Alignment.center, |
||||
child: Image.asset( |
||||
"assets/image/icon_store_c.png", |
||||
), |
||||
), |
||||
Expanded( |
||||
child: Container( |
||||
width: double.infinity, |
||||
margin: EdgeInsets.only(left: 6, top: 12), |
||||
alignment: Alignment.centerLeft, |
||||
child: Text( |
||||
"门店消费", |
||||
style: TextStyle( |
||||
fontWeight: FontWeight.bold, |
||||
fontSize: 16, |
||||
color: Color(0xFF353535), |
||||
), |
||||
), |
||||
), |
||||
flex: 1, |
||||
), |
||||
Padding( |
||||
padding: EdgeInsets.only(top: 12), |
||||
child: Text("-200", |
||||
style: TextStyle( |
||||
fontSize: 16, |
||||
color: Color(0xffF68034))), |
||||
), |
||||
], |
||||
), |
||||
SizedBox(height: 8,), |
||||
Container( |
||||
margin: EdgeInsets.only(left: 35), |
||||
child:Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "2021-06-19 13:03", |
||||
style: TextStyle(fontSize: 14, color: Color(0xff727272)), |
||||
), |
||||
]), |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "余额:200.00", |
||||
style: TextStyle(fontSize: 14,fontWeight: FontWeight.bold, color: Color(0xff727272)), |
||||
), |
||||
]), |
||||
), |
||||
], |
||||
),), |
||||
Container( |
||||
margin: EdgeInsets.only(left: 35,top: 12,bottom: 12), |
||||
height: 1, |
||||
color: Color(0xFFF1F1F1), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
@ -0,0 +1,266 @@
|
||||
import 'package:dio/dio.dart'; |
||||
import 'package:flutter/cupertino.dart'; |
||||
import 'package:flutter/material.dart'; |
||||
import 'package:fluttertoast/fluttertoast.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:huixiang/retrofit/data/base_data.dart'; |
||||
import 'package:huixiang/retrofit/data/coupon.dart'; |
||||
import 'package:huixiang/retrofit/data/page.dart'; |
||||
import 'package:huixiang/retrofit/retrofit_api.dart'; |
||||
import 'package:huixiang/view_widget/coupon_widget.dart'; |
||||
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
||||
import 'package:shared_preferences/shared_preferences.dart'; |
||||
|
||||
class VipCardPage extends StatefulWidget { |
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _VipCardPage(); |
||||
} |
||||
} |
||||
|
||||
class _VipCardPage extends State<VipCardPage> { |
||||
RefreshController _refreshController; |
||||
|
||||
ApiService apiService; |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
|
||||
SharedPreferences.getInstance().then((value) => { |
||||
apiService = ApiService(Dio(), token: value.getString('token')), |
||||
queryCard(), |
||||
}); |
||||
|
||||
_refreshController = RefreshController(initialRefresh: false); |
||||
} |
||||
|
||||
int pageNum = 1; |
||||
List<Coupon> coupons = []; |
||||
|
||||
void _onRefresh() async { |
||||
pageNum = 1; |
||||
queryCard(); |
||||
} |
||||
|
||||
queryCard() async { |
||||
BaseData baseData = await apiService.queryCard({ |
||||
"centre": true, |
||||
"pageNum": pageNum, |
||||
"pageSize": 10, |
||||
"searchKey": "", |
||||
"state": 3 |
||||
}).catchError((error) { |
||||
_refreshController.loadFailed(); |
||||
_refreshController.refreshFailed(); |
||||
}); |
||||
if (baseData.isSuccess) { |
||||
PageInfo pageInfo = PageInfo.fromJson(baseData.data); |
||||
if (pageNum == 1) { |
||||
coupons.clear(); |
||||
} |
||||
coupons.addAll(pageInfo.list.map((e) => Coupon.fromJson(e))); |
||||
setState(() { |
||||
_refreshController.refreshCompleted(); |
||||
_refreshController.loadComplete(); |
||||
if (pageInfo.pageNum == pageInfo.pages) { |
||||
_refreshController.loadNoData(); |
||||
} else { |
||||
pageNum += 1; |
||||
} |
||||
}); |
||||
} else { |
||||
_refreshController.loadFailed(); |
||||
_refreshController.refreshFailed(); |
||||
Fluttertoast.showToast(msg: baseData.msg); |
||||
} |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Scaffold( |
||||
body: Container( |
||||
child: SmartRefresher( |
||||
enablePullDown: true, |
||||
enablePullUp: true, |
||||
header: ClassicHeader(), |
||||
footer: CustomFooter( |
||||
builder: (context, mode) { |
||||
Widget body; |
||||
if (mode == LoadStatus.idle) { |
||||
body = Text("pull up load"); |
||||
} else if (mode == LoadStatus.loading) { |
||||
body = CupertinoActivityIndicator(); |
||||
} else if (mode == LoadStatus.failed) { |
||||
body = Text("Load Failed!Click retry!"); |
||||
} else if (mode == LoadStatus.canLoading) { |
||||
body = Text("release to load more"); |
||||
} else { |
||||
body = Text("-" + S.of(context).meiyougengduohuiyuanka + "-"); |
||||
} |
||||
return Container( |
||||
height: 55.0, |
||||
child: Center(child: body), |
||||
); |
||||
}, |
||||
), |
||||
controller: _refreshController, |
||||
onRefresh: _onRefresh, |
||||
onLoading: queryCard, |
||||
child: ListView.builder( |
||||
itemBuilder: (context, position) { |
||||
return GestureDetector( |
||||
onTap: () { |
||||
Navigator.of(context).pushNamed('/router/vip_details_page'); |
||||
}, |
||||
child: vipCardItem(), |
||||
); |
||||
return GestureDetector( |
||||
onTap: () { |
||||
Navigator.of(context).pushNamed('/router/vip_details_page'); |
||||
}, |
||||
child: vipCardItem(), |
||||
); |
||||
}, |
||||
itemCount: coupons.length, |
||||
), |
||||
), |
||||
), |
||||
); |
||||
} |
||||
|
||||
Widget vipCardItem() { |
||||
return Container( |
||||
margin: EdgeInsets.fromLTRB(16, 8, 16, 8), |
||||
// margin: EdgeInsets.all(16), |
||||
child: Stack( |
||||
// alignment: Alignment.center, |
||||
children: [ |
||||
Image.asset( |
||||
"assets/image/icon_vip_bj.png", |
||||
fit: BoxFit.contain, //填充剩余空间 |
||||
height: 185, |
||||
), |
||||
Container( |
||||
padding: EdgeInsets.only(left: 16,right: 16), |
||||
child:Column( |
||||
mainAxisAlignment: MainAxisAlignment.start, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
SizedBox(height: 16), |
||||
Row( |
||||
children: [ |
||||
ClipOval( |
||||
child:Image.asset( |
||||
"assets/image/icon_vip_name.png", |
||||
), |
||||
clipBehavior: Clip.hardEdge, |
||||
), |
||||
SizedBox( |
||||
width: 12, |
||||
), |
||||
Expanded( |
||||
child: Container( |
||||
height: 54, |
||||
child: Column( |
||||
mainAxisAlignment: |
||||
MainAxisAlignment.spaceEvenly, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Text( |
||||
"百年川椒火锅店", |
||||
overflow: TextOverflow.ellipsis, |
||||
maxLines: 2, |
||||
style: TextStyle( |
||||
fontSize: 20, |
||||
color: Colors.white, |
||||
), |
||||
), |
||||
Image.asset( |
||||
"assets/image/icon_vip.png", |
||||
), |
||||
], |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "会员卡", |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
color: Colors.white), |
||||
), |
||||
]), |
||||
textDirection: TextDirection.ltr, |
||||
), |
||||
], |
||||
), |
||||
), |
||||
flex: 1, |
||||
) |
||||
], |
||||
), |
||||
SizedBox(height: 50), |
||||
Row( |
||||
textDirection: TextDirection.rtl, |
||||
children: [ |
||||
Image.asset( |
||||
"assets/image/icon_right.png", |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "查看详情", |
||||
style: TextStyle(fontSize: 12, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
], |
||||
), |
||||
SizedBox( |
||||
height: 10, |
||||
), |
||||
Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Expanded( |
||||
flex: 1, |
||||
child: Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "No.202107021324199", |
||||
style: TextStyle(fontSize: 14, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "有效期限:", |
||||
style: TextStyle(fontSize: 12, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "长期有效", |
||||
style: TextStyle(fontSize: 12, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
], |
||||
), |
||||
], |
||||
), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
@ -0,0 +1,696 @@
|
||||
import 'package:flutter/material.dart'; |
||||
import 'package:huixiang/generated/l10n.dart'; |
||||
import 'package:huixiang/view_widget/border_text.dart'; |
||||
import 'package:huixiang/view_widget/pay_input_view.dart'; |
||||
import 'package:huixiang/view_widget/round_button.dart'; |
||||
import 'package:huixiang/view_widget/separator.dart'; |
||||
|
||||
class VipDetailPage extends StatefulWidget { |
||||
@override |
||||
State<StatefulWidget> createState() { |
||||
return _VipDetailPage(); |
||||
} |
||||
} |
||||
|
||||
class _VipDetailPage extends State<VipDetailPage> { |
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return Scaffold( |
||||
appBar: AppBar( |
||||
title: Text( |
||||
S.of(context).huiyuankaxiangqing, |
||||
style: TextStyle(color: Colors.white, |
||||
fontWeight: FontWeight.bold), |
||||
), |
||||
centerTitle: false, |
||||
backgroundColor: Color(0xFF3A405A), |
||||
brightness: Brightness.dark, |
||||
elevation: 0, |
||||
leading: GestureDetector( |
||||
onTap: () { |
||||
Navigator.of(context).pop(); |
||||
}, |
||||
child: Container( |
||||
alignment: Alignment.centerRight, |
||||
margin: EdgeInsets.only(left: 10), |
||||
padding: EdgeInsets.all(6), |
||||
child: Icon( |
||||
Icons.arrow_back_ios, |
||||
color: Colors.white, |
||||
size: 24, |
||||
), |
||||
), |
||||
), |
||||
titleSpacing: 2, |
||||
leadingWidth: 56, |
||||
// bottom: PreferredSize( |
||||
// preferredSize: Size(double.infinity, 88), |
||||
// child: Container( |
||||
// height: 88, |
||||
// padding: EdgeInsets.fromLTRB(16, 0, 16, 14), |
||||
// child: Row( |
||||
// mainAxisAlignment: MainAxisAlignment.end, |
||||
// crossAxisAlignment: CrossAxisAlignment.end, |
||||
// children: [ |
||||
// Expanded( |
||||
// child: Column( |
||||
// mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
// crossAxisAlignment: CrossAxisAlignment.start, |
||||
// children: [ |
||||
// Container( |
||||
// height: 20, |
||||
// width: 82, |
||||
// decoration: BoxDecoration( |
||||
// borderRadius: BorderRadius.circular(15), |
||||
// border: Border.all( |
||||
// width: 1, |
||||
// color: Color(0xFF32A060), |
||||
// ), |
||||
// ), |
||||
// child: Stack( |
||||
// alignment: Alignment.lerp( |
||||
// Alignment.centerLeft, |
||||
// Alignment.centerRight, |
||||
// 0, |
||||
// ), |
||||
// children: [ |
||||
// Positioned( |
||||
// left: 0, |
||||
// child: GestureDetector( |
||||
// onTap: () { |
||||
// setState(() { |
||||
// type = 0; |
||||
// }); |
||||
// }, |
||||
// child: RoundButton( |
||||
// text: S.of(context).ziqu, |
||||
// width: 42, |
||||
// height: 20, |
||||
// textColor: Colors.white, |
||||
// padding: EdgeInsets.fromLTRB(8, 1, 8, 1), |
||||
// backgroup: type == 0 |
||||
// ? Color(0xFF32A060) |
||||
// : Colors.transparent, |
||||
// radius: 15, |
||||
// ), |
||||
// ), |
||||
// ), |
||||
// Positioned( |
||||
// right: 0, |
||||
// child: GestureDetector( |
||||
// onTap: () { |
||||
// setState(() { |
||||
// type = 1; |
||||
// }); |
||||
// }, |
||||
// child: RoundButton( |
||||
// text: S.of(context).waisong, |
||||
// width: 42, |
||||
// height: 20, |
||||
// textColor: Colors.white, |
||||
// padding: EdgeInsets.fromLTRB(8, 1, 8, 1), |
||||
// backgroup: type == 1 |
||||
// ? Color(0xFF32A060) |
||||
// : Colors.transparent, |
||||
// radius: 15, |
||||
// ), |
||||
// ), |
||||
// ), |
||||
// ], |
||||
// ), |
||||
// ), |
||||
// Text( |
||||
// S.of(context).qingzaiguidingshijianneizhifu, |
||||
// style: TextStyle( |
||||
// color: Colors.white, |
||||
// fontSize: 12, |
||||
// ), |
||||
// ), |
||||
// ], |
||||
// ), |
||||
// ), |
||||
// Container( |
||||
// height: 33, |
||||
// child: Row( |
||||
// mainAxisSize: MainAxisSize.min, |
||||
// children: [ |
||||
// AspectRatio( |
||||
// aspectRatio: 1, |
||||
// child: BorderText( |
||||
// text: "02", |
||||
// textColor: Colors.white, |
||||
// fontSize: 21, |
||||
// fontWeight: FontWeight.bold, |
||||
// borderColor: Colors.white, |
||||
// borderWidth: 1, |
||||
// padding: EdgeInsets.all(2), |
||||
// ), |
||||
// ), |
||||
// SizedBox( |
||||
// width: 8, |
||||
// ), |
||||
// Text( |
||||
// ":", |
||||
// style: TextStyle( |
||||
// color: Colors.white, |
||||
// fontSize: 21, |
||||
// ), |
||||
// ), |
||||
// SizedBox( |
||||
// width: 8, |
||||
// ), |
||||
// AspectRatio( |
||||
// aspectRatio: 1, |
||||
// child: BorderText( |
||||
// text: "02", |
||||
// textColor: Colors.white, |
||||
// fontSize: 21, |
||||
// fontWeight: FontWeight.bold, |
||||
// borderColor: Colors.white, |
||||
// borderWidth: 1, |
||||
// padding: EdgeInsets.all(2), |
||||
// ), |
||||
// ), |
||||
// ], |
||||
// ), |
||||
// ) |
||||
// ], |
||||
// ), |
||||
// ), |
||||
// ), |
||||
), |
||||
body: Container( |
||||
child: Stack( |
||||
children: [ |
||||
Container( |
||||
height: 150, |
||||
color: Color(0xFF3A405A), |
||||
), |
||||
SingleChildScrollView( |
||||
physics: BouncingScrollPhysics(), |
||||
child: Container( |
||||
child: Column( |
||||
children: [ |
||||
buildAddress(), |
||||
buildCommodity(), |
||||
Container( |
||||
height: 42, |
||||
), |
||||
], |
||||
), |
||||
), |
||||
), |
||||
|
||||
], |
||||
), |
||||
), |
||||
); |
||||
} |
||||
|
||||
var type = 0; |
||||
|
||||
Widget buildAddress() { |
||||
return Container( |
||||
margin: EdgeInsets.fromLTRB(16, 8, 16, 8), |
||||
// margin: EdgeInsets.all(16), |
||||
child: Stack( |
||||
// alignment: Alignment.center, |
||||
children: [ |
||||
Image.asset( |
||||
"assets/image/icon_vip_bj.png", |
||||
fit: BoxFit.contain, //填充剩余空间 |
||||
height: 188, |
||||
), |
||||
Container( |
||||
padding: EdgeInsets.only(left: 16,right: 16), |
||||
child:Column( |
||||
mainAxisAlignment: MainAxisAlignment.start, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
SizedBox(height: 16), |
||||
Row( |
||||
children: [ |
||||
ClipOval( |
||||
child:Image.asset( |
||||
"assets/image/icon_vip_name.png", |
||||
), |
||||
clipBehavior: Clip.hardEdge, |
||||
), |
||||
SizedBox( |
||||
width: 12, |
||||
), |
||||
Expanded( |
||||
child: Container( |
||||
height: 54, |
||||
child: Column( |
||||
mainAxisAlignment: |
||||
MainAxisAlignment.spaceEvenly, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Text( |
||||
"百年川椒火锅店", |
||||
overflow: TextOverflow.ellipsis, |
||||
maxLines: 2, |
||||
style: TextStyle( |
||||
fontSize: 20, |
||||
color: Colors.white, |
||||
), |
||||
), |
||||
Image.asset( |
||||
"assets/image/icon_vip.png", |
||||
), |
||||
], |
||||
), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "会员卡", |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
color: Colors.white), |
||||
), |
||||
]), |
||||
textDirection: TextDirection.ltr, |
||||
), |
||||
], |
||||
), |
||||
), |
||||
flex: 1, |
||||
) |
||||
], |
||||
), |
||||
SizedBox(height: 26), |
||||
Padding(padding: EdgeInsets.only(left: 32,right: 32), |
||||
child: Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Column( |
||||
children: [ |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "¥ 0.00", |
||||
style: TextStyle(fontSize: 24, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
GestureDetector( |
||||
onTap: (){ |
||||
Navigator.of(context).pushNamed('/router/vip_balance'); |
||||
}, |
||||
child:Row( |
||||
children: [ |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "余额", |
||||
style: TextStyle( |
||||
fontSize: 14, |
||||
color: Colors.white), |
||||
), |
||||
]), |
||||
textDirection: TextDirection.ltr, |
||||
), |
||||
Icon( |
||||
Icons.keyboard_arrow_right, |
||||
color: Colors.white, |
||||
size: 22.5, |
||||
), |
||||
], |
||||
), |
||||
), |
||||
], |
||||
), |
||||
Column( |
||||
children: [ |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "0", |
||||
style: TextStyle(fontSize: 24, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
SizedBox(height: 5,), |
||||
Text.rich( |
||||
TextSpan(children: [ |
||||
TextSpan( |
||||
text: "积分", |
||||
style: TextStyle(fontSize: 14, color: Colors.white), |
||||
), |
||||
]), |
||||
), |
||||
], |
||||
), |
||||
], |
||||
),), |
||||
|
||||
], |
||||
), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
|
||||
Widget buildCommodity() { |
||||
return Stack( |
||||
alignment: Alignment.centerRight, |
||||
children: [ |
||||
Container( |
||||
child: Column( |
||||
mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||
children: historyList(), |
||||
), |
||||
), |
||||
], |
||||
); |
||||
} |
||||
|
||||
List<Widget> historyList() { |
||||
return [ |
||||
Padding(padding: EdgeInsets.only(left: 16,top: 35,bottom: 32),child: |
||||
Row( |
||||
children: [ |
||||
Text( |
||||
"历史订单", |
||||
overflow: TextOverflow.ellipsis, |
||||
maxLines: 2, |
||||
style: TextStyle( |
||||
fontSize: 16, |
||||
fontWeight: FontWeight.bold, |
||||
color: Colors.black, |
||||
), |
||||
), |
||||
SizedBox(width: 8,), |
||||
Image.asset( |
||||
"assets/image/icon_history.png", |
||||
), |
||||
], |
||||
),), |
||||
historyItem(), |
||||
historyItem(), |
||||
historyItem(), |
||||
historyItem(), |
||||
historyItem(), |
||||
historyItem(), |
||||
historyItem(), |
||||
]; |
||||
} |
||||
|
||||
|
||||
Widget buildOrderInfo() { |
||||
return Container( |
||||
margin: EdgeInsets.only(left: 16, right: 16, top: 16, bottom: 8), |
||||
padding: EdgeInsets.only(left: 20, right: 20, top: 12, bottom: 12), |
||||
decoration: BoxDecoration( |
||||
color: Colors.white, |
||||
boxShadow: [ |
||||
BoxShadow( |
||||
color: Colors.black.withAlpha(12), |
||||
offset: Offset(0, 1), |
||||
blurRadius: 12, |
||||
spreadRadius: 0) |
||||
], |
||||
borderRadius: BorderRadius.all(Radius.circular(8))), |
||||
child: Column( |
||||
children: [ |
||||
orderInfoItem(S.of(context).shoujihao, "13800138000"), |
||||
orderInfoItem( |
||||
S.of(context).beizhu, S.of(context).qingshurubeizhuyaoqiu), |
||||
orderInfoItem(S.of(context).fapiao, S.of(context).buzhichikaipiao), |
||||
orderInfoItem(S.of(context).zhifufangshi, S.of(context).yue), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
|
||||
Widget orderInfoItem(leftText, rightText) { |
||||
return Container( |
||||
margin: EdgeInsets.only(top: 8, bottom: 8), |
||||
child: Row( |
||||
mainAxisAlignment: MainAxisAlignment.center, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Text( |
||||
leftText, |
||||
style: TextStyle( |
||||
fontWeight: FontWeight.bold, |
||||
fontSize: 12, |
||||
color: Color(0xFF727272)), |
||||
), |
||||
Expanded( |
||||
child: Text( |
||||
rightText, |
||||
textAlign: TextAlign.end, |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
color: Color(0xFF353535), |
||||
), |
||||
), |
||||
flex: 1, |
||||
), |
||||
SizedBox( |
||||
width: 16, |
||||
), |
||||
Icon( |
||||
Icons.keyboard_arrow_right, |
||||
size: 16, |
||||
color: Colors.black, |
||||
) |
||||
], |
||||
), |
||||
); |
||||
} |
||||
|
||||
Widget historyItem() { |
||||
return Container( |
||||
// margin: EdgeInsets.fromLTRB(16, 8, 16, 8), |
||||
child: Column( |
||||
mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Container( |
||||
width: 19, |
||||
height: 19, |
||||
margin: EdgeInsets.only(left: 12, top: 12), |
||||
alignment: Alignment.center, |
||||
decoration: new BoxDecoration( |
||||
color: Color(0xff32A060), |
||||
borderRadius: BorderRadius.circular(2), |
||||
), |
||||
child: Text("自", |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
fontWeight: FontWeight.bold, |
||||
color: Colors.white)), |
||||
), |
||||
Expanded( |
||||
child: Container( |
||||
width: double.infinity, |
||||
margin: EdgeInsets.only(left: 6, top: 12), |
||||
alignment: Alignment.centerLeft, |
||||
child: Text( |
||||
"前进麦味·天然烘焙(凯德1818店)", |
||||
style: TextStyle( |
||||
fontWeight: FontWeight.bold, |
||||
fontSize: 14, |
||||
color: Color(0xFF353535), |
||||
), |
||||
), |
||||
), |
||||
flex: 1, |
||||
), |
||||
Padding( |
||||
padding: EdgeInsets.only(top: 12, right: 12), |
||||
child: Text( S.of(context).yiwancheng, |
||||
style: TextStyle( |
||||
fontSize: 14, |
||||
fontWeight: FontWeight.bold, |
||||
color: Color(0xff32A060))), |
||||
), |
||||
], |
||||
), |
||||
Container( |
||||
margin: EdgeInsets.only(left: 37), |
||||
child: Row( |
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||
crossAxisAlignment: CrossAxisAlignment.center, |
||||
children: [ |
||||
Column( |
||||
mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Text( |
||||
S.of(context).xiadanshijian_("2020.01.20~2020.1.21"), |
||||
style: TextStyle( |
||||
fontSize: 10, |
||||
color: Color(0xFF727272), |
||||
), |
||||
), |
||||
SizedBox( |
||||
height: 8, |
||||
), |
||||
Column( |
||||
mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Image.network( |
||||
"https://t7.baidu.com/it/u=1348120667,563487140&fm=193&f=GIF", |
||||
width: 75, |
||||
height: 75, |
||||
fit: BoxFit.contain, |
||||
), |
||||
SizedBox( |
||||
height: 4, |
||||
), |
||||
Text( |
||||
"桑葚椰汁水果茶", |
||||
style: TextStyle( |
||||
fontSize: 10, |
||||
color: Color(0xFF353535), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
], |
||||
), |
||||
Padding( |
||||
padding: EdgeInsets.only(right: 22), |
||||
child: Image.asset( |
||||
"assets/image/icon_more.png", |
||||
fit: BoxFit.fill, |
||||
alignment: Alignment.centerRight, |
||||
width: 24, |
||||
height: 24, |
||||
), |
||||
) |
||||
], |
||||
), |
||||
), |
||||
SizedBox( |
||||
height: 12, |
||||
), |
||||
Container( |
||||
margin: EdgeInsets.only(right: 12, bottom: 12), |
||||
child: Directionality( |
||||
textDirection: TextDirection.rtl, |
||||
child: Column( |
||||
children: [ |
||||
Row( |
||||
mainAxisAlignment: MainAxisAlignment.start, |
||||
crossAxisAlignment: CrossAxisAlignment.start, |
||||
children: [ |
||||
Text.rich(TextSpan(children: [ |
||||
TextSpan( |
||||
text: "合计:", |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
color: Color(0xFF868686), |
||||
), |
||||
), |
||||
TextSpan( |
||||
text: S.of(context).yuan("58.2"), |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
fontWeight: FontWeight.bold, |
||||
color: Colors.black, |
||||
), |
||||
), |
||||
])), |
||||
SizedBox( |
||||
width: 4, |
||||
), |
||||
Text.rich(TextSpan(children: [ |
||||
TextSpan( |
||||
text: "共", |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
color: Color(0xFF868686), |
||||
), |
||||
), |
||||
TextSpan( |
||||
text: "5", |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
fontWeight: FontWeight.bold, |
||||
color: Colors.black, |
||||
), |
||||
), |
||||
TextSpan( |
||||
text: "件", |
||||
style: TextStyle( |
||||
fontSize: 12, |
||||
color: Color(0xFF868686), |
||||
), |
||||
), |
||||
])), |
||||
], |
||||
), |
||||
SizedBox( |
||||
height: 8, |
||||
), |
||||
Row( |
||||
children: [ |
||||
RoundButton( |
||||
text: "再来一单", |
||||
textColor: Colors.white, |
||||
fontSize: 12, |
||||
backgroup: Color(0xFF32A060), |
||||
radius: 2, |
||||
padding: EdgeInsets.fromLTRB(17, 4, 17, 4), |
||||
), |
||||
Container( |
||||
width: 72, |
||||
height: 24, |
||||
margin: EdgeInsets.only(right: 10), |
||||
child: TextButton( |
||||
onPressed: () {}, |
||||
style: ButtonStyle( |
||||
padding: |
||||
MaterialStateProperty.all(EdgeInsets.zero), |
||||
side: MaterialStateProperty.all( |
||||
BorderSide( |
||||
color: Color(0xff32A060), width: 0.5), |
||||
), |
||||
), |
||||
child: Text( |
||||
"删除一单", |
||||
style: TextStyle( |
||||
color: Color(0xff32A060), fontSize: 12), |
||||
), |
||||
), |
||||
), |
||||
Expanded( |
||||
flex: 1, |
||||
child: Container( |
||||
margin: EdgeInsets.only(left: 37), |
||||
alignment: Alignment.centerLeft, |
||||
child: Text( |
||||
"取单号 201", |
||||
style: TextStyle( |
||||
fontSize: 16, |
||||
fontWeight: FontWeight.bold, |
||||
color: Colors.black), |
||||
), |
||||
), |
||||
), |
||||
], |
||||
), |
||||
], |
||||
)), |
||||
), |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
Loading…
Reference in new issue