<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.arriveQuery.carrier}}{{this.arriveQuery.flightno}}</span>
                                <span class="titleSpan">航班日期：{{this.arriveQuery.flightdate}}</span>
                                <span class="titleSpan">航段：{{this.arriveQuery.originstation}}-{{this.arriveQuery.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="awba" clearable placeholder="请输入主单号"></el-input>
                                    </div>
                                </el-col>
                                <div class="grid-content el-btn">
                                    <el-button type="primary" size="mini" @click="handleSerach">查询</el-button>
                                    <el-button v-if="arriveQuery.flightno ===undefined && arriveData.length<1"
                                               type="primary" size="mini"
                                               @click="handleAddArrive">新增运抵
                                    </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="arriveData" stripe
                  style="font-size: 12px" border @selection-change="handleSelectionChange"
                    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="100" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.carrier}}{{scope.row.flightno}}</span>
                </template>
            </el-table-column>
            <el-table-column label="运单号" width="110" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.awba}}</span>
                </template>
            </el-table-column>
            <el-table-column label="分单号" width="120" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.awbh}}</span>
                </template>
            </el-table-column>
            <el-table-column label="运抵件数" width="70" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.piece}}</span>
                </template>
            </el-table-column>
            <el-table-column label="运抵重量" width="70" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.weight}}</span>
                </template>
            </el-table-column>
            <el-table-column label="货物描述" width="120" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.goodsname}}</span>
                </template>
            </el-table-column>
            <el-table-column label="运抵时间" width="140" align="center">
                <template slot-scope="scope">
                    <span>{{scope.row.arrivetime}}</span>
                </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">
                <template slot-scope="scope">
                    <span>{{scope.row.ext5}}</span>
                </template>
            </el-table-column>
            <el-table-column prop="operation" fixed="right" label="操作" align="center" width="400">
                <template slot-scope="scope">
                    <el-button size="mini" @click="handleSendDesc(scope.row)">收发明细</el-button>
                    <el-button size="mini" type="success" @click="handleEdit(scope.row)">编辑</el-button>
                    <el-button size="mini" type="primary" @click="handleSendAwb(scope.row)"
                               :disabled="scope.row.status ==='23'">发送出港运抵报
                    </el-button>
                    <p></p>
                    <el-button size="mini" type="danger" v-if="isAdmin" @click="handleAwbDelete(scope.row)">删除运单
                    </el-button>
                    <el-button size="mini" type="warning" @click="handleAwbStatus(scope.row)"
                               :disabled="scope.row.status ==='22'">更改状态
                    </el-button>
                    <el-button size="mini" type="primary" v-if="scope.row.awbh ===''"
                               @click="handleAddAwbh(scope.row)">新增分单
                    </el-button>
                    <el-button size="mini" type="danger" @click="handleSendDelete(scope.row)"
                               :disabled="scope.row.status ==='24'">发删除报
                    </el-button>
                </template>
            </el-table-column>
        </el-table>
        <div class="btnFoot">
            <el-row>
                <el-button type="primary" size="mini" v-if="arriveQuery.flightno !==undefined || arriveData.length>0"
                           @click="handelAddArriveInfo">新增出港运抵
                </el-button>
                <el-button type="primary" size="mini" v-if="arriveQuery.flightno !== undefined || arriveData.length>0"
                           @click="handelBackStep">返回
                </el-button>
            </el-row>
        </div>
        <pagination  background layout="total, prev, pager, next" v-show="total>0" :total="total" :page.sync="arriveQuery.pageSize"
                    :limit.sync="arriveQuery.limitSize"
                    @pagination="getList"/>
        <el-dialog :title="dialogMap[dialogStatus]" :visible.sync="dialogFormVisible">
            <el-form ref="arriveFormData" :model="arriveModel" :rules="arriveRoles" label-position="right"
                     label-width="90px">
                <div class="grid-content content">
                    <span>航班信息</span>
                </div>
                <el-row>
                    <el-col :span="7.5">
                        <el-form-item label="主单号" prop="awba">
                            <el-input v-model="arriveModel.awba"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5" v-if="fenStatus === 'addAwbh'">
                        <el-form-item label="分单号" prop="awbh">
                            <el-input v-model="awbh"></el-input>
                        </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="carrier">
                            <el-input v-model="carrier"
                                      :disabled="dialogFormVisible === '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="dialogFormVisible === 'update'"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5">
                        <el-form-item label="航班日期" prop="flightdate">
                            <el-date-picker v-model="arriveModel.flightdate" value-format="yyyy-MM-dd" type="date"
                                            placeholder="请输入"
                                            :disabled="dialogFormVisible === '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="dialogFormVisible === '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="dialogFormVisible === '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="piece">
                            <el-input v-model.number="arriveModel.piece"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5">
                        <el-form-item label="运抵重量" prop="weight">
                            <el-input v-model.number="arriveModel.weight"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="7.5">
                        <el-form-item label="运抵时间" prop="arrivetime">
                            <el-date-picker v-model="arriveModel.arrivetime" 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="arriveModel.customcode" placeholder="请选择关区代码" :loading="customLoading"
                                       filterable clearable remote :remote-method="remoteMethodCustomCode"
                                       :disabled="dialogStatus === 'addAwbh'">
                                <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="arriveDeleteForm" :model="respModel" :rules="arriveDeleteRules"
                     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="sendArriveDelete()">发送</el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
    import treeTable from '@/components/TreeTable'
    import treeToArray from '@/utils/customEval'
    import Pagination from '@/components/Pagination'
    import {getCustomCode, getAirportCode} from "@/api/country";
    import {
        getMt3201ListForParam,
        deleteByIsDelete,
        updateStatus,
        updateMT3201,
        addMt3201,
        sendCreateMt3201,
        sendRemoveMt3201
    } from '@/api/exitArrive'
    import {Message} from "element-ui";
    import {
        validAwb,
        validAlphabets,
        validAlphabetsAndNum,
        validAlphabetsAndSpanceKey,
        validatorNum
    } from "@/utils/validate";
    import {getResponseForParam} from '@/api/responseDetail'

    export default {
        name: "ExitArrive",
        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,
                arriveQuery: {
                    pageSize: 1,
                    limitSize: 10,
                    awba: undefined,
                    carrier: undefined,
                    flightno: undefined,
                    flightdate: undefined,
                    originstation: undefined,
                    destinationstation: undefined,
                    customcode: undefined,
                    messageType: undefined,
                },
                dialogMap: {
                    update: '编辑出港运抵',
                    create: '添加出港运抵',
                },
                dialogTableVisible: false,
                multipleSelection: [],
                customCodeList: [],
                airportCode: [],
                dialogStatus: undefined,
                awbhStatus: false,
                fenStatus: undefined,
                dialogFormVisible: false,
                dialogDeleteVisible: false,
                listLoading: false,
                customLoading: false,
                arriveRoles: {
                    awba: [{required: true, trigger: 'blur', validator: validatorAwb}],
                    awbh: [{required: true, trigger: 'blur', validator: validatorAwbh}],
                    goodsname: [{required: true, trigger: 'blur', validator: validAlphabetsSpanceKey}],
                    carrier: [{required: true, trigger: 'blur', validator: validatorAwbh}],
                    flightno: [{required: true, trigger: 'blur', validator: validatorAwbh}],
                    originstation: [{required: true, trigger: 'blur', validator: validatorAlphabets}],
                    destinationstation: [{required: true, trigger: 'blur', validator: validatorAlphabets}],
                    weight: [{required: true, trigger: 'change', validator: validatorNums}],
                    piece: [{required: true, trigger: 'change', validator: validatorNums}],
                },
                arriveData: [],
                detailData: [],
                arriveModel: {
                    carrier: undefined,
                    flightno: undefined,
                    flightdate: undefined,
                    originstation: undefined,
                    destinationstation: undefined,
                    awba: undefined,
                    awbh: undefined,
                    piece: undefined,
                    weight: undefined,
                    goodsname: undefined,
                    customcode: undefined,
                    arrivetime: undefined,
                    messageType: 'MT3201'
                },
                respModel: {
                    uuid: undefined,
                    reason: undefined,
                    contactName: undefined,
                    contactTel: undefined,
                    content: '',
                    flightNo: undefined,
                    awba: undefined,
                    customCode: undefined,
                    flightDate: undefined,
                    awbh: ''
                },
                arriveDeleteRules: {
                    reason: [{required: true, message: '删除原因不能为空', trigger: 'blur'}],
                    contactName: [{required: true, message: '删除操作人不能为空', trigger: 'blur'}],
                    contactTel: [{required: true, message: '操作人联系方式不能为空', trigger: 'blur'}]
                },
            }
        },
        created() {
            if (this.$route.params.flightData !== undefined) {
                // 给查询条件赋值
                if (this.$route.params.flightData.awba !== undefined && this.$route.params.flightData.awba !== '') {
                    this.arriveQuery.awba = this.$route.params.flightData.awba.substring(0, 3) + "-" + this.$route.params.flightData.awba.substring(3)
                }
                this.arriveQuery.carrier = this.$route.params.flightData.flightno.substring(0, 2)
                this.arriveQuery.flightno = this.$route.params.flightData.flightno.substring(2)
                this.arriveQuery.flightdate = this.$route.params.flightData.flightdate
                this.arriveQuery.originstation = this.$route.params.flightData.originstation
                this.arriveQuery.destinationstation = this.$route.params.flightData.destinationstation
                this.getList()
            }
            let username = JSON.parse(sessionStorage.getItem('user')).username
            if (username === 'admin') {
                this.isAdmin = true
            }
        },
        computed: {
            awba: {
                get: function () {
                    return this.arriveQuery.awba
                },
                set: function (val) {
                    this.arriveQuery.awba = val.trim()
                }
            },
            awbh: {
                get: function () {
                    return this.arriveModel.awbh
                },
                set: function (val) {
                    this.arriveModel.awbh = val.toUpperCase().trim()
                }
            },
            carrier: {
                get: function () {
                    return this.arriveModel.carrier
                },
                set: function (val) {
                    this.arriveModel.carrier = val.toUpperCase().trim()
                }
            },
            goodsname: {
                get: function () {
                    return this.arriveModel.goodsname
                },
                set: function (val) {
                    this.arriveModel.goodsname = val.toUpperCase().trim()
                }
            },
            flightno: {
                get: function () {
                    return this.arriveModel.flightno
                },
                set: function (val) {
                    this.arriveModel.flightno = val.toUpperCase().trim()
                }
            },
            originstation: {
                get: function () {
                    return this.arriveModel.originstation
                },
                set: function (val) {
                    this.arriveModel.originstation = val.toUpperCase().trim()
                }
            },
            destinationstation: {
                get: function () {
                    return this.arriveModel.destinationstation
                },
                set: function (val) {
                    this.arriveModel.destinationstation = val.toUpperCase().trim()
                }
            }
        },
        methods: {
            getList() {
                this.listLoading = true
                if (this.arriveQuery.awba !== undefined) {
                    getMt3201ListForParam(this.arriveQuery).then(res => {
                        this.arriveData = res.data.dataList
                        this.total = res.data.count
                        if (res.data.dataList.length > 0){
                            this.arriveQuery.carrier = this.arriveData[0].carrier
                            this.arriveQuery.flightno = this.arriveData[0].flightno
                            this.arriveQuery.flightdate = this.arriveData[0].flightdate
                            this.arriveQuery.originstation = this.arriveData[0].originstation
                            this.arriveQuery.destinationstation = this.arriveData[0].destinationstation
                            this.arriveQuery.customcode = this.arriveData[0].customcode
                        }
                        setTimeout(() => {
                            this.listLoading = false
                        }, 1.5 * 1000)
                    })
                } else {
                    getMt3201ListForParam(this.arriveQuery).then(res => {
                        this.arriveData = res.data.dataList
                        this.total = res.data.count
                        setTimeout(() => {
                            this.listLoading = false
                        }, 1.5 * 1000)
                    })
                }

            },
            handleSerach() {
                // this.arriveQuery.carrier = undefined
                // this.arriveQuery.flightno = undefined
                // this.arriveQuery.originstation = undefined
                // this.arriveQuery.flightdate = undefined
                // this.arriveQuery.destinationstation = undefined
                this.getList()
            },
            handleSelectionChange(val) {
                this.multipleSelection = val
            },
            // 新增出港运抵
            handelAddArriveInfo() {
                this.restModel()
                // 给model赋值，所使用数据是以单独单号查询数据所得
                this.arriveModel.carrier = this.arriveQuery.carrier
                this.arriveModel.flightdate = this.arriveQuery.flightdate
                this.arriveModel.flightno = this.arriveQuery.flightno
                this.arriveModel.originstation = this.arriveQuery.originstation
                this.arriveModel.destinationstation = this.arriveQuery.destinationstation
                this.arriveModel.customcode = this.arriveQuery.customcode
                this.dialogStatus = 'create'
                this.dialogFormVisible = true
                this.$nextTick(() => {
                    this.$refs.arriveFormData.clearValidate()
                })
            },
            // 新增出港运抵分单
            handleAddAwbh(row){
                this.restModel()
                // 给model赋值，所使用数据是以单独单号查询数据所得
                this.arriveModel.carrier = row.carrier
                this.arriveModel.awba = row.awba
                this.arriveModel.flightdate = row.flightdate
                this.arriveModel.flightno = row.flightno
                this.arriveModel.originstation = row.originstation
                this.arriveModel.destinationstation = row.destinationstation
                this.arriveModel.customcode = row.customcode
                this.dialogStatus = 'create'
                this.fenStatus = 'addAwbh'
                this.dialogFormVisible = true
                this.$nextTick(() => {
                    this.$refs.arriveFormData.clearValidate()
                })
            },
            createData() {
                this.$refs.arriveFormData.validate(valid => {
                    if (valid) {
                        addMt3201(this.arriveModel).then(res => {
                            if (res.data.count > 0) {
                                this.dialogFormVisible = false
                                Message.success("出港运抵新增成功")
                                this.getList()
                            } else {
                                Message.error("数据更新失败，请检查数据")
                            }
                        })
                    }
                })

            },

            // 重置实体
            restModel() {
                this.arriveModel = {
                    carrier: undefined,
                    flightno: undefined,
                    flightdate: undefined,
                    originstation: undefined,
                    destinationstation: undefined,
                    awba: undefined,
                    awbh: undefined,
                    piece: undefined,
                    weight: undefined,
                    goodsname: undefined,
                    customcode: undefined,
                    arrivetime: undefined,
                }
            },
            // 编辑
            handleEdit(row) {
                this.arriveModel = Object.assign({}, row) // copy obj

                if (row.awbh === ''){
                    this.fenStatus = undefined
                }else {
                    this.fenStatus = 'addAwbh'
                }

                this.dialogStatus = 'update'
                this.dialogFormVisible = true
                this.$nextTick(() => {
                    this.$refs.arriveFormData.clearValidate()
                })
            },
            updateData() {
                this.$refs.arriveFormData.validate(valid => {
                    if (valid) {
                        updateMT3201(this.arriveModel).then(res => {
                            if (res.data.count > 0) {
                                this.dialogFormVisible = false
                                Message.success("出港运抵修改成功")
                                this.getList()
                            } else {
                                Message.error("数据更新失败，请检查数据")
                            }
                        })
                    }

                })
            },
            // 发送舱单报
            handleSendAwb(row) {
                this.$confirm("是否发送", "确认消息", {
                    distinguishCancelAndClose: true,
                    confirmButtonText: '发送',
                    cancelButtonText: '取消'
                }).then(() => {
                    if (row.awbh === null) {
                        row.awbh = ''
                    }
                    delete row.parent
                    delete row.children
                    sendCreateMt3201(row).then(res => {
                        if (res.data.count > 0) {
                            Message.success(res.data.respMessage)
                            this.getList()
                        } else {
                            Message.success(res.data.respMessage)
                        }
                    })
                }).catch(error => {
                    Message.error(error.message)
                })
            },

            // 发送删除报
            handleSendDelete(row) {
                this.respModel = {
                    carrier: undefined,
                    reason: undefined,
                    contactName: undefined,
                    contactTel: undefined,
                    content: '',
                    flightNo: undefined,
                    awba: undefined,
                    customCode: undefined,
                    flightDate: undefined,
                    awbh: undefined
                }
                this.dialogDeleteVisible = true
                this.respModel.flightNo = row.flightno
                this.respModel.awba = row.awba
                this.respModel.carrier = row.carrier
                if (row.awbh === null) {
                    this.respModel.awbh = ''
                } else {
                    this.respModel.awbh = row.awbh
                }
                this.respModel.customCode = row.customcode
                this.respModel.flightDate = row.flightdate
                this.$nextTick(() => {
                    this.$refs.arriveDeleteForm.clearValidate()
                })
            },

            sendArriveDelete() {
                this.$refs.arriveDeleteForm.validate(valid => {
                    if (valid) {
                        sendRemoveMt3201(this.respModel).then(res => {
                            if (res.data.count > 0) {
                                Message.success(res.data.respMessage)
                                this.dialogDeleteVisible = false
                                this.getList()
                            } else {
                                Message.error(res.data.respMessage)
                            }
                        })
                    }
                })
            },
            // 收发明细
            handleSendDesc(row) {
                const resQuery = {
                    carrier: row.carrier,
                    flightNo: row.flightno,
                    flightDate: row.flightdate,
                    opertype:row.opertype,
                    awba: row.awba,
                    awbh: row.awbh,
                    messageType: 'MT3201'
                }
                this.dialogTableVisible = true
                getResponseForParam(resQuery).then(res => {
                    this.detailData = res.data
                })
            },
            //删除运单
            handleAwbDelete(row) {
                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'
                            ? '取消状态更改'
                            : '状态更改取消'
                    })
                })
            },
            //获取机场三字码
            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 = []
                }
            },

            // 携数据跳转 新增运抵
            handleAddArrive() {
                const row = {
                    'messageType': 'MT3201'
                }
                this.$router.push({name: "出港航班信息", params: {scopeRow: row}})
            },
            handelBackStep() {
                this.arriveQuery.messageType = 'MT3201'
                this.$router.push({name: '出港航班信息', params: {scopeRow: this.arriveQuery}})
            }

        }
    }

</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-table td, .el-table th {
        text-align: center
    }

    .el-btn {
        margin-left: 10px;
        display: inline-block;
    }
</style>