|
|
|
@ -42,75 +42,64 @@ class _LogisticsInformationPage extends State<LogisticsInformationPage> {
|
|
|
|
|
titleSpacing: 2, |
|
|
|
|
leadingWidth: 56, |
|
|
|
|
), |
|
|
|
|
body: Container( |
|
|
|
|
height: MediaQuery.of(context).size.height, |
|
|
|
|
body:Container( |
|
|
|
|
child: SingleChildScrollView( |
|
|
|
|
physics: BouncingScrollPhysics(), |
|
|
|
|
child: Column( |
|
|
|
|
child:Column( |
|
|
|
|
children: [ |
|
|
|
|
_orderInformation(), |
|
|
|
|
SizedBox( |
|
|
|
|
height: 16, |
|
|
|
|
), |
|
|
|
|
Expanded( |
|
|
|
|
child: Container( |
|
|
|
|
margin: EdgeInsets.symmetric(vertical: 8, horizontal: 16), |
|
|
|
|
padding: EdgeInsets.all(16), |
|
|
|
|
decoration: BoxDecoration( |
|
|
|
|
color: Colors.white, |
|
|
|
|
borderRadius: BorderRadius.only( |
|
|
|
|
topLeft: Radius.circular(8), |
|
|
|
|
bottomLeft: Radius.circular(4), |
|
|
|
|
topRight: Radius.circular(8), |
|
|
|
|
bottomRight: Radius.circular(4), |
|
|
|
|
), |
|
|
|
|
boxShadow: [ |
|
|
|
|
BoxShadow( |
|
|
|
|
color: Colors.black.withAlpha(12), |
|
|
|
|
offset: Offset(0, 2), |
|
|
|
|
blurRadius: 14, |
|
|
|
|
spreadRadius: 0) |
|
|
|
|
], |
|
|
|
|
Container( |
|
|
|
|
margin: EdgeInsets.symmetric(vertical: 8, horizontal: 16), |
|
|
|
|
padding: EdgeInsets.all(16), |
|
|
|
|
decoration: BoxDecoration( |
|
|
|
|
color: Colors.white, |
|
|
|
|
borderRadius: BorderRadius.only( |
|
|
|
|
topLeft: Radius.circular(8), |
|
|
|
|
bottomLeft: Radius.circular(4), |
|
|
|
|
topRight: Radius.circular(8), |
|
|
|
|
bottomRight: Radius.circular(4), |
|
|
|
|
), |
|
|
|
|
child: Column( |
|
|
|
|
boxShadow: [ |
|
|
|
|
BoxShadow( |
|
|
|
|
color: Colors.black.withAlpha(12), |
|
|
|
|
offset: Offset(0, 2), |
|
|
|
|
blurRadius: 14, |
|
|
|
|
spreadRadius: 0) |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
child: Column( |
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
|
|
|
children: [ |
|
|
|
|
Padding( |
|
|
|
|
padding: EdgeInsets.only(bottom: 32), |
|
|
|
|
child: Text( |
|
|
|
|
"订单跟踪", |
|
|
|
|
style: TextStyle( |
|
|
|
|
fontSize: 16, |
|
|
|
|
fontWeight: FontWeight.bold, |
|
|
|
|
color: Color(0xff353535)), |
|
|
|
|
Padding(padding:EdgeInsets.only(bottom: 32), |
|
|
|
|
child:Text("订单跟踪",style: TextStyle(fontSize:16,fontWeight: FontWeight.bold,color: Color(0xff353535)),),), |
|
|
|
|
SizedBox( |
|
|
|
|
height: 500, |
|
|
|
|
child: ListView.builder( |
|
|
|
|
itemCount: 8, |
|
|
|
|
scrollDirection: Axis.vertical, |
|
|
|
|
physics: BouncingScrollPhysics(), |
|
|
|
|
itemBuilder: (context, position) { |
|
|
|
|
return orderTrackItem(position); |
|
|
|
|
}, |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
ListView.builder( |
|
|
|
|
itemCount: 8, |
|
|
|
|
scrollDirection: Axis.vertical, |
|
|
|
|
shrinkWrap: true, |
|
|
|
|
physics: BouncingScrollPhysics(), |
|
|
|
|
itemBuilder: (context, position) { |
|
|
|
|
return Container( |
|
|
|
|
child: orderTrackItem(position), |
|
|
|
|
); |
|
|
|
|
}, |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
] |
|
|
|
|
), |
|
|
|
|
flex: 1, |
|
|
|
|
) |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
|
|
|
|
|
), |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
Widget _orderInformation() { |
|
|
|
|
return Container( |
|
|
|
|
margin: EdgeInsets.only(left: 16, right: 16), |
|
|
|
|
return Container( |
|
|
|
|
margin: EdgeInsets.only(left: 16,right: 16), |
|
|
|
|
padding: EdgeInsets.all(16), |
|
|
|
|
decoration: BoxDecoration( |
|
|
|
|
color: Colors.white, |
|
|
|
@ -139,9 +128,8 @@ class _LogisticsInformationPage extends State<LogisticsInformationPage> {
|
|
|
|
|
fit: BoxFit.cover, |
|
|
|
|
), |
|
|
|
|
Container( |
|
|
|
|
padding: |
|
|
|
|
EdgeInsets.only(left: 32, right: 32, top: 5, bottom: 5), |
|
|
|
|
decoration: BoxDecoration( |
|
|
|
|
padding: EdgeInsets.only(left: 32,right: 32,top: 5,bottom:5), |
|
|
|
|
decoration:BoxDecoration( |
|
|
|
|
borderRadius: BorderRadius.only( |
|
|
|
|
topLeft: Radius.circular(0), |
|
|
|
|
bottomLeft: Radius.circular(4), |
|
|
|
@ -150,9 +138,9 @@ class _LogisticsInformationPage extends State<LogisticsInformationPage> {
|
|
|
|
|
), |
|
|
|
|
color: Color(0x53000000), |
|
|
|
|
), |
|
|
|
|
child: Text( |
|
|
|
|
child:Text( |
|
|
|
|
"共3件", |
|
|
|
|
style: TextStyle( |
|
|
|
|
style:TextStyle( |
|
|
|
|
fontSize: 12, |
|
|
|
|
color: Colors.white, |
|
|
|
|
), |
|
|
|
@ -185,7 +173,8 @@ class _LogisticsInformationPage extends State<LogisticsInformationPage> {
|
|
|
|
|
style: TextStyle( |
|
|
|
|
color: Color(0xFF32A060), |
|
|
|
|
fontSize: 14, |
|
|
|
|
fontWeight: FontWeight.bold), |
|
|
|
|
fontWeight: FontWeight.bold |
|
|
|
|
), |
|
|
|
|
) |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
@ -243,86 +232,60 @@ class _LogisticsInformationPage extends State<LogisticsInformationPage> {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
Widget orderTrackItem(var position) { |
|
|
|
|
return Container( |
|
|
|
|
width: double.infinity, |
|
|
|
|
height: 50, |
|
|
|
|
child: Row( |
|
|
|
|
children: [ |
|
|
|
|
Column( |
|
|
|
|
children: [ |
|
|
|
|
Text( |
|
|
|
|
"11-27", |
|
|
|
|
style: TextStyle( |
|
|
|
|
fontSize: 14, |
|
|
|
|
fontWeight: FontWeight.bold, |
|
|
|
|
color: Color(0xff353535)), |
|
|
|
|
), |
|
|
|
|
SizedBox( |
|
|
|
|
height: 5, |
|
|
|
|
), |
|
|
|
|
Text( |
|
|
|
|
"12:23", |
|
|
|
|
style: TextStyle(fontSize: 12, color: Color(0xff868686)), |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
SizedBox( |
|
|
|
|
width: 28, |
|
|
|
|
), |
|
|
|
|
Column( |
|
|
|
|
children: [ |
|
|
|
|
Image.asset( |
|
|
|
|
"assets/image/icon_sign.png", |
|
|
|
|
width: 24, |
|
|
|
|
height: 24, |
|
|
|
|
return Row( |
|
|
|
|
children: [ |
|
|
|
|
Column( |
|
|
|
|
children: [ |
|
|
|
|
Text("11-27",style: TextStyle(fontSize:14,fontWeight: FontWeight.bold,color: Color(0xff353535)),), |
|
|
|
|
SizedBox( |
|
|
|
|
height:5, |
|
|
|
|
), |
|
|
|
|
Text("12:23",style: TextStyle(fontSize:12,color: Color(0xff868686)),), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
SizedBox( |
|
|
|
|
width: 28, |
|
|
|
|
), |
|
|
|
|
Column( |
|
|
|
|
children: [ |
|
|
|
|
Image.asset( |
|
|
|
|
"assets/image/icon_sign.png", |
|
|
|
|
width: 24, |
|
|
|
|
height: 24, |
|
|
|
|
), |
|
|
|
|
Container( |
|
|
|
|
width: 1, |
|
|
|
|
height: 30, |
|
|
|
|
decoration: new BoxDecoration( |
|
|
|
|
color: position < 7 ? Colors.black : Colors.white, |
|
|
|
|
), |
|
|
|
|
Container( |
|
|
|
|
width: 1, |
|
|
|
|
height: 30, |
|
|
|
|
decoration: new BoxDecoration( |
|
|
|
|
color: position < 7 ? Colors.black : Colors.white, |
|
|
|
|
) |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
SizedBox( |
|
|
|
|
width: 28, |
|
|
|
|
), |
|
|
|
|
Column( |
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
|
|
|
children: [ |
|
|
|
|
Text("已签收",style: TextStyle(fontSize:14,fontWeight: FontWeight.bold,color: Colors.black),), |
|
|
|
|
SizedBox( |
|
|
|
|
height: 10, |
|
|
|
|
), |
|
|
|
|
Row( |
|
|
|
|
children: [ |
|
|
|
|
Text("快件已在泉州市签收",style: TextStyle(fontSize:12,color: Color(0xff353535)),), |
|
|
|
|
SizedBox( |
|
|
|
|
width: 9, |
|
|
|
|
), |
|
|
|
|
) |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
SizedBox( |
|
|
|
|
width: 28, |
|
|
|
|
), |
|
|
|
|
Column( |
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
|
|
|
children: [ |
|
|
|
|
Text( |
|
|
|
|
"已签收", |
|
|
|
|
style: TextStyle( |
|
|
|
|
fontSize: 14, |
|
|
|
|
fontWeight: FontWeight.bold, |
|
|
|
|
color: Colors.black), |
|
|
|
|
), |
|
|
|
|
SizedBox( |
|
|
|
|
height: 10, |
|
|
|
|
), |
|
|
|
|
Row( |
|
|
|
|
children: [ |
|
|
|
|
Expanded( |
|
|
|
|
child: Text( |
|
|
|
|
"快件已在泉州市签收", |
|
|
|
|
style: TextStyle(fontSize: 12, color: Color(0xff353535)), |
|
|
|
|
), |
|
|
|
|
flex: 1, |
|
|
|
|
), |
|
|
|
|
SizedBox( |
|
|
|
|
width: 9, |
|
|
|
|
), |
|
|
|
|
Text( |
|
|
|
|
"签收人 张三", |
|
|
|
|
style: TextStyle(fontSize: 12, color: Color(0xff353535)), |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
Text("签收人 张三",style: TextStyle(fontSize:12,color: Color(0xff353535)),), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
|
|
|
|
|
], |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|