import 'dart:async'; import 'package:flutter/material.dart'; import 'package:flutter_custom_calendar/utils/solar_term_util.dart'; import 'package:get/get.dart'; import 'package:recook/constants/styles.dart'; import 'package:recook/pages/buy_tickets/add_used_passager_page.dart'; import 'package:recook/pages/buy_tickets/airplane_detail_page.dart'; import 'package:recook/pages/buy_tickets/tickets_orde_detail_page.dart'; import 'package:recook/widgets/custom_app_bar.dart'; import 'package:recook/constants/header.dart'; import 'package:recook/widgets/custom_cache_image.dart'; import 'package:recook/widgets/custom_image_button.dart'; import 'package:recook/widgets/no_data_view.dart'; import 'package:recook/widgets/refresh_widget.dart'; import 'package:velocity_x/velocity_x.dart'; import 'package:badges/badges.dart'; class TicketsOrderPage extends StatefulWidget { final String code; //飞机票标准商品编号 final int ticketType; //1飞机 2汽车 3火车 TicketsOrderPage({Key key, this.code, @required this.ticketType}) : super(key: key); @override _TicketsOrderPageState createState() => _TicketsOrderPageState(); } class _TicketsOrderPageState extends State with TickerProviderStateMixin { GSRefreshController _refreshController = GSRefreshController(initialRefresh: true); TabController _tabController; int _tabType = 0; //0 预订 1待付款 2待出行 3已完成 4已取消 int _ticketTypee; String _ticketText = '飞机票'; String _stateText = ''; Timer _timer; bool _getTime = false; int countDown = 5; @override void initState() { super.initState(); _ticketTypee = 1; _tabController = TabController(length: 5, vsync: this); startTick(); } @override void dispose() { _timer.cancel(); super.dispose(); } startTick() { _timer = Timer.periodic(Duration(seconds: 1), (timer) { if (timer.tick >= 5) { _getTime = false; _timer.cancel(); _timer = null; } else { _getTime = true; } setState(() {}); }); } getTimeText(int tick) { String m = ''; String s = ''; if (tick >= 0) { if ((tick ~/ 60) < 10) { m = '0' + (tick ~/ 60).toString() + '分'; } else { m = (tick ~/ 60).toString() + '分'; } if ((tick % 60) < 10) { s = '0' + (tick % 60).toString() + '秒后'; } else { s = (tick % 60).toString() + '秒后'; } } return m + s; } getTicketType() { switch (_ticketTypee) { case 1: _ticketText = '飞机票'; break; case 2: _ticketText = '汽车票'; break; case 3: _ticketText = '火车票'; break; } return _ticketText; } List tabs = [ Tab( icon: Badge( badgeColor: Colors.red, shape: BadgeShape.circle, position: BadgePosition.topEnd(top: -3, end: -4), padding: EdgeInsets.all(3.rw), badgeContent: null, child: Text( '预订中', ), ), ), Tab( icon: Badge( badgeColor: Colors.red, shape: BadgeShape.circle, position: BadgePosition.topEnd(top: -3, end: -4), padding: EdgeInsets.all(3.rw), badgeContent: null, child: Text( '待付款', ), ), ), Tab( icon: Badge( badgeColor: Colors.red, shape: BadgeShape.circle, position: BadgePosition.topEnd(top: -3, end: -4), padding: EdgeInsets.all(3.rw), badgeContent: null, child: Text( '待出行', ), ), ), Tab( icon: Badge( badgeColor: Colors.red, shape: BadgeShape.circle, position: BadgePosition.topEnd(top: -3, end: -4), padding: EdgeInsets.all(3.rw), badgeContent: null, child: Text( '已完成', ), ), ), Tab( icon: Badge( badgeColor: Colors.red, shape: BadgeShape.circle, position: BadgePosition.topEnd(top: -3, end: -4), padding: EdgeInsets.all(3.rw), badgeContent: null, child: Text( '已取消', ), ), ), ]; @override Widget build(BuildContext context) { return Scaffold( backgroundColor: AppColor.frenchColor, appBar: CustomAppBar( appBackground: Color(0xFFF9F9FB), actions: [ PopupMenuButton( offset: Offset(0, 10), color: Colors.white, child: Row( children: [ Text(getTicketType(), style: TextStyle( fontWeight: FontWeight.bold, fontSize: 14.rsp, color: Color(0xFF333333), )), Icon( Icons.arrow_drop_down, color: Colors.black87, ), ], ), onSelected: (String value) { setState(() { _ticketTypee = int.parse(value); print(value); setState(() {}); }); }, itemBuilder: (BuildContext context) => >[ PopupMenuItem( value: "1", child: Text("飞机票", style: TextStyle( fontWeight: FontWeight.bold, fontSize: 14.rsp, color: Color(0xFF333333), ))), PopupMenuItem( value: "2", child: Text("汽车票", style: TextStyle( fontWeight: FontWeight.bold, fontSize: 14.rsp, color: Color(0xFF333333), ))), PopupMenuItem( value: "3", child: Text("火车票", style: TextStyle( fontWeight: FontWeight.bold, fontSize: 14.rsp, color: Color(0xFF333333), ))), ]), ], elevation: 0, title: Text( '订单', style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18.rsp), ), themeData: AppThemes.themeDataGrey.appBarTheme, bottom: TabBar( controller: _tabController, onTap: (int index) { _tabType = index; switch (_tabType) { case 0: _stateText = '等待预订'; break; case 1: _stateText = '待付款'; break; case 2: _stateText = '待出行'; break; case 3: _stateText = '已完成'; break; case 4: _stateText = '已取消'; break; } setState(() {}); }, unselectedLabelColor: Color(0xFF777777), //设置未选中时的字体颜色，tabs里面的字体样式优先级最高 unselectedLabelStyle: TextStyle(fontSize: 14.rsp), //设置未选中时的字体样式，tabs里面的字体样式优先级最高 labelColor: Color(0xFFCB322D), //设置选中时的字体颜色，tabs里面的字体样式优先级最高 labelStyle: TextStyle(fontSize: 14.rsp), //设置选中时的字体样式，tabs里面的字体样式优先级最高 labelPadding: EdgeInsets.only(left: 14.rw, right: 14.rw), isScrollable: true, //允许左右滚动 indicatorColor: Color(0xFFCB322D), //选中下划线的颜色 indicatorSize: TabBarIndicatorSize .label, //选中下划线的长度，label时跟文字内容长度一样，tab时跟一个Tab的长度一样 indicatorWeight: 2.0, //选中下划线的高度，值越大高度越高，默认为2。0 // indicator: BoxDecoration(),//用于设定选中状态下的展示样式 tabs: tabs), ), body: TabBarView(controller: _tabController, children: [ _bulidBody(_tabType), _bulidBody(_tabType), _bulidBody(_tabType), _bulidBody(_tabType), _bulidBody(_tabType), ]), ); } _bulidBody(int type) { return RefreshWidget( controller: _refreshController, onRefresh: () async { _refreshController.refreshCompleted(); }, onLoadMore: () async { _refreshController.loadComplete(); _refreshController.loadNoData(); }, body: ListView.builder( physics: AlwaysScrollableScrollPhysics(), itemCount: 10, itemBuilder: (context, index) { return MaterialButton( padding: EdgeInsets.zero, onPressed: () { Get.to(TicketsOrderDetailPage(ticketType: 1,)); }, child: _ticketsItem()); }), ); } _ticketsItem() { return Container( padding: EdgeInsets.only( left: 10.rw, right: 10.rw, top: 10.rw, bottom: 10.rw), margin: EdgeInsets.only(top: 10.rw, left: 10.rw, right: 10.rw), color: Colors.white, child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ Text("上海", style: TextStyle( fontWeight: FontWeight.bold, fontSize: 18.rsp, color: Color(0xFF333333), )), 20.wb, Image.asset(R.ASSETS_GOTO1_PNG, width: 18.rw, height: 7.rw, color: Color(0xFF999999)), 20.wb, Text("北京", style: TextStyle( fontWeight: FontWeight.bold, fontSize: 18.rsp, color: Color(0xFF333333), )), ], ), Text(_stateText, style: TextStyle( fontSize: 14.rsp, color: Color(0xFFFA6400), )), ], ), 20.hb, Row( children: [ Text("出发", style: TextStyle( fontWeight: FontWeight.bold, fontSize: 14.rsp, color: Color(0xFF333333), )), 20.wb, Text("06-27 21:00", style: TextStyle( fontSize: 14.rsp, color: Color(0xFF333333), )), 60.wb, Text("到达", style: TextStyle( fontWeight: FontWeight.bold, fontSize: 14.rsp, color: Color(0xFF333333), )), 20.wb, Text("06-27 23:30", style: TextStyle( fontSize: 14.rsp, color: Color(0xFF333333), )), ], ), 20.hb, Row( children: [ Text("虹桥机场T2", style: TextStyle( fontWeight: FontWeight.bold, fontSize: 14.rsp, color: Color(0xFF333333), )), 40.wb, Text("MU5199", style: TextStyle( fontSize: 14.rsp, color: Color(0xFF333333), )), ], ), 20.hb, Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ Text("¥", style: TextStyle( fontSize: 18.rsp, color: Color(0xFFCB322D), )), Text("1250", style: TextStyle( fontSize: 18.rsp, color: Color(0xFFCB322D), )), ], ), Row( children: [ Text( _getTime ? getTimeText(countDown - _timer.tick) : '00分00秒后', style: TextStyle( fontSize: 10.rsp, color: Color(0xFFCB322D), )), Text('本订单取消', style: TextStyle( fontSize: 10.rsp, color: Color(0xFF333333), )), ], ), ], ) ], )); } }