|
|
|
<template>
|
|
|
|
<el-container>
|
|
|
|
<el-main style="background-color: white">
|
|
|
|
<!--检索条目部分-->
|
|
|
|
<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>航班号：{{defaultQuery.flightno}}</span>
|
|
|
|
<span>航班日期：{{defaultQuery.flightdate}}</span>
|
|
|
|
<span>航段：{{defaultQuery.originstation}}-{{defaultQuery.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.5" class="pub">
|
|
|
|
<div class="grid-content">
|
|
|
|
<el-input v-model="defaultQuery.awba" placeholder="请输入主单号"></el-input>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="1.5" class="pub">
|
|
|
|
<div class="grid-content">
|
|
|
|
<el-button type="primary" size="mini" v-on:click="getList">查询</el-button>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="4" class="pub">
|
|
|
|
<div class="grid-content">
|
|
|
|
<el-button type="primary" size="mini">导出PDF</el-button>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
|
|
<div class="grid-content content" style="margin-top: 6px">舱单明细</div>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!--查询列表部分-->
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="24">
|
|
|
|
<template>
|
|
|
|
<el-table
|
|
|
|
ref="multipleTable"
|
|
|
|
:data="tableData"
|
|
|
|
tooltip-effect="dark"
|
|
|
|
style="width: 100%"
|
|
|
|
@selection-change="handleSelectionChange"
|
|
|
|
row-key="uuid"
|
|
|
|
border
|
|
|
|
default-expand-all
|
|
|
|
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
|
|
|
|
<el-table-column
|
|
|
|
type="selection"
|
|
|
|
width="50">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="waybill"
|
|
|
|
label="运单号"
|
|
|
|
width="160"
|
|
|
|
show-overflow-tooltip>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="awbinfo.pcs"
|
|
|
|
label="总件数"
|
|
|
|
width="70"
|
|
|
|
show-overflow-tooltip>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="awbinfo.weight"
|
|
|
|
label="总重量"
|
|
|
|
width="70"
|
|
|
|
show-overflow-tooltip>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="piece"
|
|
|
|
label="舱单件数"
|
|
|
|
width="80"
|
|
|
|
show-overflow-tooltip>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="weight"
|
|
|
|
label="舱单重量"
|
|
|
|
width="80"
|
|
|
|
show-overflow-tooltip>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="goodsname"
|
|
|
|
label="货品名称"
|
|
|
|
width="140">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="status"
|
|
|
|
label="状态"
|
|
|
|
width="100">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="customText"
|
|
|
|
label="回执信息"
|
|
|
|
width="180">
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="operation"
|
|
|
|
label="操作"
|
|
|
|
width="750"
|
|
|
|
show-overflow-tooltip>
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<el-button
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="handleDetail(scope.$index, scope.row)">收发明细
|
|
|
|
</el-button>
|
|
|
|
<el-button
|
|
|
|
v-if="scope.row.awbh==''||scope.row.awbh==null"
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="handleEdit(scope.$index, scope.row)">编辑主单
|
|
|
|
</el-button>
|
|
|
|
<el-button
|
|
|
|
v-else
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="handleFen(scope.$index, scope.row)">编辑分单
|
|
|
|
</el-button>
|
|
|
|
<el-button
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="handleSend(scope.$index, scope.row)">发送舱单报
|
|
|
|
</el-button>
|
|
|
|
<el-button
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="handleUpdate(scope.$index, scope.row)">发送舱单修改报
|
|
|
|
</el-button>
|
|
|
|
<el-button
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="handleDelete(scope.$index, scope.row)">发送舱单删除报
|
|
|
|
</el-button>
|
|
|
|
<el-button
|
|
|
|
v-if="scope.row.awbh==''||scope.row.awbh==null"
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="Importallocation(scope.$index, scope.row)">分拨申请
|
|
|
|
</el-button>
|
|
|
|
<el-button
|
|
|
|
v-else
|
|
|
|
disabled=""
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="Importallocation(scope.$index, scope.row)">分拨申请
|
|
|
|
</el-button>
|
|
|
|
<el-button
|
|
|
|
v-if="scope.row.awbh==''||scope.row.awbh==null"
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="Allocatearrive(scope.$index, scope.row)">分拨运抵
|
|
|
|
</el-button>
|
|
|
|
<el-button
|
|
|
|
v-else
|
|
|
|
disabled=""
|
|
|
|
size="mini"
|
|
|
|
type="primary"
|
|
|
|
@click="Allocatearrive(scope.$index, scope.row)">分拨运抵
|
|
|
|
</el-button>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
|
|
</template>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!--编辑主单-->
|
|
|
|
<el-dialog :title="'原始舱单信息'+textMap[dialogStatus]" :visible.sync="outerVisible" width="90%">
|
|
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="labelPosition"
|
|
|
|
label-width="78px" size="mini">
|
|
|
|
<!--航班信息部分-->
|
|
|
|
<el-row class="flightInfo">
|
|
|
|
<el-col :span="24">
|
|
|
|
<div class="grid-content content">航班信息</div>
|
|
|
|
</el-col>
|
|
|
|
<el-row class="flightInfo">
|
|
|
|
<el-col :span="4">
|
|
|
|
<el-form-item label="运单号" prop="awba">
|
|
|
|
<div v-if="dialogStatus === 'update'">
|
|
|
|
<el-input disabled="" v-model="ruleForm.awba"></el-input>
|
|
|
|
</div>
|
|
|
|
<div v-else>
|
|
|
|
<el-input v-model="ruleForm.awba"></el-input>
|
|
|
|
</div>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="4">
|
|
|
|
<el-form-item label="航班号" prop="flightno">
|
|
|
|
<el-input disabled="" v-model="ruleForm.flightno"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="5">
|
|
|
|
<el-form-item label="航班日期" required>
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-form-item prop="flightdate">
|
|
|
|
<el-date-picker disabled="" type="date" placeholder="选择日期" :clearable="false"
|
|
|
|
v-model="ruleForm.flightdate"
|
|
|
|
style="width: 100%;"></el-date-picker>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="4">
|
|
|
|
<el-form-item label="航段" prop="originstation">
|
|
|
|
<el-input disabled="" v-model="ruleForm.originstation"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="4">
|
|
|
|
<el-form-item label="是否分批" prop="splitcode">
|
|
|
|
<el-select v-model="ruleForm.splitcode" placeholder="">
|
|
|
|
<el-option v-for="item in splitcodes" :key="item.value" :label="item.label"
|
|
|
|
:value="item.value"></el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-button size="mini" type="primary" @click="dialogStatus==='create'?createData('ruleForm'):updateData('ruleForm')" style="float: right">保存</el-button>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row class="flightInfo">
|
|
|
|
<el-col :span="4">
|
|
|
|
<div v-if="FenStatus === 'addAwbh'">
|
|
|
|
<el-form-item label="分单号" prop="awbh">
|
|
|
|
<el-input v-model="ruleForm.awbh"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</div>
|
|
|
|
<div v-else>
|
|
|
|
<el-form-item style="display: none" label="分单号" prop="awbh">
|
|
|
|
<el-input v-model="ruleForm.awbh"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
<!--运单信息部分-->
|
|
|
|
<el-row class="flightInfo">
|
|
|
|
<el-col :span="24">
|
|
|
|
<div class="grid-content content">运单信息</div>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!--航程信息部分-->
|
|
|
|
<el-row class="flightInfo">
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-divider content-position="left">航程信息</el-divider>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row style="margin-bottom: 0px;">
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-form-item label="起始站" prop="awbinfo.sairportid" >
|
|
|
|
<el-input v-model="ruleForm.awbinfo.sairportid"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-form-item label="承运人1" prop="awbinfo.by1">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.by1"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-form-item label="到达站1" prop="awbinfo.dest1">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.dest1"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-form-item label="承运人2" prop="awbinfo.by2">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.by2"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-form-item label="到达站2" prop="awbinfo.dest2">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.dest2"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-form-item label="承运人3" prop="awbinfo.by3">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.by3"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-form-item label="到达站3" prop="awbinfo.dest3">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.dest3"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-form-item label="目的站" prop="awbinfo.eairportid">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.eairportid"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!--货物信息部分-->
|
|
|
|
<el-row class="flightInfo">
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-divider content-position="left">货物信息</el-divider>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row style="margin-bottom: 0px;">
|
|
|
|
<el-row class="product">
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="总件数" prop="awbinfo.pcs">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.pcs"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="总重量" prop="awbinfo.weight">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.weight"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="舱单件数" prop="piece">
|
|
|
|
<el-input v-model="ruleForm.piece"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="舱单重量" prop="weight">
|
|
|
|
<el-input v-model="ruleForm.weight"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row class="product">
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="特货代码" prop="specopeid">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.specopeid"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="付费方式" prop="paymodel">
|
|
|
|
<el-select v-model="ruleForm.awbinfo.paymodel" placeholder="" style="display:inline">
|
|
|
|
<el-option v-for="item in paymodel" :key="item.value" :label="item.label"
|
|
|
|
:value="item.value"></el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="海关状态" prop="ext5">
|
|
|
|
<el-select v-model="ruleForm.ext5" placeholder="" style="display:inline">
|
|
|
|
<el-option v-for="(item,index) in customext5" :key="index" :label="item.label"
|
|
|
|
:value="item.value"></el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="海关关区" prop="customcode">
|
|
|
|
<el-select v-model="ruleForm.customcode" placeholder="" style="display:inline">
|
|
|
|
<el-option v-for="(item,index) in customcodes" :key="index" :label="item.label"
|
|
|
|
:value="item.value"></el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row class="product">
|
|
|
|
<el-col :span="12">
|
|
|
|
<el-form-item label="货物描述" prop="goodsname">
|
|
|
|
<el-input v-model="ruleForm.goodsname"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
<!--发货人信息部分-->
|
|
|
|
<el-row class="flightInfo">
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-divider content-position="left">发货人信息</el-divider>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row style="margin-bottom: 0px;">
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="发货人称" prop="awbinfo.shprname">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.shprname"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="国家代码" prop="awbinfo.shprcountyr">
|
|
|
|
<el-select v-model="ruleForm.awbinfo.shprcountyr" placeholder="" style="display:inline">
|
|
|
|
<el-option v-for="item in shprcountyrs" :key="item" :label="item"
|
|
|
|
:value="item"></el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="地址" prop="awbinfo.shpraddress">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.shpraddress"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="电话" prop="awbinfo.shprtel">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.shprtel"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!--收货人信息部分-->
|
|
|
|
<el-row class="flightInfo">
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-divider content-position="left">收货人信息</el-divider>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row style="margin-bottom: 5px">
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="收货人称" prop="awbinfo.cnsnname">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.cnsnname"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="国家代码" prop="awbinfo.cnscountyr">
|
|
|
|
<el-select v-model="ruleForm.awbinfo.cnscountyr" placeholder="" style="display:inline">
|
|
|
|
<el-option v-for="item in cnscountyrs" :key="item" :label="item"
|
|
|
|
:value="item"></el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="地址" prop="awbinfo.cnsnaddress">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.cnsnaddress"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-form-item label="电话" prop="awbinfo.cnsntel">
|
|
|
|
<el-input v-model="ruleForm.awbinfo.cnsntel"></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!--分单信息部分-->
|
|
|
|
<el-row class="flightInfo">
|
|
|
|
<el-col :span="24">
|
|
|
|
<div class="grid-content content" v-if="dialogStatus === 'update'">
|
|
|
|
<span>航班信息</span>
|
|
|
|
<el-button type="primary" v-on:click="addFen('ruleForm')" size="mini">新增分单</el-button>
|
|
|
|
</div>
|
|
|
|
<div class="grid-content content" v-else>
|
|
|
|
<span>航班信息</span>
|
|
|
|
<el-button type="primary" disabled="" @click="innerVisible = true" size="mini">新增分单</el-button>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!--分单列表-->
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="24">
|
|
|
|
<template>
|
|
|
|
<el-table
|
|
|
|
:data="tableData2"
|
|
|
|
style="width: 100%">
|
|
|
|
<el-table-column
|
|
|
|
prop="awbh"
|
|
|
|
label="分单号"
|
|
|
|
width="150">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="pcs"
|
|
|
|
label="件数"
|
|
|
|
width="120">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="wei"
|
|
|
|
label="重量"
|
|
|
|
width="120">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="piece"
|
|
|
|
label="舱单件数"
|
|
|
|
width="120">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="weight"
|
|
|
|
label="舱单重量"
|
|
|
|
width="120">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
prop="goodsname"
|
|
|
|
label="货物名称"
|
|
|
|
width="300">
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column
|
|
|
|
fixed="right"
|
|
|
|
label="操作"
|
|
|
|
width="130">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<el-button @click="handleClick(scope.row)" type="text" size="small">编辑
|
|
|
|
</el-button>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
|
|
</template>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-form>
|
|
|
|
</el-dialog>
|
|
|
|
<!--footer部分-->
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="2.5" class="pub">
|
|
|
|
<div class="grid-content">
|
|
|
|
<el-button type="primary" size="mini" v-on:click="addOrig">新增原始舱单</el-button>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="2.5" class="pub">
|
|
|
|
<div class="grid-content">
|
|
|
|
<el-button type="primary" size="mini">批量发送删除报</el-button>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="2" class="pub">
|
|
|
|
<div class="grid-content">
|
|
|
|
<el-button type="primary" size="mini">返回</el-button>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="2.5" class="pub">
|
|
|
|
<div class="grid-content"><span>主单数：999</span></div>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3.5" class="pub">
|
|
|
|
<div class="grid-content"><span>舱单总件数：999999</span></div>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="4" class="pub">
|
|
|
|
<div class="grid-content"><span>舱单总重量：999999</span></div>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!--对话提示框-->
|
|
|
|
<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-main>
|
|
|
|
</el-container>
|
|
|
|
</template>
|
|
|
|
<!--自定义CSS样式-->
|
|
|
|
<style scoped>
|
|
|
|
.grid-content {
|
|
|
|
height: 36px;
|
|
|
|
line-height: 36px;
|
|
|
|
}
|
|
|
|
.el-dialog__body{text-align: center}
|
|
|
|
.content {
|
|
|
|
border-left: 4px #409EFF solid;
|
|
|
|
padding-left: 10px;
|
|
|
|
background-color: #f9fafc;
|
|
|
|
margin-bottom: 2px
|
|
|
|
}
|
|
|
|
|
|
|
|
.row-bg, .co {
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
span {
|
|
|
|
font-weight: bold;
|
|
|
|
margin-right: 35px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.el-table td, .el-table th {
|
|
|
|
text-align: center
|
|
|
|
}
|
|
|
|
|
|
|
|
.el-form-item {
|
|
|
|
margin-bottom: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.flightInfo {
|
|
|
|
margin-bottom: 0px
|
|
|
|
}
|
|
|
|
|
|
|
|
.el-dialog__body {
|
|
|
|
padding: 10px 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.el-col {
|
|
|
|
margin-right: 0px
|
|
|
|
}
|
|
|
|
|
|
|
|
.product {
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pub {
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import { getMt1201List,addMt1201,ediMt1201,getFenList } from '../../api/mt1201'
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
/*初始数据*/
|
|
|
|
return {
|
|
|
|
defaultQuery:{
|
|
|
|
flightno: undefined,
|
|
|
|
flightdate: undefined,
|
|
|
|
originstation: undefined,
|
|
|
|
destinationstation: undefined,
|
|
|
|
awba: undefined
|
|
|
|
},
|
|
|
|
FenQuery:{
|
|
|
|
flightno: undefined,
|
|
|
|
flightdate: undefined,
|
|
|
|
originstation: undefined,
|
|
|
|
destinationstation: undefined,
|
|
|
|
awba: undefined
|
|
|
|
},
|
|
|
|
tableData: [],
|
|
|
|
tableData2: [],
|
|
|
|
multipleSelection: [],
|
|
|
|
outerVisible: false,
|
|
|
|
innerVisible: false,
|
|
|
|
dialogStatus:'',
|
|
|
|
textMap:{
|
|
|
|
update: '编辑',
|
|
|
|
create: '添加'
|
|
|
|
},
|
|
|
|
ruleForm: {
|
|
|
|
awba: undefined,
|
|
|
|
awbh: undefined,
|
|
|
|
passage: undefined,
|
|
|
|
customcode: '-1',
|
|
|
|
flightno: undefined,
|
|
|
|
flightdate: undefined,
|
|
|
|
originstation: undefined,
|
|
|
|
destinationstation: undefined,
|
|
|
|
piece: undefined,
|
|
|
|
weight: undefined,
|
|
|
|
goodsname: undefined,
|
|
|
|
splitcode: 'T',
|
|
|
|
uldType: undefined,
|
|
|
|
uldNo: undefined,
|
|
|
|
status: undefined,
|
|
|
|
ext5:'-1',
|
|
|
|
awbinfo: {
|
|
|
|
specopeid: undefined,
|
|
|
|
shprname: undefined,
|
|
|
|
shprmobiletype: undefined,
|
|
|
|
shprtel: undefined,
|
|
|
|
shpraddress: undefined,
|
|
|
|
shprcountyr: undefined,
|
|
|
|
shpcomidpre: undefined,
|
|
|
|
shpcomidpno: undefined,
|
|
|
|
cnsnname: undefined,
|
|
|
|
cnsrmobiletype: undefined,
|
|
|
|
cnsntel: undefined,
|
|
|
|
cnsnaddress: undefined,
|
|
|
|
cnscountyr: undefined,
|
|
|
|
cnscomidpre: undefined,
|
|
|
|
cnscomidno: undefined,
|
|
|
|
cnsrctcname: undefined,
|
|
|
|
cnsrctctel: undefined,
|
|
|
|
cargonm: undefined,
|
|
|
|
sairportid: undefined,
|
|
|
|
dest1city: undefined,
|
|
|
|
by1: undefined,
|
|
|
|
dest1: undefined,
|
|
|
|
by2: undefined,
|
|
|
|
dest2: undefined,
|
|
|
|
by3: undefined,
|
|
|
|
dest3: undefined,
|
|
|
|
eairportid: undefined,
|
|
|
|
csgcustomerid: undefined,
|
|
|
|
paymodel: 'PP',
|
|
|
|
pcs: undefined,
|
|
|
|
weight: undefined
|
|
|
|
},
|
|
|
|
waybill:undefined
|
|
|
|
},
|
|
|
|
paymodel:[{value:'PP',label:'预付'},{value:'DP',label:'到付'}],
|
|
|
|
customext5: [
|
|
|
|
{
|
|
|
|
value: '-1',
|
|
|
|
label: '请选择'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: '001',
|
|
|
|
label: '进出口货物'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: '002',
|
|
|
|
label: '国际转运货物'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: '003',
|
|
|
|
label: '过境货物'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: '004',
|
|
|
|
label: '暂时进出境集装箱'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: '007',
|
|
|
|
label: '互市贸易'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: '008',
|
|
|
|
label: '惰性物料'
|
|
|
|
}],
|
|
|
|
customcodes:[
|
|
|
|
{
|
|
|
|
value: '-1',
|
|
|
|
label: '请选择'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: '4604',
|
|
|
|
label: '4604'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: '4620',
|
|
|
|
label: '4620'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: '4613',
|
|
|
|
label: '4613'
|
|
|
|
}],
|
|
|
|
rules: {
|
|
|
|
waybill: [{required: true, message: '请输入运单号', trigger: 'blur'}],
|
|
|
|
flightno: [{required: true, message: '航班号必须输入', trigger: 'blur'}],
|
|
|
|
flightdate: [{required: true, message: '航班日期必须选择', trigger: 'blur'}],
|
|
|
|
originstation: [{required: true, message: '航段必须输入', trigger: 'blur'}],
|
|
|
|
splitcode: [{required: true, message: '必须选择', trigger: 'blur'}],
|
|
|
|
piece: [{required: true, message: '舱单件数必须输入且为数字', trigger: 'blur'}],
|
|
|
|
weight: [{required: true, message: '舱单重量必须输入且为数字', trigger: 'blur'}],
|
|
|
|
'awbinfo.sairportid': [{required: true, message: '起始站必须输入', trigger: 'blur'}],
|
|
|
|
'awbinfo.eairportid': [{required: true, message: '目的站必须输入', trigger: 'blur'}],
|
|
|
|
'awbinfo.by1': [{required: true, message: '第一承运人必须输入', trigger: 'blur'}],
|
|
|
|
'awbinfo.dest1': [{required: true, message: '第一到达站人必须输入', trigger: 'blur'}],
|
|
|
|
'awbinfo.pcs': [{required: true, message: '总件数必须输入且为数字', trigger: 'blur'}],
|
|
|
|
'awbinfo.weight': [{required: true, message: '总重量必须输入且为数字', trigger: 'blur'}],
|
|
|
|
'awbinfo.shprname': [{required: true, message: '发货人不能为空', trigger: 'blur'}],
|
|
|
|
'awbinfo.shprtel': [{required: true, message: '发货电话不能为空', trigger: 'blur'}],
|
|
|
|
'awbinfo.shpraddress': [{required: true, message: '发货地址不能为空', trigger: 'blur'}],
|
|
|
|
'awbinfo.shprcountyr': [{required: true, message: '国家代码不能为空', trigger: 'change'}],
|
|
|
|
'awbinfo.cnsnname': [{required: true, message: '收货人不能为空', trigger: 'blur'}],
|
|
|
|
'awbinfo.cnsntel': [{required: true, message: '收货电话不能为空', trigger: 'blur'}],
|
|
|
|
'awbinfo.cnsnaddress': [{required: true, message: '收获地址不能为空', trigger: 'blur'}],
|
|
|
|
'awbinfo.cnscountyr': [{required: true, message: '国家代码不能为空', trigger: 'change'}],
|
|
|
|
'awbinfo.paymodel':[{required: true, message: '付费方式必须选择', trigger: 'change'}],
|
|
|
|
customcode:[{required: true, message: '海关关区必须选择', trigger: 'change'}],
|
|
|
|
goodsname:[{required: true, message: '货物描述必须填写', trigger: 'blur'}]
|
|
|
|
},
|
|
|
|
labelPosition: 'left',
|
|
|
|
splitcodes: [{value:'T',label:'否'},{value:'P',label:'是'}],
|
|
|
|
shprcountyrs:['US','CN'],
|
|
|
|
cnscountyrs:['US','CN'],
|
|
|
|
msg:'',
|
|
|
|
code:'',
|
|
|
|
centerDialogVisible:false,
|
|
|
|
FenStatus:''
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
/*多选框功能*/
|
|
|
|
handleSelectionChange(val) {
|
|
|
|
this.multipleSelection = val;
|
|
|
|
},
|
|
|
|
/*编辑主单信息*/
|
|
|
|
handleEdit(index, row){
|
|
|
|
this.outerVisible = true;
|
|
|
|
this.dialogStatus='update';
|
|
|
|
this.FenStatus='ediAwbh';
|
|
|
|
this.ruleForm=row;
|
|
|
|
this.ruleForm.originstation=row.originstation+"-"+row.destinationstation;
|
|
|
|
this.FenQuery.awba=row.awba;
|
|
|
|
this.FenQuery.flightno= row.flightno;
|
|
|
|
this.FenQuery.flightdate=row.flightdate
|
|
|
|
this.FenQuery.originstation=this.defaultQuery.originstation;
|
|
|
|
this.FenQuery.destinationstation=row.destinationstation;
|
|
|
|
this.getFenList(this.FenQuery);
|
|
|
|
},
|
|
|
|
/*编辑分单信息*/
|
|
|
|
handleFen(index,row){
|
|
|
|
this.outerVisible = true;
|
|
|
|
this.dialogStatus='update';
|
|
|
|
this.FenStatus='addAwbh';
|
|
|
|
this.ruleForm=row;
|
|
|
|
this.ruleForm.flightno=row.carrier+row.flightno;
|
|
|
|
this.ruleForm.originstation=row.originstation+"-"+row.destinationstation;
|
|
|
|
|
|
|
|
},
|
|
|
|
//发送舱单报
|
|
|
|
handleSend(index,row){},
|
|
|
|
/*编辑分单列表信息*/
|
|
|
|
handleClick(row) {
|
|
|
|
this.outerVisible = true;
|
|
|
|
this.dialogStatus='update';
|
|
|
|
this.FenStatus='addAwbh';
|
|
|
|
this.ruleForm=row;
|
|
|
|
this.ruleForm.flightno=row.carrier+row.flightno;
|
|
|
|
this.ruleForm.originstation=row.originstation+"-"+row.destinationstation;
|
|
|
|
},
|
|
|
|
/*获取默认值*/
|
|
|
|
getDefaultData(){
|
|
|
|
this.defaultQuery.flightno = this.$route.params.flightno;
|
|
|
|
this.defaultQuery.flightdate = this.$route.params.flightdate;
|
|
|
|
this.defaultQuery.originstation = this.$route.params.originstation;
|
|
|
|
this.defaultQuery.destinationstation = this.$route.params.destinationstation;
|
|
|
|
this.defaultQuery.awba=this.$route.params.awba;
|
|
|
|
},
|
|
|
|
/*获取默认数据列表*/
|
|
|
|
getList(){
|
|
|
|
getMt1201List(this.defaultQuery).then(res =>{
|
|
|
|
//console.log(res);
|
|
|
|
let response=res.data.data;
|
|
|
|
this.tableData=response;
|
|
|
|
});
|
|
|
|
},
|
|
|
|
//新增原始舱单按钮
|
|
|
|
addOrig(){
|
|
|
|
this.dialogStatus="create";
|
|
|
|
this.outerVisible = true;
|
|
|
|
this.FenStatus='ediAwbh';
|
|
|
|
this.ruleForm.flightno=this.$route.params.flightno;
|
|
|
|
this.ruleForm.flightdate=this.$route.params.flightdate;
|
|
|
|
this.ruleForm.originstation=this.$route.params.originstation+"-"+this.$route.params.destinationstation;
|
|
|
|
},
|
|
|
|
//新增原始分单
|
|
|
|
addFen(formName){
|
|
|
|
this.dialogStatus="create";
|
|
|
|
this.outerVisible = true;
|
|
|
|
this.FenStatus='addAwbh';
|
|
|
|
},
|
|
|
|
//新增原始舱单数据
|
|
|
|
createData(formName){
|
|
|
|
this.$refs[formName].validate((valid) => {
|
|
|
|
if (valid) {
|
|
|
|
addMt1201(this.ruleForm).then(res=>{
|
|
|
|
let response=res.data;
|
|
|
|
//console.log(res);
|
|
|
|
this.code=response.code;
|
|
|
|
if(this.code=='200'){
|
|
|
|
this.outerVisible = false;
|
|
|
|
this.$refs[formName].resetFields();
|
|
|
|
this.centerDialogVisible=true;
|
|
|
|
this.msg=response.msg;
|
|
|
|
this.getList();
|
|
|
|
}else{
|
|
|
|
this.outerVisible = false;
|
|
|
|
this.centerDialogVisible=true;
|
|
|
|
this.$refs[formName].resetFields();
|
|
|
|
this.msg=response.msg;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
console.log('error submit!!');
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
//修改原始舱单数据
|
|
|
|
updateData(formName){
|
|
|
|
this.$refs[formName].validate((valid) => {
|
|
|
|
if (valid) {
|
|
|
|
ediMt1201(this.ruleForm).then(res=>{
|
|
|
|
let response=res.data;
|
|
|
|
//console.log(res);
|
|
|
|
this.code=response.code;
|
|
|
|
if(this.code=='200'){
|
|
|
|
this.outerVisible = false;
|
|
|
|
this.centerDialogVisible=true;
|
|
|
|
this.msg=response.msg;
|
|
|
|
this.getList();
|
|
|
|
}else{
|
|
|
|
this.outerVisible = false;
|
|
|
|
this.centerDialogVisible=true;
|
|
|
|
this.msg=response.msg;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
console.log('error submit!!');
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
//获取分单列表
|
|
|
|
getFenList(data){
|
|
|
|
getFenList(data).then(res =>{
|
|
|
|
//console.log(res);
|
|
|
|
let response=res.data.data;
|
|
|
|
this.tableData2=response;
|
|
|
|
});
|
|
|
|
},
|
|
|
|
//分拨申请
|
|
|
|
Importallocation(index,row){
|
|
|
|
this.$router.push({name:'进港分拨',params:{carrier:row.carrier,flightno:row.flightno.substr(2),awba:row.awba,flightdate:row.flightdate,
|
|
|
|
turnpiece:row.awbinfo.pcs,turnweight:row.awbinfo.weight,customcode:row.customcode}});
|
|
|
|
|
|
|
|
},
|
|
|
|
//分拨运抵
|
|
|
|
Allocatearrive(index,row){
|
|
|
|
this.$router.push({name:'分拨运抵',params:{carrier:row.carrier,flightno:row.flightno.substr(2),awba:row.awba,flightdate:row.flightdate,
|
|
|
|
turnpiece:row.awbinfo.pcs,turnweight:row.awbinfo.weight,customcode:row.customcode,goodsname:row.goodsname}});
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
/*渲染方法*/
|
|
|
|
mounted(){
|
|
|
|
this.getDefaultData();
|
|
|
|
this.getList();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script> |
|
|
\ No newline at end of file |
...
|
...
|
|
