<template>
    <span>
        <em>{{$t('system.quety_area')}}</em>
        <el-select v-model="msg.CountryStr" clearable  class="w150" filterable @change="getProvinceList(msg.CountryStr,1)" :placeholder="$t('hotel.hotel_country')">
            <el-option v-for='item in countryList'
                :key="item.ID" 
                :label="item.Name"
                :value="item.ID">
            </el-option>
        </el-select>
        <el-select v-model="msg.ProvinceStr"  class="w150"  filterable @change="getProvinceList(msg.ProvinceStr,2)" :placeholder="$t('hotel.hotel_province')">
            <el-option v-for='item in provinceList'
                :key="item.ID" 
                :label="item.Name"
                :value="item.ID">
            </el-option>
        </el-select>
        <el-select v-model="msg.CityStr"  class="w150"  filterable @change="getProvinceList(msg.CityStr,3)" :placeholder="$t('hotel.hotel_city')">
            <el-option v-for='item in cityList'
                :key="item.ID" 
                :label="item.Name"
                :value="item.ID">
            </el-option>
        </el-select>
        <el-select v-model="msg.DistrictStr"  class="w150"  filterable :placeholder="$t('hotel.hotel_area')">
            <el-option v-for='item in district'
                :key="item.ID" 
                :label="item.Name"
                :value="item.ID">
            </el-option>
        </el-select>
    </span>
</template>
<script>
export default {
    data(){
        return{
            msg:{
                pageIndex:1,
                pageSize:4,
                sUpdateDate:'',
                eUpdateDate:'',
                OrderSource:'0',
                ID:'',
                Status:'-1',   
            },
            dataList:'',
            OrderStateList:'',
            OrderSourceList:'',
            countryList:'',
            provinceList:'',
            cityList:'',
            district:'',
            CancelID:'',
            cancelRemark:'',
            orderlogList:'',
            total:0,
            currentPage: 1,
            loading:true,
            noData:false,
            dialogVisible: false,

        }
    },methods:{
        getList(){
            this.loading = true;
            if(this.msg.eUpdateDate<this.msg.sUpdateDate){
                this.tips('结束不能小于开始时间','warning')
                this.loading = false;
                return               
            }
            if(this.msg.ID==''){
                this.msg.ID=0;
            }
            this.apipost("AirTicketOrder_Post_GetPageList",this.msg,res=>{
                if(res.data.resultCode==1){
                    if(res.data.data.count>0){
                        this.total = res.data.data.count;
                        this.dataList=res.data.data.pageData
                        this.noData =false;   
                    }else{
                        this.noData =true; 
                        this.dataList = [];    
                    }
                }else{
                    this.tips(res.data.message,'warning')
                }
                this.loading = false;
                if(this.msg.ID==0){
                    this.msg.ID='';
                }
            },err=>{})
        },
 
    },mounted(){
        
    }
}
</script>