<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="1">
                            <div class="grid-content"></div>
                        </el-col>
                        <el-col :span="20">
                            <div class="grid-content">
                                <span class="titleSpan">航班号：{{this.tidyQuery.carrier}}{{this.tidyQuery.flightno}}</span>
                                <span class="titleSpan">航班日期：{{this.tidyQuery.flightdate}}</span>
                                <span class="titleSpan">航段：{{this.tidyQuery.originstation}}-{{this.tidyQuery.destinationstation}}</span>
                            </div>
                        </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="22">
                            <div class="grid-content">
                                <el-col :span="4">
                                    <div class="grid-content">
                                        <el-input v-model="tidyQuery.awba" placeholder="请输入主单号" clearable>
                                            <template slot="prepend">主单号</template>
                                        </el-input>
                                    </div>
                                </el-col>
                                <div class="grid-content el-btn">
                                    <el-button type="primary" icon="el-icon-search" size="mini" @click="handleSerach">查&emsp;&emsp;询</el-button>
                                    <el-button v-if="tidyQuery.flightno === undefined && tidyData.length <1"
                                               type="success" size="mini" icon="el-icon-plus"
                                               @click="handleAddTidy">新增理货
                                    </el-button>
                                </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 v-loading="listLoading" :data="tidyData" stripe
                  highlight-current-row
                  default-expand-all
                  row-key="uuid"
                  border
                  :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
                    style="font-size: 12px"  @selection-change="handleSelectionChange">
            <el-table-column type="selection" width="55">
            </el-table-column>
            <el-table-column label="运单号" width="150" 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="100" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.piece}}</span>
                </template>
            </el-table-column>
            <el-table-column label="理货重量" width="100" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.weight}}</span>
                </template>
            </el-table-column>
            <el-table-column label="装载开始时间" width="160" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.starttime}}</span>
                </template>
            </el-table-column>
            <el-table-column label="装载结束时间" width="160" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.endtime}}</span>
                </template>
            </el-table-column>
            <el-table-column label="状态" width="200" 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 label="回执信息" show-overflow-tooltip width="300" 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 prop="operation" label="操作" width="400px" align="center">
                <template slot-scope="scope">
                    <el-row type="flex" justify="space-between">
                        <el-button size="mini" icon="el-icon-view" @click="handleSend(scope.row)">收发明细</el-button>
                        <el-button size="mini" type="success" icon="el-icon-plus" v-if="scope.row.awbh ===''"
                                   @click="handleAddAwbh(scope.row)">新增分单</el-button>
                        <el-button size="mini" 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 size="mini" icon="el-icon-plus" type="primary" @click="handleAwbSend(scope.row)"
                                   :disabled="addStatus(scope.row.status)">理货申报</el-button>
                        <el-button size="mini" type="warning" icon="el-icon-edit" @click="handleAwbStatus(scope.row)"
                                   :disabled="scope.row.status ==='22'">更改状态</el-button>

                        <el-button size="mini" type="danger" icon="el-icon-delete" @click="handleSendDelete(scope.row)"
                                   :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" size="mini" v-if="tidyQuery.flightno !== undefined || tidyData.length> 0"
                           @click="handelAddTidyInfo">新增理货
                </el-button>
                <el-button type="primary" icon="el-icon-back" size="mini" v-if="tidyQuery.flightno !== undefined || tidyData.length> 0"
                           @click="handelBackStep">返&emsp;&emsp;回
                </el-button>
            </el-row>
        </div>
        <pagination v-show="total>0" :total="total" :page.sync="tidyQuery.pageSize" :limit.sync="tidyQuery.limitSize"
                    @pagination="getList"/>
        <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible" style="width: 110%">
            <el-form ref="tidyFormData" :model="tidyModel" :rules="tidyRoles" label-position="right"
                     label-width="120px">
                <el-row>
                    <div class="grid-content content">
                        <span>航班信息</span>
                    </div>
                </el-row>

                <el-row>
                    <el-col :span="7.5">
                        <el-form-item label="主单号" prop="awba">
                            <el-input v-model="tidyModel.awba" :disabled="dialogStatus === 'update'"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5">
                        <el-form-item label="分单号" prop="awbh" v-if="fenStatus === 'addAwbh'">
                            <el-input v-model="awbh" clearable></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
<!--                    <el-col :span="7.5">-->
<!--                        <el-form-item label="承运人" prop="carrier">-->
<!--                            <el-input v-model="carrier" :disabled="dialogStatus === 'update'"></el-input>-->
<!--                        </el-form-item>-->
<!--                    </el-col>-->
                    <el-col :span="7.5">
                        <el-form-item label="航班号" prop="flightno">
                            <el-input v-model="flightno" :disabled="dialogStatus === 'update'"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5">
                        <el-form-item label="航班日期" prop="flightdate">
                            <el-date-picker v-model="tidyModel.flightdate" value-format="yyyy-MM-dd" type="date"
                                            placeholder="请输入" :disabled="dialogStatus === 'update'"></el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="7.5">
                        <el-form-item label="起始站" prop="originstation">

                            <el-select filterable clearable placeholder="请选择起始站" :remote-method="remoteMethodAirport"
                                       allow-create v-model="originstation" remote>
                                <el-option v-for="item in airportCode"
                                           :key="item.airportid" :label="item.airportid"
                                           :value="item.airportid" :disabled="dialogStatus === 'update'">
                                    <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="7.5">
                        <el-form-item label="目的站" prop="destinationstation">
                            <el-select filterable clearable placeholder="请选择起始站" :remote-method="remoteMethodAirport"
                                       allow-create v-model="destinationstation" remote>
                                <el-option v-for="item in airportCode"
                                           :key="item.airportid" :label="item.airportid"
                                           :value="item.airportid" :disabled="dialogStatus === 'update'">
                                    <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>
                <div class="grid-content content">
                    <span>货物信息</span>
                </div>

                <el-row>
                    <el-col :span="7.5">
                        <el-form-item label="运单件数" prop="awbprice">
                            <el-input v-model="tidyModel.awbprice"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5">
                        <el-form-item label="运单重量" prop="awbweight">
                            <el-input v-model="tidyModel.awbweight"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5">
                        <el-col :span="7.5">
                            <el-form-item label="装载开始时间" prop="starttime">
                                <el-date-picker v-model="tidyModel.starttime" value-format="yyyy-MM-dd HH:mm:ss"
                                                type="datetime"
                                                placeholder="请输入"></el-date-picker>
                            </el-form-item>
                        </el-col>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="7.5">
                        <el-form-item label="理货件数" prop="piece">
                            <el-input v-model="tidyModel.piece"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5">
                        <el-form-item label="理货重量" prop="weight">
                            <el-input v-model="tidyModel.weight"></el-input>
                        </el-form-item>
                    </el-col>
<!--                    <el-col :span="7.5">-->
<!--                        <el-form-item label="装载结束时间" prop="endtime">-->
<!--                            <el-date-picker v-model="tidyModel.endtime" value-format="yyyy-MM-dd HH:mm:ss"-->
<!--                                            type="datetime"-->
<!--                                            placeholder="请输入"></el-date-picker>-->
<!--                        </el-form-item>-->
<!--                    </el-col>-->
                </el-row>
                <el-row>
                    <el-col :span="7.5">
                        <el-form-item label="货物描述" prop="goodsname">
                            <el-input v-model="goodsname" placeholder="请输入"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5">
                        <el-form-item label="海关关区" prop="customcode">
                            <el-select v-model="tidyModel.customcode"  placeholder="请选择关区代码"
                                       allow-create
                                       default-first-option
                                       filterable clearable remote :remote-method="remoteMethodCustomCode" :loading="customLoading"
                            >
                                <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-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false">取消</el-button>
                <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">保存</el-button>
            </div>
        </el-dialog>
        <el-dialog title="收发明细" :visible.sync="dialogTableVisible">
            <el-table :data="detailData" border>
                <el-table-column label="操作时间" width="180">
                    <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="删除原因" :visible.sync="dialogDeleteVisible" width="30%">
            <el-form ref="tidyDeleteForm" :model="respModel" :rules="tidyDeleteRules"
                     label-width="120px" style="margin-right: 50px">
                <el-form-item label="删除原因" prop="reason">
                    <el-input v-model="respModel.reason" placeholder="删除原因"></el-input>
                </el-form-item>
                <el-form-item label="删除操作人" prop="contactName">
                    <el-input v-model="respModel.contactName" placeholder="操作人姓名"></el-input>
                </el-form-item>
                <el-form-item label="操作人Tel" prop="contactTel">
                    <el-input v-model="respModel.contactTel" placeholder="删除操作人联系方式"></el-input>
                </el-form-item>
                <el-form-item label="备注">
                    <el-input v-model="respModel.content" type="textarea"></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogDeleteVisible = false">取消</el-button>
                <el-button type="primary" @click="sendTidyDelete()">发送</el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
    import treeTable from '@/components/TreeTable'
    import treeToArray from '@/utils/customEval'
    import Pagination from '@/components/Pagination'

    import {
        getMt520XListForParam, deleteByIsDelete,
        updateStatus, updateMt520X, addMt520X,
        sendCreateMt5202,sendRemoveMt5202 } from '@/api/exitTidy'
    import {Message} from "element-ui";
    import {getResponseForParam} from '@/api/responseDetail'
    import {validAwb, validAlphabets, validAlphabetsAndNum, validAlphabetsAndSpanceKey,validatorNum} from "@/utils/validate"
    import {getCustomCode,getAirportCode} from "@/api/country";
    import util from "@/common/js/util.js";
    import {loginedUserInfo} from "../../api/user";

    export default {
        name: "ExitTidy",
        components: {treeTable, Pagination},
        inject: ['reload'],
        data() {
            const validatorAwb = (rule, value, callback) => {
                if (!validAwb(value)) {
                    callback("请正确书写主单号")
                }
                callback()
            }
            const validatorAwbh = (rule, value, callback) => {
                if (value !=='' && value !== undefined && !validAlphabetsAndNum(value)) {
                    callback("只能输入字母和数字")
                }else{
                    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,
                dialogMap: {
                    update: '编辑出港理货',
                    create: '添加出港理货',
                    addAwbh: '添加分单理货'
                },
                customCodeList: [],
                airportCode:[],
                tidyQuery: {
                    pageSize: 1,
                    limitSize: 10,
                    awba: undefined,
                    carrier: undefined,
                    flightno: undefined,
                    flightdate: undefined,
                    originstation: undefined,
                    destinationstation: undefined,
                    customcode: undefined,
                    rcfdep: "5202"
                },
                tidyRoles: {
                    awba: [{required: true, message: "主单号不能为空"},{ trigger: 'blur', validator: validatorAwb}],
                    awbh: [{trigger: 'blur', validator: validatorAwbh}],
                    goodsname: [{required: true, message: "货物描述不能为空"},{ trigger: 'blur', validator: validAlphabetsSpanceKey}],
                    carrier: [{required: true, message:"承运人不能为空"},{trigger: 'blur', validator: validatorAwbh}],
                    flightno: [{required: true, message:"航班号不能为空"}, { trigger: 'blur', validator: validatorAwbh}],
                    flightdate: [{required: true, trigger:'blur', message:"请选择航班日期"}],
                    originstation: [{required: true, message:"起始站不能为空"}, {trigger: 'blur', validator: validatorAlphabets}],
                    destinationstation: [{required: true, message:"目的站不能为空"}, { trigger: 'blur', validator: validatorAlphabets}],
                    weight: [{required: true, message:"重量不能为空"}, { trigger: 'change', validator: validatorNums}],
                    piece: [{required: true, message:"件数不能为空"}, { trigger: 'change', validator: validatorNums}],
                    customcode: [{required: true, message:"关区不能为空",trigger:'change'}],
                    starttime: [{required: true, message:"关区不能为空",trigger:'change'}],

                },
                tidyData: [],
                detailData: [],
                dialogTableVisible: false,
                dialogDeleteVisible: false,
                dialogStatus: undefined,
                disabledStatus: false,
                fenStatus: undefined,
                listLoading: false,
                customLoading:false,
                dialogFormVisible: false,
                tidyModel: {
                    carrier: undefined,
                    flightno: undefined,
                    flightdate: undefined,
                    originstation: undefined,
                    destinationstation: undefined,
                    awba: undefined,
                    awbh: undefined,
                    piece: undefined,
                    weight: undefined,
                    goodsname: undefined,
                    customcode: undefined,
                    specialgoods: undefined,
                    starttime: undefined,
                    endtime: undefined,
                    awbpiece: undefined,
                    awbweight: undefined,
                    rcfdep: 'MT5202',
                    userinfo: {
                        username : loginedUserInfo().username
                    }
                },
                respModel : {
                    uuid: undefined,
                    reason: undefined,
                    contactName: undefined,
                    contactTel: undefined,
                    content: '',
                    flightNo: undefined,
                    awba: undefined,
                    customCode: undefined,
                    flightDate: undefined,
                    awbh: undefined,
                    rcfdep: 'MT5202',
                },
                tidyDeleteRules: {
                    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);
                                }
                            }}
                    ],
                },

                rows:{},
            }
        },
        activated() {
            if (this.$route.params.flightData !== undefined) {
                this.tidyQuery.carrier = this.$route.params.flightData.flightno.substring(0, 2)
                this.tidyQuery.flightno = this.$route.params.flightData.flightno.substring(2)
                this.tidyQuery.flightdate = this.$route.params.flightData.flightdate
                this.tidyQuery.originstation = this.$route.params.flightData.originstation
                this.tidyQuery.destinationstation = this.$route.params.flightData.destinationstation
                if (this.$route.params.flightData.awba !== undefined && this.$route.params.flightData.awba !== '') {
                    this.tidyQuery.awba = this.$route.params.flightData.awba.substring(0, 3) + "-" + this.$route.params.flightData.awba.substring(3)
                }
                this.getList()
            }else {
                this.tidyQuery = {
                    pageSize: 1,
                    limitSize: 10,
                    awba: undefined,
                    rcfdep: "MT5202"
                }
            }
            let username = loginedUserInfo().username
            if(username === 'admin'){
                this.isAdmin = true
            }
        },
        watch: {
            'tidyModel.endtime': function (newValue, oldValue) {
                let startData = new Date(this.tidyModel.starttime)
                let endDate = new Date(newValue)
                if (startData.getTime() > endDate.getTime()) {
                    this.tidyModel.endtime = undefined
                    Message.error("理货结束时间不得早于开始时间")
                }
            },
            'tidyModel.starttime': function (newValue, oldValue) {
                let startData = new Date(newValue)
                let endDate = new Date(this.tidyModel.endtime)
                if (startData.getTime() > endDate.getTime()) {
                    this.tidyModel.starttime = undefined
                    Message.error("理货开始时间不得晚于结束时间")
                }
            }
        },
        computed: {
            awbh: {
                get: function () {
                    return this.tidyModel.awbh
                },
                set: function (val) {
                    this.tidyModel.awbh = val.toUpperCase().trim()
                }
            },
            goodsname: {
                get: function () {
                    return this.tidyModel.goodsname
                },
                set: function (val) {
                    this.tidyModel.goodsname = val.toUpperCase()
                }
            },
            carrier: {
                get: function () {
                    return this.tidyModel.carrier
                },
                set: function (val) {
                    this.tidyModel.carrier = val.toUpperCase().trim()
                }
            },
            flightno: {
                get: function () {
                    return this.tidyModel.flightno
                },
                set: function (val) {
                    this.tidyModel.flightno = val.toUpperCase().trim()
                }
            },
            originstation: {
                get: function () {
                    return this.tidyModel.originstation
                },
                set: function (val) {
                    this.tidyModel.originstation = val.toUpperCase().trim()
                }
            },
            destinationstation: {
                get: function () {
                    return this.tidyModel.destinationstation
                },
                set: function (val) {
                    this.tidyModel.destinationstation = val.toUpperCase().trim()
                }
            },
        },
        methods: {
            // 查询出港理货列表
            getList() {
                this.listLoading = true
                //根据是否有主单号 来给查询条件赋值
                if (this.tidyQuery.awba !== undefined && this.tidyQuery.awba !== '') {
                    getMt520XListForParam(this.tidyQuery).then(res => {
                        this.tidyData = res.data.data.list;
                        this.total = res.data.data.total
                        if (res.data.data.list.length > 0) {
                            this.tidyQuery.carrier = this.tidyData[0].carrier
                            this.tidyQuery.flightno = this.tidyData[0].flightno
                            this.tidyQuery.flightdate = this.tidyData[0].flightdate
                            this.tidyQuery.originstation = this.tidyData[0].originstation
                            this.tidyQuery.destinationstation = this.tidyData[0].destinationstation
                            this.tidyQuery.customcode = this.tidyData[0].customcode
                        }
                        setTimeout(() => {
                            this.listLoading = false
                        }, 1500)
                    })
                } else {
                    getMt520XListForParam(this.tidyQuery).then(res => {
                        this.tidyData = res.data.data.list;
                        this.total = res.data.data.total;
                        setTimeout(() => {
                            this.listLoading = false
                        }, 1500)
                    })
                }

            },
            // 多选
            handleSelectionChange() {

            },
            // 搜索
            handleSerach() {
                // this.tidyQuery.carrier = undefined
                // this.tidyQuery.flightno = undefined
                // this.tidyQuery.originstation = undefined
                // this.tidyQuery.flightdate = undefined
                // this.tidyQuery.destinationstation = undefined
                this.getList()
            },
            // 收发明细
            handleSend(row) {
                const resQuery = {
                    carrier: row.carrier,
                    flightNo: row.flightno,
                    flightDate: row.flightdate,
                    opertype: row.opertype,
                    awba: row.awba,
                    awbh: row.awbh,
                    rcfdep: 'MT5202'
                }
                this.dialogTableVisible = true
                getResponseForParam(resQuery).then(res => {
                    this.detailData = res.data
                })
            },
            //发送舱单报
            handleAwbSend(row) {
                delete row.children
                delete row.parent
                this.rows = row;
                this.$confirm("是否发送", "确认消息", {
                    distinguishCancelAndClose: true,
                    confirmButtonText: '发送',
                    cancelButtonText: '取消'
                }).then(() => {
                    row.userinfo = {
                        username : loginedUserInfo().username
                    }
                    sendCreateMt5202(row).then(res => {
                        if (res.data.count > 0) {
                            Message.success(res.data.respMessage)
                            // this.getList()
                            this.rows.status="23";
                            this.rows.ext5="新增报发送成功";
                        }else {
                            Message.error(res.data.respMessage)
                        }
                    })
                }).catch(error =>{
                    Message.error(error.message)
                })
            },
            // 发送舱单报自灰
            addStatus(status){
                if(status=='23' || status=='24'||status=='25'){
                    return true;
                }else if(status=='22' ) {
                    return false;
                }
            },
            //新增分单理货
            handleAddAwbh(row) {

                this.fenStatus='addAwbh'
                // 清空from列表
                this.restModel();

                this.tidyModel.awba = row.awba
                this.tidyModel.flightdate = row.flightdate
                this.tidyModel.flightno = row.carrier + row.flightno
                this.tidyModel.originstation = row.originstation
                this.tidyModel.destinationstation = row.destinationstation
                this.tidyModel.customcode = row.customcode
                // this.dialogStatus = 'addAwbh'
                this.dialogStatus = 'create'
                this.dialogFormVisible = true
                this.$nextTick(() => {
                    this.$refs.tidyFormData.clearValidate()
                })
            },
            // 发删除报
            handleSendDelete(row){

                this.rows = row;

                this.respModel = {
                    carrier: undefined,
                    reason: undefined,
                    contactName: undefined,
                    contactTel: undefined,
                    content: '',
                    flightNo: undefined,
                    awba: undefined,
                    customCode: undefined,
                    flightDate: undefined,
                    awbh: undefined,
                    rcfdep: 'MT5202',
                    username: loginedUserInfo().username
                }
                this.dialogDeleteVisible = true
                this.respModel.carrier = row.carrier
                this.respModel.flightNo = row.flightno
                this.respModel.awba = row.awba
                this.respModel.customCode = row.customcode
                this.respModel.flightDate = row.flightdate
                if(row.awbh === null){
                    this.respModel.awbh = ''
                }else {
                    this.respModel.awbh = row.awbh
                }
                this.$nextTick(() => {
                    this.$refs.tidyDeleteForm.clearValidate()
                })
            },
            // 删除舱单报自灰
            deleteStatus(status){
                if(status=='23' || status=='24'||status=='25'){
                    return true;
                }else if(status=='22' ) {
                    return false;
                }
            },
            // 发送删除报
            sendTidyDelete(){
                this.$refs.tidyDeleteForm.validate(valid =>{
                    if(valid){
                        sendRemoveMt5202(this.respModel).then(res =>{
                            if(res.data.count >0){
                                Message.success(res.data.respMessage)
                                this.dialogDeleteVisible = false
                                this.rows.status="24";
                                this.rows.ext5="删除报发送成功";
                            }else {
                                Message.error(res.data.respMessage)
                            }
                        })
                    }
                })
            },
            // 删除当前运单
            handleAwbDelete(row) {
                delete row.parent
                delete row.children
                this.$confirm("是否删除", "确认消息", {
                    distinguishCancelAndClose: true,
                    confirmButtonText: '删除',
                    cancelButtonText: '取消'
                }).then(() => {
                    row.userinfo = {
                        username : loginedUserInfo().username
                    }
                    deleteByIsDelete(row).then(res => {
                        if (res.data.code == "200") {
                            Message.success(res.data.msg)
                            this.getList()
                        } else {
                            Message.success(res.data.msg)
                        }
                    })
                }).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) {
                    //         Message.success(res.data.respMessage)
                    //         this.getList()
                    //     } else {
                    //         Message.error(res.data.respMessage)
                    //     }
                    // })
                }).catch(action => {
                    this.$message({
                        type: 'info',
                        message: action === 'cancel'
                            ? '取消状态更改'
                            : '取消状态更改'
                    })
                })

            },
            // 重置实体 并赋值refdep为出港理货MT5202
            restModel() {
                this.tidyModel = {
                    carrier: undefined,
                    flightno: undefined,
                    flightdate: undefined,
                    originstation: undefined,
                    destinationstation: undefined,
                    awba: undefined,
                    awbh: undefined,
                    piece: undefined,
                    weight: undefined,
                    goodsname: undefined,
                    customcode: undefined,
                    specialgoods: undefined,
                    starttime: undefined,
                    endtime: undefined,
                    awbpiece: undefined,
                    awbweight: undefined,
                    rcfdep: 'MT5202',
                    userinfo: {
                        username: loginedUserInfo().username
                    }
                }
            },
            // 新增出港理货弹框
            handelAddTidyInfo() {
                this.fenStatus=undefined;
                this.restModel()
                // 给model赋值，所使用数据是以单独单号查询数据所得
                this.tidyModel.flightdate = this.tidyQuery.flightdate
                if (this.tidyQuery.carrier != undefined){
                    this.tidyModel.flightno = this.tidyQuery.carrier+this.tidyQuery.flightno
                }
                this.tidyModel.originstation = this.tidyQuery.originstation
                this.tidyModel.destinationstation = this.tidyQuery.destinationstation
                this.tidyModel.customcode = this.tidyQuery.customcode
                this.dialogStatus = 'create'
                this.dialogFormVisible = true
                this.$nextTick(() => {
                    this.$refs.tidyFormData.clearValidate()
                })
            },
            // 新增出港理货请求
            createData() {
                this.$refs.tidyFormData.validate(valid => {
                    if (valid) {
                        this.tidyModel.carrier = this.tidyModel.flightno.substring(0,2);
                        this.tidyModel.flightno = this.tidyModel.flightno.substring(2);
                        addMt520X(this.tidyModel).then(res => {
                            if (res.data.code == "200") {
                                Message.success(res.data.msg);
                                this.dialogFormVisible = false
                                this.getList()
                            } else {
                                Message.error(res.data.msg);
                            }
                        })
                    }
                })
            },
            // 更新出港理货弹框
            handleEdit(row) {
                if(row.awbh !==''){
                    this.fenStatus='addAwbh'
                }else {
                    this.fenStatus=undefined
                }
                this.tidyModel = Object.assign({}, row)
                this.tidyModel.flightno = row.carrier+row.flightno
                this.dialogStatus = 'update'
                this.dialogFormVisible = true
                this.$nextTick(() => {
                    this.$refs.tidyFormData.clearValidate()
                })
            },
            // 更新出港理货请求
            updateData() {
                let _this = this;
                this.$refs.tidyFormData.validate(valid => {
                    if (valid) {
                        delete this.tidyModel.parent
                        delete this.tidyModel.children

                        _this.tidyModel.user= {
                            username : loginedUserInfo().username
                        }
                        this.tidyModel.userinfo = {
                            username : loginedUserInfo().username
                        }
                        this.tidyModel.carrier = this.tidyModel.flightno.substring(0,2);
                        this.tidyModel.flightno = this.tidyModel.flightno.substring(2);
                        updateMt520X(this.tidyModel).then(res => {
                            console.log(res.data)
                            if (res.data.count > 0) {
                                Message.success("出港理货更新成功")
                                this.dialogFormVisible = false
                                this.getList()
                            } else {
                                Message.error("出港理货更新失败，请检查数据")
                            }
                        })
                    }
                })
            },
            // 获取机场三字码
            remoteMethodAirport(query){
                this.airportCode = []
                if (query !== '') {
                    this.listLoading = true
                    getAirportCode({airportid: query}).then(res => {
                        if(res !== null){
                            setTimeout(() => {
                                this.listLoading = 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 = []
                }
            },
            // 新增理货弹框
            handleAddTidy() {
                const query = {
                    'messageType': 'MT5202'
                }
                this.$router.push({name: '出港航班信息', params: {scopeRow: query}})
            },
            // 返回
            handelBackStep() {
                this.tidyQuery.rcfdep = 'MT5202'
                this.$router.push({name: '出港航班信息', params: {scopeRow: this.tidyQuery}})
            }
        }
    }

</script>
<style scoped>
    .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-btn {
        margin-left: 10px;
        display: inline-block;
    }

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

    .btnFoot {
        margin-top: 10px;
    }
</style>