317 lines
13 KiB
Dart
317 lines
13 KiB
Dart
/// 我的订单
|
||
library;
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:get/get.dart';
|
||
|
||
import '../../behavior/custom_scroll_behavior.dart';
|
||
|
||
class Order extends StatefulWidget {
|
||
const Order({super.key});
|
||
|
||
@override
|
||
State<Order> createState() => _OrderState();
|
||
}
|
||
|
||
class _OrderState extends State<Order> with SingleTickerProviderStateMixin {
|
||
GlobalKey<ScaffoldState> scaffoldKey = GlobalKey();
|
||
|
||
List tabList = [
|
||
{'name': "全部"},
|
||
{'name': "待付款", 'badge': 1},
|
||
{'name': "待核销"},
|
||
{'name': "已完成"},
|
||
{'name': "取消"}
|
||
];
|
||
|
||
late ScrollController scrollController = ScrollController();
|
||
late TabController tabController = TabController(initialIndex: 0, length: tabList.length, vsync: this);
|
||
|
||
Widget emptyTip() {
|
||
return Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
spacing: 5.0,
|
||
children: [
|
||
Image.asset(
|
||
'assets/images/empty.png',
|
||
width: 100.0,
|
||
),
|
||
Text(
|
||
'还没有相关订单~',
|
||
style: TextStyle(color: Colors.grey, fontSize: 12.0),
|
||
)
|
||
],
|
||
);
|
||
}
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
scrollController.dispose();
|
||
tabController.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
key: scaffoldKey,
|
||
backgroundColor: Colors.white,
|
||
appBar: AppBar(
|
||
forceMaterialTransparency: true,
|
||
titleSpacing: 1.0,
|
||
title: Container(
|
||
height: 35.0,
|
||
decoration: BoxDecoration(
|
||
color: Colors.grey[50],
|
||
borderRadius: BorderRadius.circular(30.0),
|
||
),
|
||
child: TextField(
|
||
decoration: InputDecoration(
|
||
isDense: true,
|
||
hintText: "搜索订单",
|
||
hintStyle: TextStyle(color: Colors.black38, fontSize: 14.0),
|
||
prefixIcon: Icon(
|
||
Icons.search,
|
||
color: Colors.black38,
|
||
size: 21.0,
|
||
),
|
||
contentPadding: EdgeInsets.symmetric(vertical: 0, horizontal: 10.0),
|
||
border: OutlineInputBorder(borderSide: BorderSide.none, borderRadius: BorderRadius.circular(30.0))),
|
||
cursorColor: Colors.black,
|
||
onChanged: (val) {
|
||
debugPrint(val);
|
||
},
|
||
),
|
||
),
|
||
bottom: PreferredSize(
|
||
preferredSize: Size.fromHeight(45.0),
|
||
child: Row(children: [
|
||
Expanded(
|
||
child: TabBar(
|
||
controller: tabController,
|
||
tabs: tabList
|
||
.map((item) => Container(
|
||
alignment: Alignment.center,
|
||
height: 45.0,
|
||
child: Badge.count(
|
||
backgroundColor: Colors.red,
|
||
count: item['badge'] ?? 0,
|
||
isLabelVisible: item['badge'] != null ? true : false,
|
||
child: Text(item['name'])),
|
||
))
|
||
.toList(),
|
||
isScrollable: false,
|
||
overlayColor: WidgetStateProperty.all(Colors.transparent),
|
||
unselectedLabelColor: Colors.black87,
|
||
labelColor: Color(0xFFFF5000),
|
||
indicator: UnderlineTabIndicator(
|
||
borderRadius: BorderRadius.circular(10.0),
|
||
borderSide: BorderSide(color: Color(0xFFFF5000), width: 2.0),
|
||
),
|
||
indicatorSize: TabBarIndicatorSize.tab,
|
||
unselectedLabelStyle: TextStyle(fontSize: 16.0, fontFamily: 'Microsoft YaHei'),
|
||
labelStyle: TextStyle(fontSize: 18.0, fontFamily: 'Microsoft YaHei', fontWeight: FontWeight.w700),
|
||
dividerHeight: 0,
|
||
padding: EdgeInsets.symmetric(horizontal: 10.0),
|
||
labelPadding: EdgeInsets.symmetric(horizontal: 10.0),
|
||
indicatorPadding: EdgeInsets.symmetric(horizontal: 15.0, vertical: 5.0),
|
||
),
|
||
),
|
||
]),
|
||
),
|
||
),
|
||
body: ScrollConfiguration(
|
||
behavior: CustomScrollBehavior().copyWith(scrollbars: false),
|
||
child: Container(
|
||
color: Colors.grey[50],
|
||
child: TabBarView(controller: tabController, children: [
|
||
ListView(
|
||
controller: scrollController,
|
||
physics: BouncingScrollPhysics(),
|
||
padding: EdgeInsets.all(10.0),
|
||
children: [
|
||
GestureDetector(
|
||
child: Container(
|
||
margin: EdgeInsets.only(bottom: 10.0),
|
||
padding: EdgeInsets.all(10.0),
|
||
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(15.0), boxShadow: [
|
||
BoxShadow(
|
||
color: Colors.black.withAlpha(10),
|
||
offset: Offset(0.0, 1.0),
|
||
blurRadius: 1.0,
|
||
spreadRadius: 0.0,
|
||
),
|
||
]),
|
||
child: Column(
|
||
spacing: 10.0,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
Wrap(
|
||
crossAxisAlignment: WrapCrossAlignment.center,
|
||
spacing: 5.0,
|
||
children: [
|
||
ClipOval(
|
||
child: Image.asset(
|
||
'assets/images/avatar/img11.jpg',
|
||
width: 25.0,
|
||
),
|
||
),
|
||
Text('老白干自营旗舰店'),
|
||
Icon(
|
||
Icons.arrow_forward_ios_rounded,
|
||
color: Colors.grey,
|
||
size: 12.0,
|
||
),
|
||
],
|
||
),
|
||
Spacer(),
|
||
Text(
|
||
'待付款',
|
||
style: TextStyle(color: Colors.red),
|
||
)
|
||
],
|
||
),
|
||
Row(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
spacing: 10.0,
|
||
children: [
|
||
Image.network(
|
||
'https://img13.360buyimg.com/n1/jfs/t1/263909/5/4187/123220/676eb220F3e481086/0cee829b1894fc4c.jpg',
|
||
width: 80.0,
|
||
),
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
spacing: 5.0,
|
||
children: [
|
||
Text(
|
||
'茅台（MOUTAI）飞天 53度 酱香型白酒 500ml*2 海外版送礼袋年货送礼',
|
||
maxLines: 2,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
Row(
|
||
children: [
|
||
Text(
|
||
'¥3800',
|
||
style: TextStyle(color: Colors.red),
|
||
),
|
||
Spacer(),
|
||
Text(
|
||
'x10',
|
||
style: TextStyle(color: Colors.grey),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
)
|
||
],
|
||
),
|
||
// 提示信息
|
||
Container(
|
||
padding: EdgeInsets.all(5.0),
|
||
decoration: BoxDecoration(
|
||
color: Colors.grey[50],
|
||
borderRadius: BorderRadius.circular(5.0),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
Spacer(),
|
||
Text.rich(
|
||
TextSpan(children: [
|
||
TextSpan(text: '实付款: '),
|
||
TextSpan(
|
||
text: '¥38000',
|
||
style: TextStyle(color: Colors.red),
|
||
),
|
||
]),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
// 按钮组
|
||
Row(
|
||
spacing: 10.0,
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
ElevatedButton(
|
||
onPressed: () {},
|
||
style: ButtonStyle(backgroundColor: WidgetStateProperty.all(Colors.white)),
|
||
child: Text('取消订单'),
|
||
),
|
||
ElevatedButton(
|
||
onPressed: () {},
|
||
style: ButtonStyle(
|
||
backgroundColor: WidgetStateProperty.all(Color(0xff07c160)), foregroundColor: WidgetStateProperty.all(Colors.white)),
|
||
child: Text('去支付'),
|
||
),
|
||
],
|
||
),
|
||
Row(
|
||
spacing: 10.0,
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
ElevatedButton(
|
||
onPressed: () {},
|
||
style: ButtonStyle(
|
||
backgroundColor: WidgetStateProperty.all(Color(0xFF10B9FC)), foregroundColor: WidgetStateProperty.all(Colors.white)),
|
||
child: Text('评价'),
|
||
),
|
||
],
|
||
),
|
||
Row(
|
||
spacing: 10.0,
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
ElevatedButton(
|
||
onPressed: () {},
|
||
style: ButtonStyle(backgroundColor: WidgetStateProperty.all(Colors.white)),
|
||
child: Text('申请退款'),
|
||
),
|
||
ElevatedButton(
|
||
onPressed: () {},
|
||
style: ButtonStyle(
|
||
backgroundColor: WidgetStateProperty.all(Color(0xFFFCBE13)), foregroundColor: WidgetStateProperty.all(Colors.white)),
|
||
child: Text('联系客服'),
|
||
),
|
||
],
|
||
),
|
||
|
||
Row(
|
||
spacing: 10.0,
|
||
mainAxisAlignment: MainAxisAlignment.end,
|
||
children: [
|
||
ElevatedButton(
|
||
onPressed: () {},
|
||
style: ButtonStyle(backgroundColor: WidgetStateProperty.all(Colors.white)),
|
||
child: Text('删除'),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
),
|
||
onTap: () {
|
||
Get.toNamed('/order/detail');
|
||
},
|
||
),
|
||
],
|
||
),
|
||
emptyTip(),
|
||
emptyTip(),
|
||
emptyTip(),
|
||
emptyTip(),
|
||
emptyTip(),
|
||
]),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|