<template>
    <el-container>
        <el-main>
            <el-row class="row-bg">
                <el-col :span="24"><div class="grid-content content co">进港运单分拨申报</div></el-col>
            </el-row>
            <!--查询条件-->
            <el-row style="display: block;background-color: white;padding-left: 5px">
                <el-row>
                    <el-col :span="6">
                            <el-input placeholder="" v-model="defaultQuery.awba"  style="width: 200px">
                                <template slot="prepend">主单号</template>
                            </el-input>
                    </el-col>
                    <el-col :span="6">
                            <el-input placeholder="" v-model="defaultQuery.carrier" style="width: 200px">
                                <template slot="prepend">承运人</template>
                            </el-input>
                    </el-col>
                    <el-col :span="6">
                            <el-input placeholder="" v-model="defaultQuery.flightno" style="width: 200px">
                                <template slot="prepend">航班号</template>
                            </el-input>
                    </el-col>
                    <el-col :span="6">
                        <div class="ip">
                            航班日期                                    </div>
                                <el-date-picker
                                        v-model="defaultQuery.flightdate"
                                        value-format="yyyy-MM-dd"
                                        type="date"  style="width: 130px"
                                        placeholder="航班日期">
                                </el-date-picker>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="6">
                        <div class="ip">
                            业务状态                                  </div>
                            <el-select v-model="defaultQuery.status" placeholder="选择状态" style="width: 120px">
                                <el-option
                                        v-for="item in options"
                                        :key="item.value"
                                        :label="item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                    </el-col>
                    <el-col :span="6">
                        <div class="ip">
                            报文类型                                  </div>
                        <el-select v-model="defaultQuery.turntype" placeholder="报文类型"  style="width: 120px">
                            <el-option
                                    v-for="item in options2"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </el-col>
                    <el-col :span="6">
                        <el-col :span="8" style="margin-right: 0px">
                            <el-button v-on:click="Query" type="primary">查询</el-button>
                        </el-col>
                    </el-col>
                </el-row>
            </el-row>

            <!--查询列表-->
            <el-row>
                <el-col :span="24">
                    <template>
                        <el-table
                                v-loading="listLoading"
                                ref="multipleTable"
                                :data="tableData"
                                tooltip-effect="dark"
                                style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px"
                                :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small">
                            <el-table-column
                                    fixed="left"
                                    label="修改状态"
                                    width="100">
                                <template slot-scope="scope">
                                    <el-button v-if="scope.row.turntype=='MT6202'"  type="text" @click="seeimport(scope.row)" size="mini">分拨申请</el-button>
                                    <el-button v-else type="text" @click="seearrive(scope.row)" size="mini">分拨运抵</el-button>
                                </template>
                            </el-table-column>
                            <el-table-column
                                    prop="awba"
                                    label="运单号"
                                    width="115">
                            </el-table-column>
                            <el-table-column
                                    prop="carrier"
                                    label="承运人"
                                    width="65">
                            </el-table-column>
                            <el-table-column
                                    prop="flightno"
                                    label="航班号"
                                    width="65">
                            </el-table-column>
                            <el-table-column
                                    prop="flightdate"
                                    label="航班日期"
                                    width="95">
                            </el-table-column>
                            <el-table-column
                                    prop="turnpiece"
                                    label="件数"
                                    width="65">
                            </el-table-column>
                            <el-table-column
                                    prop="turnweight"
                                    label="重量"
                                    width="80">
                            </el-table-column>
                            <el-table-column
                                    prop="customcode"
                                    label="关区号"
                                    width="65">
                            </el-table-column>
                            <el-table-column
                                    prop="turnunloading"
                                    label="到达/卸货地"
                                    width="155">
                            </el-table-column>
                            <el-table-column
                                    prop="status"
                                    label="状态"
                                    width="100" :formatter="formatStatus">
                            </el-table-column>
                            <el-table-column
                                    label="回执内容"
                                    width="250">
                                <template slot-scope="scope">
                                    <span v-if="scope.row.ext5 && scope.row.ext5.indexOf('异常') != -1" style="color: #F56C6C">
                                       {{scope.row.ext5}}
                                    </span>
                                    <span v-else-if="scope.row.ext5 && scope.row.ext5.indexOf('不通过') != -1" style="color: #F56C6C">
                                       {{scope.row.ext5}}
                                    </span>
                                    <span v-else-if="scope.row.ext5 && scope.row.ext5.indexOf('不接受') != -1" style="color: #F56C6C">
                                       {{scope.row.ext5}}
                                    </span>
                                    <span v-else-if="scope.row.status=='01' || scope.row.status=='11'" style="color: #67C23A">
                                        {{scope.row.ext5}}
                                    </span>
                                    <span v-else-if="scope.row.status=='02' || scope.row.status=='03'" style="color: #E6A23C">
                                        {{scope.row.ext5}}
                                    </span>
                                    <span v-else-if="scope.row.status=='12' || scope.row.status=='13'" style="color: #F56C6C">
                                        {{scope.row.ext5}}
                                    </span>
                                    <span v-else style="color: #909399;">
                                        {{scope.row.ext5}}
                                    </span>
                                </template>
                            </el-table-column>
                            <el-table-column
                                    label="修改状态"  prop="operation" fixed="right" align="center" width="285">
                                <template slot-scope="scope">
                                    <el-row type="flex" justify="space-between">
                                        <el-button
                                                v-if="scope.row.turntype=='MT6202'"
                                                size="mini"
                                                type="info"
                                                @click="handleDetail(scope.$index, scope.row)">收发明细
                                        </el-button>
                                        <el-button
                                                v-else
                                                size="mini"
                                                type="info"
                                                @click="handleDetail(scope.$index, scope.row)">收发明细
                                        </el-button>
                                        <el-button
                                                v-if="scope.row.turntype=='MT6202'"
                                                size="mini"
                                                type="success"
                                                @click="importEdit(scope.$index, scope.row)">编辑信息
                                        </el-button>
                                        <el-button
                                                v-else
                                                size="mini"
                                                type="success"
                                                @click="arriveEdit(scope.$index, scope.row)">编辑信息
                                        </el-button>
                                    </el-row>
                                    <el-row type="flex" justify="space-between">
                                        <el-button
                                                v-if="scope.row.turntype=='MT6202'"
                                                size="mini"
                                                type="primary"
                                                :disabled="btSendStatusFormater(scope.row.status)"
                                                @click="importSend(scope.$index, scope.row)">申请分拨
                                        </el-button>
                                        <el-button
                                                v-else
                                                size="mini"
                                                type="primary"
                                                :disabled="btSendStatusFormater(scope.row.status)"
                                                @click="arriveSend(scope.$index, scope.row)">分拨运抵
                                        </el-button>
                                        <el-button
                                                size="mini"
                                                type="warning"
                                                @click="UpdateStatus(scope.$index, scope.row)">更改状态
                                        </el-button>
                                        <el-button
                                                v-if="scope.row.turntype=='MT6202'"
                                                size="mini"
                                                type="danger"
                                                :disabled="btDeleStatusFormater(scope.row.status)"
                                                @click="importDel(scope.$index, scope.row)">申请删除
                                        </el-button>
                                        <el-button
                                                v-else
                                                size="mini"
                                                type="danger"
                                                :disabled="btDeleStatusFormater(scope.row.status)"
                                                @click="arriveDel(scope.$index, scope.row)">申请删除
                                        </el-button>
                                    </el-row>
                                </template>
                            </el-table-column>
                        </el-table>
                    </template>
                </el-col>
            </el-row>
            <!--分页部分-->
            <el-row>
                <el-col>
                    <div class="block">
                        <el-pagination
                                @size-change="handleSizeChange"
                                @current-change="handleCurrentChange"
                                :current-page="currentPage"
                                :page-sizes="[10, 200, 300, 400]"
                                :page-size="pageSize"
                                layout="total, sizes, prev, pager, next, jumper"
                                :total="total">
                        </el-pagination>
                    </div>
                </el-col>
            </el-row>
            <!--编辑分拨运抵信息-->
            <el-dialog :title="'分拨运抵信息'+textMap[dialogStatus]" :visible.sync="AouterVisible" width="90%">
                <el-form :model="AruleForm" :rules="Arules" ref="AruleForm" :label-position="labelPosition"
                         label-width="78px" size="mini">
                    <!--分拨运抵管理-->
                    <el-row class="flightInfo">
                        <el-col :span="24">
                            <div class="grid-content content" style="height: 36px;line-height: 36px;border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;">分拨运抵管理</div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="6">
                            <el-form-item label="" prop="awba">
                                <el-input disabled="" v-model="AruleForm.awba" style="width: 200px">
                                    <template slot="prepend">运单号</template>
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="15">
                            <el-button v-if="dialogStatus === 'update'" size="mini" type="primary" @click="AupdateData('AruleForm')" style="float: right">保存</el-button>
                            <el-button else size="mini" type="primary" style="display: none">保存</el-button>
                        </el-col>
                    </el-row>
                    <el-row class="flightInfo">
                        <el-col :span="24">
                            <div class="grid-content content" style="height: 36px;line-height: 36px;border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;">货物信息</div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="" prop="carrier">
                                <el-input disabled="" v-model="AruleForm.carrier" style="width: 200px">
                                    <template slot="prepend">承运人</template>
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="" prop="flightno">
                                <el-input disabled="" v-model="AruleForm.flightno" style="width: 200px">
                                    <template slot="prepend">航班号</template>
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="7">
                            <el-form-item label="" required>
                                    <el-form-item prop="flightdate">
                                        <div class="ipt">
                                            航班日期                                  </div>
                                        <el-date-picker disabled="" type="date" placeholder="选择日期" v-model="AruleForm.flightdate" style="width: 130px;"></el-date-picker>
                                    </el-form-item>
                            </el-form-item>
                        </el-col>
                        <el-col :span="7">
                            <el-form-item label="" prop="customcode">
                                    <div class="ipt">
                                        海关关区                                  </div>
                                    <el-select v-model="AruleForm.customcode" placeholder="请选择海关关区" style="width:120px">
                                        <div v-if="dialogStatus === 'update'">
                                        <el-option v-for="item in options3" :key="item.value" :label="item.label"
                                                   :value="item.value" ></el-option>
                                            </div>
                                        <div v-else>
                                            <el-option disabled="" v-for="item in options3" :key="item.value" :label="item.label"
                                                       :value="item.value" ></el-option>
                                        </div>
                                    </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="" prop="turnpiece">
                                <div v-if="dialogStatus === 'update'">
                                <el-input type="number" v-model="AruleForm.turnpiece" style="width: 200px">
                                    <template slot="prepend">运抵件数</template>
                                </el-input>
                                    </div>
                                <div v-else>
                                    <el-input type="number" disabled="" v-model="AruleForm.turnpiece" style="width: 200px">
                                        <template slot="prepend">运抵件数</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="" prop="turnweight">
                                <div v-if="dialogStatus === 'update'">
                                <el-input type="number" v-model="AruleForm.turnweight" style="width: 200px">
                                    <template slot="prepend">运抵重量</template>
                                </el-input>
                                    </div>
                                <div v-else>
                                    <el-input type="number" disabled="" v-model="AruleForm.turnweight" style="width: 200px">
                                        <template slot="prepend">运抵重量</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>
                        <el-col :span="7">
                            <el-form-item label="" prop="turnunloading">
                                <div v-if="dialogStatus === 'update'">
                                <el-input v-model="AruleForm.turnunloading" style="width: 215px">
                                    <template slot="prepend">卸货地</template>
                                </el-input>
                                    </div>
                                <div v-else>
                                    <el-input disabled="" v-model="AruleForm.turnunloading" style="width: 215px">
                                        <template slot="prepend">卸货地</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="" prop="turnunloading">
                                <div v-if="dialogStatus === 'update'">
                                <el-input v-model="AruleForm.goodsname" style="width: 200px">
                                    <template slot="prepend">货物描述</template>
                                </el-input>
                                    </div>
                                <div v-else>
                                    <el-input disabled="" v-model="AruleForm.goodsname" style="width: 200px">
                                        <template slot="prepend">货物描述</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>
                    </el-row>

                </el-form>
            </el-dialog>
            <!--编辑分拨申请信息-->
            <el-dialog :title="'申请分拨信息'+textMap[dialogStatus]" :visible.sync="IouterVisible" width="90%">
                <el-form :model="IruleForm" :rules="Irules" ref="IruleForm" :label-position="labelPosition"
                         label-width="78px" size="mini">
                    <!--分拨运抵管理-->
                    <el-row class="flightInfo">
                        <el-col :span="24">
                            <div class="grid-content content" style="height: 36px;line-height: 36px;border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;">分拨运单管理</div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="" prop="awba">
                                <el-input disabled="" v-model="IruleForm.awba" style="width: 200px">
                                    <template slot="prepend">运单号</template>
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="15">
                            <el-button v-if="dialogStatus === 'update'" size="mini" type="primary" @click="IupdateData('IruleForm')" style="float: right">保存</el-button>
                            <el-button v-else size="mini" type="primary"  style="display: none">保存</el-button>
                        </el-col>
                    </el-row>
                    <el-row class="flightInfo">
                        <el-col :span="24">
                            <div class="grid-content content" style="height: 36px;line-height: 36px;border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;">货物信息</div>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="" prop="carrier">
                                <el-input disabled="" v-model="IruleForm.carrier" style="width: 200px">
                                    <template slot="prepend">运承运人单号</template>
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="" prop="flightno">
                                <el-input disabled="" v-model="IruleForm.flightno" style="width: 200px">
                                    <template slot="prepend">航班号</template>
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="7">
                            <el-form-item label="" required>
                                    <el-form-item prop="flightdate">
                                        <div class="ipt">
                                            航班日期                                  </div>
                                        <el-date-picker disabled="" type="date" placeholder="选择日期" v-model="IruleForm.flightdate" style="width: 130px;"></el-date-picker>
                                    </el-form-item>
                            </el-form-item>
                        </el-col>
                        <el-col :span="7">
                            <el-form-item label="" prop="customcode">
                                    <div class="ipt">
                                        海关关区                                  </div>
                                    <el-select v-model="IruleForm.customcode" placeholder="请选择海关关区" style="width:120px">
                                        <div v-if="dialogStatus === 'update'">
                                        <el-option v-for="item in options3" :key="item.value" :label="item.label"
                                                   :value="item.value" ></el-option>
                                            </div>
                                        <div v-else>
                                            <el-option disabled="" v-for="item in options3" :key="item.value" :label="item.label"
                                                       :value="item.value" ></el-option>
                                        </div>
                                    </el-select>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="" prop="turnpiece">
                                <div v-if="dialogStatus === 'update'">
                                <el-input v-model="IruleForm.turnpiece" style="width: 200px">
                                    <template slot="prepend">运抵件数</template>
                                </el-input>
                                    </div>
                                <div v-else>
                                    <el-input disabled="" v-model="IruleForm.turnpiece" style="width: 200px">
                                        <template slot="prepend">运抵件数</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="" prop="turnweight">
                                <div v-if="dialogStatus === 'update'">
                                <el-input v-model="IruleForm.turnweight" style="width: 200px">
                                    <template slot="prepend">运抵重量</template>
                                </el-input>
                                    </div>
                                <div v-else>
                                    <el-input disabled="" v-model="IruleForm.turnweight" style="width: 200px">
                                        <template slot="prepend">运抵重量</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>
                        <el-col :span="7">
                            <el-form-item label="" prop="turnunloading">
                                <div v-if="dialogStatus === 'update'">
                                <el-input v-model="IruleForm.turnunloading" style="width: 200px">
                                    <template slot="prepend">到达地</template>
                                </el-input>
                                    </div>
                                <div v-else>
                                    <el-input disabled="" v-model="IruleForm.turnunloading" style="width: 200px">
                                        <template slot="prepend">到达地</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="" prop="pno">
                                <div v-if="dialogStatus === 'update'">
                                <el-input v-model="IruleForm.pno" style="width: 200px">
                                    <template slot="prepend">拖车号</template>
                                </el-input>
                                    </div>
                                <div v-else>
                                    <el-input disabled="" v-model="IruleForm.pno" style="width: 200px">
                                        <template slot="prepend">拖车号</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>

                    </el-row>
                    <el-row>
                        <el-col :span="5">
                            <el-form-item label="" prop="ext2">
                                <div v-if="dialogStatus === 'update'">
                                    <el-input v-model="IruleForm.ext2" style="width: 200px">
                                        <template slot="prepend">卸货地</template>
                                    </el-input>
                                </div>
                                <div v-else>
                                    <el-input disabled="" v-model="IruleForm.ext2" style="width: 200px">
                                        <template slot="prepend">卸货地</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>
                        <el-col :span="5">
                            <el-form-item label="" prop="ext1">
                                <div v-if="dialogStatus === 'update'">
                                    <el-input v-model="IruleForm.ext1" style="width: 200px">
                                        <template slot="prepend">车辆所属</template>
                                    </el-input>
                                </div>
                                <div v-else>
                                    <el-input disabled="" v-model="IruleForm.ext1" style="width: 200px">
                                        <template slot="prepend">车辆所属</template>
                                    </el-input>
                                </div>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
            </el-dialog>
            <!--对话提示框-->
            <el-row>
                <el-dialog
                        title="系统提示"
                        :visible.sync="centerDialogVisible"
                        width="30%"
                        center>
                    <span>{{msg}}</span>
                      <span slot="footer" class="dialog-footer">
                          <el-button @click="centerDialogVisible = false">取 消</el-button>
                        <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
                      </span>
                </el-dialog>
            </el-row>
            <!--发送删除报修改报提示框-->
            <el-row>
                <el-dialog :title="'提交'+Reason[udStatus]+'信息'" :visible.sync="dialogFormVisible">
                    <el-form :model="Udform" :rules="udrules" ref="Udform" class="demo-ruleForm">
<!--                        <el-form-item label="操作原因" prop="operreason">-->
<!--                            <el-input type="textarea" v-model="Udform.operreason"></el-input>-->
<!--                        </el-form-item>-->
<!--                        <el-form-item label="操作人" prop="operperson">-->
<!--                            <el-input v-model="Udform.operperson"></el-input>-->
<!--                        </el-form-item>-->
<!--                        <el-form-item label="联系电话" prop="opertel">-->
<!--                            <el-input v-model="Udform.opertel"></el-input>-->
<!--                        </el-form-item>-->
                        <el-row style="margin: 10px auto">
                            <el-col :span="22">
                                <el-form-item label="" prop="operreason">
                                    <div class="ipt">
                                        操作原因
                                    </div>
                                    <el-input autosize type="textarea" v-model="Udform.operreason" style="width: 80%">
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="11" style="margin-right: 10px">
                                <el-form-item label="" prop="operperson">
                                    <el-input v-model="Udform.operperson" style="width: 200px">
                                        <template slot="prepend">操作人</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="10">
                                <el-form-item label="" prop="opertel">
                                    <el-input v-model="Udform.opertel" style="width: 250px">
                                        <template slot="prepend">联系电话</template>
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>
                    <div slot="footer" class="dialog-footer" style="margin-top: 30px" align="center">
                        <el-button @click="dialogFormVisible = false">取 消</el-button>
                        <el-button type="primary" @click="deleteIdForm('Udform')">确 定</el-button>
                    </div>
                </el-dialog>
            </el-row>
            <!--明细列表弹出框-->
            <el-row>
                <el-dialog title="回执明细列表" :visible.sync="dialogTableVisible" width="70%">
                    <el-table :data="gridData" style="border-radius: 10px 10px 0px 0px;line-height: 25px;min-height: 500px"
                              :header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small" >
                        <el-table-column property="busdate" label="时间" width="160"></el-table-column>
                        <el-table-column property="username" label="操作人" width="130"></el-table-column>
                        <el-table-column property="buspiece" label="发送件数" width="130"></el-table-column>
                        <el-table-column property="busweight" label="发送重量" width="130"></el-table-column>
                        <el-table-column property="cusrestext" label="回执内容"></el-table-column>
                    </el-table>
                </el-dialog>
            </el-row>
        </el-main>
    </el-container>
</template>
<style scoped>
    .ip{
        max-width: 100px;
        margin-right: -6px;
        display: inline-block;
        background-color: #6F8294;
        color: #ffffff;
        border: 1px solid #DCDFE6;
        vertical-align: middle;
        padding: 5px 18px;
        white-space: nowrap;
        border-top-right-radius: 0px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 0px;
        font-size: 10px;
    }
    .ipt{
        max-width: 100px;
        margin-right: -4px;
        display: inline-block;
        background-color: #6F8294;
        color: #ffffff;
        border: 1px solid #DCDFE6;
        vertical-align: middle;
        padding: 0 18px;
        white-space: nowrap;
        border-top-right-radius: 0px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 0px;
        font-size: 10px;
    }
    .co{height: 36px;line-height: 36px;}
    .co{border-left: 4px #409EFF solid;padding-left: 10px;background-color: #f9fafc;margin-bottom: 2px}
    .row-bg{background-color: white;padding:0px;}
    .el-row{margin-bottom: 10px;}
    .sel{display: inline;}
    .mark{height:24px;}
    .bg{height:24px;text-align: center;line-height:24px;min-height: 24px}
    .el-input-group{
        display: table;
    }
</style>
<script>
    import{addResponse,selectResponseList} from "../../api/InResponse";
    import { QueryData,ediAllocat,sendCreateMt6202,sendRemoveMt6202,sendCreateMt3202,sendRemoveMt3202 } from '../../api/Allocat'
    import loginUserInfo from '@/api/base'
    import {mapActions, mapGetters} from 'vuex'
    import {loginedUserInfo} from "../../api/user";
    export default{
        name:'Allocatesearch',
        data(){
            return{
                defaultQuery:{
                    awba:'',
                    carrier:'',
                    flighto:'',
                    flightdate:'',
                    status:'',
                    turntype:''
                },
                options: [
                    {
                    value: '',
                    label: '选择状态'
                }, {
                    value: '01',
                    label: '未发送'
                }, {
                    value: '02',
                    label: '已发舱单报'
                }, {
                    value: '03',
                    label: '收到舱单报回执'
                }, {
                    value: '04',
                    label: '收到舱单报回执'
                }, {
                    value: '05',
                    label: '舱单报申报成功'
                }, {
                    value: '06',
                    label: '已发舱单删除报'
                }, {
                    value: '07',
                    label: '舱单删除报退单'
                }, {
                    value: '08',
                    label: '舱单删除报转人工'
                }
                ],
                options2: [
                    {
                    value: '',
                    label: '选择状态'
                }, {
                    value: 'MT6202',
                    label: '分拨申请'
                }, {
                    value: 'MT3202',
                    label: '分拨运抵'
                }
                ],
                options3: [
                    {
                        value: '4604',
                        label: '4604'
                    }, {
                        value: '4620',
                        label: '4620'
                    }, {
                        value: '4613',
                        label: '4613'
                    }],
                tableData: [],
                multipleSelection: [],
                labelPosition:'left',
                currentPage:1,
                pageSize:10,
                total:0,
                dialogStatus:'',
                IouterVisible: false,
                AouterVisible: false,
                centerDialogVisible:false,
                msg:'',
                code:'',
                textMap:{
                    update: '编辑',
                    detail: ''
                },
                AruleForm:{
                    awba:'',
                    carrier:'',
                    flightno:'',
                    flightdate:'',
                    customcode:'',
                    turnpiece:'',
                    turnweight:'',
                    turnunloading:'',
                    goodsname:'',
                    ext2:'',
                    ext1:''
                },
                Arules: {
                    awba: [
                        { required: true, message: '请输入运单号', trigger: 'blur' },
                    ],
                    carrier: [
                        { required: true, message: '请输入承运人', trigger: 'blur' }
                    ],
                    flightno: [
                        { required: true, message: '请输入航班号', trigger: 'blur' }
                    ],
                    goodsname: [
                        { required: true, message: '请输入货物描述', trigger: 'blur' }
                    ],
                    turnpiece: [
                        { required: true, message: '请输入分拨件数', trigger: 'blur' }
                    ],
                    turnweight: [
                        { required: true, message: '请输入分拨重量', trigger: 'blur' }
                    ],
                    flightdate: [
                        {required: true, message: '航班日期必须选择', trigger: 'change'}
                    ],
                    customcode: [
                        { required: true, message: '请选择海关关区', trigger: 'change' }
                    ],
                    turnunLoading: [
                        { required: true, message: '请选择分拨到达地', trigger: 'change' }
                    ],
                },
                IruleForm:{
                    awba:undefined,
                    carrier:undefined,
                    flightno:undefined,
                    flightdate:undefined,
                    customcode:undefined,
                    turnpiece:undefined,
                    turnweight:undefined,
                    turnunloading:undefined,
                    pno:undefined,
                    ext1:undefined,
                    ext2:undefined
                },
                Irules: {
                    awba: [
                        { required: true, message: '请输入运单号', trigger: 'blur' },
                    ],
                    carrier: [
                        { required: true, message: '请输入承运人', trigger: 'blur' }
                    ],
                    flightno: [
                        { required: true, message: '请输入航班号', trigger: 'blur' }
                    ],
                    goodsname: [
                        { required: true, message: '请输入货物描述', trigger: 'blur' }
                    ],
                    turnpiece: [
                        { required: true, message: '请输入分拨件数', trigger: 'blur' }
                    ],
                    turnweight: [
                        { required: true, message: '请输入分拨重量', trigger: 'blur' }
                    ],
                    flightdate: [
                        {required: true, message: '航班日期必须选择', trigger: 'change'}
                    ],
                    customcode: [
                        { required: true, message: '请选择海关关区', trigger: 'change' }
                    ],
                    turnunLoading: [
                        { required: true, message: '请选择分拨到达地', trigger: 'change' }
                    ],
                    ext2: [
                        { required: true, message: '请输入卸货地代码', trigger: 'change' }
                    ],
                    ext1: [
                        { required: true, message: '请输入车辆所属承运人代码', trigger: 'change' }
                    ],
                },
                Udform:{
                    operreason:'',
                    operperson:'',
                    opertel:'',
                    flightdate:'',
                    flightno:'',
                    carrier:'',
                    awbano:'',
                    awbhno:'',
                    bustype:'',
                    busdate:'',
                    busweight:'',
                    buspiece:'',
                    opertype:'',
                },
                udrules:{
                    operreason: [{required: true, message: '请输入操作原因', trigger: 'blur'}],
                    operperson: [{required: true, message: '请输入操作人', trigger: 'blur'}],
                    opertel: [{required: true, message: '请输入操作人联系电话', trigger: 'blur'}],
                },
                Reason:{
                    update: '修改',
                    delete: '删除'
                },
                udStatus:'',
                dialogFormVisible: false,
                rows:{},
                loading:false,
                dialogTableVisible:false,
                gridData:[],
                listLoading:false
            }
        },
        methods:{
            //更改状态
            UpdateStatus(column,row){
                this.$confirm("是否发送更改状态", "确认消息", {
                    distinguishCancelAndClose: true,
                    confirmButtonText: '确认更改',
                    cancelButtonText: '取消更改'
                }).then(() => {
                    row.status = '22';
                }).catch(action => {
                    this.$message({
                        type: 'info',
                        message: action === 'cancel'
                            ? '取消状态更改'
                            : '状态更改取消'
                    })
                })
            },
            //回执收发明细
            handleDetail(index,row){
                if(row.flightno.length>4){
                    row.flightno=row.flightno.substring(2);
                }
                let params={awbano:row.awba,awbhno:row.awbh,carrier:row.carrier,flightno:row.flightno,flightdate:row.flightdate,bustype:row.turntype}
                selectResponseList(params).then(res=>{
                    this.dialogTableVisible=true;
                    let response=res.data.data;
                    this.gridData=response;
                });
            },
            //状态适配
            formatStatus:function (row,column) {
                return row.status=='01'?'接受申报':row.status=='02'?'待人工审核':row.status=='03'?'退单'
                    :row.status=='11'?'放行':row.status=='12'?'拒装':row.status=='13'?'禁卸'
                        :row.status=='21'?'可自动发送':row.status=='22'?'未发送':row.status=='23'?'已发送新增报'
                            :row.status=='24'?'已发送删除报':row.status=='25'?'已发送修改报':'';
            },
            //发送舱单报按钮判定事件
            btSendStatusFormater:(status) => {
                if(status=='23' || status=='24'||status=='25'){
                    return true;
                }else if(status=='22' ) {
                    return false;
                }
            },
            btDeleStatusFormater:(status) => {
                if(status=='23' || status=='24'||status=='25'){
                    return true;
                }else if(status=='22' ) {
                    return false;
                }
            },
            //发送分拨申请报
            importSend(index,row){
                const map = {'mt6202':row,'username':loginedUserInfo().username}
                sendCreateMt6202(map).then(res=>{
                    let response=res.data;
                    console.log(res);
                    this.code=response.code;
                    if(this.code=='200'){
                        row.status='23'
                        row.ext5='分拨申请发送成功';
                        this.outerVisible = false;
                        this.centerDialogVisible=true;
                        this.msg=response.msg;
                    }else{
                        this.outerVisible = false;
                        this.centerDialogVisible=true;
                        this.msg=response.msg;
                    }
                });
            },
            //发送分拨申请删除报
            importDel(index,row){
                this.dialogFormVisible=true;
                this.udStatus='delete';
                this.Udform.awbano=row.awba;
                this.Udform.awbhno=row.awbh;
                this.Udform.carrier=row.carrier;
                this.Udform.flightno=row.flightno.substring(2);
                this.Udform.flightdate=row.flightdate;
                this.Udform.bustype='MT6202';
                this.Udform.busdate=Date.parse(new Date());
                this.Udform.busweight=row.weight;
                this.Udform.buspiece=row.piece;
                this.Udform.opertype='发送分拨申请删除报';
                if(row.awbh==null){
                    row.awbh="";
                }
                this.rows=row;
            },
            //发送分拨申请删除报表单
            deleteIdForm(formName){
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                const map = {'flightNo':this.rows.flightno,
                    'flightDate':this.rows.flightdate,
                    'awba':this.rows.awba,
                    'content':'',
                    'customCode':this.rows.customcode,
                    'reason' :this.Udform.operreason,
                    'contactName':this.Udform.operperson,
                    'contactTel':this.Udform.opertel,
                    'carrier':this.rows.carrier,
                    'username':loginedUserInfo().username}
                    if(this.rows.turntype=='MT6202'){
                        sendRemoveMt6202(map).then(res=>{
                            let response=res.data;
                            //console.log(res);
                            this.code=response.code;
                            if(this.code=='200'){
                                this.rows.status='24';
                                this.rows.ext5='分拨申请删除报发送成功';
                                this.dialogFormVisible=false;
                                this.outerVisible = false;
                                this.centerDialogVisible=true;
                                this.msg=response.msg;
                            }else{
                                this.dialogFormVisible=false;
                                this.outerVisible = false;
                                this.centerDialogVisible=true;
                                this.msg=response.msg;
                            }
                        });
                    }else{
                        sendRemoveMt3202(map).then(res=>{
                            let response=res.data;
                            //console.log(res);
                            this.code=response.code;
                            if(this.code=='200'){
                                this.rows.status='24';
                                this.rows.ext5='分拨运抵删除报发送成功';
                                this.dialogFormVisible=false;
                                this.outerVisible = false;
                                this.centerDialogVisible=true;
                                this.msg=response.msg;
                            }else{
                                this.dialogFormVisible=false;
                                this.outerVisible = false;
                                this.centerDialogVisible=true;
                                this.msg=response.msg;
                            }
                        });
                    }}
                    else {
                            console.log('error submit!!');
                            return false;
                        }
                });

            },
            //发送分拨运抵报
            arriveSend(index,row){

                const map = {'mt3202':row,'username':loginedUserInfo().username}
                sendCreateMt3202(map).then(res=>{
                    let response=res.data;
                    //console.log(res);
                    this.code=response.code;
                    if(this.code=='200'){
                        row.status='23'
                        row.ext5='分拨运抵发送成功';
                        this.outerVisible = false;
                        this.centerDialogVisible=true;
                        this.msg=response.msg;
                    }else{
                        this.outerVisible = false;
                        this.centerDialogVisible=true;
                        this.msg=response.msg;
                    }
                });
            },
            //发送分拨返抵删除报
            arriveDel(index,row){
                this.dialogFormVisible=true;
                this.udStatus='delete';
                this.Udform.awbano=row.awba;
                this.Udform.awbhno=row.awbh;
                this.Udform.carrier=row.carrier;
                this.Udform.flightno=row.flightno.substring(2);
                this.Udform.flightdate=row.flightdate;
                this.Udform.bustype='MT3202';
                this.Udform.busdate=Date.parse(new Date());
                this.Udform.busweight=row.weight;
                this.Udform.buspiece=row.piece;
                this.Udform.opertype='发送分拨运抵删除报';
                if(row.awbh==null){
                    row.awbh="";
                }
                this.rows=row;
            },
            handleClick(row) {
                console.log(row);
            },
            handleSizeChange(val) {
                this.pageSize=val;
                this.Query();
            },
            handleCurrentChange(val) {
                this.currentPage=val;
                this.query();
            },
            //条件查询
            Query(){
                this.listLoading = true;
                QueryData(this.defaultQuery).then(res =>{
                    console.log(res);
                    let response=res.data.data;
                    this.tableData=response.list;
                    this.total=response.total;
                    this.listLoading = false;
            });
            },
            getList(){
                this.defaultQuery=this.$route.params;
                this.listLoading = true;
                QueryData(this.defaultQuery).then(res =>{
                    //console.log(res);
                    let response=res.data.data;
                    this.tableData=response.list;
                    this.total=response.total;
                    this.listLoading = false;
            });
            },
            //运抵信息编辑
            arriveEdit(index,row){
                this.AouterVisible=true;
                this.dialogStatus="update";
                this.AruleForm=row;
            },
            //申请分拨编辑
            importEdit(index,row){
                this.IouterVisible=true;
                this.dialogStatus="update";
                this.IruleForm=row;
            },
            //查看分拨申请信息
            seeimport(row){
                this.IouterVisible=true;
                this.dialogStatus="detail";
                this.IruleForm=row;
            },
            //查看分拨运抵信息
            seearrive(row){
                this.AouterVisible=true;
                this.dialogStatus="detail";
                this.AruleForm=row;
            },
            //分拨运抵更新
            AupdateData(formName){
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        ediAllocat(this.AruleForm).then(res=>{
                            let response=res.data;
                        this.code=response.code;
                        if(this.code=='200'){
                            this.AouterVisible = false;
                            this.centerDialogVisible=true;
                            this.msg=response.msg;
                        }else{
                            this.AouterVisible = false;
                            this.centerDialogVisible=true;
                            this.msg=response.msg;
                        }
                    });
                    } else {
                        console.log('error submit!!');
                return false;
            }
            });
            },
            //分拨申请更新
            IupdateData(formName){
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        ediAllocat(this.IruleForm).then(res=>{
                            let response=res.data;
                        //console.log(res);
                        this.code=response.code;
                        if(this.code=='200'){
                            this.IouterVisible = false;
                            this.centerDialogVisible=true;
                            this.msg=response.msg;
                        }else{
                            this.IouterVisible = false;
                            this.centerDialogVisible=true;
                            this.msg=response.msg;
                        }
                    });
                    } else {
                        console.log('error submit!!');
                return false;
            }
            });
            }
        },
        computed:{
            ...mapGetters(['getUserInfoStore','getUserMenuStore']) // 动态计算属性，相当于this.$store.getters.resturantName
        },
        activated(){
            this.getList();
        }
    }
</script>