Fiji/ysairplane/lib/code/YSSightseeingPlane.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyrefresh/easy_refresh.dart';
import 'package:ysairplane/code/YSMarryPlane.dart';
import 'package:ysairplane/code/YSSearchResult.dart';
import 'package:ysairplane/tools/YSNetWorking.dart';
import 'package:ysairplane/tools/YSTools.dart';

enum planeType{
  sightseeing,
  sport,
  marry,
}

class YSSightseeingPlane extends StatefulWidget {
  final planeType type;
  const YSSightseeingPlane({Key key, this.type}) : super(key: key);
  @override
  _YSSightseeingPlaneState createState() => _YSSightseeingPlaneState();
}

class _YSSightseeingPlaneState extends State<YSSightseeingPlane> {
  Map _msgDict;
  List _titles = ['综合','距离','价格','评分'];
  int _titleIndex = 0;
  int _page = 1;
  List _dataArray = [];
  int _type;
  @override
  void initState() {
    Future.delayed(Duration(seconds: 0)).then((value){
      _type = widget.type==planeType.marry?4:widget.type==planeType.sport?5:9;
      _getBackImageData();
      _refreshData();
    });
    super.initState();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Color(0xFFF1F2F3),
      body: SingleChildScrollView(
        padding: EdgeInsets.all(0),
        child: Stack(
          children: [
            Container(
              height: MediaQuery.of(context).padding.top+hsp(370),
              width: MediaQuery.of(context).size.width,
              child: _msgDict==null?Image(
                image: AssetImage('lib/images/home3.png'),
                fit: BoxFit.fill,
              ):CachedNetworkImage(
                imageUrl: '${_msgDict['background']}',
                fit: BoxFit.fill,
              ),
            ),
            GestureDetector(
              onTap: (){
                Navigator.pop(context);
              },
              child: Container(
                margin: EdgeInsets.only(left: hsp(30),right: wsp(30),top: MediaQuery.of(context).padding.top+hsp(50)),
                child: Icon(Icons.arrow_back_ios,color: Colors.white,size: hsp(50),),
              ),
            ),
            GestureDetector(
              onTap: (){
                Navigator.of(context).push(
                  CupertinoPageRoute(builder: (context){
                    return YSSearchResult(type: _type,);
                  })
                );
              },
              child : Container(
                margin: EdgeInsets.only(left: hsp(110),top: MediaQuery.of(context).padding.top+hsp(45)),
                width: MediaQuery.of(context).size.width-hsp(140),
                height: hsp(60),
                decoration: BoxDecoration(
                  color: Colors.black.withOpacity(0.35),
                  borderRadius: BorderRadius.all(Radius.circular(50))
                ),
                padding: EdgeInsets.only(left: wsp(30),right: wsp(30)),
                child: Row(
                  children: [
                    Row(
                      children: [
                        Text('西安',style: TextStyle(fontSize: zsp(26),color: Colors.white),),
                        Icon(Icons.keyboard_arrow_down,color: Colors.white.withOpacity(0.5),size: hsp(40),)
                      ],
                    ),
                    Container(
                      height: hsp(30),
                      width: 0.5,
                      margin: EdgeInsets.only(left: wsp(10),right: wsp(10)),
                      color: Colors.white.withOpacity(0.2),
                    ),
                    Row(
                      children: [
                        Icon(Icons.search,color: Colors.white.withOpacity(0.5),size: hsp(50),),
                        Text(' 搜索',style: TextStyle(fontSize: zsp(26),color: Colors.white.withOpacity(0.5)),),
                      ],
                    )
                  ],
                ),
              ),
            ),
            if(_msgDict!=null)Container(
              margin: EdgeInsets.only(left: wsp(50),top: MediaQuery.of(context).padding.top+hsp(250)),
              child: RichText(
                text: TextSpan(
                    text: '${_msgDict['name']}   ',
                    style: TextStyle(fontSize: zsp(50),color: Colors.white,fontWeight: FontWeight.bold),
                    children: [
                      TextSpan(
                          text: '${_msgDict['subtitle']}',
                          style: TextStyle(fontWeight: FontWeight.normal,fontSize: zsp(28),color: Colors.white.withOpacity(0.5))
                      )
                    ]
                ),
              ),
            ),
            Container(
              margin: EdgeInsets.only(top: MediaQuery.of(context).padding.top+hsp(350)),
              height: MediaQuery.of(context).size.height-MediaQuery.of(context).padding.top-hsp(350),
              width: MediaQuery.of(context).size.width,
              decoration: BoxDecoration(
                color: Color(0xFFF1F2F3),
                borderRadius: BorderRadius.only(topRight: Radius.circular(10),topLeft: Radius.circular(10))
              ),
              child: Column(
                children: [
                  Container(
                    width: MediaQuery.of(context).size.width,
                    height: hsp(80),
                    child: ListView.builder(
                      itemBuilder: (context,index){
                        return GestureDetector(
                          onTap: (){
                            _titleIndex = index;
                            _refreshData();
                          },
                          child: Container(
                            height: hsp(80),
                            width: MediaQuery.of(context).size.width/4,
                            alignment: Alignment.center,
                            child: Text('${_titles[index]}',style: TextStyle(fontSize: zsp(26),color: _titleIndex==index?Color(0xFF007AFF):Color(0xFF222222),fontWeight: _titleIndex==index?FontWeight.bold:FontWeight.normal),),
                          ),
                        );
                      },
                      itemCount: _titles.length,
                      padding: EdgeInsets.all(0),
                      scrollDirection: Axis.horizontal,
                    ),
                  ),
                  Divider(height: 0.5,thickness: 0.5,color: Color(0xFFEEEEEE),),
                  Container(
                    width: MediaQuery.of(context).size.width,
                    height: MediaQuery.of(context).size.height-MediaQuery.of(context).padding.top-hsp(430)-0.5,
                    child: EasyRefresh(
                      onRefresh: _refreshData,
                      onLoad: _loadMoreData,
                      header: TaurusHeader(

                      ),
                      footer: TaurusFooter(

                      ),
                      child: ListView.separated(
                        itemBuilder: (context,index){
                          return GestureDetector(
                            behavior: HitTestBehavior.opaque,
                            onTap: (){
                              Navigator.of(context).push(
                                CupertinoPageRoute(
                                  builder: (context){
                                    return YSMarryPlane(marryId: _dataArray[index]['id'],type: _type);
                                  }
                                )
                              );
                            },
                            child: Container(
                              padding: EdgeInsets.all(hsp(30)),
                              child: Row(
                                children: [
                                  Container(
                                    height: hsp(200),
                                    width: hsp(250),
                                    child: CachedNetworkImage(
                                      imageUrl: '${_dataArray[index]['cover']}',
                                      fit: BoxFit.fill,
                                    ),
                                    margin: EdgeInsets.only(right: hsp(30)),
                                  ),
                                  Container(
                                    width: MediaQuery.of(context).size.width-hsp(340),
                                    height: hsp(200),
                                    child: Column(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      crossAxisAlignment: CrossAxisAlignment.start,
                                      children: [
                                        Text('${_dataArray[index]['title']}',style: TextStyle(fontSize: zsp(30),color: Color(0xFF343434)),maxLines: 2,),
                                        Text('${_dataArray[index]['dtFlightInformation']['partnerName']}',style: TextStyle(fontSize: zsp(24),color: Color(0xFF9A9A9A)),),
                                        Row(
                                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                          children: [
                                            Text('${_dataArray[index]['dtFlightInformation']['model']}',style: TextStyle(fontSize: zsp(24),color: Color(0xFF9A9A9A)),),
                                            RichText(
                                              text: TextSpan(
                                                text: '￥',
                                                style: TextStyle(fontSize: zsp(24),color: Color(0xFFEB423B)),
                                                children: [
                                                  TextSpan(
                                                    text: '${_dataArray[index]['discountPrice']}',
                                                    style: TextStyle(fontSize: zsp(42),fontWeight: FontWeight.bold),
                                                  ),
                                                  TextSpan(
                                                    text: '元起',
                                                    style: TextStyle(fontSize: zsp(20)),
                                                  )
                                                ]
                                              ),
                                            )
                                          ],
                                        )
                                      ],
                                    ),
                                  )
                                ],
                              ),
                            ),
                          );
                        },
                        separatorBuilder: (context,index){
                          return Divider(height: 0.5,thickness: 0.5,color: Color(0xFFEEEEEE),);
                        },
                        itemCount: _dataArray.length,
                        padding: EdgeInsets.all(0),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
  _getBackImageData() async{
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/applets/wallconfigure/get',parameter: {'type':_type},isLoading: false,isToken: false);
    if(dict!=null){
      setState(() {
        _msgDict = dict['data'];
      });
    }
  }

  Future<void> _refreshData() async{
    _page = 1;
    Map request = {};
    request['category'] = _type;
    request['pageNo'] = _page;
    request['pageSize'] = 10;
    if(_titles[_titleIndex]=='距离'){
      request['type'] = 1;
      request['location'] = '108.985463,34.30501';
    }else if(_titles[_titleIndex]=='价格'){
      request['type'] = 2;
    }else if(_titles[_titleIndex]=='评分'){
      request['type'] = 3;
    }else{
      request['type'] = 4;
    }
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/applets/AirTour/list',parameter: request,isLoading: false,isToken: false);
    if(dict!=null){
      setState(() {
        _dataArray = dict['data']['resultList'];
      });
    }
  }

  Future<void> _loadMoreData() async{
    _page++;
    Map request = {};
    request['category'] = _type;
    request['pageNo'] = _page;
    request['pageSize'] = 10;
    if(_titles[_titleIndex]=='距离'){
      request['type'] = 1;
      request['location'] = '108.985463,34.30501';
    }else if(_titles[_titleIndex]=='价格'){
      request['type'] = 2;
    }else if(_titles[_titleIndex]=='评分'){
      request['type'] = 3;
    }else{
      request['type'] = 4;
    }
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/applets/AirTour/list',parameter: request,isLoading: false,isToken: false);
    if(dict!=null){
      setState(() {
        _dataArray.addAll(dict['data']['resultList']);
      });
    }
  }
}