<template>
    <!--<div class="app-container">-->
    <div>
        <div>
            <el-row class="row-bg">
                <el-col :span="24">
                    <div class="grid-content content">航班信息</div>
                </el-col>
                <el-col :span="24">
                    <div class="grid-content co">
                        <el-col :span="24">
                            <el-row>
                                <el-col :span="4">
                                    <el-input v-model="flightComNo"  placeholder="航班号" clearable >
                                        <template slot="prepend">航班号</template>
                                    </el-input>
                                </el-col>
                                <el-col :span="1">
                                    <div class="grid-content"></div>
                                </el-col>
                                <el-col :span="4">
                                    <div class="el-input el-input--mini el-input-group el-input-group--prepend el-input--suffix">
                                        <div class="el-input-group__prepend"> 航班日期</div>
                                        <el-date-picker
                                                value-format="yyyy-MM-dd"
                                                style="width: 200px"
                                                v-model="preQuery.flightdate" align="left"
                                                class="flight-date-tianbo"
                                                type="date" placeholder="请输入航班日期" clearable>
                                        </el-date-picker>
                                    </div>
                                </el-col>
                            </el-row>
                        </el-col>
                    </div>
                </el-col>
                <el-col :span="24">
                    <div class="grid-content content">预配舱单查询</div>
                </el-col>
                <el-col :span="24">
                    <div class="grid-content co">
                        <el-col :span="1">
                            <div class="grid-content"></div>
                        </el-col>
                        <el-col :span="24">
                            <div class="grid-content">
                                <el-col :span="4">
                                    <div class="grid-content">
                                        <el-input  v-model="preQuery.awba"  placeholder="请输入主单号" clearable>
                                            <template slot="prepend">主单号</template>
                                        </el-input>
                                    </div>
                                </el-col>
                                <div class="grid-content el-btn">
                                    <el-button   type="warning" style="width:150px" icon="el-icon-search" @click="handleSerach">查&emsp;&emsp;询</el-button>
                                    <el-button   v-if="preQuery.flightno === undefined && preData.length<1" type="success"
                                               style="width:150px" icon="el-icon-plus"
                                               @click="handleAddpre">新增预配舱单
                                    </el-button>
                                    <el-button icon="el-icon-plus" @click="handleAwbSend('')" v-if="batchChooseFlag" style="width:150px"  type="primary">
                                        批量申报
                                    </el-button>
                                    <el-button icon="el-icon-edit"  @click="handleAwbEdit('')" v-if="batchChooseFlag" style="width:150px"  type="success">
                                        批量修改申报
                                    </el-button>
                                    <el-button icon="el-icon-delete" @click="handleSendDelete('')" v-if="batchChooseFlag" style="width:150px"  type="danger">
                                        批量删除申报
                                    </el-button>
                                    <el-button icon="el-icon-download" @click="download" style="width:150px"  type="success">
                                        模板下载
                                    </el-button>
                                    <el-upload
                                            style="display: inline; margin-left: 10px;margin-right: 10px;"
                                            action=""
                                            :http-request="uploadFile"
                                            :limit=1
                                            :on-exceed="fileExceed"
                                            accept="application/vnd.ms-excel,application/vnd.ms-excels"
                                            ref="fileupload">
                                        <el-button slot="trigger" style="width:150px"  icon="el-icon-folder-add" type="primary">导入excel</el-button>
                                    </el-upload>
                                </div>
                            </div>
                        </el-col>
                    </div>
                </el-col>
                <el-col :span="24">
                    <div class="grid-content content" style="margin-top: 6px">预配舱单明细</div>
                </el-col>
            </el-row>
        </div>

        <el-table :data="preData" stripe
                  style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
                  :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
                  @selection-change="handleSelectionChange" v-loading="listLoading"
                  default-expand-all
                  row-key="uuid"
                  border
                  :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
            <el-table-column type="selection" width="55">
            </el-table-column>
            <el-table-column label="运单号" width="140" align="center">
                <template slot-scope="scope">
                    <a type="text" style="color: #409eff;text-decoration: underline" class="tableInline" @click="handleEdit(scope.row)" v-if="scope.row.awbh !==''">{{scope.row.awbh}}</a>
                    <a type="text" style="color: #409eff;text-decoration: underline" class="tableInline" @click="handleEdit(scope.row)" v-else>{{scope.row.awba}}</a>
                </template>
            </el-table-column>
            <el-table-column label="航班号" width="70" align="center">
                <template slot-scope="scope">
                    <span class="tableInline">{{scope.row.carrier}}{{scope.row.flightno}}</span>
                </template>
            </el-table-column>
            <el-table-column label="航班日期" width="100" align="center">
                <template slot-scope="scope">
                    <span class="tableInline">{{scope.row.flightdate}}</span>
                </template>
            </el-table-column>
            <el-table-column label="目的站" width="80" align="center">
                <template slot-scope="scope">
                    <span class="tableInline">{{scope.row.destinationstation}}</span>
                </template>
            </el-table-column>
            <el-table-column label="件数" width="50" align="center">
                <template slot-scope="scope">
                    {{scope.row.piece}}
                </template>
            </el-table-column>
            <el-table-column label="重量" width="60" align="center">
                <template slot-scope="scope">
                    {{scope.row.weight}}
                </template>
            </el-table-column>
            <el-table-column label="货物描述" width="120" align="center" show-overflow-tooltip>
                <template slot-scope="scope">
                    {{scope.row.goodsname}}
                </template>
            </el-table-column>
            <el-table-column label="海关关区" width="70" align="center">
                <template slot-scope="scope">
                    {{scope.row.customcode}}
                </template>
            </el-table-column>
            <el-table-column label="配载时间" width="150" align="center">
                <template slot-scope="scope">
                    {{scope.row.actime}}
                </template>
            </el-table-column>
            <el-table-column label="状态" width="100" align="center">
                <template slot-scope="scope">
                    <span v-if="scope.row.status ==='01'">接受申报</span>
                    <span v-if="scope.row.status ==='02'">待人工审核</span>
                    <span v-if="scope.row.status ==='03'">退单</span>
                    <span v-if="scope.row.status ==='05'">舱单报退单</span>
                    <span v-if="scope.row.status ==='06'">舱单转人工</span>
                    <span v-if="scope.row.status ==='07'">舱单报申报成功</span>
                    <span v-if="scope.row.status ==='08'">已发舱单删除报</span>
                    <span v-if="scope.row.status ==='09'">舱单删除报退单</span>
                    <span v-if="scope.row.status ==='10'">舱单删除报转人工</span>
                    <span v-if="scope.row.status ==='11'">放行</span>
                    <span v-if="scope.row.status ==='12'">拒装</span>
                    <span v-if="scope.row.status ==='13'">禁卸</span>
                    <span v-if="scope.row.status ==='14'">舱单修改报转人工</span>
                    <span v-if="scope.row.status ==='15'">舱单修改报成功</span>
                    <span v-if="scope.row.status ==='16'">海关已存在</span>
                    <span v-if="scope.row.status ==='21'">可自动发送</span>
                    <span v-if="scope.row.status ==='22'">未发送</span>
                    <span v-if="scope.row.status ==='23'">已发送新增报</span>
                    <span v-if="scope.row.status ==='24'">已发送删除报</span>
                    <span v-if="scope.row.status ==='25'">已发送修改报</span>
                </template>
            </el-table-column>
            <el-table-column prop="receipt" label="回执信息" align="center" show-overflow-tooltip>
                <template slot-scope="scope">
                    <el-tag v-if="scope.row.status=='01' || scope.row.status=='11'" type="success">
                        {{scope.row.ext5}}
                    </el-tag>
                    <el-tag v-else-if="scope.row.status=='02' || scope.row.status=='03'" type="warning">
                        {{scope.row.ext5}}
                    </el-tag>
                    <el-tag v-else-if="scope.row.status=='12' || scope.row.status=='13'" type="danger">
                        {{scope.row.ext5}}
                    </el-tag>
                    <el-tag v-else>
                        {{scope.row.ext5}}
                    </el-tag>
                </template>
            </el-table-column>
            <el-table-column label="操作" width="450px" fixed="right" align="center">
                <template slot-scope="scope" >
                    <el-row type="flex" justify="space-between">
                        <el-button icon="el-icon-view"   @click="handleSend(scope.row)">收发明细</el-button>
                        <el-button type="success" icon="el-icon-plus"  v-if="scope.row.awbh ===''"
                                   @click="handleAddAwbh(scope.row)">新增分单
                        </el-button>
                        <el-button type="warning" icon="el-icon-edit"  @click="handleAwbStatus(scope.row)"
                                   :disabled="scope.row.status === '22'">更改状态
                        </el-button>

                        <el-button  type="danger" icon="el-icon-delete"   v-if="isAdmin"  @click="handleAwbDelete(scope.row)">删除运单</el-button>
                    </el-row>
                    <el-row type="flex" justify="space-between">
                        <el-button type="primary" icon="el-icon-plus"  @click="handleAwbSend(scope.row.uuid)"
                                   :disabled="addStatus(scope.row.status)">预配申报
                        </el-button>
                        <el-button type="success" icon="el-icon-edit"    @click="handleAwbEdit(scope.row.uuid)"
                                   :disabled="editStatus(scope.row.status)">修改申报</el-button>
                        <el-button type="danger" icon="el-icon-delete"   @click="handleSendDelete(scope.row.uuid)"
                                   :disabled="deleteStatus(scope.row.status)">删除申报</el-button>
                    </el-row>
                </template>
            </el-table-column>
        </el-table>

        <div class="btnFoot">
            <el-row>
                <el-button type="success" icon="el-icon-plus"  v-if="preQuery.flightno !== undefined || preData.length >0"
                           @click="handleAddpreInfo">新增预配舱单
                </el-button>
                <el-button type="primary" icon="el-icon-back"  @click="handelBackStep"
                           v-if="preQuery.flightno !== undefined || preData.length >0">返&emsp;&emsp;回
                </el-button>
            </el-row>
        </div>
        <pagination v-show="total>0" :total="total" :page.sync="preQuery.pageSize" :limit.sync="preQuery.limitSize"
                    @pagination="getList"/>
        <el-dialog  top="5vh" :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible" width="90%">
            <el-form ref="preFormData" :model="preModel" :rules="preRoles" label-position="right"
                     label-width="80px" size="mini" class="el-dialog-div">
                <div  style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
                    <span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
                        运单信息
                    </span>
                </div>
                <el-row class="flight-info"  style="padding-left: 90px;padding-right: 90px">
                    <el-col :span="6">
                        <el-form-item label="主单号" prop="awba">
                            <el-input :disabled="dialogStatus !== 'create'" v-model="awba" clearable v-if="fenStatus === 'addAwbh'" disabled style="width: 140px">
                            </el-input>
                            <el-input :disabled="dialogStatus !== 'create'" v-model="awba" clearable v-else style="width: 140px">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6" v-if="fenStatus === 'addAwbh'">
                        <el-form-item label="分单号" prop="awbh" >
                            <el-input v-model="awbh" clearable style="width: 140px">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="提前运抵">
                            <el-select v-model="preModel.ext3" class="filter-item" clearable style="width: 140px" placeholder="请选择">
                                <el-option v-for="item in ext3" :key="item.value"
                                           :label="item.label"
                                           :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="报关类型">
                            <el-select v-model="preModel.ext4" class="filter-item" style="width: 140px" clearable placeholder="请选择报关类型">
                                <el-option v-for="item in customsDeclarationType" :key="item.value"
                                           :label="item.label"
                                           :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="货物属性">
                            <el-select v-model="preModel.awbinfo.goodsAttribute" class="filter-item" clearable style="width: 140px" placeholder="请选择货物属性">
                                <el-option v-for="item in goodsAttribute" :key="item.value"
                                           :label="item.label"
                                           :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <div  style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
                    <span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
                        航班信息
                    </span>
                </div>
                <el-row class="flight-info"  style="padding-left: 90px;padding-right: 90px">
                    <el-col :span="6">
                        <el-form-item label="航班号" prop="flightno">
                            <el-input v-model="flightno" @blur="transportQuery()" :disabled="fenStatus === 'addAwbh'"  style="width: 140px" clearable>
                            </el-input>
                        </el-form-item>
                        <el-alert
                                title="运输工具申报信息:"
                                :type="alert_type"
                                :description = "alert_des"
                                :closable="false"
                        >
                        </el-alert>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="航班日期" prop="flightdate">
                            <el-date-picker :disabled="fenStatus === 'addAwbh'"
                                            value-format="yyyy-MM-dd"
                                            style="width: 140px"
                                            v-model="preModel.flightdate" align="left"
                                            class="flight-date-tianbo"
                                            @blur="transportQuery()"
                                            type="date" placeholder="请输入航班日期" clearable/>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="起始站" prop="originstation">
                            <el-select
                                    filterable
                                    clearable
                                    placeholder="请选择起始站"
                                    :remote-method="remoteMethodAirport"
                                    default-first-option
                                    allow-create remote
                                    v-model="originstation"
                                    :loading="airportLoading"
                                    style="width: 140px">
                                <el-option v-for="item in airportCode"
                                           :key="item.airportid" :label="item.airportid"
                                           :value="item.airportid" >
                                    <span style="float: left">{{ item.airportdescchn }}</span>
                                    <span style="float: right; color: #8492a6; font-size: 13px">{{ item.airportid }}</span>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="目的站" prop="destinationstation">
                            <el-select filterable clearable placeholder="请选择目的站" allow-create remote
                                       v-model="destinationstation"
                                       :remote-method="remoteMethodAirport"
                                       default-first-option
                                       style="width: 140px">
                                <el-option v-for="item in airportCode"
                                           :key="item.airportid" :label="item.airportid"
                                           :value="item.airportid">
                                    <span style="float: left">{{ item.airportdescchn }}</span>
                                    <span style="float: right; color: #8492a6; font-size: 13px">{{ item.airportid }}</span>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <div align="center"  class="bpp" style="margin-bottom: 4px">
                        <tr style="background-color: #F1F3FF" >
                            <td width="70px">
                                航程
                            </td>
                            <td width="350px">
                                到达站
                            </td>
                            <td width="350px">
                                承运人
                            </td>
                        </tr>
                        <tr>
                            <td  style="border-left:  1.5px solid #F1F3FF">
                                1
                            </td>
                            <td  style="border: 1.5px solid #F1F3FF;border-top: 0px">
                                <el-input  style="background-color: #fff;text-align: center" v-model="by1" size="mini" placeholder="三字码"></el-input>
                            </td>
                            <td style="border-right:  1.5px solid #F1F3FF">
                                <el-input style="background-color: #fff" v-model="dest1" size="mini" placeholder="承运人代码"></el-input>
                            </td>
                        </tr>
                        <tr>
                            <td style="border: 1.5px solid #F1F3FF">
                                2
                            </td>
                            <td style="border-bottom: 1.5px solid #F1F3FF">
                                <el-input  style="background-color: #fff;text-align: center" v-model="by2" size="mini" placeholder="三字码"></el-input>
                            </td>
                            <td style="border: 1.5px solid #F1F3FF">
                                <el-input style="background-color: #fff" v-model="dest2" size="mini" placeholder="承运人代码"></el-input>
                            </td>
                        </tr>
                    </div>

                </el-row>
                <div style="font-size: 10px;background-color: #F0F0F0;color: #6459A5" v-if="fenStatus !=='addAwbh'">
                    <span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
                        代理信息
                    </span>
                </div>
                <el-row class="flight-info" v-if="fenStatus !=='addAwbh'"  style="padding-left: 90px;padding-right: 90px">
                    <el-col :span="6">
                        <el-form-item label="订舱代理">
                            <el-select v-model="preModel.bookingAgentId" clearable class="filter-item" style="width: 140px" placeholder="请录入订舱代理">
                                <el-option v-for="item in bookingAgentList" :key="item.id"
                                           :label="item.forShort"
                                           :value="item.id">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="操作代理">
                            <el-select v-model="preModel.operatingAgentId" clearable class="filter-item" placeholder="请录入操作代理">
                                <el-option v-for="item in operatingAgentList" :key="item.id"
                                           :label="item.forShort"
                                           :value="item.id">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="代理名称" prop="">
                            <el-input disabled v-model="preModel.awbinfo.dest4" clearable style="width: 140px">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item  label="代理编码" prop="">
                            <el-input disabled v-model="preModel.awbinfo.dest4city" clearable style="width: 140px">
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

<!--                <el-row style="margin-bottom: 10px">-->
<!--                    <el-col :span="7"  v-if="fenStatus ==='addAwbh'">-->
<!--                        <span>-->
<!--                            货物剩余信息：-->
<!--                        </span>-->
<!--                    </el-col>-->
<!--                    <el-col :span="7" v-if="fenStatus ==='addAwbh'">-->
<!--                        <span>剩余件数:{{awbPiece}}</span>-->
<!--                    </el-col>-->
<!--                    <el-col :span="7" v-if="fenStatus ==='addAwbh'">-->
<!--                        <span>剩余重量:{{awbWeight}}</span>-->
<!--                    </el-col>-->
<!--                </el-row>-->
                <div   style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
                    <span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
                        发货人
                    </span>
                </div>
                <el-row   style="padding-left: 90px;padding-right: 90px">
                    <el-button class="sun" style="border:1px solid #6459A5;color: #6459A5" plain size="mini" @click="consignerSelect()">选择发货人</el-button>
                    <el-col :span="12">
                        <el-form-item   label="发货人" prop="awbinfo.shprname">
                            <el-input id="a" v-model="shprname" clearable  style="width: 340px">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="地址" prop="awbinfo.shpraddress">
                            <el-input  v-model="shpraddress" clearable style="width: 340px">
                            </el-input>
                        </el-form-item>
                    </el-col>

                    <el-col :span="6">
                        <el-form-item label="国家代码" prop="awbinfo.shprcountyr">
                            <el-select
                                    :remote-method="remoteMethod"
                                    :loading="listLoading"
                                    v-model="shprcountyr"
                                    filterable
                                    default-first-option
                                    allow-create
                                    remote
                                    placeholder="请选择国家代码" clearable  style="width: 120px">
                                <el-option
                                        v-for="item in countryOption"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                    <span style="float: left">{{ item.label }}</span>
                                    <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="城市代码" prop="awbinfo.scityid">
                            <el-input v-model="preModel.awbinfo.scityid" clearable style="width: 120px">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="电话" prop="awbinfo.shprtel">
                            <el-input  v-model="preModel.awbinfo.shprtel" clearable style="width: 120px">
                                <!--                                <template  slot="prepend" >&nbsp;&nbsp;&nbsp;电&nbsp;&nbsp;&nbsp;话&nbsp;&nbsp;&nbsp;</template>-->
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="AEO编码" prop="awbinfo.shpaeocode">
                            <el-input v-model="preModel.awbinfo.shpaeocode" clearable  style="width: 120px">
                                <!--                                <template  slot="prepend" >&nbsp;&nbsp;AEO编码&nbsp;</template>-->
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <div style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
                    <span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
                        收货人
                    </span>
                </div>
                <el-row   style="padding-left: 90px;padding-right: 90px">
                    <el-button class="suns" style="border:1px solid #6459A5;color: #6459A5"  plain size="mini" @click="consigneeSelect()" >选择收货人</el-button>
                    <el-col :span="12">
                        <el-form-item  label="收货人" prop="awbinfo.cnsnname">
                            <el-input  v-model="cnsnname" clearable style="width: 340px">
                                <!--                                <template  slot="prepend" ></template>-->
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="地址" prop="awbinfo.cnsnaddress">
                            <el-input   v-model="cnsnaddress" clearable style="width: 340px">
                                <!--                                <template  slot="prepend" >&nbsp;&nbsp;&nbsp;地&nbsp;&nbsp;&nbsp;址&nbsp;&nbsp;&nbsp;</template>-->
                            </el-input>
                        </el-form-item>
                    </el-col>

                    <el-col :span="6">
                        <el-form-item label="国家代码" prop="awbinfo.cnscountyr">
                            <!--                            <div class="el-input-group__prepend select-lable" style="line-height: 27px;float:left; width:98px;font-size:12px;text-align: center;">&nbsp;国家代码&nbsp;</div>-->
                            <el-select
                                    :remote-method="remoteMethod"
                                    :listLoading="listLoading"
                                    v-model="cnscountyr"
                                    filterable
                                    allow-create
                                    default-first-option
                                    remote
                                    placeholder="请选择国家代码" clearable style="width: 120px">
                                <el-option
                                        v-for="item in countryOption"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                    <span style="float: left">{{ item.label }}</span>
                                    <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="城市代码" prop="awbinfo.ecityid">
                            <el-input  v-model="preModel.awbinfo.ecityid" clearable  style="width: 120px">
                                <!--                                <template  slot="prepend" >&nbsp;城市代码&nbsp;&nbsp;</template>-->
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="电话" prop="awbinfo.cnsntel">
                            <el-input  v-model="preModel.awbinfo.cnsntel" clearable  style="width: 120px">
                                <!--                                <template  slot="prepend" >&nbsp;&nbsp;&nbsp;电&nbsp;&nbsp;&nbsp;话&nbsp;&nbsp;&nbsp;</template>-->
                            </el-input>
                        </el-form-item>
                    </el-col>

                    <el-col :span="6">
                        <el-form-item  label="AEO编码" prop="awbinfo.cnsaeocode">
                            <el-input v-model="preModel.awbinfo.cnsaeocode" clearable   style="width: 120px">
                                <!--                                <template  slot="prepend" >&nbsp;AEO编码&nbsp;&nbsp;</template>-->
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <div style="font-size: 10px;background-color: #F0F0F0;color: #6459A5">
                    <span style="text-align:center;display:inline-block;width:100px;border-bottom: 2px solid #6459A5">
                        货物信息
                    </span>
                </div>
                <el-row   style="padding-left: 90px;padding-right: 90px">
                    <el-col :span="6">
                        <el-form-item label="货物描述" prop="goodsname">
                            <el-input v-model="goodsname" clearable  style="width: 120px">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="预配件数" prop="piece">
                            <el-input v-model="preModel.piece" @input="pieceEcho" clearable  style="width: 120px">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="预配重量" prop="weight">
                            <el-input v-model="preModel.weight" @input="weightEcho" clearable style="width: 120px">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item  label="所属关区" prop="customcode">
<!--                            <el-select v-model="preModel.customcode" clearable class="filter-item" style="width: 140px" placeholder="请选择所属关区">-->
<!--                                <el-option v-for="item in custom" :key="item.value"-->
<!--                                           :label="item.label"-->
<!--                                           :value="item.value">-->
<!--                                </el-option>-->
<!--                            </el-select>-->
                            <el-select v-model="preModel.customcode"  class="filter-item" placeholder="请输入关区代码"
                                       filterable clearable remote :remote-method="remoteMethodCustomCode" :loading="customLoading"
                                       allow-create
                                       default-first-option>
                                <el-option v-for="item in customCodeList" :key="item.customcode" :label="item.customcode"
                                           :value="item.customcode">
                                    <span style="float: left">{{ item.customcode }}</span>
                                    <span style="float: right; color: #8492a6; font-size: 13px">{{ item.customname }}</span>
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="付费方式" prop="awbinfo.paymodel">
                            <el-select v-model="preModel.awbinfo.paymodel" class="filter-item"  placeholder="请选择付费方式"  style="width: 120px">
                                <el-option
                                        v-for="item in payTypes"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="货物类型" prop="awbinfo.awbtype">
                            <el-select v-model="preModel.awbinfo.awbtype" clearable class="filter-item" style="width: 120px" placeholder="请录入货物类型">
                                <el-option v-for="item in customTypess" :key="item.value"
                                           :label="item.label"
                                           :value="item.value">
                                </el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
<!--                <div v-if="dialogStatus === 'sendUpdate'">-->
<!--                    <div class="grid-content content">-->
<!--                        运单信息-->
<!--                    </div>-->
<!--                    <el-row>-->
<!--                        <el-col :span="6">-->
<!--                            <el-form-item label="" prop="reason">-->
<!--                                <el-input v-model="preModel.reason" clearable>-->
<!--                                    <template  slot="prepend" >修改原因</template>-->
<!--                                </el-input>-->
<!--                            </el-form-item>-->
<!--                        </el-col>-->
<!--                        <el-col :span="6">-->
<!--                            <el-form-item label="" prop="contactName">-->
<!--                                <el-input v-model="preModel.contactName" clearable>-->
<!--                                    <template  slot="prepend" >修改人名称</template>-->
<!--                                </el-input>-->
<!--                            </el-form-item>-->
<!--                        </el-col>-->
<!--                        <el-col :span="6">-->
<!--                            <el-form-item label="" prop="contactTel">-->
<!--                                <el-input v-model="preModel.contactTel" clearable maxlength="5">-->
<!--                                    <template  slot="prepend" >修改人电话</template>-->
<!--                                </el-input>-->
<!--                            </el-form-item>-->
<!--                        </el-col>-->
<!--                    </el-row>-->
<!--                </div>-->
            </el-form>
            <div slot="footer" class="dialog-footer" style="text-align: center">
                <el-button @click="dialogFormVisible = false" size="medium" type="primary"
                           style="width: 100px">取消</el-button>
                <el-button type="success" size="medium" style="width: 100px"
                           @click="dialogStatus ==='create'? createData():updateData()" v-loading="addloading">保存</el-button>
            </div>
        </el-dialog>
        <el-dialog title="收发明细" :visible.sync="dialogTableVisible" width="70%">
            <el-table :data="detailData" border :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
                      style="border-radius: 10px 10px 0px 0px;line-height: 25px;width: 100%" size="small" >
                <el-table-column label="操作时间" width="150">
                    <template slot-scope="scope">
                        {{scope.row.busdate}}
                    </template>
                </el-table-column>
                <el-table-column label="航班号" width="80">
                    <template slot-scope="scope">
                        {{scope.row.carrier}}{{scope.row.flightno}}
                    </template>
                </el-table-column>
                <el-table-column label="航班日期" width="100">
                    <template slot-scope="scope">
                        {{scope.row.flightdate}}
                    </template>
                </el-table-column>
                <el-table-column label="件数" width="70">
                    <template slot-scope="scope">
                        {{scope.row.buspiece}}
                    </template>
                </el-table-column>
                <el-table-column label="重量" width="70">
                    <template slot-scope="scope">
                        {{scope.row.busweight}}
                    </template>
                </el-table-column>
                <el-table-column label="回执信息" width="">
                    <template slot-scope="scope">
                        {{scope.row.cusrestext}}
                    </template>
                </el-table-column>
                <el-table-column label="操作类型" width="100">
                    <template slot-scope="scope">
                        {{scope.row.opertype}}
                    </template>
                </el-table-column>
                <el-table-column label="操作人" width="100">
                    <template slot-scope="scope">
                        {{scope.row.operusername}}
                    </template>
                </el-table-column>
            </el-table>
        </el-dialog>
        <el-dialog :title="sendMap[sendStatus]" :visible.sync="dialogDeleteVisble" width="50%">
            <el-form ref="sendDeleteForm" :model="respModel" :rules="sendDeleteRules" label-width="120px"
                 style="margin-right:50px;">
            <el-form-item label="" prop="reason">
                <el-input v-if="sendStatus==='remove'" v-model="respModel.reason" type="textarea" placeholder="删除原因">
                    <template  slot="prepend" >删除原因</template>
                </el-input>
                <el-input v-else v-model="respModel.reason" type="textarea" placeholder="修改原因">
                    <template  slot="prepend" >修改原因</template>
                </el-input>
            </el-form-item>
            <el-form-item label="" prop="contactName">
                <el-input v-model="respModel.contactName" placeholder="操作人姓名">
                    <template  slot="prepend" >操作人名称</template>
                </el-input>
            </el-form-item>
            <el-form-item label="" prop="contactTel">
                <el-input v-model="respModel.contactTel" placeholder="操作人联系方式">
                    <template  slot="prepend" >操作人电话</template>
                </el-input>
            </el-form-item>
            <el-form-item label="">
                <el-input v-if="sendStatus==='remove'" v-model="respModel.content" type="textarea" placeholder="请输入备注">
                </el-input>
            </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogDeleteVisble = false" size="medium"
                           style="width: 100px;background-color: #6F8294;color: #ffffff">取消</el-button>
                <el-button type="success" size="medium" style="width: 100px"
                           @click="sendStatus =='edit'? sendUpdate():sendDelete()">发送</el-button>
            </div>
        </el-dialog>
        <el-dialog title="发货人信息" :visible.sync="dialogSelectVisible" width="70%">
            <!--工具条-->
            <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
                <el-form :inline="true" :model="consignerQuery">
                    <el-form-item>
                        <el-input v-model="consignerQuery.companyName" placeholder="公司名称" size="small">
                            <template slot="prepend">公司名称</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" icon="el-icon-plus" size="small" v-on:click="consignerSelect()">查&emsp;&emsp;询</el-button>
                    </el-form-item>
                </el-form>
            </el-col>
            <el-table v-loading="listLoading" :data="consignerList" stripe
                      :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
                      style="border-radius: 10px 10px 0px 0px;line-height: 25px;width: 100%" size="small"
                      border >
                <el-table-column type="selection" width="55">
                </el-table-column>
                <el-table-column label="序号" type="index">
                </el-table-column>
                <el-table-column prop="companyName" label="发货人公司"  >
                </el-table-column>
                <el-table-column prop="conCity" label="发货人城市"  >
                </el-table-column>
                <el-table-column prop="country" label="发货人国家代码"  >
                </el-table-column>
                <el-table-column prop="conPhone" label="发货人电话"  >
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button type="success" size="mini" icon="el-icon-thumb" @click="consignerClick(scope.row)">选&emsp;&emsp;择</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <pagination background layout="total, prev, pager, next" v-show="consignerQuery.total>0" :total="consignerQuery.total" :page.sync="consignerQuery.pageSize" :limit.sync="consignerQuery.limitSize"
                        @pagination="consignerSelect()"/>
        </el-dialog>
        <el-dialog title="收货人信息" :visible.sync="dialogNeeVisible" width="70%">
            <!--工具条-->
            <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
                <el-form :inline="true" :model="consignerQuery">
                    <el-form-item>
                        <el-input v-model="consigneeQuery.companyName" placeholder="公司名称" size="small">
                            <template slot="prepend">公司名称</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" icon="el-icon-plus" v-on:click="consigneeSelect()" size="small">查&emsp;&emsp;询</el-button>
                    </el-form-item>
                </el-form>
            </el-col>
            <el-table v-loading="listLoading" :data="consigneeList" stripe
                      :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}"
                      style="border-radius: 10px 10px 0px 0px;line-height: 25px;width: 100%" size="small"
                      border >
                <el-table-column type="selection" width="55">
                </el-table-column>
                <el-table-column label="序号" type="index">
                </el-table-column>
                <el-table-column prop="companyName" label="收货人公司"  >
                </el-table-column>
                <el-table-column prop="conCity" label="收货人城市"  >
                </el-table-column>
                <el-table-column prop="country" label="收货人国家代码"  >
                </el-table-column>
                <el-table-column prop="conPhone" label="收货人电话"  >
                </el-table-column>
                <el-table-column label="操作">
                    <template slot-scope="scope">
                        <el-button type="success"  icon="el-icon-thumb" @click="consigneeClick(scope.row)" size="small">选&emsp;&emsp;择</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <pagination background layout="total, prev, pager, next" v-show="consigneeQuery.total>0" :total="consigneeQuery.total" :page.sync="consigneeQuery.pageSize" :limit.sync="consigneeQuery.limitSize"
                        @pagination="consignerSelect()"/>
        </el-dialog>
    </div>
</template>
<script>
    import treeTable from '@/components/TreeTable'
    import treeToArray from '@/utils/customEval'
    import Pagination from '@/components/Pagination'
    import util from '@/common/js/util'
    import {getCountry, getByCountryCode, getByCountryCodeForName,getCustomCode,getAirportCode} from "@/api/country";
    import {
        getMt2201ListForParam,
        deleteByIsDelete,
        updateStatus,
        updateMT2201,
        addMt2201,
        sendCreateMt2201,
        sendDeleteMt2201,
        sendUpdateMt2201,
        uploadFileExcel
    } from '@/api/exitPre';
    import {loginedUserInfo} from "../../api/user";
    import {Message} from "element-ui";
    import {getResponseForParam} from '@/api/responseDetail'
    import { getList} from '../../api/consigner/consigner';
    import { getList as neeList} from '../../api/consigner/consignee';
    import {getListHzTypeList} from '../../api/shipper/shipper';
    import {selectPredictionInterface} from '../../api/transport';
    import {
        validAwb,
        validAlphabets,
        validAlphabetsAndNum,
        validAlphabetsAndSpanceKey,
        validatorNum
    } from "@/utils/validate"
    import flight from "../airtransport/flight";

    export default {
        name: "ExitPre",
        components: {treeTable, Pagination},
        inject: ['reload'],
        data() {
            const validatorAwb = (rule, value, callback) => {
                if (!validAwb(value)) {
                    callback("请正确书写主单号")
                }
                callback()
            }
            const validatorAwbh = (rule, value, callback) => {
                if (!validAlphabetsAndNum(value)) {
                    callback("只能输入字母和数字")
                }
                callback()
            }
            const validatorAlphabets = (rule, value, callback) => {
                if (!validAlphabets(value)) {
                    callback("只能输入字母")
                }
                callback()
            }
            const validAlphabetsSpanceKey = (rule, value, callback) => {
                if (!validAlphabetsAndSpanceKey(value)) {
                    callback("只能输入字母、数字、空格")
                }
                callback()
            }
            const validatorNums = (rule, value, callback) => {
                if (!validatorNum(value)) {
                    callback("只能输入数字，并且小数位最多两位")
                }
                callback()
            }
            return {
                func: treeToArray,
                total: 1,
                isAdmin: false,
                alert_type: 'info',
                alert_des: '',
                addloading: false,
                consignerList: [],
                dialogNeeVisible: false,
                batchChooseFlag: false,
                batchChooseSelection: '',
                consigneeList: [],
                carrierAndFlight: '',
                consignerQuery: {
                    companyName: '',
                    total: 0,
                    pageSize: 1,
                    limitSize: 5,
                },
                consigneeQuery: {
                    companyName: '',
                    total: 0,
                    pageSize: 1,
                    limitSize: 5,
                },
                dialogSelectVisible: false,
                loginUserInfo: loginedUserInfo(),
                preQuery: {
                    pageSize: 1,
                    limitSize: 30,
                    awba: '',
                    carrier: '',
                    flightno: '',
                    flightdate: '',
                    originstation: '',
                    destinationstation: '',
                    userId:loginedUserInfo().userId,
                    customCode:'',
                    enterpriseId:loginedUserInfo().companyId,
                    messageType: ''
                },
                dialogMap: {
                    update: '编辑预配舱单',
                    create: '添加预配舱单',
                    addAwbh: '添加分单'
                },
                sendMap: {
                    edit: '修改申报',
                    remove: '删除申报',
                },
                customTypess: [
                    {label: '普通货物', value: '001'},
                    {label: '国际转运货物', value: '002'},
                    {label: '国内转关', value: '003'},
                    {label: '空箱', value: '004'},
                    {label: '快件', value: '005'}
                ],
                custom:[
                    {label: '4604', value: '4604'},
                    {label: '4620', value: '4620'},
                ],
                customsDeclarationType: [
                    {label: '本地报关', value: '001'},
                    {label: '转关', value: '002'},
                    {label: '通关一体化', value: '003'},
                    {label: '提前报关', value: '004'}],
                shipmentCargo:[
                    {label: '郑州机场地面处理',value:'1'}
                ],
                ext3: [
                    {label: '正常运抵', value: 'N'},
                    {label: '提前运抵', value: 'Y'},
                ],
                shipType:[
                    {label: '普货交运', value: '1'},
                    {label: '邮件交运', value: '2'},
                    {label: '国际邮件交运', value: '3'}],
                codeType:[
                    {label: 'USCI', value: 'USCI'},
                    {label: 'OC', value: 'OC'},
                    {label: '9999', value: '9999'}
                ],
                goodsAttribute:[
                    {label: '非保税', value: '2'},
                    {label: '保税', value: '1'}
                ],
                consignorList:[],
                operatingAgentList:[],
                bookingAgentList:[],
                payTypes: [{label: '预付', value: 'PP'}, {label: '到付', value: 'CC'}],
                splitcodes: [{label: '是', value: 'T'}, {label: '否', value: 'P'}],
                packagingInformation: [
                    {label: '纸箱', value: '1'},
                    {label: '木箱', value: '2'},
                    {label: '桶装', value: '3'},
                    {label: '纸托', value: '4'},
                    {label: '木托', value: '5'},
                    {label: '塑料箱', value: '6'},
                    {label: '金属托', value: '7'},
                    {label: '散装', value: '8'},
                    {label: '包', value: '9'},
                    {label: '其他', value: '10'}
                ],
                customCodeList: [],
                airportCode:[],
                dialogStatus: undefined,
                sendStatus: undefined,
                fenStatus:undefined,
                dialogTableVisible: false,
                dialogDeleteVisble: false,
                listLoading: false,
                customLoading:false,
                airportLoading:false,
                disabledStatus: false,
                dialogFormVisible: false,
                countryOption: [],
                countryList: [],
                countryResultList: [],
                awbPiece: undefined,
                awbWeight: undefined,
                preRoles: {
                    weight: [{required: true, trigger: 'change', validator: validatorNums}],
                    piece: [{required: true, trigger: 'change', validator: validatorNums}],
                    destinationstation: [{required: true, trigger: 'blur', validator: validatorAlphabets}],
                    originstation: [{required: true, trigger: 'blur', validator: validatorAlphabets}],
                    flightdate: [{required: true, message: '航班日期必须输入', trigger: 'change'}],
                    carrier: [{required: true, trigger: 'blur', validator: validatorAwbh}],
                    flightno: [{required: true, trigger: 'blur', validator: validatorAwbh}],
                    actime: [{required: true, trigger: 'blur', message: '预配时间不能为空'}],
                    customcode: [{required: true, message: '关区代码必须选择', trigger: 'change'}],
                    awba: [{required: true, trigger: 'blur', validator: validatorAwb}],
                    awbh: [{required: true, trigger: 'blur', validator: validatorAwbh}],
                    'awbinfo.paymodel': [{required: true, message: '付款方式必选', trigger: 'change'}],
                    'awbinfo.awbtype': [{required: true, message: '货物类型必须', trigger: 'change'}],
                    goodsname: [{required: true, trigger: 'blur', validator: validAlphabetsSpanceKey}],
                    ex5: [{required: true, message: '货物描述不能为空', trigger: 'blur'}],
                    'awbinfo.sairportid': [{required: true, message: '起始航站不能为空', trigger: 'change'}],
                    'awbinfo.shprname': [{required: true, message: '发货人不能为空', trigger: 'change'}],
                    'awbinfo.shprtel': [{required: true, message: '发货电话不能为空', trigger: 'change'}],
                    'awbinfo.shpraddress': [{required: true, message: '发货地址不能为空', trigger: 'change'}],
                    'awbinfo.shprcountyr': [{required: true, message: '国家代码不能为空', trigger: 'change'}],
                    'awbinfo.cnsnname': [{required: true, message: '收货人不能为空', trigger: 'change'}],
                    'awbinfo.cnsntel': [{required: true, message: '收货电话不能为空', trigger: 'change'}],
                    'awbinfo.cnsnaddress': [{required: true, message: '收获地址不能为空', trigger: 'change'}],
                    'awbinfo.cnscountyr': [{required: true, message: '国家代码不能为空', trigger: 'change'}],
                    'awbinfo.weight': [{required: true, trigger: 'change', validator: validatorNums}],
                    'awbinfo.pcs': [{required: true, trigger: 'change', validator: validatorNums}],
                },
                preModel: {
                    uuid: undefined,
                    awba: undefined,
                    awbh: undefined,
                    customcode: undefined,
                    flightno: undefined,
                    carrier: undefined,
                    flightdate: undefined,
                    originstation: undefined,
                    destinationstation: undefined,
                    piece: undefined,
                    weight: undefined,
                    actime: undefined,
                    goodsname: undefined,
                    splitcode: undefined,
                    uldType: undefined,
                    uldNo: undefined,
                    status: undefined,
                    ex5: undefined,
                    ext3: undefined,
                    reason: undefined,
                    contactName: undefined,
                    contactTel: undefined,
                    bookingAgentId: undefined,
                    operatingAgentId: undefined,
                    userId: undefined,
                    enterpriseId: undefined,
                    awbinfo: {
                        pcs: undefined,
                        weight: undefined,
                        scityid: undefined,
                        ecityid: undefined,
                        specopeid: undefined,
                        shprname: undefined,
                        shprmobiletype: undefined,
                        shprtel: undefined,
                        shpraddress: undefined,
                        shprcountyr: undefined,
                        shpcomidpre: undefined,
                        shpaeocode: undefined,
                        shpcomidpno: undefined,
                        shpcitycode: undefined,
                        shpcustomerid: undefined,
                        cnsnname: undefined,
                        cnsrmobiletype: undefined,
                        cnsntel: undefined,
                        cnsnaddress: undefined,
                        cnscountyr: undefined,
                        cnsrctcname: undefined,
                        cnsaeocode: undefined,
                        cnsrctctel: undefined,
                        cnscitycode: undefined,
                        cargonm: undefined,
                        sairportid: undefined,
                        dest1city: undefined,
                        by1: '',
                        dest1: undefined,
                        by2: undefined,
                        dest2: undefined,
                        by3: undefined,
                        dest3: undefined,
                        eairportid: undefined,
                        csgcustomerid: undefined,
                        paymodel: 'PP',
                        awbtype: undefined,
                        dest4:undefined,
                        dest4city:undefined

                    },
                    user: {
                        username: loginedUserInfo().username
                    }
                },
                respModel: {
                    uuid: undefined,
                    reason: undefined,
                    contactName: undefined,
                    contactTel: undefined,
                    content: '',
                },
                sendDeleteRules:{
                    reason:[{required:true,message:'原因不能为空',trigger:'blur'}],
                    contactName:[{required:true,message:'操作人不能为空',trigger:'blur'}],
                    contactTel:[
                        { required: true, message: '手机号不能为空', trigger: 'blur' },
                        { type: 'number', message: '手机号格式不正确', trigger: 'blur',
                            transform(value){
                                var phone = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/
                                if (!phone.test(value)){
                                    return false;
                                }else {
                                    return Number(value);
                                }
                            }}
                    ],
                },
                preData: [],
                detailData: [],
                rows:[]
            }
        },
        mounted() {
            // 延迟加载，否则会出错
            setTimeout(() => {
                this.countryResultList = this.countryList.map(item => {
                    return {value: item.countryCode, label: item.countryNameCn}
                })
            }, 1000)
        },
        // deactivated(){
        //         this.preQuery= {
        //                 pageSize: 1,
        //                 limitSize: 30,
        //                 awba: '',
        //                 carrier: '',
        //                 flightno: '',
        //                 flightdate: '',
        //                 originstation: '',
        //                 destinationstation: '',
        //                 userId:loginedUserInfo().userId,
        //                 customCode:'',
        //                 enterpriseId:loginedUserInfo().companyId,
        //                 messageType: ''
        //         }
        //         console.log("distroyed")
        // },
        activated() {
            if (this.$route.params.flightData !== undefined) {
                this.preQuery.carrier = this.$route.params.flightData.flightno.substring(0, 2)
                this.preQuery.flightno = this.$route.params.flightData.flightno.substring(2)
                this.carrierAndFlight = this.$route.params.flightData.flightno;
                this.preQuery.flightdate = this.$route.params.flightData.flightdate
                if (this.$route.params.flightData.awba !== undefined && this.$route.params.flightData.awba !== '') {
                    this.preQuery.awba = this.$route.params.flightData.awba.substring(0, 3) + "-" + this.$route.params.flightData.awba.substring(3)
                }
                this.getList()
            }
            this.getCountryList()
            let username = JSON.parse(sessionStorage.getItem('user')).username
            if (username === 'admin') {
                this.isAdmin = true
            }
        },

        // 验证
        computed: {
            awba: {
                get: function () {
                    return this.preModel.awba
                },
                set: function (val) {
                    if (val.length == 3) {
                        val = val + "-"
                    }
                    this.preModel.awba = val.trim()
                }
            },
            awbh: {
                get: function () {
                    return this.preModel.awbh
                },
                set: function (val) {
                    this.preModel.awbh = val.toUpperCase().trim()
                }
            },
            flightno: {
                get: function () {
                    return this.preModel.flightno
                },
                set: function (val) {
                    this.preModel.flightno = val.toUpperCase().trim()
                }
            },
            carrier: {
                get: function () {
                    return this.preModel.carrier
                },
                set: function (val) {
                    this.preModel.carrier = val.toUpperCase().trim()
                }
            },
            originstation: {
                get: function () {
                    return this.preModel.originstation
                },
                set: function (val) {
                    this.preModel.originstation = val.toUpperCase().trim()
                }
            },
            destinationstation: {
                get: function () {
                    return this.preModel.destinationstation
                },
                set: function (val) {
                    this.preModel.destinationstation = val.toUpperCase().trim()
                }
            },

            goodsname: {
                get: function () {
                    return this.preModel.goodsname
                },
                set: function (val) {
                    this.preModel.goodsname = val.toUpperCase()
                }
            },
            specopeid: {
                get: function () {
                    return this.preModel.awbinfo.specopeid
                },
                set: function (val) {
                    this.preModel.awbinfo.specopeid = val.toUpperCase().trim()
                }
            },
            shprname: {
                get: function () {
                    return this.preModel.awbinfo.shprname
                },
                set: function (val) {
                    this.preModel.awbinfo.shprname = val.toUpperCase()
                }
            },
            shpraddress: {
                get: function () {
                    return this.preModel.awbinfo.shpraddress
                },
                set: function (val) {
                    this.preModel.awbinfo.shpraddress = val.toUpperCase()
                }
            },
            shprcountyr: {
                get: function () {
                    return this.preModel.awbinfo.shprcountyr
                },
                set: function (val) {
                    this.preModel.awbinfo.shprcountyr = val.toUpperCase().trim()
                }
            },
            shpaeocode: {
                get: function () {
                    return this.preModel.awbinfo.shpaeocode
                },
                set: function (val) {
                    this.preModel.awbinfo.shpaeocode = val.toUpperCase()
                }
            },
            scityid: {
                get: function () {
                    return this.preModel.awbinfo.scityid
                },
                set: function (val) {
                    this.preModel.awbinfo.scityid = val.toUpperCase().trim()
                }
            },
            ecityid: {
                get: function () {
                    return this.preModel.awbinfo.ecityid
                },
                set: function (val) {
                    this.preModel.awbinfo.ecityid = val.toUpperCase().trim()
                }
            },
            cnsnname: {
                get: function () {
                    return this.preModel.awbinfo.cnsnname
                },
                set: function (val) {
                    this.preModel.awbinfo.cnsnname = val.toUpperCase()
                }
            },
            cnsnaddress: {
                get: function () {
                    return this.preModel.awbinfo.cnsnaddress
                },
                set: function (val) {
                    this.preModel.awbinfo.cnsnaddress = val.toUpperCase()
                }
            },
            cnscountyr: {
                get: function () {
                    return this.preModel.awbinfo.cnscountyr
                },
                set: function (val) {
                    this.preModel.awbinfo.cnscountyr = val.toUpperCase()
                }
            },
            cnsrctcname: {
                get: function () {
                    return this.preModel.awbinfo.cnsrctcname
                },
                set: function (val) {
                    this.preModel.awbinfo.cnsrctcname = val.toUpperCase().trim()
                }
            },
            cnsaeocode: {
                get: function () {
                    return this.preModel.awbinfo.cnsaeocode
                },
                set: function (val) {
                    this.preModel.awbinfo.cnsaeocode = val.toUpperCase().trim()
                }
            },
            by1: {
                get: function () {
                    return util.checkNull(this.preModel.awbinfo.by1)?this.preModel.awbinfo.by1:''
                },
                set: function (val) {
                    this.preModel.awbinfo.by1 = util.checkNull(val)?val.toUpperCase().trim():''
                }
            },
            dest1: {
                get: function () {
                    return this.preModel.awbinfo.dest1
                },
                set: function (val) {
                    this.preModel.awbinfo.dest1 = val.toUpperCase().trim()
                }
            },
            by2: {
                get: function () {
                    return this.preModel.awbinfo.by2
                },
                set: function (val) {
                    this.preModel.awbinfo.by2 = val.toUpperCase().trim()
                }
            },
            dest2: {
                get: function () {
                    return this.preModel.awbinfo.dest2
                },
                set: function (val) {
                    this.preModel.awbinfo.dest2 = val.toUpperCase().trim()
                }
            },
            by3: {
                get: function () {
                    return this.preModel.awbinfo.by3
                },
                set: function (val) {
                    this.preModel.awbinfo.by3 = val.toUpperCase().trim()
                }
            },
            dest3: {
                get: function () {
                    return this.preModel.awbinfo.dest3
                },
                set: function (val) {
                    this.preModel.awbinfo.dest3 = val.toUpperCase().trim()
                }
            },
            flightComNo: {
                get: function () {
                    return this.carrierAndFlight;
                },
                set: function (val) {
                    val = val.toUpperCase();
                    if (util.checkNull(val) && val.length>=2){
                        this.preQuery.carrier= val.substring(0,2);
                        this.preQuery.flightno = val.substring(2)
                    }else {
                        this.preQuery.carrier= ''
                        this.preQuery.flightno = ''
                    }
                    this.carrierAndFlight =  val

                }
            }
        },
        methods: {
            // >>>>>>>>>>>>>>>>获取list集合<<<<<<<<<<<<<<<<<<
            getList() {
                // console.log("11111"+JSON.stringify(this.preQuery));
                this.listLoading = true
                // if (this.preQuery.awba !== undefined && this.preQuery.awba !== '') {
                //     console.log("22222"+JSON.stringify(this.preQuery));
                //     getMt2201ListForParam(this.preQuery).then(res => {
                //         this.preData = res.data.data.list
                //         this.total = res.data.data.total
                //         if (res.data.data.list.length > 0) {
                //             this.preQuery.carrier = this.preData[0].carrier
                //             this.preQuery.flightno = this.preData[0].flightno
                //             this.preQuery.flightdate = this.preData[0].flightdate
                //             this.preQuery.originstation = this.preData[0].originstation
                //             this.preQuery.destinationstation = this.preData[0].destinationstation
                //             this.preQuery.customcode = this.preData[0].customcode
                //         }
                //         setTimeout(() => {
                //             this.listLoading = false
                //         }, 1500)
                //     })
                // } else {
                //     console.log("33333"+JSON.stringify(this.preQuery));
                    getMt2201ListForParam(this.preQuery).then(res => {
                        this.preData = res.data.data.list
                        this.total = res.data.data.total
                        setTimeout(() => {
                            this.listLoading = false
                        }, 1500)
                    })
                // }
            },
            // >>>>>>>>>>>>>>>>重置实体<<<<<<<<<<<<<<<<<<
            restModel() {
                this.preModel = {
                    awba: undefined,
                    awbh: undefined,
                    customcode: undefined,
                    flightno: undefined,
                    carrier: undefined,
                    flightdate: undefined,
                    originstation: undefined,
                    destinationstation: undefined,
                    piece: undefined,
                    weight: undefined,
                    goodsname: undefined,
                    splitcode: undefined,
                    uldType: undefined,
                    uldNo: undefined,
                    status: undefined,
                    ex5: undefined,
                    awbinfo: {
                        pcs: undefined,
                        weight: undefined,
                        specopeid: undefined,
                        scityid: undefined,
                        ecityid: undefined,
                        shprname: undefined,
                        shprmobiletype: undefined,
                        shprtel: undefined,
                        shpraddress: undefined,
                        shprcountyr: undefined,
                        shpcomidpre: undefined,
                        shpaeocode: undefined,
                        shpcomidpno: undefined,
                        shpcitycode: undefined,
                        shpcustomerid: undefined,
                        cnsnname: undefined,
                        cnsrmobiletype: undefined,
                        cnsntel: undefined,
                        cnsnaddress: undefined,
                        cnscountyr: undefined,
                        cnscomidpre: undefined,
                        cnscomidno: undefined,
                        cnsrctcname: undefined,
                        cnsaeocode: undefined,
                        cnsrctctel: undefined,
                        cnscitycode: undefined,
                        cargonm: undefined,
                        sairportid: undefined,
                        dest1city: undefined,
                        by1: undefined,
                        dest1: undefined,
                        by2: undefined,
                        dest2: undefined,
                        by3: undefined,
                        dest3: undefined,
                        eairportid: undefined,
                        csgcustomerid: undefined,
                        paymodel: 'PP',
                    },
                    user: {
                        username : JSON.parse(sessionStorage.getItem('user')).username
                    }
                }
                this.alert_des = ''
                this.alert_type = 'info'
            },
            // >>>>>>>>>>>>>>>>新增主单<<<<<<<<<<<<<<<<<<
            handleAddpreInfo() {
                this.addloading = false;
                this.fenStatus=undefined;
                this.restModel()
                let _this = this;
                getListHzTypeList().then(res => {
                    if (res.data.code == '200') {
                        _this.consignorList = res.data.data.consignorList;
                        _this.operatingAgentList = res.data.data.operatingAgentList;
                        _this.bookingAgentList = res.data.data.bookingAgentList;
                    } else {
                        Message.error("获取货主列表失败")
                    }
                })
                if (this.preQuery.carrier !== undefined){
                    this.preModel.flightno = this.preQuery.carrier+this.preQuery.flightno
                }
                this.preModel.flightdate = this.preQuery.flightdate
                this.preModel.customcode = this.preQuery.customcode
                this.dialogStatus = 'create'
                this.dialogFormVisible = true
                this.userId();
                this.$nextTick(() => {
                    this.$refs.preFormData.clearValidate()
                })
            },
            pieceEcho: function(val){
                this.preModel.awbinfo.pcs = val;
            },
            weightEcho: function(val){
                this.preModel.awbinfo.weight = val;
            },
            createData() {
                this.$refs.preFormData.validate(valid => {
                    if (valid) {
                        addMt2201(this.preModel).then(res => {
                            if (res.data.code == '200') {
                                Message.success("新增成功")
                                this.dialogFormVisible = false
                                this.getList()
                            } else {
                                Message.error(res.data.msg);
                            }
                        })
                    }
                })
            },
            // 远程获取发货人信息
            consignerSelect(){
                this.dialogSelectVisible = true;
                this.listLoading = true;
                let para = {
                    pageSize: this.consignerQuery.pageSize,
                    limitSize: this.consignerQuery.limitSize,
                    companyName: this.consignerQuery.companyName,
                    enterpriseId: loginedUserInfo().companyId
                };
                getList(para).then((res) => {
                    this.consignerQuery.total = res.data.data.total;
                    this.consignerList = res.data.data.list;
                    this.listLoading = false;
                }).catch((error) => {
                    this.listLoading = false;
                    if(null!= error.response && error.response!==undefined){
                        let status= error.response.status;
                        let msg = error.response.statusText;
                        alert(status+msg);
                    }else {
                        alert(error);
                    }

                });
            },
            // 远程获取收货人信息
            consigneeSelect(){
                this.dialogNeeVisible = true;
                this.listLoading = true;
                let para = {
                    pageSize: this.consigneeQuery.pageSize,
                    limitSize: this.consigneeQuery.limitSize,
                    companyName: this.consigneeQuery.companyName,
                    enterpriseId: loginedUserInfo().companyId
                };
                neeList(para).then((res) => {
                    this.consigneeQuery.total = res.data.data.total;
                    this.consigneeList = res.data.data.list;
                    this.listLoading = false;
                }).catch((error) => {
                    this.listLoading = false;
                    if(null!= error.response && error.response!==undefined){
                        let status= error.response.status;
                        let msg = error.response.statusText;
                        alert(status+msg);
                    }else {
                        alert(error);
                    }

                });
            },
            // 发货人信息赋值
            consignerClick(val){
                this.preModel.awbinfo.shprname=val.conName;
                this.preModel.awbinfo.shpraddress=val.conAddress;
                this.preModel.awbinfo.scityid=val.conCity;
                this.preModel.awbinfo.shprtel=val.conPhone;
                this.preModel.awbinfo.shpaeocode=val.conAeo;
                this.preModel.awbinfo.shprcountyr=val.country;
                this.dialogSelectVisible = false;
            },
            // 收货人信息赋值
            consigneeClick(val){
                this.preModel.awbinfo.cnsnname=val.conName;
                this.preModel.awbinfo.cnsnaddress=val.conAddress;
                this.preModel.awbinfo.ecityid=val.conCity;
                this.preModel.awbinfo.cnsntel=val.conPhone;
                this.preModel.awbinfo.cnsaeocode=val.conAeo;
                this.preModel.awbinfo.cnscountyr=val.country;
                this.dialogNeeVisible = false;
            },
            // >>>>>>>>>>>>>>>>搜索<<<<<<<<<<<<<<<<<<
            handleSerach() {
                this.preQuery.originstation = undefined
                // this.preQuery.flightdate = undefined
                this.preQuery.destinationstation = undefined
                this.getList()
            },
            // >>>>>>>>>>>>>>>>收发明细<<<<<<<<<<<<<<<<<<
            handleSend(row) {
                const resQuery = {
                    carrier: row.carrier,
                    flightno: row.flightno,
                    flightdate: row.flightdate,
                    orpertype: row.orpertype,
                    awba: row.awba,
                    awbh: row.awbh,
                    messageType: 'MT2201'
                }
                this.dialogTableVisible = true
                getResponseForParam(resQuery).then(res => {
                    this.detailData = res.data
                })
            },
            // >>>>>>>>>>>>>>>>多选<<<<<<<<<<<<<<<<<<
            handleSelectionChange(val) {
                this.batchChooseSelection = val;
                this.batchChooseFlag = true;
                if (this.batchChooseSelection.length == 0){
                    this.batchChooseFlag = false;
                }
            },
            // >>>>>>>>>>>>>>>>发送舱单报<<<<<<<<<<<<<<<<<<
            handleAwbSend(id) {
                let checkArr = "";
                let ids = [];
                if (id !== undefined && id !== ""){
                    ids.push(id);
                }else {
                    checkArr = this.batchChooseSelection;
                    checkArr.forEach(function (item) {
                        ids.push(item.uuid);
                    })

                }
                this.$confirm("是否发送", "确认消息", {
                    distinguishCancelAndClose: true,
                    confirmButtonText: '发送',
                    cancelButtonText: '取消'
                }).then(() => {
                    const form = new FormData()
                    form.append("username", loginedUserInfo().username);
                    form.append("ids", ids);
                    sendCreateMt2201(form).then(res => {
                        if (res.data.code == "200") {
                            Message.success(res.data.msg)
                            this.rows.status="23";
                            this.rows.ext5="新增报发送成功";
                        } else {
                            Message.error(res.data.msg)
                        }
                    })
                })

            },
            // 发送舱单报 按钮自灰
            addStatus(status){
                if(status=='23' || status=='24'||status=='25'){
                    return true;
                }else if(status=='22' ) {
                    return false;
                }
            },
            // >>>>>>>>>>>>>>>>更新运单数据<<<<<<<<<<<<<<<<<<
            handleEdit(row) {
                this.dialogStatus = undefined;
                this.fenStatus = undefined;
                this.preModel = Object.assign({}, row)
                this.userId();
                this.preModel.flightno = row.carrier+row.flightno;
                this.dialogStatus = 'update'
                if (row.awbh !== undefined && row.awbh !== ""){
                    this.fenStatus = 'addAwbh'
                }

                this.dialogFormVisible = true
                this.$nextTick(() => {
                    this.$refs.preFormData.clearValidate()
                })
            },
            updateData() {
                let _this = this;
                this.$refs.preFormData.validate(valid => {
                    if (valid) {
                        delete this.preModel.parent
                        delete this.preModel.children
                        _this.preModel.user= {
                            username : loginedUserInfo().username
                        }

                        updateMT2201(_this.preModel).then(res => {
                            if (res.data.code == "200") {
                                Message.success(res.data.msg)
                                _this.dialogFormVisible = false
                                _this.getList()
                            } else if (res.data.code == "201"){
                                _this.preModel.flightno=_this.preModel.carrier+_this.preModel.flightno
                                Message.error(res.data.msg);
                            }else if (res.data.code == "202"){
                                _this.preModel.flightno=_this.preModel.carrier+_this.preModel.flightno
                                Message.error(res.data.msg)
                            }else if (res.data.code == "203"){
                                _this.preModel.flightno=_this.preModel.carrier+_this.preModel.flightno
                                Message.error(res.data.msg)
                            }
                        })
                    }
                })
            },
            // >>>>>>>>>>>>>>>>发送修改报<<<<<<<<<<<<<<<<<<
            handleAwbEdit(id) {
                this.batchModel();
                this.restModel.uuid = id;
                this.sendStatus = 'edit';
                this.dialogDeleteVisble = true;
                this.$nextTick(()=>{
                    this.$refs.sendDeleteForm.clearValidate()
                })
            },
            // 发送修改报自灰
            editStatus(status){
                if(status=='23' || status=='24'||status=='25'){
                    return true;
                }else if(status=='25' ) {
                    return false;
                }
            },
            sendUpdate(){
                this.$refs.sendDeleteForm.validate(valid =>{
                    if(valid){
                        let checkArr = "";
                        let ids = [];
                        if (this.restModel.uuid !== undefined && this.restModel.uuid !== ""){
                            ids.push(this.restModel.uuid);
                        }else {
                            checkArr = this.batchChooseSelection;
                            checkArr.forEach(function (item) {
                                ids.push(item.uuid);
                            })
                        }
                        const form = new FormData()
                        form.append("username", loginedUserInfo().username);
                        form.append("ids", ids);
                        form.append("reason", this.respModel.reason);
                        form.append("contactName", this.respModel.contactName);
                        form.append("contactTel", this.respModel.contactTel);
                        sendUpdateMt2201(form).then(res =>{
                            if(res.data.code =="200"){
                                Message.success(res.data.msg)
                                this.rows.status="25";
                                this.rows.ext5="修改报发送成功";
                                this.dialogDeleteVisble = false
                            }else {
                                Message.error(res.data.msg)
                            }
                        })
                    }
                })
            },

            // >>>>>>>>>>>>>>>>发送删除报<<<<<<<<<<<<<<<<<<
            handleSendDelete(id) {
                this.batchModel();
                this.restModel.uuid = id;
                this.sendStatus = "remove";
                this.dialogDeleteVisble = true;
                this.$nextTick(()=>{
                    this.$refs.sendDeleteForm.clearValidate()
                })
            },
            // 发送删除报按钮自灰
            deleteStatus(status){
                if(status=='23' || status=='24'||status=='25'){
                    return true;
                }else if(status=='24' ) {
                    return false;
                }
            },
            sendDelete() {
                this.$refs.sendDeleteForm.validate(valid =>{
                    if(valid){
                        let checkArr = "";
                        let ids = [];
                        if (this.restModel.uuid !== undefined && this.restModel.uuid !== ""){
                            ids.push(this.restModel.uuid);
                        }else {
                            checkArr = this.batchChooseSelection;
                            checkArr.forEach(function (item) {
                                ids.push(item.uuid);
                            })
                        }
                        const form = new FormData()
                        form.append("username", loginedUserInfo().username);
                        form.append("ids", ids);
                        form.append("reason", this.respModel.reason);
                        form.append("contactName", this.respModel.contactName);
                        form.append("contactTel", this.respModel.contactTel);
                        form.append("content", this.respModel.content);
                        sendDeleteMt2201(form).then(res => {
                            if(res.data.code=="200"){
                                Message.success(res.data.msg)
                                this.rows.status="24";
                                this.rows.ext5="删除报发送成功";
                                this.dialogDeleteVisble = false
                            }else {
                                Message.error(res.data.msg)
                            }
                        })
                    }
                })
            },
            //>>>>>>>>>>>>>>>>删除运单<<<<<<<<<<<<<<<<<<
            handleAwbDelete(row) {
                delete row.parent
                delete row.children
                this.$confirm("是否删除", "确认消息", {
                    distinguishCancelAndClose: true,
                    confirmButtonText: '删除',
                    cancelButtonText: '取消'
                }).then(() => {
                    deleteByIsDelete(row).then(res => {
                        if (res.data.count > 0) {
                            this.$message({
                                type: 'success',
                                message: '删除成功'
                            })
                            this.getList()
                        } else {
                            this.$message({
                                type: 'danger',
                                message: '删除异常，请稍后重试'
                            })
                        }
                    })
                }).catch(action => {
                    this.$message({
                        type: 'info',
                        message: action === 'cancel'
                            ? '取消删除'
                            : '删除取消'
                    })
                })
            },
            // >>>>>>>>>>>>>>>>更改运单状态<<<<<<<<<<<<<<<<<<
            handleAwbStatus(row) {
                this.$confirm("是否发送更改状态", "确认消息", {
                    distinguishCancelAndClose: true,
                    confirmButtonText: '确认更改',
                    cancelButtonText: '取消更改'
                }).then(() => {
                    if (row.status!==22){
                        row.status =22;
                    }
                    // updateStatus(row).then(res => {
                    //     if (res.data.count > 0) {
                    //         this.$message({
                    //             type: 'success',
                    //             message: '当前运单状态已更改'
                    //         })
                    //         this.getList()
                    //     } else {
                    //         this.$message({
                    //             type: 'error',
                    //             message: '状态更改失败，请稍后重试'
                    //         })
                    //     }
                    // })

                }).catch(action => {
                    this.$message({
                        type: 'info',
                        message: action === 'cancel'
                            ? '取消状态更改'
                            : '状态更改取消'
                    })
                })
            },
            // >>>>>>>>>>>>>>>>新增分单<<<<<<<<<<<<<<<<<<
            handleAddAwbh(row) {
                this.restModel()
                const template = Object.assign({}, row) // copy obj
                this.preModel.uuid = template.uuid
                this.preModel.awba = template.awba
                this.preModel.flightdate = template.flightdate
                this.preModel.flightno = template.carrier+template.flightno
                this.preModel.destinationstation = template.destinationstation
                this.preModel.customcode = template.customcode
                this.preModel.awbinfo.shprcountyr = template.awbinfo.shprcountyr
                this.preModel.originstation = template.originstation
                this.preModel.awbinfo.paymodel = template.awbinfo.paymodel
                this.preModel.awbinfo.sairportid = template.awbinfo.sairportid
                this.preModel.awbinfo.eairportid = template.awbinfo.eairportid
                this.preModel.awbinfo.ex5 = template.awbinfo.ex5
                this.preQuery.awba = template.awba
                this.preQuery.flightdate = template.flightdate
                this.preQuery.flightno = template.flightno
                this.preQuery.originstation = template.originstation
                this.preQuery.destinationstation = template.destinationstation
                this.preQuery.customcode = template.customcode
                this.preQuery.carrier = template.carrier
                // getMt2201ListForParam(this.preQuery).then(res => {
                //     this.awbPiece = 0
                //     this.awbWeight = 0
                //     let residuePiece = 0
                //     let residueWeight = 0
                //     const childrenList = res.data.dataList[0].children
                //
                //     if (childrenList.length < 1) {
                //         this.awbPiece = res.data.dataList[0].piece
                //         this.awbWeight = res.data.dataList[0].weight
                //     } else {
                //         for (var i = 0; i < childrenList.length; i++) {
                //             residuePiece += childrenList[i].piece
                //             residueWeight += childrenList[i].weight
                //         }
                //         this.awbPiece = res.data.dataList[0].piece - residuePiece
                //         this.awbWeight = res.data.dataList[0].weight - residueWeight
                //     }
                // })
                this.dialogStatus = 'create'
                this.fenStatus = 'addAwbh'
                this.dialogFormVisible = true
                this.$nextTick(() => {
                    this.$refs.preFormData.clearValidate()
                })
            },
            //获取国家列表
            getCountryList() {
                getCountry().then(res => {
                    this.countryList = res.data.dataList
                })
            },
            remoteMethod(query) {
                if (query !== '') {
                    this.listLoading = true
                    setTimeout(() => {
                        this.listLoading = false
                        this.countryOption = this.countryResultList.filter(item => {
                            return item.value.toUpperCase().trim()
                                .indexOf(query.toUpperCase()) > -1
                        })
                    }, 200)
                } else {
                    this.countryOption = []
                }
            },
            remoteMethodAirport(query){
                this.airportCode = []
                if (query !== '') {
                    this.airportLoading = true
                    getAirportCode({airportid: query}).then(res => {
                        if(res !== null){
                            setTimeout(() => {
                                this.airportLoading = false
                                this.airportCode = res.data.data
                            }, 200)
                        }
                    })
                } else {
                    this.airportCode = []
                }
            },

            remoteMethodCustomCode(query){
                this.customCodeList = []
                if (query !== '') {
                    this.customLoading = true
                    getCustomCode({customcode: query}).then(res => {
                        if(res !== null){
                            setTimeout(() => {
                                this.customLoading = false
                                this.customCodeList = res.data.data
                            }, 200)
                        }
                    })
                } else {
                    this.airportCode = []
                }
            },

            handleAddpre() {
                const row = {
                    'messageType': 'MT2201'
                }
                this.$router.push({name: "出港航班信息", params: {scopeRow: row}})
            },

            handelBackStep() {
                this.preQuery.messageType = 'MT2201'
                this.$router.push({name: '出港航班信息', params: {scopeRow: this.preQuery}})
            },
            // 导入excel
            fileExceed(){
                this.$message.error('别贪心！一次只能上传一个哦~');
            },
            // 自定义上传
            uploadFile (item) {
                const form = new FormData()
                form.append('file', item.file)
                form.append('userId', loginedUserInfo().userId);
                form.append('enterpriseId', loginedUserInfo().companyId);
                form.append("username", loginedUserInfo().username);
                uploadFileExcel(form).then(res =>{
                    if(res.data.code =='200'){
                        Message.success(res.data.msg)
                        this.getList();
                    }else {
                        Message.error(res.data.msg)
                    }
                })
            },
            //模板下载
            download () {
                window.location.href = 'http://localhost:12021/static/excel导入模板.xls'
            },
            // 用户id 企业id 赋值
            userId(){
                this.preModel.userId = loginedUserInfo().userId;
                this.preModel.enterpriseId = loginedUserInfo().companyId;
            },

            // 远程查询运输工具申报是否成功
            transportQuery(){
                let _this = this
                if (this.preModel.flightno != undefined && this.preModel.flightno != ''
                    && this.preModel.flightdate != undefined && this.preModel.flightdate != ''){
                    const params = {
                        flightNo: this.preModel.flightno,
                        flightDate: this.preModel.flightdate
                    }
                    selectPredictionInterface(params).then(res =>{
                        if(res.data.data != undefined && res.data.data != ""){
                            let ysgj_data = res.data.data[0]
                            let ysgj_status = ysgj_data.status
                            if (ysgj_status === '02'){
                                _this.alert_type = 'success'
                            }else{
                                _this.alert_type = 'warning'
                            }
                            _this.alert_des = ysgj_data.statusMsg
                        }else {
                            _this.alert_des = "此航班的运输工具申报未做预报动态申报."
                            _this.alert_type = 'error'
                        }
                    })
                }
            },

            // 批量实体充值
            batchModel(){
                this.respModel = {
                    uuid: undefined,
                    reason: undefined,
                    contactName: undefined,
                    contactTel: undefined,
                    content: '',
                }
            }
        }
    }

</script>
<style>
    .grid-content {
        height: 36px;
        line-height: 36px;
    }

    .content {
        border-left: 4px #409EFF solid;
        padding-left: 10px;
        background-color: #f9fafc;
        margin-bottom: 2px
    }

    .row-bg, .co {
        background-color: white;
    }

    .titlespan {
        font-weight: bold;
        margin-right: 35px;
    }

    .el-row {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .btnFoot {
        margin-top: 10px;
    }

    .el-btn {
        margin-left: 10px;
        display: inline-block;
    }

    .el-dialog-div {
        height: 60vh;
        overflow: auto;
    }

    .tableInline {
        line-height: 8px;
    }
    .el-dialog-div{
        height: 60vh;
        overflow: auto;
    }

    .el-dialog-div .flight-info .select-lable{
        line-height: 27px;
        float:left;
        width:98px;
        font-size:12px;
        text-align: center;
    }

    .el-dialog-div .flight-info .select-lable{
        line-height: 27px;
        float:left;
        width:98px;
        font-size:12px;
        text-align: center;
    }

    .el-dialog-div .flight-info .el-select--mini{
        width: calc(100% - 100px)!important;
    }

    .el-dialog-div .flight-info .el-select--mini .el-input__inner,.el-dialog-div .flight-info .el-date-editor .el-input__inner{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .bpp .el-input__inner {
        background-color: #fff;
        border: 0px;
    }
    .sun{
        position: absolute;
        top: 5px;
        left: 0px;
    }
    .suns{
        position: absolute;
        top: 5px;
        left: 0px;
    }
</style>