13 changed files with 568 additions and 995 deletions
@ -0,0 +1,392 @@ |
|||||||
|
import 'dart:math'; |
||||||
|
|
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:huixiang/generated/l10n.dart'; |
||||||
|
import 'package:huixiang/retrofit/data/coupon.dart'; |
||||||
|
import 'package:huixiang/view_widget/round_button.dart'; |
||||||
|
import 'package:huixiang/view_widget/separator.dart'; |
||||||
|
|
||||||
|
class NewCouponWidget extends StatelessWidget { |
||||||
|
final GestureTapCallback callback; |
||||||
|
final GestureTapCallback callbackEx; |
||||||
|
final Coupon coupon; |
||||||
|
|
||||||
|
NewCouponWidget(this.coupon, this.callback, this.callbackEx); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return buildCoupon(context); |
||||||
|
} |
||||||
|
|
||||||
|
Widget buildCoupon(BuildContext context) { |
||||||
|
return Container( |
||||||
|
margin: EdgeInsets.fromLTRB(14, 6, 14, 6), |
||||||
|
child: AspectRatio( |
||||||
|
aspectRatio: 2.485, |
||||||
|
child: Stack( |
||||||
|
children: [ |
||||||
|
Image.asset( |
||||||
|
"assets/image/ic_coupon_bg.png", |
||||||
|
fit: BoxFit.cover, |
||||||
|
width: double.infinity, |
||||||
|
height: double.infinity, |
||||||
|
), |
||||||
|
Opacity( |
||||||
|
opacity: coupon.status != 3 ? 1 : 0.54, |
||||||
|
child: Container( |
||||||
|
child: Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.start, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Expanded( |
||||||
|
flex: 7, |
||||||
|
child: Container( |
||||||
|
padding: EdgeInsets.only(top: 18, bottom: 8), |
||||||
|
child: Row( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.only(left: 20), |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"¥", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 22, |
||||||
|
color: Color(0xff32A060)), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 5, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"5", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 40, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xff32A060)), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
Text(S.of(context).manyuankeyong(30), |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xff32A060))), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 31, |
||||||
|
), |
||||||
|
Column( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
padding: EdgeInsets.fromLTRB(4, 2, 4, 2), |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.all( |
||||||
|
Radius.circular(2)), |
||||||
|
border: Border.all( |
||||||
|
width: 1, |
||||||
|
color: Color(0xFFFF7A1A), |
||||||
|
style: BorderStyle.solid)), |
||||||
|
child: Text( |
||||||
|
S.of(context).shangjiaquan, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 10, |
||||||
|
color: Color(0xFFFF7A1A), |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
width: 4, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"百年川椒火锅店", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 16, |
||||||
|
fontWeight: FontWeight.bold, |
||||||
|
color: Color(0xff353535)), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 6, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"#新客户满减优惠#", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14, color: Color(0xff727272)), |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: |
||||||
|
MainAxisAlignment.spaceBetween, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"全场通用", |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12, |
||||||
|
color: Color(0xff353535)), |
||||||
|
), |
||||||
|
if (coupon.status == 0) |
||||||
|
Container( |
||||||
|
width: 200, |
||||||
|
alignment: Alignment.centerRight, |
||||||
|
child: Container( |
||||||
|
padding: |
||||||
|
EdgeInsets.fromLTRB(9, 3, 9, 3), |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.all( |
||||||
|
Radius.circular(10.5)), |
||||||
|
color: Color(0xFF32A060), |
||||||
|
), |
||||||
|
child: Text( |
||||||
|
S.of(context).qushiyong, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12, |
||||||
|
color: Colors.white, |
||||||
|
), |
||||||
|
), |
||||||
|
)) |
||||||
|
else if (coupon.status == 1) |
||||||
|
Container( |
||||||
|
width: 200, |
||||||
|
alignment: Alignment.centerRight, |
||||||
|
child: Container( |
||||||
|
padding: |
||||||
|
EdgeInsets.fromLTRB(9, 3, 9, 3), |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.all( |
||||||
|
Radius.circular(10.5)), |
||||||
|
color: Color(0xFF32A060), |
||||||
|
), |
||||||
|
child: GestureDetector( |
||||||
|
onTap: () { |
||||||
|
showAlertDialog(context); |
||||||
|
}, |
||||||
|
child: Text( |
||||||
|
S.of(context).lingqu, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12, |
||||||
|
color: Colors.white, |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
)) |
||||||
|
else if (coupon.status == 2) |
||||||
|
Container( |
||||||
|
width: 200, |
||||||
|
alignment: Alignment.centerRight, |
||||||
|
child: Container( |
||||||
|
padding: |
||||||
|
EdgeInsets.fromLTRB(9, 3, 9, 3), |
||||||
|
decoration: BoxDecoration( |
||||||
|
borderRadius: BorderRadius.all( |
||||||
|
Radius.circular(10.5)), |
||||||
|
// border: Border.all( |
||||||
|
// width: 1, color: Color(0xFFA0A0A0), style: BorderStyle.solid) |
||||||
|
color: Color(0xFFA0A0A0), |
||||||
|
), |
||||||
|
child: Text( |
||||||
|
S.of(context).yishixiao, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 12, |
||||||
|
color: Colors.white, |
||||||
|
), |
||||||
|
), |
||||||
|
)) |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 2, |
||||||
|
), |
||||||
|
], |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.only(left: 23, right: 23), |
||||||
|
child: MySeparator( |
||||||
|
width: 5, |
||||||
|
height: 1, |
||||||
|
color: Color(0xFF353535), |
||||||
|
), |
||||||
|
), |
||||||
|
Expanded( |
||||||
|
flex: 4, |
||||||
|
child: Container( |
||||||
|
padding: EdgeInsets.only(left: 20, right: 20, top: 5), |
||||||
|
alignment: Alignment.center, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
"详情", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF353535), |
||||||
|
fontSize: 10, |
||||||
|
), |
||||||
|
), |
||||||
|
GestureDetector( |
||||||
|
child: Icon( |
||||||
|
!coupon.isEx |
||||||
|
? Icons.keyboard_arrow_down |
||||||
|
: Icons.keyboard_arrow_up, |
||||||
|
color: Colors.black, |
||||||
|
size: 18, |
||||||
|
), //点击按钮布局 |
||||||
|
onTap: callbackEx, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox( |
||||||
|
height: 5, |
||||||
|
), |
||||||
|
if (coupon.isEx) |
||||||
|
Row( |
||||||
|
mainAxisAlignment: |
||||||
|
MainAxisAlignment.spaceBetween, |
||||||
|
crossAxisAlignment: CrossAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
Text( |
||||||
|
S.of(context).shiyongriqi(coupon.useTime), |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF353535), |
||||||
|
fontSize: 10, |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"2020.01.20~2020.01.21", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xFF353535), |
||||||
|
fontSize: 10, |
||||||
|
), |
||||||
|
), |
||||||
|
// Text( |
||||||
|
// S.of(context).shiyongriqi(coupon.useTime), |
||||||
|
// style: TextStyle( |
||||||
|
// color: Color(0xFF727272), |
||||||
|
// fontSize: 10, |
||||||
|
// ), |
||||||
|
// ), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
showAlertDialog(BuildContext context) { |
||||||
|
//显示对话框 |
||||||
|
showDialog( |
||||||
|
context: context, |
||||||
|
builder: (BuildContext context) { |
||||||
|
return SimpleDialog( |
||||||
|
titlePadding: EdgeInsets.all(10), |
||||||
|
backgroundColor: Colors.transparent, |
||||||
|
elevation: 0, |
||||||
|
shape: RoundedRectangleBorder( |
||||||
|
borderRadius: BorderRadius.all(Radius.circular(6))), |
||||||
|
children: <Widget>[ |
||||||
|
Stack( |
||||||
|
alignment: Alignment.topCenter, |
||||||
|
children: [ |
||||||
|
Container( |
||||||
|
margin: EdgeInsets.only(top: 40), |
||||||
|
decoration: new BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
borderRadius: BorderRadius.all(Radius.circular(8))), |
||||||
|
width: 218, |
||||||
|
height: 210, |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(top: 50, bottom: 19), |
||||||
|
child: Text( |
||||||
|
"领取成功", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xff353535), |
||||||
|
fontSize: 16, |
||||||
|
fontWeight: FontWeight.bold), |
||||||
|
), |
||||||
|
), |
||||||
|
Text( |
||||||
|
"您已成功领取优惠劵，请在", |
||||||
|
style: |
||||||
|
TextStyle(color: Color(0xff353535), fontSize: 14), |
||||||
|
), |
||||||
|
Row( |
||||||
|
mainAxisAlignment: MainAxisAlignment.center, |
||||||
|
children: [ |
||||||
|
GestureDetector( |
||||||
|
child: Text( |
||||||
|
S.of(context).kaquan, |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xffFF7A1A), |
||||||
|
fontSize: 14, |
||||||
|
fontWeight: FontWeight.bold), |
||||||
|
), |
||||||
|
onTap: () { |
||||||
|
Navigator.of(context) |
||||||
|
.pushNamed('/router/mine_card'); |
||||||
|
}, |
||||||
|
), |
||||||
|
Text( |
||||||
|
"中查看", |
||||||
|
style: TextStyle( |
||||||
|
color: Color(0xff353535), fontSize: 14), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.only(top: 30), |
||||||
|
child: RoundButton( |
||||||
|
width: 130, |
||||||
|
height: 34, |
||||||
|
text: S.of(context).queren, |
||||||
|
textColor: Colors.white, |
||||||
|
fontSize: 12, |
||||||
|
callback: () { |
||||||
|
Navigator.of(context).pop(); |
||||||
|
}, |
||||||
|
padding: EdgeInsets.only( |
||||||
|
top: 2, bottom: 2, left: 8, right: 8), |
||||||
|
backgroup: Color(0xff32A060), |
||||||
|
), |
||||||
|
) |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
Image.asset( |
||||||
|
"assets/image/icon_order_success.png", |
||||||
|
fit: BoxFit.cover, |
||||||
|
width: 80, |
||||||
|
height: 80, |
||||||
|
), |
||||||
|
], |
||||||
|
) |
||||||
|
], |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue