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.
614 lines
21 KiB
614 lines
21 KiB
import 'package:flustars/flustars.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:recook/constants/styles.dart';
|
|
|
|
import 'package:recook/pages/buy_tickets/models/airline_model.dart';
|
|
import 'package:recook/pages/buy_tickets/models/airport_city_model.dart';
|
|
import 'package:recook/utils/date/date_utils.dart';
|
|
|
|
import 'package:recook/widgets/calendar/calendar_vertial_widget.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/progress/re_toast.dart';
|
|
import 'package:recook/widgets/refresh_widget.dart';
|
|
import 'package:velocity_x/velocity_x.dart';
|
|
|
|
import 'airline_widget.dart';
|
|
import 'airplane_reserve_page.dart';
|
|
import 'as_date_range_picker_part.dart';
|
|
import 'condition_picker.dart';
|
|
import 'functions/passager_func.dart';
|
|
|
|
class ChooseTicketsPage extends StatefulWidget {
|
|
final String fromText; //出发地
|
|
final String toText; //目的地
|
|
final DateTime originDate; //出发日期
|
|
final String code; //飞机票标准商品编号
|
|
final List<AirportCityModel> list;
|
|
ChooseTicketsPage(
|
|
{Key key,
|
|
@required this.fromText,
|
|
@required this.toText,
|
|
@required this.originDate,
|
|
@required this.list,
|
|
this.code})
|
|
: super(key: key);
|
|
|
|
@override
|
|
_ChooseTicketsPageState createState() => _ChooseTicketsPageState();
|
|
}
|
|
|
|
class _ChooseTicketsPageState extends State<ChooseTicketsPage>
|
|
with TickerProviderStateMixin {
|
|
List<DateTime> _dateTableList = [];
|
|
TabController _tabController;
|
|
DateTime _dateNow = DateTime(DateTime.now().year, DateTime.now().month,
|
|
DateTime.now().day, 0, 0); //当天0点
|
|
DateTime _chooseDate; //最终选中的日期
|
|
int _index = 0; //默认为选择日期在日期列表的位置
|
|
bool _chooseState = true;
|
|
bool _choosePriceSort = true;
|
|
bool _sortPriceType = true; //1 低-高排序 2高-低排序
|
|
bool _chooseTimeSort = false;
|
|
bool _sortTimeType = true; //1 早-晚排序 2晚-早排序
|
|
bool _chooseScreen = false;
|
|
|
|
GSRefreshController _refreshController =
|
|
GSRefreshController(initialRefresh: true);
|
|
|
|
List<AirLineModel> _airLineList;
|
|
List<AirportCityModel> _cityModelList = [];
|
|
// List formList = [];
|
|
// List toList = [];
|
|
bool showList = false;
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_chooseDate = widget.originDate;
|
|
_cityModelList = widget.list;
|
|
// Future.delayed(Duration.zero, () async {
|
|
// _airLineList = await PassagerFunc.getAirLineList(
|
|
// _getAirport(widget.fromText),
|
|
// widget.code,
|
|
// DateUtil.formatDate(_chooseDate, format: 'yyyy-MM-dd'),
|
|
// _getAirport(widget.toText));
|
|
// });
|
|
|
|
initDate();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_tabController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: AppColor.frenchColor,
|
|
appBar: CustomAppBar(
|
|
appBackground: Color(0xFFF9F9FB),
|
|
elevation: 0,
|
|
title: widget.fromText + '-' + widget.toText,
|
|
themeData: AppThemes.themeDataGrey.appBarTheme,
|
|
),
|
|
// floatingActionButton: _chooseState
|
|
// ? Container(
|
|
// color: Colors.transparent,
|
|
// child: _chooseConditon(),
|
|
// )
|
|
// : SizedBox(),
|
|
body: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Container(
|
|
height: 48.rw,
|
|
alignment: Alignment.center,
|
|
color: Color(0xFFE51B25),
|
|
// width: DeviceInfo.screenWidth,
|
|
child: TabBar(
|
|
onTap: (index) {
|
|
_chooseDate = _dateTableList[index];
|
|
print(_chooseDate);
|
|
_tabController.index = index;
|
|
//initDate();
|
|
setState(() {});
|
|
},
|
|
isScrollable: true,
|
|
labelPadding: EdgeInsets.all(0),
|
|
controller: _tabController,
|
|
indicator: const BoxDecoration(),
|
|
unselectedLabelColor: Colors.black54,
|
|
labelStyle: TextStyle(color: Colors.black54),
|
|
tabs: _tabItems()),
|
|
).expand(),
|
|
GestureDetector(
|
|
onTap: () {
|
|
Get.bottomSheet(
|
|
CalendarVerticalWidget(
|
|
startDay: _chooseDate,
|
|
callBack: (BuildContext context, DateTime start) {
|
|
_chooseDate = start;
|
|
initDate();
|
|
|
|
setState(() {});
|
|
},
|
|
),
|
|
isScrollControlled: true,
|
|
);
|
|
},
|
|
child: Container(
|
|
height: 48.rw,
|
|
alignment: Alignment.center,
|
|
color: Color(0xFFD5101A),
|
|
width: 51.rw,
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(3.rw),
|
|
color: Color(0xFFD5101A),
|
|
),
|
|
margin: EdgeInsets.only(
|
|
left: 5.rw, right: 5.rw, top: 3.rw, bottom: 6.rw),
|
|
padding: EdgeInsets.only(left: 5.rw, right: 5.rw),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Text(
|
|
"全部\n日期",
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w400,
|
|
fontSize: 13.rsp,
|
|
color: Colors.white),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
Expanded(
|
|
child: TabBarView(
|
|
physics: NeverScrollableScrollPhysics(),
|
|
controller: _tabController,
|
|
children: List.generate(
|
|
_tabItems().length,
|
|
(index) => AirlineWidget(
|
|
cityModelList: _cityModelList,
|
|
fromText: widget.fromText,
|
|
toText: widget.toText,
|
|
originDate: _dateTableList[index],
|
|
code: widget.code)),
|
|
))
|
|
],
|
|
));
|
|
}
|
|
|
|
List<Widget> _tabItems() {
|
|
return _dateTableList.map<Widget>((item) {
|
|
int index = _dateTableList.indexOf(item);
|
|
return _tabItem(item, index);
|
|
}).toList();
|
|
}
|
|
|
|
_tabItem(DateTime date, int index) {
|
|
Color textColor =
|
|
index == _tabController.index ? Color(0xFFE51B25) : Colors.white;
|
|
return Tab(
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(3.rw),
|
|
color: index != _tabController.index
|
|
? Color(0xFFE51B25)
|
|
: Colors.white),
|
|
margin:
|
|
EdgeInsets.only(left: 5.rw, right: 5.rw, top: 4.rw, bottom: 2.rw),
|
|
padding: EdgeInsets.only(left: 5.rw, right: 5.rw),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Text(
|
|
DateUtil.formatDate(date, format: 'MM-dd'),
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w400,
|
|
fontSize: 13.rsp,
|
|
color: textColor),
|
|
),
|
|
Text(
|
|
// DateUtil.formatDate(date, format: 'MM-dd')
|
|
getDayWeek(date),
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w400,
|
|
fontSize: 13.rsp,
|
|
color: textColor),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
index != _tabController.length - 1
|
|
? Opacity(
|
|
opacity: 0.3,
|
|
child: Container(
|
|
width: 1.rw,
|
|
height: 20.rw,
|
|
color: Colors.white,
|
|
),
|
|
)
|
|
: SizedBox(),
|
|
],
|
|
));
|
|
}
|
|
|
|
getDayWeek(DateTime date) {
|
|
//获取当天是周几
|
|
if (date == _dateNow) {
|
|
return '今天';
|
|
} else if (date == _dateNow.add(new Duration(days: 1))) {
|
|
return '明天';
|
|
} else if (date == _dateNow.add(new Duration(days: 2))) {
|
|
return '后天';
|
|
} else {
|
|
return DateUtil.getWeekday(date, languageCode: 'zh', short: true);
|
|
}
|
|
}
|
|
|
|
initDate() {
|
|
int days = 0;
|
|
_dateTableList.clear();
|
|
//计算 选择日期和当天 天数间隔
|
|
var endDate = new DateTime.now();
|
|
var hours = _chooseDate.difference(endDate).inHours;
|
|
|
|
if (hours <= 0) {
|
|
days = hours ~/ 24;
|
|
} else {
|
|
days = hours ~/ 24 + 1;
|
|
}
|
|
if (days > 5) {
|
|
_index = days = 5;
|
|
} else {
|
|
_index = days;
|
|
}
|
|
for (var i = 0; i < days; i++) {
|
|
DateTime a = _chooseDate.add(new Duration(days: -days + i));
|
|
_dateTableList.add(a);
|
|
}
|
|
for (var i = 0; i <= 5; i++) {
|
|
DateTime a = _chooseDate.add(new Duration(days: i));
|
|
_dateTableList.add(a);
|
|
}
|
|
_tabController = TabController(
|
|
// initialIndex: _index,
|
|
vsync: this,
|
|
length: _dateTableList.length,
|
|
);
|
|
_tabController.animateTo(_index);
|
|
}
|
|
|
|
_buildListView() {
|
|
return RefreshWidget(
|
|
controller: _refreshController,
|
|
noData: '抱歉，没有找到您想要的班次',
|
|
onRefresh: () async {
|
|
Function cancel = ReToast.loading();
|
|
_airLineList = await PassagerFunc.getAirLineList(
|
|
_getAirportList(widget.fromText),
|
|
widget.code,
|
|
DateUtil.formatDate(_chooseDate, format: 'yyyy-MM-dd'),
|
|
_getAirportList(widget.toText));
|
|
showList = true;
|
|
|
|
setState(() {});
|
|
_refreshController.refreshCompleted();
|
|
cancel();
|
|
},
|
|
body: _airLineList != null
|
|
? ListView.builder(
|
|
padding: EdgeInsets.only(bottom: 80.rw),
|
|
physics: AlwaysScrollableScrollPhysics(),
|
|
itemCount: _airLineList[0]
|
|
.airlinesListResponse
|
|
.airlines
|
|
.airline
|
|
.length, //_listViewController.getData().length,
|
|
|
|
itemBuilder: (context, index) {
|
|
//GoodsSimple goods = _listViewController.getData()[index];
|
|
return MaterialButton(
|
|
padding: EdgeInsets.zero,
|
|
onPressed: () {
|
|
// AppRouter.push(context, RouteName.COMMODITY_PAGE,
|
|
// arguments: CommodityDetailPage.setArguments(goods.id));
|
|
Get.to(AirplaneReservePage());
|
|
},
|
|
child: _ticketsItem(_airLineList[0], index));
|
|
})
|
|
: showList
|
|
? noDataView('抱歉，没有找到您想要的班次')
|
|
: SizedBox());
|
|
}
|
|
|
|
//获取城市的机场列表
|
|
List<String> _getAirportList(String city) {
|
|
if (_cityModelList != null) {
|
|
int index = _cityModelList.indexWhere((element) => element.city == city);
|
|
List<AirPorts> list = _cityModelList[index].airPorts;
|
|
List<String> airportsList = [];
|
|
for (int i = 0; i < list.length; i++) {
|
|
airportsList.add(list[i].code);
|
|
}
|
|
return airportsList;
|
|
// _cityModelList.forEach((element) {
|
|
// if (element.city == city) return element.airPorts;
|
|
// });
|
|
}
|
|
return [];
|
|
}
|
|
|
|
_ticketsItem(AirLineModel model, int index) {
|
|
return Container(
|
|
padding:
|
|
EdgeInsets.only(left: 20.rw, right: 15.rw, top: 10.rw, bottom: 7.rw),
|
|
margin: EdgeInsets.only(top: 10.rw),
|
|
color: Colors.white,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Container(
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
child: CustomCacheImage(
|
|
borderRadius: BorderRadius.circular(5),
|
|
width: 28.rw,
|
|
height: 28.rw,
|
|
imageUrl: R.ASSETS_ORDER_ALERT_PNG,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
22.wb,
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
model.airlinesListResponse.airlines.airline[index]
|
|
.depTime,
|
|
style: TextStyle(
|
|
fontSize: 18.rsp, color: Color(0xFF333333)),
|
|
),
|
|
Text(
|
|
model.airlinesListResponse.airlines.airline[index]
|
|
.orgCityName,
|
|
textAlign: TextAlign.left,
|
|
style: TextStyle(
|
|
fontSize: 12.rsp, color: Color(0xFF333333)),
|
|
),
|
|
],
|
|
),
|
|
20.wb,
|
|
Container(
|
|
//alignment: Alignment.topCenter,
|
|
margin: EdgeInsets.only(bottom: 10.rw),
|
|
child: Column(
|
|
children: [
|
|
Icon(
|
|
Icons.arrow_right_alt,
|
|
color: Colors.black,
|
|
size: 20.rw,
|
|
),
|
|
Text(
|
|
DateUtilss.getTimeReduce(
|
|
model.airlinesListResponse.airlines
|
|
.airline[index].depTime,
|
|
model.airlinesListResponse.airlines
|
|
.airline[index].arriTime),
|
|
style: TextStyle(
|
|
fontSize: 12.rsp, color: Color(0xFF333333)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
20.wb,
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
model.airlinesListResponse.airlines.airline[index]
|
|
.arriTime,
|
|
style: TextStyle(
|
|
fontSize: 18.rsp, color: Color(0xFF333333)),
|
|
),
|
|
Text(
|
|
model.airlinesListResponse.airlines.airline[index]
|
|
.dstCityName,
|
|
style: TextStyle(
|
|
fontSize: 12.rsp, color: Color(0xFF333333)),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
8.hb,
|
|
Text(
|
|
model.airlinesListResponse.airlines.airline[index]
|
|
.flightCompanyName +
|
|
model.airlinesListResponse.airlines.airline[index]
|
|
.flightNo +
|
|
"|" +
|
|
model.airlinesListResponse.airlines.airline[index]
|
|
.planeType,
|
|
textAlign: TextAlign.left,
|
|
style:
|
|
TextStyle(fontSize: 12.rsp, color: Color(0xFF666666)),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
Text(
|
|
"¥" + "400",
|
|
textAlign: TextAlign.right,
|
|
style: TextStyle(fontSize: 18.rsp, color: Color(0xFFD5101A)),
|
|
),
|
|
Text(
|
|
"2.8折经济仓",
|
|
textAlign: TextAlign.right,
|
|
style: TextStyle(fontSize: 10.rsp, color: Color(0xFF999999)),
|
|
),
|
|
Text(
|
|
"仅剩9张",
|
|
textAlign: TextAlign.right,
|
|
style: TextStyle(fontSize: 12.rsp, color: Color(0xFFD5101A)),
|
|
),
|
|
],
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
// _chooseConditon() {
|
|
// return Container(
|
|
// height: 48.rw,
|
|
// margin: EdgeInsets.only(left: 55.rw, right: 55.rw, bottom: 10.rw),
|
|
// //padding: EdgeInsets.symmetric(horizontal: 55.rw),
|
|
// decoration: BoxDecoration(
|
|
// borderRadius: BorderRadius.horizontal(
|
|
// left: Radius.circular(24.rw),
|
|
// right: Radius.circular(24.rw)), //BorderRadius.circular(24.rw),
|
|
// color: Colors.white),
|
|
// child: Row(
|
|
// children: [
|
|
// GestureDetector(
|
|
// onTap: () async {
|
|
// Options options =
|
|
// await show2DatePicker(context, fromNameList: _chooseDate);
|
|
// if (options.arrive != '' ||
|
|
// options.depart != '' ||
|
|
// options.date != '' ||
|
|
// options.company != '' ||
|
|
// options.space != '') {
|
|
// _chooseScreen = true;
|
|
// setState(() {});
|
|
// } else if (options.arrive == '' &&
|
|
// options.depart == '' &&
|
|
// options.date == '' &&
|
|
// options.company == '' &&
|
|
// options.space == '') {
|
|
// _chooseScreen = false;
|
|
// setState(() {});
|
|
// }
|
|
// },
|
|
// child: Container(
|
|
// alignment: Alignment.center,
|
|
// child: Column(
|
|
// mainAxisAlignment: MainAxisAlignment.center,
|
|
// children: [
|
|
// Icon(
|
|
// AppIcons.icon_training,
|
|
// size: rSize(14),
|
|
// color: Colors.grey,
|
|
// ),
|
|
// Text(
|
|
// '筛选条件',
|
|
// style: TextStyle(
|
|
// color: _chooseScreen ? Colors.red : Colors.black,
|
|
// fontSize: 12.rsp),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// ),
|
|
// ).expand(),
|
|
// GestureDetector(
|
|
// onTap: () {
|
|
// _choosePriceSort = true;
|
|
// _sortPriceType = !_sortPriceType;
|
|
// _chooseTimeSort = false;
|
|
// setState(() {});
|
|
// },
|
|
// child: Container(
|
|
// alignment: Alignment.center,
|
|
// child: Text(
|
|
// _choosePriceSort
|
|
// ? _sortPriceType
|
|
// ? '价格低-高'
|
|
// : '价格高-低'
|
|
// : '价格排序',
|
|
// style: TextStyle(
|
|
// color: _choosePriceSort ? Colors.red : Colors.black,
|
|
// fontSize: 12.rsp),
|
|
// ),
|
|
// )).expand(),
|
|
// GestureDetector(
|
|
// onTap: () {
|
|
// _choosePriceSort = false;
|
|
// _chooseTimeSort = true;
|
|
// _sortTimeType = !_sortTimeType;
|
|
// setState(() {});
|
|
// },
|
|
// child: Container(
|
|
// alignment: Alignment.center,
|
|
// child: Text(
|
|
// _chooseTimeSort
|
|
// ? _sortTimeType
|
|
// ? '时间早-晚'
|
|
// : '时间晚-早'
|
|
// : '时间排序',
|
|
// style: TextStyle(
|
|
// color: _chooseTimeSort ? Colors.red : Colors.black,
|
|
// fontSize: 12.rsp),
|
|
// ),
|
|
// ),
|
|
// ).expand(),
|
|
// ],
|
|
// ),
|
|
// );
|
|
// }
|
|
|
|
noDataView(String text) {
|
|
return Container(
|
|
height: double.infinity,
|
|
width: double.infinity,
|
|
padding: EdgeInsets.only(top: 100.rw),
|
|
child: Column(
|
|
//mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Image.asset(
|
|
R.ASSETS_TICKET_TICKET_NODATA_ICON_PNG,
|
|
width: rSize(144.rw),
|
|
height: rSize(126.rw),
|
|
),
|
|
// Icon(AppIcons.icon_no_data_search,size: rSize(80),color: Colors.grey),
|
|
40.hb,
|
|
Text(
|
|
text,
|
|
style: AppTextStyle.generate(12.rsp, color: Color(0xFF333333)),
|
|
),
|
|
SizedBox(
|
|
height: rSize(30),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|