import 'dart:math' as math; import 'package:bbyyy/beans/goods_bean_entity.dart'; import 'package:bbyyy/https/url.dart'; import 'package:bbyyy/my_tools/AsperctRaioImage.dart'; import 'package:bbyyy/my_tools/my_colors.dart'; import 'package:bbyyy/my_tools/my_views.dart'; import 'package:flutter/material.dart'; class OrderPage extends StatefulWidget { GoodsBeanDataData data; OrderPage(this.data); @override _OrderPageState createState() => _OrderPageState(data); } class _OrderPageState extends State { List status = ['未支付', '代支付', '已支付']; List statusColors = [ MyColors.cFF9353, MyColors.c73C2FF, MyColors.cADD358 ]; int statusIndex = 0; GoodsBeanDataData data; _OrderPageState(this.data); @override void initState() { // TODO: implement initState super.initState(); statusIndex = math.Random().nextInt(3); } @override Widget build(BuildContext context) { return Scaffold( backgroundColor: MyColors.cF7F7F7, body: Column( children: [ MyViews().myAppBar('订单详情', context, []), Expanded( child: Stack( children: [ SingleChildScrollView( child: Column( children: [ MyViews().netImg( imgURL(data.coverPath), 314, double.infinity, placeholder: 'images/svg/goodsDefImg.svg'), Container( color: Colors.white, padding: EdgeInsets.fromLTRB(15, 15, 15, 18), child: Column( children: [ Container( margin: EdgeInsets.only(bottom: 11), child: Text( '${data.title}\n${data.description}', style: TextStyle( color: MyColors.c333333, fontSize: 15, height: 1.4), ), ), Row( children: [ Text( '¥${data.price}', style: TextStyle( color: MyColors.cFF4233, fontSize: 17), ), Text( 'x${data.stock}', style: TextStyle( color: MyColors.c666666, fontSize: 17), ), ], mainAxisAlignment: MainAxisAlignment.spaceBetween, ) ], crossAxisAlignment: CrossAxisAlignment.start, ), ), Container( color: Colors.white, padding: EdgeInsets.fromLTRB(12, 2, 12, 2), margin: EdgeInsets.only(top: 5), child: Row( children: [ ClipRRect( child: MyViews().netImg('path', 40, 40), borderRadius: BorderRadius.all(Radius.circular(20)), ), Container( margin: EdgeInsets.only(left: 7, right: 8), child: Text( '爱吃饼干的小猪', style: TextStyle( color: MyColors.c333333, fontSize: 15), ), ), Container( decoration: BoxDecoration( border: Border.all( color: MyColors.cFF4233, width: 1), borderRadius: BorderRadius.circular(2), ), height: 14, width: 26, child: Text( '卖家', style: TextStyle( color: MyColors.cFF4233, fontSize: 10, height: 1), ), alignment: Alignment.center, padding: EdgeInsets.only(top: 1), ) ], ), ), Container( color: Colors.white, padding: EdgeInsets.fromLTRB(15, 15, 17, 15), margin: EdgeInsets.only(top: 5), child: Row( children: [ MyViews().myText('优惠', MyColors.c333333, 15), MyViews().myText('-￥6.00', MyColors.c666666, 15), ], mainAxisAlignment: MainAxisAlignment.spaceBetween, ), ), Column( children: images(), ), Container( color: Colors.white, padding: EdgeInsets.fromLTRB(15, 15, 17, 15), margin: EdgeInsets.only(top: 1), child: Row( children: [ MyViews().myText('合计', MyColors.c333333, 15), MyViews().myText('￥114.00', MyColors.c666666, 15), ], mainAxisAlignment: MainAxisAlignment.spaceBetween, ), ), Container( color: Colors.white, padding: EdgeInsets.fromLTRB(15, 15, 17, 15), margin: EdgeInsets.only(top: 5), child: Row( children: [ MyViews().myText('下单时间', MyColors.c333333, 15), MyViews().myText( '2020-12-24 10:00:00', MyColors.c666666, 15), ], mainAxisAlignment: MainAxisAlignment.spaceBetween, ), ), ], ), ), Container( decoration: BoxDecoration( borderRadius: BorderRadius.only( bottomRight: Radius.circular(21), bottomLeft: Radius.circular(21), ), color: Colors.white), height: 56, padding: EdgeInsets.only(left: 16, right: 14), child: Row( children: [ ClipRRect( child: MyViews().netImg(imgURL(data.userPic), 40, 40), borderRadius: BorderRadius.all(Radius.circular(20)), ), Expanded( child: Container( height: 40, margin: EdgeInsets.only(left: 10), child: Column( children: [ Row( children: [ MyViews().myText( data.userName, MyColors.c333333, 15), Container( decoration: BoxDecoration( border: Border.all( color: MyColors.cFF4233, width: 1), borderRadius: BorderRadius.circular(2), ), margin: EdgeInsets.only(left: 10), height: 14, width: 26, child: Text( '买家', style: TextStyle( color: MyColors.cFF4233, fontSize: 10, height: 1), ), alignment: Alignment.center, padding: EdgeInsets.only(top: 1), ) ], ), MyViews().myText('全球带货达人团', MyColors.c999999, 12), ], crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceBetween, ), ), ), Container( decoration: BoxDecoration( color: statusColors[statusIndex], borderRadius: BorderRadius.only( topLeft: Radius.circular(7), bottomRight: Radius.circular(7), ), ), child: MyViews().myText( status[statusIndex], Colors.white, 10, height: 1), height: 18, width: 40, alignment: Alignment.center, ) ], ), ), ], ), ), Visibility( visible: statusIndex == 0, child: SafeArea( top: false, child: Container( padding: EdgeInsets.symmetric(horizontal: 37), color: Colors.white, width: double.infinity, height: 80, child: Visibility( visible: statusIndex == 0, child: Row( children: [ Expanded( child: Container( decoration: BoxDecoration( borderRadius: BorderRadius.only( topLeft: Radius.circular(20), bottomLeft: Radius.circular(20), ), border: Border.all( color: MyColors.cFF4233, width: 1)), height: 40, child: MyViews().myText('取消订单', MyColors.cFF4233, 14), alignment: Alignment.center), ), Expanded( child: Container( decoration: BoxDecoration( borderRadius: BorderRadius.only( topRight: Radius.circular(20), bottomRight: Radius.circular(20), ), color: MyColors.cFF4233), height: 40, child: MyViews().myText('立即支付', Colors.white, 14), alignment: Alignment.center), ) ], ), ), ), ), ) ], ), ); } images() { List imgs = []; data.pictures.split(',').forEach((element) { imgs.add(AsperctRaioImage.network(imgURL(element), builder: (context, snapshot, url) { return MyViews().netImg( imgURL(element), (snapshot.data.height.toDouble() / 5) / (snapshot.data.width.toDouble() / 5) * MediaQuery.of(context).size.width, MediaQuery.of(context).size.width,placeholder: 'images/svg/goodsDefImg.svg'); })); }); return imgs; } }