<template>
    <el-container>
        <el-main v-loading="tableloading">
            <el-row class="row-bg">
                <el-col :span="24"><div class="grid-content content co">进港舱单统计</div></el-col>
            </el-row>
            <el-row style="display: block;background-color: white;height:500px;">
                <el-row>
                    <el-col :span="5">
                        <span>
                            航班号:
                        </span>
                        <el-input placeholder="" v-model="defaultQuery.flightno" style="width: 150px">
                        </el-input>
                    </el-col>
                    <el-col :span="5">
                    <span>
                            航班开始日期:
                        </span>
                        <el-date-picker
                                v-model="defaultQuery.subTime"
                                type="date"
                                format="yyyy-MM-dd"
                                value-format="yyyy-MM-dd"  style="width: 150px"
                                placeholder="航班开始日期">
                        </el-date-picker>
                    </el-col>
                    <el-col :span="5">
                    <span>
                            航班结束日期:
                        </span>
                        <el-date-picker
                                v-model="defaultQuery.nowTime"
                                type="date"
                                format="yyyy-MM-dd"
                                value-format="yyyy-MM-dd"  style="width: 150px"
                                placeholder="航班结束日期">
                        </el-date-picker>
                    </el-col>
                    <el-col :span="2">
                        <el-col :span="8" style="margin-right: 0px">
                            <el-button type="primary" v-on:click="QueryData">导出EXCEL</el-button>
                        </el-col>
                    </el-col>
                </el-row>
            </el-row>
        </el-main>
    </el-container>
</template>
<script>
    import{QueryData} from "../../api/statictis";
    import fileDownload from 'js-file-download';
    export default {
        data() {
            return{
                defaultQuery:{
                    flightno:'',
                    subTime:'',
                    nowTime:''
                },
                tableData:[],
                tableloading:false
            }
        },
        methods:{
            QueryData(){
                this.tableData=[];
                if(!this.defaultQuery.subTime=="" && !this.defaultQuery.nowTime==""){
                    let params={carrier:this.defaultQuery.flightno,
                        subTime:this.defaultQuery.subTime,nowTime:this.defaultQuery.nowTime};
                    this.tableloading=true;
                    //window.open('/api/wlpt-nmms-manage/statistics/selectDevList?nowTime='+this.defaultQuery.nowTime+'&subTime='+this.defaultQuery.subTime+'&flightno='+this.defaultQuery.flightno,'_blank');
                    QueryData(params).then(res =>{
                        if(res.byteLength!==0){
                            fileDownload(res.data,new Date()+'.xlsx');
                            this.tableloading = false;
                            this.$message.success('文件导出成功！');
                        }else{
                            Message.error("无法找到对应的文件！！！");
                        }
                    });
                }else{
                    this.$message.error('航班开始结束日期必须选择！');
                }

            }
        }
    }
</script>