Fiji/ysairplane/lib/code/YSShortDetail.dart

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<YSShortDetail> {
  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;
  List _customer = [];
  @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: GestureDetector(
                                            onTap: (){
                                              Navigator.of(context).push(
                                                  CupertinoPageRoute(
                                                      builder: (context){
                                                        return YSContact();
                                                      }
                                                  )
                                              ).then((value){
                                                if(value!=null){
                                                  if(_customer.contains(value)){
                                                    _customer.remove(value);
                                                  }
                                                  setState(() {
                                                    _customer.insert(0, value);
                                                  });
                                                }
                                              });
                                            },
                                            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: [
                                              GestureDetector(
                                                child: Icon(Icons.remove_circle,color: Colors.red,size: hsp(50),),
                                                onTap: (){
                                                  setState(() {
                                                    _customer.removeAt(index);
                                                  });
                                                },
                                              ),
                                              Container(
                                                width: MediaQuery.of(context).size.width-hsp(180),
                                                child: Column(
                                                  crossAxisAlignment: CrossAxisAlignment.start,
                                                  children: [
                                                    Text('${_customer[index]['username']}    ${_customer[index]['phone']}',style: TextStyle(fontSize: zsp(34),color: Color(0xFF343434),fontWeight: FontWeight.bold),),
                                                    Text('身份证 ${_customer[index]['cardid']}',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: _customer.length,
                                      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']}x${_customer.length==0?1:_customer.length}',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;
    if(_customer.length>0)request['personnelInfo'] = _customer;
    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,);
              }
          )
      );
    }
  }

}