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.

598 lines
21 KiB

4 years ago
import 'package:barcode_widget/barcode_widget.dart';
4 years ago
import 'package:dio/dio.dart';
4 years ago
import 'package:flutter/material.dart';
4 years ago
import 'package:fluttertoast/fluttertoast.dart';
4 years ago
import 'package:huixiang/generated/l10n.dart';
4 years ago
import 'package:huixiang/retrofit/data/base_data.dart';
import 'package:huixiang/retrofit/data/vip_card.dart';
import 'package:huixiang/retrofit/retrofit_api.dart';
import 'package:huixiang/utils/painter_bg.dart';
import 'package:huixiang/view_widget/custom_image.dart';
4 years ago
import 'package:huixiang/view_widget/round_button.dart';
4 years ago
import 'package:flutter_screenutil/flutter_screenutil.dart';
4 years ago
import 'package:shared_preferences/shared_preferences.dart';
4 years ago
class VipDetailPage extends StatefulWidget {
4 years ago
final Map<String, dynamic> arguments;
VipDetailPage({this.arguments});
4 years ago
@override
State<StatefulWidget> createState() {
return _VipDetailPage();
}
}
class _VipDetailPage extends State<VipDetailPage> {
4 years ago
ApiService apiService;
@override
void initState() {
super.initState();
SharedPreferences.getInstance().then((value) {
apiService =
ApiService(Dio(), context: context, token: value.getString("token"));
vipDetail();
});
}
VipCard vipCard;
vipDetail() async {
BaseData baseData = await apiService
.vipDetail(widget.arguments["id"])
.catchError((onError) {});
if (baseData != null && baseData.isSuccess) {
vipCard = VipCard.fromJson(baseData.data);
setState(() {});
} else {
Fluttertoast.showToast(msg: baseData.msg);
}
}
4 years ago
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(
S.of(context).huiyuankaxiangqing,
4 years ago
style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
4 years ago
),
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,
4 years ago
leadingWidth: 56.w,
4 years ago
),
4 years ago
body: Column(
children: [
Stack(
children: [
4 years ago
CustomPaint(
painter: BgPainter(
bgColor: Color(0xFF3A405A),
bezierHeight: 30.h,
),
child: Container(
height: 220.h,
),
4 years ago
),
4 years ago
buildVipCard(),
4 years ago
],
),
Padding(
4 years ago
padding: EdgeInsets.only(left: 16.w, top: 35.h, bottom: 16.h),
4 years ago
child: Row(
children: [
Text(
"历史订单",
overflow: TextOverflow.ellipsis,
style: TextStyle(
4 years ago
fontSize: 16.sp,
4 years ago
fontWeight: FontWeight.bold,
color: Colors.black,
),
),
4 years ago
SizedBox(
4 years ago
width: 8.w,
4 years ago
),
4 years ago
Image.asset(
"assets/image/icon_history.png",
),
],
4 years ago
),
4 years ago
),
Expanded(
child: ListView.builder(
itemBuilder: (context, position) {
return GestureDetector(
4 years ago
onTap: () {},
4 years ago
child: historyItem(),
);
},
itemCount: 5,
),
)
],
4 years ago
),
);
}
4 years ago
Widget buildVipCard() {
4 years ago
return Container(
4 years ago
margin: EdgeInsets.fromLTRB(16.w, 8.h, 16.w, 8.h),
height: 220.h,
4 years ago
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,
)
4 years ago
]),
4 years ago
child: Stack(
// alignment: Alignment.center,
children: [
Image.asset(
"assets/image/icon_vip_bj.png",
4 years ago
fit: BoxFit.fill, //填充剩余空间
4 years ago
height: 220.h,
4 years ago
),
Container(
4 years ago
padding: EdgeInsets.all(16.w),
4 years ago
child: Column(
4 years ago
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
4 years ago
MImage(
vipCard != null ? vipCard.storeLogo : "",
width: 40.w,
height: 40.h,
fit: BoxFit.cover,
errorSrc: "assets/image/default_1.png",
fadeSrc: "assets/image/default_1.png",
4 years ago
),
SizedBox(
4 years ago
width: 12.w,
4 years ago
),
Expanded(
child: Container(
4 years ago
height: 54.h,
4 years ago
child: Column(
4 years ago
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
4 years ago
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text(
4 years ago
vipCard != null ? vipCard.storeName : "",
4 years ago
overflow: TextOverflow.ellipsis,
style: TextStyle(
4 years ago
fontSize: 20.sp,
4 years ago
fontWeight: FontWeight.bold,
color: Colors.black,
4 years ago
),
),
Image.asset(
"assets/image/icon_vip.png",
),
],
),
Text.rich(
4 years ago
TextSpan(
children: [
TextSpan(
text: "会员卡",
style: TextStyle(
fontSize: 12.sp,
fontWeight: FontWeight.bold,
color: Colors.black,
),
4 years ago
),
4 years ago
],
),
4 years ago
textDirection: TextDirection.ltr,
),
],
),
),
flex: 1,
)
],
),
4 years ago
Expanded(
child: Container(),
flex: 1,
4 years ago
),
4 years ago
Padding(
4 years ago
padding: EdgeInsets.only(left: 32.w, right: 32.w),
4 years ago
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Column(
children: [
Text.rich(
4 years ago
TextSpan(
children: [
TextSpan(
text:
"¥${vipCard != null ? vipCard.balance : ""}",
style: TextStyle(
fontSize: 24.sp,
fontWeight: FontWeight.w500,
color: Colors.black,
),
4 years ago
),
4 years ago
],
),
4 years ago
),
GestureDetector(
4 years ago
onTap: () {
Navigator.of(context)
.pushNamed('/router/vip_balance');
4 years ago
},
4 years ago
child: Row(
4 years ago
children: [
Text.rich(
4 years ago
TextSpan(
children: [
TextSpan(
text: S.of(context).yue,
style: TextStyle(
fontSize: 14.sp,
fontWeight: FontWeight.bold,
color: Colors.black,
),
4 years ago
),
4 years ago
],
),
4 years ago
),
Icon(
Icons.keyboard_arrow_right,
4 years ago
color: Colors.black,
4 years ago
size: 22.5,
),
],
),
),
],
),
Column(
children: [
Text.rich(
TextSpan(children: [
TextSpan(
text: "0",
4 years ago
style: TextStyle(
4 years ago
fontSize: 24.sp,
fontWeight: FontWeight.w500,
color: Colors.black,
),
4 years ago
),
]),
),
4 years ago
SizedBox(
4 years ago
height: 5.h,
4 years ago
),
4 years ago
Text.rich(
4 years ago
TextSpan(
children: [
TextSpan(
text: S.of(context).jifen,
style: TextStyle(
fontSize: 14.sp,
fontWeight: FontWeight.bold,
color: Colors.black,
),
4 years ago
),
4 years ago
],
),
4 years ago
),
],
),
],
4 years ago
),
),
Column(
children: [
Padding(
4 years ago
padding: EdgeInsets.only(top: 5.h, bottom: 5.h),
4 years ago
child: Text(
4 years ago
vipCard != null
? "${vipCard.id.substring(0, 4)} "
"${vipCard.id.substring(4, 8)} "
"${vipCard.id.substring(8, 12)} "
"${vipCard.id.substring(12, 16)} "
"${vipCard.id.substring(16, vipCard.id.length)}"
: "",
4 years ago
maxLines: 1,
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.black,
fontSize: 14.sp,
4 years ago
wordSpacing: vipCard == null
? 10
: (MediaQuery.of(context).size.width - 64.w) /
(((vipCard.id.length) * 4)),
letterSpacing: vipCard == null
? 8
: (MediaQuery.of(context).size.width - 64.w) /
(((vipCard.id.length) * 4)),
4 years ago
),
4 years ago
),
),
BarcodeWidget(
barcode: Barcode.code128(),
data: '2673713263236786',
4 years ago
height: 30.h,
4 years ago
color: Colors.black,
drawText: false,
)
],
4 years ago
)
],
4 years ago
),
),
],
),
);
}
Widget historyItem() {
return Container(
4 years ago
margin: EdgeInsets.all(16.w),
4 years ago
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
4 years ago
width: 19.w,
height: 19.h,
4 years ago
margin: EdgeInsets.only(left: 12.w, top: 12.h),
4 years ago
alignment: Alignment.center,
decoration: new BoxDecoration(
color: Color(0xff32A060),
borderRadius: BorderRadius.circular(2),
),
4 years ago
child: Text(
"",
style: TextStyle(
fontSize: 12.sp,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
4 years ago
),
Expanded(
child: Container(
width: double.infinity,
4 years ago
margin: EdgeInsets.only(left: 6.w, top: 12.h),
4 years ago
alignment: Alignment.centerLeft,
child: Text(
"前进麦味·天然烘焙(凯德1818店)",
style: TextStyle(
fontWeight: FontWeight.bold,
4 years ago
fontSize: 14.sp,
4 years ago
color: Color(0xFF353535),
),
),
),
flex: 1,
),
Padding(
4 years ago
padding: EdgeInsets.only(top: 12.h, right: 12.w),
child: Text(
S.of(context).yiwancheng,
style: TextStyle(
fontSize: 14.sp,
fontWeight: FontWeight.bold,
color: Color(0xff32A060),
),
),
4 years ago
),
],
),
Container(
4 years ago
margin: EdgeInsets.only(left: 37.w),
4 years ago
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(
4 years ago
fontSize: 10.sp,
4 years ago
color: Color(0xFF727272),
),
),
SizedBox(
4 years ago
height: 8.h,
4 years ago
),
Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Image.network(
"https://t7.baidu.com/it/u=1348120667,563487140&fm=193&f=GIF",
4 years ago
width: 75.w,
height: 75.h,
4 years ago
fit: BoxFit.contain,
),
SizedBox(
4 years ago
height: 4.h,
4 years ago
),
4 years ago
Text(
"桑葚椰汁水果茶",
style: TextStyle(
4 years ago
fontSize: 10.sp,
4 years ago
color: Color(0xFF353535),
4 years ago
),
4 years ago
),
4 years ago
],
),
],
),
Padding(
4 years ago
padding: EdgeInsets.only(right: 22.w),
4 years ago
child: Image.asset(
"assets/image/icon_more.png",
fit: BoxFit.fill,
alignment: Alignment.centerRight,
4 years ago
width: 24.w,
height: 24.h,
4 years ago
),
)
],
),
),
SizedBox(
4 years ago
height: 12.h,
4 years ago
),
Container(
4 years ago
margin: EdgeInsets.only(right: 12.w, bottom: 12.h),
4 years ago
child: Directionality(
4 years ago
textDirection: TextDirection.rtl,
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text.rich(TextSpan(children: [
TextSpan(
text: "合计:",
style: TextStyle(
fontSize: 12.sp,
color: Color(0xFF868686),
4 years ago
),
4 years ago
),
TextSpan(
4 years ago
text: S.of(context).yuan_("58.2"),
4 years ago
style: TextStyle(
fontSize: 12.sp,
fontWeight: FontWeight.bold,
color: Colors.black,
4 years ago
),
),
4 years ago
])),
SizedBox(
width: 4.w,
),
Text.rich(TextSpan(children: [
TextSpan(
text: "",
style: TextStyle(
fontSize: 12.sp,
color: Color(0xFF868686),
4 years ago
),
4 years ago
),
TextSpan(
text: "5",
style: TextStyle(
fontSize: 12.sp,
fontWeight: FontWeight.bold,
color: Colors.black,
4 years ago
),
4 years ago
),
TextSpan(
text: "",
style: TextStyle(
fontSize: 12,
color: Color(0xFF868686),
4 years ago
),
4 years ago
),
4 years ago
])),
],
),
SizedBox(
height: 8.h,
),
Row(
children: [
RoundButton(
text: "再来一单",
textColor: Colors.white,
fontSize: 12.sp,
backgroup: Color(0xFF32A060),
radius: 2,
padding: EdgeInsets.fromLTRB(17.w, 4.h, 17.w, 4.h),
),
Container(
width: 72.w,
height: 24.h,
margin: EdgeInsets.only(right: 10.w),
child: TextButton(
onPressed: () {},
style: ButtonStyle(
padding: MaterialStateProperty.all(EdgeInsets.zero),
side: MaterialStateProperty.all(
BorderSide(color: Color(0xff32A060), width: 0.5),
4 years ago
),
4 years ago
),
child: Text(
"删除一单",
style: TextStyle(
color: Color(0xff32A060),
fontSize: 12.sp,
4 years ago
),
4 years ago
),
4 years ago
),
4 years ago
),
Expanded(
flex: 1,
child: Container(
margin: EdgeInsets.only(left: 37.w),
alignment: Alignment.centerLeft,
child: Text(
"取单号 201",
style: TextStyle(
fontSize: 16.sp,
fontWeight: FontWeight.bold,
color: Colors.black),
4 years ago
),
4 years ago
),
4 years ago
),
],
),
],
),
),
4 years ago
),
],
),
);
}
}