import 'package:flutter/material.dart'; import 'package:flutter/cupertino.dart'; import 'package:ysairplane/tools/YSNetWorking.dart'; import 'package:ysairplane/tools/YSTools.dart'; import 'YSContact.dart'; import 'YSPay.dart'; class YSShortDetail extends StatefulWidget { final shortId; const YSShortDetail({Key key, this.shortId}) : super(key: key); @override _YSShortDetailState createState() => _YSShortDetailState(); } class _YSShortDetailState extends State { bool _isDetail = false; bool _isOrder = false; Map _msgDict; List _chooses = []; List _packages = []; String _timeStr; int _selected = 0; List _priceList = []; List _packList = []; int _index = 9999; int _number = 1; bool _isShow = false; @override void initState() { Future.delayed(Duration(seconds: 0)).then((value){ _timeStr = DateTime.now().year.toString()+'-'+DateTime.now().month.toString().padLeft(2,'0')+'-' +DateTime.now().day.toString().padLeft(2,'0')+' '+DateTime.now().hour.toString().padLeft(2,'0')+':'+DateTime.now().minute.toString().padLeft(2,'0'); _getShortDetailData(); _getPackageData(); }); super.initState(); } @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Color(0xFFF1F2F4), body: Stack( children: [ SingleChildScrollView( child: Container( height: MediaQuery.of(context).size.height-hsp(110), child: SingleChildScrollView( child: Stack( children: [ Container( height: MediaQuery.of(context).padding.top+hsp(380), width: MediaQuery.of(context).size.width, child: Image( image: _msgDict==null?AssetImage('lib/images/home3.png'):NetworkImage('${_msgDict['cover']}'), fit: BoxFit.fill, ), ), GestureDetector( onTap: (){Navigator.pop(context);}, child: Container( margin: EdgeInsets.only(left: wsp(32),top: MediaQuery.of(context).padding.top+hsp(30)), child: Icon(Icons.arrow_back_ios,size: hsp(40),color: Colors.white,), ), ), if(_msgDict!=null)Container( margin: EdgeInsets.only(top: MediaQuery.of(context).padding.top+hsp(300)), child: Column( children: [ Container( width: MediaQuery.of(context).size.width-wsp(60), margin: EdgeInsets.only(bottom: hsp(20)), padding: EdgeInsets.all(hsp(30)), decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(10)), color: Colors.white, ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( margin: EdgeInsets.only(bottom: hsp(30)), child: Row( children: [ RichText( text: TextSpan( text: '${_msgDict['dtFlightInformation']['partnerName']}', style: TextStyle(fontSize: zsp(28),color: Color(0xFF444444)), children: [ TextSpan( text: ' >', style: TextStyle(color: Color(0xFF2C7CF6)) ) ] ), ), Container( margin: EdgeInsets.only(left: wsp(40)), child: RichText( text: TextSpan( text: '${_msgDict['dtFlightInformation']['model']}', style: TextStyle(fontSize: zsp(28),color: Color(0xFF444444)), children: [ TextSpan( text: ' >', style: TextStyle(color: Color(0xFF2C7CF6)) ) ] ), ), ) ], ), ), Divider(height: 0.5,thickness: 0.5,color: Color(0xFFEAEAEA),), Container( padding: EdgeInsets.only(top: hsp(30),bottom: hsp(30)), child: Column( children: [ Row( children: [ Text('${_msgDict['setoutInfo']['display']}',style: TextStyle(fontSize: zsp(40),fontWeight: FontWeight.bold,color: Colors.black),), Image(height: hsp(60),width: hsp(60),image: AssetImage('lib/images/plane.png'),), Text('${_msgDict['arriveInfo']['display']}',style: TextStyle(fontSize: zsp(40),fontWeight: FontWeight.bold,color: Colors.black),), ], mainAxisAlignment: MainAxisAlignment.spaceBetween, ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text('${_msgDict['setoutInfo']['airplanename']}',style: TextStyle(fontSize: zsp(24),color: Color(0xFF999999)),), Text('${_msgDict['dtFlightInformation']['hour']}',style: TextStyle(fontSize: zsp(20),color: Color(0xFF343434)),), Text('${_msgDict['arriveInfo']['airplanename']}',style: TextStyle(fontSize: zsp(24),color: Color(0xFF999999)),), ], ) ], ), ), Divider(height: 0.5,thickness: 0.5,color: Color(0xFFEAEAEA),), Container( padding: EdgeInsets.only(top: hsp(20)), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Column( children: [ Text('出发',style: TextStyle(fontSize: zsp(24),color: Color(0xFF666666)),), RichText( text: TextSpan( text: '${_msgDict['flightTime']}', style: TextStyle(fontSize: zsp(36),fontWeight: FontWeight.bold,color: Colors.black), // children: [ // TextSpan( // text: '今天', // style: TextStyle(fontSize: zsp(24),fontWeight: FontWeight.normal), // ) // ] ), ) ], crossAxisAlignment: CrossAxisAlignment.start, ), Icon(Icons.keyboard_arrow_right,size: hsp(50),color: Color(0xFFC1C1C1),) ], ), ) ], ), ), Container( width: MediaQuery.of(context).size.width, margin: EdgeInsets.only(bottom: hsp(30)), padding: EdgeInsets.all(hsp(30)), color: Color(0xFFF1F2F4), child: Column( children: [ Container( padding: EdgeInsets.only(left: hsp(30),bottom: hsp(20),top: hsp(20),right: hsp(30)), child: Text('选择套餐',style: TextStyle(fontSize: zsp(30),color: Color(0xFF222222)),), color: Colors.white, width: MediaQuery.of(context).size.width, ), ListView.builder( itemBuilder: (context,index){ return Container( padding: EdgeInsets.only(left: hsp(30),bottom: hsp(20),top: hsp(20),right: hsp(30)), width: MediaQuery.of(context).size.width, color: Colors.white, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text('${_packages[index]['name']}',style: TextStyle(fontSize: zsp(24),color: Color(0xFF888888)),), Container(height: hsp(10),), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ RichText( text: TextSpan( text: '今日票价 ', style: TextStyle(fontSize: zsp(26),color: Color(0xFF999999)), children: [ TextSpan( text: '￥${_packages[index]['discountPrice']}', style: TextStyle(fontSize: zsp(32),color: Color(0xFFEB423B),fontWeight: FontWeight.bold) ) ] ), ), GestureDetector( onTap: (){ setState(() { _isOrder = true; }); }, child: GestureDetector( child: Container( height: hsp(50), width: hsp(100), decoration: BoxDecoration( color: Color(0xFFEA4D45), borderRadius: BorderRadius.all(Radius.circular(3)) ), alignment: Alignment.center, child: Text('预订',style: TextStyle(fontSize: zsp(20),color: Colors.white),), ), onTap: (){ _index = index; _getPriceData(); }, ), ) ], ) ], ), ); }, itemCount: _packages.length, padding: EdgeInsets.all(0), physics: NeverScrollableScrollPhysics(), shrinkWrap: true, ), Container( margin: EdgeInsets.only(top: hsp(10)), width: MediaQuery.of(context).size.width, color: Colors.white, padding: EdgeInsets.only(left: hsp(30),top: hsp(20),right: hsp(30)), child: Text('详情',style: TextStyle(fontSize: zsp(30),color: Color(0xFF343434),fontWeight: FontWeight.bold),), ), Container( padding: EdgeInsets.all(hsp(30)), width: MediaQuery.of(context).size.width, color: Colors.white, child: Text('${_msgDict['dtPartner']['content']}',style: TextStyle(fontSize: zsp(30),color: Color(0xFF343434)),), ), Container( width: MediaQuery.of(context).size.width, color: Colors.white, padding: EdgeInsets.only(left: hsp(30),bottom: hsp(20),top: hsp(20),right: hsp(30)), child: Text('相关推荐',style: TextStyle(fontSize: zsp(30),color: Color(0xFF343434),fontWeight: FontWeight.bold),), ), Container( padding: EdgeInsets.only(left: hsp(30),right: hsp(30)), width: MediaQuery.of(context).size.width, color: Color(0xFFF1F2F4), child: GridView.builder( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, mainAxisSpacing: hsp(20), crossAxisSpacing: hsp(20), childAspectRatio: 345/381 ), itemBuilder: (context, index) { return Column( children: [ Container( width: (MediaQuery.of(context).size.width-hsp(80))/2, height: (MediaQuery.of(context).size.width-hsp(80))/2/(345/381)*0.6, decoration: BoxDecoration( color: Colors.lightGreen, borderRadius: BorderRadius.only(topLeft: Radius.circular(8),topRight: Radius.circular(8)), image: DecorationImage( image: NetworkImage('${_msgDict['recommendAirTourList'][index]['cover']}'), fit: BoxFit.fill ) ), ), Container( width: (MediaQuery.of(context).size.width-hsp(80))/2, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.only(bottomLeft: Radius.circular(8),bottomRight: Radius.circular(8)), ), padding: EdgeInsets.all(hsp(20)), child: Column( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text(' ${_msgDict['recommendAirTourList'][index]['title']}',style: TextStyle(fontSize: zsp(26),color: Color(0xFF333333)),), RichText( text: TextSpan( text: '￥', style: TextStyle(fontSize: zsp(24),color: Color(0xFFEA413A)), children: [ TextSpan( text: '${_msgDict['recommendAirTourList'][index]['discountPrice']}', style: TextStyle(fontSize: zsp(38),fontWeight: FontWeight.bold) ), TextSpan( text: '元起' ) ] ), ), ], crossAxisAlignment: CrossAxisAlignment.start, ), ) ], ); }, itemCount: (_msgDict['recommendAirTourList']).length, shrinkWrap: true, padding: EdgeInsets.only(top: hsp(20),bottom: hsp(20)), physics: NeverScrollableScrollPhysics(), ) ) ], ), ), ], ), ), ], ), ), ), ), Container( margin: EdgeInsets.only(top: MediaQuery.of(context).size.height-hsp(110)), height: hsp(110), color: Colors.white, padding: EdgeInsets.only(left: wsp(40),right: wsp(40)), alignment: Alignment.center, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Column( mainAxisSize: MainAxisSize.min, children: [ Icon(Icons.headset,color: Color(0xFF666666),size: zsp(40),), Text('咨询',style: TextStyle(fontSize: zsp(22),color: Color(0xFF767676)),) ], ), Column( mainAxisSize: MainAxisSize.min, children: [ Icon(Icons.star_border,color: Color(0xFF666666),size: zsp(40),), Text('加入收藏',style: TextStyle(fontSize: zsp(22),color: Color(0xFF767676)),) ], ), GestureDetector( onTap: (){ _index = 9999; _postOrderData(); }, child: Container( height: hsp(80), width: MediaQuery.of(context).size.width*0.6, decoration: BoxDecoration( color: Color(0xFF007EFF), borderRadius: BorderRadius.all(Radius.circular(50)) ), alignment: Alignment.center, child: Text('立即预订',style: TextStyle(fontSize: zsp(36),color: Colors.white,fontWeight: FontWeight.bold),), ), ) ], ), ), if(_isOrder==true)GestureDetector( onTap: (){ setState(() { _isOrder = false; }); }, child: Container( height: MediaQuery.of(context).size.height, width: MediaQuery.of(context).size.width, color: Colors.black54, child: GestureDetector( onTap: (){}, child: Column( children: [ Container( height: MediaQuery.of(context).size.height*0.8-hsp(120), width: MediaQuery.of(context).size.width, margin: EdgeInsets.only(top: MediaQuery.of(context).size.height*0.2), decoration: BoxDecoration( color: Color(0xFFF1F2F3), borderRadius: BorderRadius.only(topLeft: Radius.circular(10),topRight: Radius.circular(10)) ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( height: hsp(100), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.only(topLeft: Radius.circular(10),topRight: Radius.circular(10)) ), padding: EdgeInsets.only(left: 15,right: 15), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container(width: wsp(50),), Text('订单确认',style: TextStyle(fontSize: 15,color: Color(0xFF000000),decoration: TextDecoration.none,fontWeight: FontWeight.bold),), GestureDetector( child: Text('关闭',style: TextStyle(fontSize: 15,color: Color(0xFF007EFF),decoration: TextDecoration.none,fontWeight: FontWeight.bold),), onTap: (){ setState(() { _isOrder = false; }); }, ), ], ), ), Divider(height: 0.5,thickness: 0.5,color: Color(0xFFE5E5E5),), Container( height: MediaQuery.of(context).size.height*0.8-hsp(220)-0.5, child: SingleChildScrollView( padding: EdgeInsets.all(0), child: Column( children: [ Container( padding: EdgeInsets.all(hsp(30)), color: Colors.white, width: MediaQuery.of(context).size.width, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text('使用日期',style: TextStyle(fontSize: zsp(30),color: Color(0xFF9A9A9A)),), Container( margin: EdgeInsets.only(top: hsp(20)), child: Row( children: [ Container( height: hsp(120), width: MediaQuery.of(context).size.width-hsp(200), child: ListView.separated( itemBuilder: (context,index){ return GestureDetector( behavior: HitTestBehavior.opaque, onTap: (){ setState(() { _selected = index; }); }, child: Stack( children: [ Container( height: hsp(120), width: (MediaQuery.of(context).size.width-hsp(230))/3, decoration: BoxDecoration( color: index==_selected?Color(0xFF007EFF):Color(0xFFF0EEEE), borderRadius: BorderRadius.all(Radius.circular(5)) ), alignment: Alignment.center, child: Text('${_priceList[index]['time']} \n￥${_priceList[index]['price']}', style: TextStyle(fontSize: zsp(20),color: index==_selected?Colors.white:Color(0xFF8B8B8B)),textAlign: TextAlign.center,), ), if(_selected==index)Container( child: Text(timeTag('${_priceList[index]['time']}'),style: TextStyle(fontSize: zsp(16),color: Color(0xFF007EFF)),), height: hsp(30), padding: EdgeInsets.only(left: wsp(3),right: wsp(3)), decoration: BoxDecoration( color: Color(0xFFF7F7F7), borderRadius: BorderRadius.only(topLeft: Radius.circular(3),bottomRight: Radius.circular(5)) ), alignment: Alignment.center, ), ], ), ); }, separatorBuilder: (context,index){ return Container(width: hsp(15),color: Colors.white,); }, itemCount: _priceList.length, padding: EdgeInsets.all(0), scrollDirection: Axis.horizontal, ), ), GestureDetector( onTap: (){ showModalBottomSheet( context: context, builder: (context){ return YSDatePicker( choose: (value){ Map time = {'time':value.split(' ')[0],'price':_priceList[0]['price']}; int index; for(int i=0;i<_priceList.length;i++){ if(_priceList[i]['time']==time['time']){ index = i; } } if(index!=null){ _priceList.removeAt(index); } setState(() { _priceList.insert(0, time); }); }, ); } ); }, behavior: HitTestBehavior.opaque, child: Container( height: hsp(120), width: hsp(140), alignment: Alignment.center, child: Text('更多\n日期',style: TextStyle(fontSize: zsp(26),color: Color(0xFF007EFF)),), ), ) ], ), ), ], ), ), Container( padding: EdgeInsets.all(hsp(30)), margin: EdgeInsets.only(top: hsp(10)), color: Colors.white, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text('${_packages[_index]['name']}',style: TextStyle(fontSize: zsp(40),color: Color(0xFF000000),fontWeight: FontWeight.bold),), Text('￥${_packages[_index]['discountPrice']}',style: TextStyle(fontSize: zsp(40),color: Color(0xFFEB423B)),), ], ), Container( margin: EdgeInsets.only(top: hsp(20),bottom: hsp(20)), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text('${_msgDict['setoutInfo']['display']} - ${_msgDict['arriveInfo']['display']}',style: TextStyle(fontSize: zsp(32),color: Color(0xFF000000),fontWeight: FontWeight.bold),), Row( children: [ Text('购买数量 ',style: TextStyle(fontSize: zsp(26),color: Color(0xFF9A9A9A)),), GestureDetector( onTap: (){ if(_number>1){ setState(() { _number--; }); } }, child: Icon(Icons.remove_circle_outline,color: _number>1?Color(0xFF007AFF):Color(0xFF9A9A9A),size: hsp(40),), ), Text(' $_number ',style: TextStyle(fontSize: zsp(45),color: Color(0xFF000000)),), GestureDetector( onTap: (){ setState(() { _number++; }); }, child: Icon(Icons.add_circle_outline,color: Color(0xFF007AFF),size: hsp(40),) ), ], ) ], ), ), GestureDetector( onTap: (){ showModalBottomSheet( isScrollControlled: true, backgroundColor: Colors.transparent, context: context, builder: (context){ return Container( height: MediaQuery.of(context).size.height*0.8, width: MediaQuery.of(context).size.width, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.only(topLeft: Radius.circular(10),topRight: Radius.circular(10)), ), child: Column( children: [ Container( height: hsp(100), padding: EdgeInsets.only(left: 15,right: 15), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container(width: wsp(50),), Text('预订须知',style: TextStyle(fontSize: 15,color: Color(0xFF000000),decoration: TextDecoration.none,fontWeight: FontWeight.bold),), GestureDetector( child: Text('关闭',style: TextStyle(fontSize: 15,color: Color(0xFF007EFF),decoration: TextDecoration.none),), onTap: (){ Navigator.pop(context); }, ), ], ), ), Divider(height: 0.5,thickness: 0.5,color: Color(0xFFE5E5E5),), Container( height: MediaQuery.of(context).size.height*0.8-hsp(100)-0.5, ) ], ), ); } ); }, child: RichText( text: TextSpan( text: '预订须知', style: TextStyle(fontSize: zsp(24),color: Color(0xFF027FFF)), children: [ TextSpan( text: ' >', style: TextStyle(color: Color(0xFF000000)) ) ] ), ), ) ], ), ), // Container( // child: Text('出行人',style: TextStyle(fontSize: zsp(30),color: Color(0xFF9A9A9A)),), // alignment: Alignment.centerLeft, // height: hsp(80), // padding: EdgeInsets.only(left: hsp(30)), // margin: EdgeInsets.only(top: hsp(10)), // width: MediaQuery.of(context).size.width, // color: Colors.white, // ), // Container( // padding: EdgeInsets.only(left: hsp(30),right: hsp(30),top: hsp(20)), // margin: EdgeInsets.only(top: hsp(1)), // color: Colors.white, // width: MediaQuery.of(context).size.width, // child: Column( // crossAxisAlignment: CrossAxisAlignment.start, // children: [ // Container( // padding: EdgeInsets.only(left: hsp(30),right: hsp(30),bottom: hsp(20)), // child: Row( // children: [ // Container( // height: hsp(60), // width: MediaQuery.of(context).size.width-hsp(300), // margin: EdgeInsets.only(right: hsp(20)), // child: ListView.separated( // itemBuilder: (context,index){ // return Container( // height: hsp(60), // width: (MediaQuery.of(context).size.width-hsp(340))/3, // decoration: BoxDecoration( // color: Colors.white, // border: Border.all(color: Color(0xFFD8D8D8),width: 1), // borderRadius: BorderRadius.all(Radius.circular(5)) // ), // child: Text('周星星',style: TextStyle(fontSize: zsp(28),color: Color(0xFF343434)),), // alignment: Alignment.center, // ); // }, // separatorBuilder: (context,index){ // return Container(width: hsp(20),color: Colors.white,); // }, // itemCount: 3, // padding: EdgeInsets.all(0), // scrollDirection: Axis.horizontal, // ), // ), // GestureDetector( // onTap: (){ // Navigator.of(context).push( // CupertinoPageRoute( // builder: (context){ // return YSContact(); // } // ) // ); // }, // child: Container( // height: hsp(60), // width: hsp(160), // decoration: BoxDecoration( // color: Color(0xFF007EFF), // borderRadius: BorderRadius.all(Radius.circular(5)) // ), // child: Row( // mainAxisSize: MainAxisSize.min, // children: [ // Icon(Icons.add_circle,color: Colors.white,size: hsp(30),), // Text(' 新增',style: TextStyle(fontSize: zsp(28),color: Colors.white),), // ], // ), // alignment: Alignment.center, // ), // ) // ], // ), // ), // ], // ), // ), // Container( // color: Colors.white, // child: ListView.separated( // itemBuilder: (context,index){ // return Container( // color: Colors.white, // padding: EdgeInsets.only(top: hsp(20),bottom: hsp(20),left: hsp(50),right: hsp(50)), // child: Row( // mainAxisAlignment: MainAxisAlignment.spaceBetween, // children: [ // Icon(Icons.remove_circle,color: Colors.red,size: hsp(50),), // Container( // width: MediaQuery.of(context).size.width-hsp(250), // child: Column( // crossAxisAlignment: CrossAxisAlignment.start, // children: [ // Text('周星星',style: TextStyle(fontSize: zsp(34),color: Color(0xFF343434),fontWeight: FontWeight.bold),), // Text('身份证 610524199909086543',style: TextStyle(fontSize: zsp(25),color: Color(0xFF666666)),) // ], // ), // ), // Icon(Icons.mode_edit,color: Color(0xFF9A9A9A),size: hsp(50),), // ], // ), // ); // }, // separatorBuilder: (context,index){ // return Divider(height: 0.5,thickness: 0.5,indent: hsp(100),); // }, // itemCount: 2, // shrinkWrap: true, // padding: EdgeInsets.all(0), // physics: NeverScrollableScrollPhysics(), // ), // ) GestureDetector( onTap: (){ setState(() { _isShow = !_isShow; }); }, behavior: HitTestBehavior.opaque, child: Container( padding: EdgeInsets.only(left: wsp(40),right: wsp(40),top: hsp(20),bottom: hsp(20)), margin: EdgeInsets.only(top: hsp(10)), color: Colors.white, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text('更多服务',style: TextStyle(fontSize: zsp(30),color: Color(0xFF9A9A9A)),), Icon(Icons.keyboard_arrow_down,size: hsp(50),color: Color(0xFFC1C1C1),) ], ) ), ), if(_isShow==true)Container( padding: EdgeInsets.only(left: wsp(32),right: wsp(32),top: hsp(20),bottom: hsp(10)), decoration: BoxDecoration( color: Color(0xFFFAFAFA), borderRadius: BorderRadius.only(bottomRight: Radius.circular(10),bottomLeft: Radius.circular(10)) ), child: ListView.builder( shrinkWrap: true, itemBuilder: (context,index){ return Container( padding: EdgeInsets.only(bottom: wsp(20)), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Row( children: [ Text('${_packList[index]['name']}',style: TextStyle(fontSize: zsp(28),color: Color(0xFF999999)),), Container( width: wsp(50), child: GestureDetector( child: Icon(Icons.error_outline,size: hsp(40),color: Color(0xFF999999)), ), ), Text('${_packList[index]['price']}元',style: TextStyle(fontSize: zsp(28),color: Colors.black),), ], ), GestureDetector( child: Container( height: hsp(60), width: hsp(100), child: Image.asset(_chooses.contains(_packList[index])==true?'lib/images/kaiguankai.png':'lib/images/kaiguanguan.png'), ), onTap: (){ setState(() { if(_chooses.contains(_packList[index])==true){ _chooses.remove(_packList[index]); }else{ _chooses.add(_packList[index]); } }); }, ) ], ), ); }, itemCount: _packList.length, padding: EdgeInsets.all(0), physics: NeverScrollableScrollPhysics(), ), ) ], ), ), ), ], ), ), Container( height: hsp(120), width: MediaQuery.of(context).size.width, color: Colors.white, padding: EdgeInsets.only(left: wsp(30),right: wsp(30)), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ RichText( text: TextSpan( text: '参考价(￥)', style: TextStyle(fontSize: zsp(22),color: Color(0xFF181818)), children: [ TextSpan( text: ' ${_getPrice()}', style: TextStyle(fontSize: zsp(40),color: Color(0xFFFF6600)), ) ] ), ), GestureDetector( child: Row( children: [ Text('明细',style: TextStyle(fontSize: zsp(22),color: Color(0xFF181818)),), Icon(Icons.keyboard_arrow_up,size: hsp(30),color: Color(0xFF007EFF),), ], ), onTap: (){ setState(() { _isDetail = !_isDetail; }); }, ), GestureDetector( onTap: (){ _postOrderData(); }, child: Container( height: hsp(70), padding: EdgeInsets.only(left: wsp(50),right: wsp(50)), decoration: BoxDecoration( color: Color(0xFF007EFF), borderRadius: BorderRadius.all(Radius.circular(50)) ), alignment: Alignment.center, child: Text('立即预约',style: TextStyle(fontSize: zsp(30),color: Colors.white,fontWeight: FontWeight.bold),), ), ) ], ), ) ], ), ), ), ), if(_isDetail==true)GestureDetector( onTap: (){ setState(() { _isDetail = false; }); }, child: Container( height: MediaQuery.of(context).size.height-hsp(120), color: Colors.black45, child: Container( margin: EdgeInsets.only(top: MediaQuery.of(context).size.height-hsp(120)-hsp(370)), height: hsp(370), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.only(topLeft: Radius.circular(10),topRight: Radius.circular(10)) ), child: GestureDetector( onTap: (){}, behavior: HitTestBehavior.opaque, child: Column( children: [ Container( height: hsp(100), padding: EdgeInsets.only(left: 15,right: 15), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ GestureDetector( child: Text('关闭',style: TextStyle(fontSize: 15,color: Color(0xFF007EFF),decoration: TextDecoration.none),), onTap: (){ setState(() { _isDetail = false; }); }, ), Text('明细',style: TextStyle(fontSize: 15,color: Color(0xFF000000),decoration: TextDecoration.none,fontWeight: FontWeight.bold),), Container(width: wsp(50),), ], ), ), Container( height: hsp(100), color: Color(0xFFF7F8F9), padding: EdgeInsets.only(left: wsp(40),right: wsp(40),bottom: hsp(20),top: hsp(20)), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text('座位',style: TextStyle(fontSize: zsp(32),color: Color(0xFF000000),decoration: TextDecoration.none),), Text('￥ ${_priceList[_selected]['price']}',style: TextStyle(fontSize: 15,color: Color(0xFF007EFF),decoration: TextDecoration.none),), ], ), ), Container( color: Color(0xFFF7F8F9), height: hsp(170), child: ListView.builder( padding: EdgeInsets.all(0), itemBuilder: (context,index){ return Container( padding: EdgeInsets.only(left: wsp(40),right: wsp(40),bottom: hsp(10)), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text('${_chooses[index]['name']}',style: TextStyle(fontSize: zsp(28),color: Color(0xFF9A9A9A)),), Text('￥ ${_chooses[index]['price']}',style: TextStyle(fontSize: zsp(28),color: Color(0xFF9A9A9A)),), ], ), ); }, itemCount: _chooses.length, ), ) ], ), ), ), ), ) ], ), ); } _getShortDetailData() async{ Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/applets/AirTour/getTour',parameter: {'id':widget.shortId,'type':6},isLoading: true,isToken: false); if(dict!=null){ setState(() { _msgDict = dict['data']; }); } } _getPackageData() async{ var dict = await ysRequestHttp(context,type: requestType.get,api: '/app/applets/airplaneservice/get',parameter: {'type':6},isLoading: true,isToken: false); if(dict!=null){ setState(() { _packages = dict['data']; }); } } _getPriceData() async{ Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/applets/airplaneorder/getDateAndTime', parameter: {'type':6,'time':_timeStr,'id':_msgDict['id']},isLoading: true,isToken: true); if(dict!=null){ _isOrder = true; _priceList = dict['data']; _getPackData(); } } _getPackData() async{ Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/applets/airplaneservice/get',parameter: {'type':6},isLoading: true,isToken: false); if(dict!=null){ setState(() { _packList = dict['data']; }); } } _getPrice(){ double price = double.parse('${_priceList[_selected]['discountprice']}')*_number; _chooses.forEach((element) { price+=double.parse('${element['price']}'); }); return price.toStringAsFixed(2); } _postOrderData() async{ FocusScope.of(context).unfocus(); Map request = {}; request['flightTime'] = _timeStr; request['type'] = 6; request['airlaneId'] = _msgDict['dtFlightInformation']['id']; request['airportidSetout'] = _msgDict['setoutInfo']['id']; request['airportidArrive'] = _msgDict['arriveInfo']['id']; request['travelersNumber'] = _number; List array = []; _chooses.forEach((element) { array.add(element['id']); }); if(array.length>0){ request['serviceIds'] = array.join(','); } if(_index!=9999){ request['setmealIds'] = _packages[_index]['id']; } Map dict = await ysRequestHttp(context,type: requestType.post,api: '/app/applets/airplaneorder/createOrder',parameter: request,isLoading: true,isToken: true); if(dict!=null){ Navigator.of(context).push( CupertinoPageRoute( builder: (context){ return YSPay(orderDict: dict['data'],type: payType.short,); } ) ); } } }