<template>
<el-card>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="生成主单" name="first">
<div style="height: 850px;overflow: scroll;margin-left: 25px;background-color: rgb(255,255,255)">
<el-form :model="form" label-width="0px" :rules="apply_formRules" ref="apply_formRef">
<el-row style="margin-left: 40%">
<span style="font-size: 24px;margin-bottom: 25px">
新增主运单
</span>
</el-row>
<el-row>
<el-col :span="4">
<el-form-item label-width="30px" label=" " prop="bill.waybillNum">
<el-input v-model="form.bill.waybillNum" auto-complete="off" placeholder="主运单号(必填)"></el-input>
</el-form-item>
</el-col>
<el-col style="margin-left: 30px" :span="2">
<el-form-item>
<el-input v-model="form.bill.origin" auto-complete="off" placeholder="起始站" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="margin-left: 30px" :span="2">
<el-button type="warning" plain @click="cancleBtn">清空</el-button>
</el-col>
</el-row>
<!-- 发货人信息-->
<el-row>
<el-col :span="12" style="border: 1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Shipper's Name and Address
<el-button type="primary" plain size="mini" style="margin-left: 15px;margin-top: 5px" @click="getShpFwb()">发货人</el-button>
<!-- <el-button type="success" plain size="mini">保 存</el-button>-->
</span>
<el-row>
<el-col style="width: 38%">
<el-form-item>
<el-input minlength="1" maxlength="35" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.shp.shp_name=form.shp.shp_name.replace(/[^A-Za-z0-9_\s]/g,'')" v-model="form.shp.shp_name" auto-complete="off" placeholder="名称" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 40%;margin-left:5px">
<el-form-item>
<el-input minlength="1" maxlength="25" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="shp_contact.contact_number=shp_contact.contact_number.replace(/[^0-9]/g,'')"
v-model="shp_contact.contact_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input>
<!-- <el-select v-model="form.shp.shp_detail_number" placeholder="电话/传真">-->
<!-- <el-option label="电话" value="2"></el-option>-->
<!-- <el-option label="传真" value="3"></el-option>-->
<!-- </el-select>-->
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 25%">
<el-form-item>
<el-input minlength="1" maxlength="9" onkeyup="this.value=this.value.toUpperCase()"
v-model="form.shp.shp_postcode" auto-complete="off" placeholder="邮编"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 25%;margin-left: 10px">
<el-form-item>
<el-input minlength="1" maxlength="17" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.shp.shp_loc_place=form.shp.shp_loc_place.replace(/[^A-Za-z0-9_\s]/g,'')"
v-model="form.shp.shp_loc_place" auto-complete="off" placeholder="城市"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 25%;margin-left: 10px">
<el-form-item>
<el-input minlength="2" maxlength="2" onkeyup="this.value=this.value.toUpperCase()"
v-model="form.shp.shp_country" auto-complete="off" placeholder="国家代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 80%">
<el-form-item>
<el-input minlength="1" maxlength="35" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.shp.shp_adr=form.shp.shp_adr.replace(/[^A-Za-z0-9_\s]/g,'')"
v-model="form.shp.shp_adr" auto-complete="off" placeholder="地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 80%">
<el-form-item>
<el-input minlength="1" maxlength="65" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="shp_oci.oci_csrc_info=shp_oci.oci_csrc_info.replace(/[^A-Za-z0-9_\s]/g,'')"
v-model="shp_oci.oci_csrc_info" auto-complete="off" placeholder="企业编码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-top:1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<el-row style="margin-bottom: 10px">
<el-col style="width: 20%">
<span style="font-size: 12px">
Air Waybill
</span>
</el-col>
</el-row>
<el-row>
<el-col style="width: 20%">
<span style="font-size: 12px">
lssued by
</span>
</el-col>
<el-col style="width: 70%">
<el-form-item>
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}"
auto-complete="off" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<span style="font-size: 12px">
Copies 1,2and3 of this Air Waybill are originals and have the same validity(Not Negotiable)
</span>
</el-row>
</el-col>
</el-row>
<!-- 收货人信息-->
<el-row style="padding-top: 10px">
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Consignee's Name and Address
<el-button type="primary" plain size="mini" style="margin-top: 5px" @click="getCneFwb()">收货人</el-button>
</span>
<el-row>
<el-col style="width: 38%">
<el-form-item>
<el-input minlength="1" maxlength="35" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.cne.cne_name=form.cne.cne_name.replace(/[^A-Za-z0-9_\s]/g,'')"
v-model="form.cne.cne_name" auto-complete="off" placeholder="名称" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 40%;margin-left: 5px">
<el-form-item>
<el-input minlength="1" maxlength="25" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="cne_contact.contact_number=cne_contact.contact_number.replace(/[^0-9]/g,'')"
v-model="cne_contact.contact_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 25%">
<el-form-item>
<el-input minlength="1" maxlength="9" onkeyup="this.value=this.value.toUpperCase()"
v-model="form.cne.cne_postcode" auto-complete="off" placeholder="邮编"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 25%;margin-left: 10px">
<el-form-item>
<el-input minlength="1" maxlength="17" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.cne.cne_loc_place=form.cne.cne_loc_place.replace(/[^A-Za-z0-9_\s]/g,'')"
v-model="form.cne.cne_loc_place" auto-complete="off" placeholder="城市"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 25%;margin-left: 10px">
<el-form-item>
<el-input minlength="2" maxlength="2" onkeyup="this.value=this.value.toUpperCase()"
v-model="form.cne.cne_country" auto-complete="off" placeholder="国家代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 80%">
<el-form-item>
<el-input minlength="1" maxlength="35" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.cne.cne_adr=form.cne.cne_adr.replace(/[^A-Z0-9_\s]/g,'')"
v-model="form.cne.cne_adr" auto-complete="off" placeholder="地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 80%">
<el-form-item>
<el-input minlength="1" maxlength="65" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="cne_oci.oci_csrc_info=cne_oci.oci_csrc_info.replace(/[^A-Za-z0-9_\s]/g,'')"
v-model="cne_oci.oci_csrc_info" auto-complete="off" placeholder="企业编码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
It is agreed that the goods described herein are accepted for carriage in apparent good order and condition (except as noted) and SUBJECT TO THE CONDITION OF CONTRACT ON THE REVERSE HEREOF. ALL GOODS MAY BE CARRIED BY ANY OTHER MEANS INCLUDING ROAD OR ANY OTHER CARRIER UNLESS SPECIFIC CONTRARY IS DRAWN TO THE NOTICE CONCERNING CARRIER'S LIMITATION OF LIABILITY. Shipper may increase such limitation of liability by declaring higher value for carriage and paying a supplemental charge if required.
</span>
</el-col>
</el-row>
<!-- 代理人信息-->
<el-row style="padding-top: 10px">
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;;border-left:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Issuing Carrier's Agent Name and City
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 30%">
<el-form-item>
<el-input disabled v-model="form.agt.agt_name" auto-complete="off" placeholder="代理人名称" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 30%;margin-left: 30px">
<el-form-item>
<el-input disabled v-model="form.agt.agt_ADR" auto-complete="off" placeholder="代理人地址" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Financial information content
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
<el-form-item>
<el-input minlength="1" maxlength="34" onkeyup="this.value=this.value.toUpperCase()"
v-model="acc_info.acc_info" auto-complete="off" placeholder="财务信息内容" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Agent's IATA Code
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 65%">
<el-form-item>
<el-input disabled v-model="form.agt.agt_IATA_number" auto-complete="off" placeholder="IATA代码" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Agent's Account Number
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 65%">
<el-form-item>
<el-input disabled v-model="form.agt.agt_account_number" auto-complete="off" placeholder="代理人账号" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Financial Information Identification
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
<el-form-item>
<el-input v-model="acc_info.acc_info_id" auto-complete="off" placeholder="财务信息标识" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<!-- 航班信息-->
<el-row style="padding-top: 10px">
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Airport of Departure (Addr. of First Carrier) and Requested Routing
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="出发机场（第一承运人地址）" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Currency
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input minlength="3" maxlength="3" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.cvd.cvd_currency_code.replace(/[^A-Za-z]/g,'')"
v-model="form.cvd.cvd_currency_code" auto-complete="off" placeholder="货币单位" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
GHGS Code
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.cvd.cvd_charge_code" auto-complete="off" placeholder="收费代码" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
WT/VAL(PPD)&Other(PPD)
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
<el-form-item>
<el-input v-model="form.cvd.cvd_charge_prepaid" auto-complete="off" placeholder="付费方式" size="mini"></el-input>
</el-form-item>
</el-col>
<!-- <el-col style="width: 45%;margin-left: 5px">-->
<!-- <el-form-item>-->
<!-- <el-input v-model="form.companyName" auto-complete="off" placeholder="" size="mini"></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
</el-row>
</el-col>
<!-- <el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">-->
<!-- <span style="font-size: 12px">-->
<!-- Other(PPD)-->
<!-- </span>-->
<!-- <el-row style="margin-bottom: -5px">-->
<!-- <el-col style="width: 90%">-->
<!-- <el-form-item>-->
<!-- <el-input v-model="form.cvd.cvd_charge_prepaid" auto-complete="off" placeholder="付费方式" size="mini"></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!--<!– <el-col style="width: 45%;margin-left: 5px">–>-->
<!--<!– <el-form-item>–>-->
<!--<!– <el-input v-model="form.companyName" auto-complete="off" placeholder="" size="mini"></el-input>–>-->
<!--<!– </el-form-item>–>-->
<!--<!– </el-col>–>-->
<!-- </el-row>-->
<!-- </el-col>-->
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
To
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input minlength="3" maxlength="3" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.bill.destination.replace(/[^A-Za-z]/g,'')"
v-model="form.bill.destination" auto-complete="off" placeholder="到达站" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
First Carrier
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input minlength="2" maxlength="2" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.flt.cariier.replace(/[^A-Za-z]/g,'')"
v-model="form.flt.cariier" auto-complete="off" placeholder="承运人" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
To
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="到达站" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
By
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="承运人" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
To
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="到达站" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
By
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="承运人" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="5" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Declared Value for Carriage
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.cvd.cvd_value_for_carriage" auto-complete="off" placeholder="运输声明价值" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="5" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Declared Value for Customs
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.cvd.cvd_value_for_customs" auto-complete="off" placeholder="海关声明价值" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Airport of Destination
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input auto-complete="off" placeholder="目的地机场" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Requested Flight/Date
</span>
<el-row>
<el-col style="width: 38%">
<el-form-item>
<el-input v-model="form.flt.flightNumber" auto-complete="off" placeholder="航班号" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 58%;margin-left: 5px">
<el-form-item>
<el-date-picker
v-model="form.flt.day"
type="date" style="width: auto"
size="mini"
format="dd"
value-format="dd"
placeholder="选择日期">
</el-date-picker>
<!-- <el-input v-model="form.companyName" auto-complete="off" placeholder="航班日期" size="mini"></el-input>-->
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Amount of Insurance
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.cvd.cvd_amount_of_insurance" auto-complete="off" placeholder="保险金额" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
INSURANCE —— If carrier offers insurance, and such insurance is requested in accordance with the conditions thereof, indicate amount to be insured in figures in box marked "Amount of Insurance".
</span>
</el-col>
</el-row>
<!-- 处理信息-->
<el-row style="padding-top: 10px">
<el-col :span="22" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding: 5px">
<span style="font-size: 12px">
Handling Information
</span>
<el-row style="margin-bottom: -2px">
<el-col style="width: 100%">
<el-form-item>
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}"
auto-complete="off" placeholder="被通知人信息" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
<span style="font-size: 10px">
(For USA only) These commodities Licensed by U.S. for ultimate destination.Diversion contrary to U.S. law is prohibited.
</span>
</el-col>
</el-row>
<!-- 件重计费信息-->
<!-- 表头信息-->
<el-row style="padding-top: 10px">
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
No. of Pieces RCP
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
Gross Weight
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
kg lb
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">Rate Class</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
Commodity Item No.
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
Chargeable Weight
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">Rate / Charge</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">Total</span>
</el-col>
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">Nature and Quantity of Goods (incl. Dimensions or Volume)</span>
</el-col>
</el-row>
<!-- 输入信息-->
<el-row style="padding-top: 10px">
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.bill.quantity_picecs" auto-complete="off" placeholder="件数" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.bill.quantity_weight" auto-complete="off" placeholder="重量（KG）" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.bill.quantity_weight_code" auto-complete="off" placeholder="计量单位" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-select v-model="form.rtd.rtd_rate_class" placeholder="运价种类">
<el-option label="Q" value="Q"></el-option>
<el-option label="C" value="C"></el-option>
<el-option label="M" value="M"></el-option>
<el-option label="N" value="N"></el-option>
<el-option label="S" value="S"></el-option>
<el-option label="R" value="R"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled v-model="form.rtd.rtd_commodity_NUM" auto-complete="off" placeholder="商品代号" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.rtd.rtd_charge_weight" auto-complete="off" placeholder="计费重量" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.rtd.rtd_rate_charge" auto-complete="off" placeholder="费率" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.rtd.rtd_total" auto-complete="off" placeholder="总计" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input minlength="1" maxlength="20" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="form.rtd.rtd_goods_DES.replace(/[^A-Za-z0-9\s]/g,'')"
v-model="form.rtd.rtd_goods_DES" auto-complete="off" placeholder="货物品名" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-button type="primary" plain size="mini" style="width: 100%;text-align: left" @click="dialogTableVisible = true">尺寸</el-button>
<!-- <el-input v-model="form.companyName" auto-complete="off" placeholder="尺寸（长*宽*高*件数）" size="mini"></el-input>-->
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.bill.quantity_volume" auto-complete="off" placeholder="体积" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input auto-complete="off" placeholder="其他" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<!-- 付款信息-->
<el-row style="padding-top: 10px">
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5">
<el-row style="border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-col :span="16" style="font-size: 12px">
<el-radio v-model="form.cvd.cvd_charge_prepaid" label="PP" value="PP">预付 Prepaid</el-radio>
</el-col>
<el-col :span="4" style="font-size: 12px;margin-left: 25px">
<el-radio v-model="form.cvd.cvd_charge_prepaid" label="CC" value="CC">到付 Collect</el-radio>
</el-col>
</el-row>
<el-row style="padding-top: 20px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='CC'" v-model="form.ppd.ppd_weight_amount" auto-complete="off" placeholder="货重金额" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Weight Charge
</span>
</el-col>
<el-col :span="7">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='PP'" v-model="form.ppd.ppd_weight_amount" auto-complete="off" placeholder="货重金额" size="mini"></el-input>
</el-col>
</el-row>
</el-col>
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Other Charges
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.oth.oth_charges" auto-complete="off" placeholder="其他费用" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5">
<el-row style="border-bottom: 1px solid #a5a5a5;margin-top: 15px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='CC'" v-model="form.ppd.ppd_valuation_amount" auto-complete="off" placeholder="附加费" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Valuation Charge
</span>
</el-col>
<el-col :span="7">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='PP'" v-model="form.ppd.ppd_valuation_amount" auto-complete="off" placeholder="附加费" size="mini"></el-input>
</el-col>
</el-row>
<el-row style="border-bottom: 1px solid #a5a5a5;margin-top: 30px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='CC'" v-model="form.ppd.ppd_taxes_amount" auto-complete="off" placeholder="税款" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Tax
</span>
</el-col>
<el-col :span="7">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='PP'" v-model="form.ppd.ppd_taxes_amount" auto-complete="off" placeholder="税款" size="mini"></el-input>
</el-col>
</el-row>
<el-row style="border-bottom: 1px solid #a5a5a5;margin-top: 30px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='CC'" v-model="form.ppd.ppd_other_charges_due_agent" auto-complete="off" placeholder="其他应付代理人合计" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Total other Charge Due Agent
</span>
</el-col>
<el-col :span="7">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='PP'" v-model="form.ppd.ppd_other_charges_due_agent" auto-complete="off" placeholder="其他应付代理人合计" size="mini"></el-input>
</el-col>
</el-row>
<el-row style="margin-top: 30px;margin-bottom: 2px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='CC'" v-model="form.ppd.ppd_other_charges_due_carrier" auto-complete="off" placeholder="其他应付承运人合计" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Total other Charge Due Carrier
</span>
</el-col>
<el-col :span="7">
<el-input :disabled="form.cvd.cvd_charge_prepaid=='PP'" v-model="form.ppd.ppd_other_charges_due_carrier" auto-complete="off" placeholder="其他应付承运人合计" size="mini"></el-input>
</el-col>
</el-row>
</el-col>
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: 15px">
<el-col style="width: 98%">
<span style="font-size: 12px">
Shipper certifies that the particulars on the face hereof are correct and that insofar as any part of the consignment contains dangerous goods, such part is properly described by name and is in proper condition for carriage by air according to the applicable Dangerous Goods Regulations.
</span>
</el-col>
</el-row>
<el-row style="margin-bottom: -12px">
<el-col :span="10">
<span style="font-size: 12px">
Signature of shipper or His Agent
</span>
</el-col>
<el-col :span="14">
<el-form-item>
<el-input v-model="form.cer.cer_signature" style="width: 95%" auto-complete="off" placeholder="托运人或其代理人签字" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Total prepaid
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input :disabled="form.cvd.cvd_charge_prepaid=='CC'" v-model="form.ppd.ppd_charge_summary_total" auto-complete="off" placeholder="预付总计" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px;text-align: center">
<span style="font-size: 12px">
Currency Conversion Rate
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="form.cvd.cvd_currency_code" auto-complete="off" placeholder="货币兑换率" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="3" style="border-bottom:1px solid #a5a5a5;padding-left: 5px;border-right: 1px solid #a5a5a5">
<span style="font-size: 12px">
Total Collect
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input :disabled="form.cvd.cvd_charge_prepaid=='PP'" v-model="form.ppd.ppd_charge_summary_total" auto-complete="off" placeholder="到付费用总额" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-top: -2px">
<el-col :span="6">
<span style="font-size: 12px">
Executed on（Date）
</span>
</el-col>
<el-col :span="5">
<span style="font-size: 12px">
At（place）
</span>
</el-col>
<el-col :span="12">
<span style="font-size: 12px">
Signature of Issuing Carrier or Its Agent
</span>
</el-col>
</el-row>
<el-row style="margin-top: 31px;margin-bottom: -8px">
<el-col :span="6">
<el-form-item>
<el-date-picker
v-model="form.isu.isu_day_mounth_year"
type="date" style="width: auto"
size="mini"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5" style="margin-left: 10px">
<el-form-item>
<el-input minlength="1" maxlength="17" onkeyup="this.value=this.value.toUpperCase()"
v-model="form.isu.isu_place_or_airport_code" auto-complete="off" placeholder="签署地址" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" style="margin-left: 10px">
<el-form-item>
<el-input minlength="0" maxlength="20" onkeyup="this.value=this.value.toUpperCase()"
v-model="form.isu.isu_signature" auto-complete="off" placeholder="签署人或其代理人签字，盖章" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
CC charges in Dest. Currency
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input auto-complete="off" placeholder="目的地CC费用。通货" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
For Carrie's Use Only at Destination
</span>
</el-col>
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Charges at Destination
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input auto-complete="off" placeholder="目的地收费" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px;padding-right: 5px">
<span style="font-size: 12px">
Total Collection Charges
</span>
<el-row style="margin-bottom: -8px">
<el-form-item>
<el-input auto-complete="off" placeholder="总收款费用" size="mini"></el-input>
</el-form-item>
</el-row>
</el-col>
<el-col :span="8" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
</el-col>
</el-row>
<el-row style="margin-top: 40px;margin-left: 40%">
<el-form-item>
<el-button type="primary" @click="addFwb">提交</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</el-tab-pane>
<el-tab-pane label="生成分单" name="second">
<div style="height: 850px;overflow: scroll;margin-left: 25px;background-color: rgb(255,255,255)">
<el-form :model="addForm" label-width="0px" :rules="apply_addFormRules" ref="apply_addFormRef">
<el-row style="margin-left: 40%">
<span style="font-size: 24px;margin-bottom: 25px">
新增分运单
</span>
</el-row>
<el-row>
<el-col :span="4">
<el-form-item label-width="30px" prop="fhl.waybillNum">
<el-input v-model="addForm.fhl.waybillNum" auto-complete="off" placeholder="主运单号(必填)"
@blur="blur"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label-width="40px" prop="hbs.hbs_serial_number">
<el-input v-model="addForm.hbs.hbs_serial_number" auto-complete="off" placeholder="分运单号(必填)"
onkeyup="this.value=this.value.toUpperCase()"
></el-input>
</el-form-item>
</el-col>
<el-col style="margin-left: 30px" :span="2">
<el-form-item prop="hbs.hbs_origin">
<el-input v-model="addForm.hbs.hbs_origin" auto-complete="off" placeholder="起始站" size="mini"
minlength="3" maxlength="3" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.hbs.hbs_origin.replace(/[^A-Za-z]/g,'')"></el-input>
</el-form-item>
</el-col>
<el-col style="margin-left: 30px" :span="2">
<el-button type="warning" plain @click="cancleBtn">清空</el-button>
</el-col>
</el-row>
<!-- 发货人信息-->
<el-row>
<el-col :span="12" style="border: 1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Shipper's Name and Address
<el-button type="primary" plain size="mini" style="margin-left: 15px;margin-top: 5px" @click="getShp()">发货人</el-button>
<!-- <el-button type="success" plain size="mini">保 存</el-button>-->
</span>
<el-row>
<el-col style="width: 38%">
<el-form-item label=" " prop="shp.shp_nam_name">
<el-input minlength="1" maxlength="35" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.shp.shp_nam_name=addForm.shp.shp_nam_name.replace(/[^A-Za-z0-9_\s]/g,'')" v-model="addForm.shp.shp_nam_name" auto-complete="off" placeholder="名称" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 40%;margin-left:5px">
<el-form-item>
<el-input minlength="1" maxlength="25" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.shp.shp_detail_number=addForm.shp.shp_detail_number.replace(/[^0-9]/g,'')" v-model="addForm.shp.shp_detail_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input>
<!-- <el-select v-model="addForm.shp.shp_detail_number" placeholder="电话/传真">-->
<!-- <el-option label="电话" value="2"></el-option>-->
<!-- <el-option label="传真" value="3"></el-option>-->
<!-- </el-select>-->
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 25%">
<el-form-item>
<el-input minlength="1" maxlength="9" onkeyup="this.value=this.value.toUpperCase()"
v-model="addForm.shp.shp_location_post" auto-complete="off" placeholder="邮编"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 25%;margin-left: 10px">
<el-form-item>
<el-input minlength="1" maxlength="17" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.shp.shp_loc_place=addForm.shp.shp_loc_place.replace(/[^A-Za-z0-9_\s]/g,'')"
v-model="addForm.shp.shp_loc_place" auto-complete="off" placeholder="城市"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 25%;margin-left: 10px">
<el-form-item>
<el-input minlength="2" maxlength="2" onkeyup="this.value=this.value.toUpperCase()"
v-model="addForm.shp.shp_location_iso" auto-complete="off" placeholder="国家代码"
@keyup.native="addForm.shp.shp_location_iso.replace(/[^A-Za-z]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 80%">
<el-form-item>
<el-input minlength="1" maxlength="35" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.shp.shp_adr_street=addForm.shp.shp_adr_street.replace(/[^A-Za-z0-9_\s]/g,'')"
v-model="addForm.shp.shp_adr_street" auto-complete="off" placeholder="地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 80%">
<el-form-item>
<el-input minlength="1" maxlength="65" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="shp_aeo.oci_supplementary=shp_aeo.oci_supplementary.replace(/[^A-Za-z0-9_\s]/g,'')"
v-model="shp_aeo.oci_supplementary" auto-complete="off" placeholder="企业编码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-top:1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<el-row style="margin-bottom: 10px">
<el-col style="width: 20%">
<span style="font-size: 12px">
Air Waybill
</span>
</el-col>
</el-row>
<el-row>
<el-col style="width: 20%">
<span style="font-size: 12px">
lssued by
</span>
</el-col>
<el-col style="width: 70%">
<el-form-item>
<el-input disabled type="textarea" :autosize="{ minRows: 2, maxRows: 4}"
auto-complete="off" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<span style="font-size: 12px">
Copies 1,2and3 of this Air Waybill are originals and have the same validity(Not Negotiable)
</span>
</el-row>
</el-col>
</el-row>
<!-- 收货人信息-->
<el-row style="padding-top: 10px">
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Consignee's Name and Address
<el-button type="primary" plain size="mini" style="margin-top: 5px" @click="getCne()">收货人</el-button>
<!-- <el-button type="success" plain size="mini">保 存</el-button>-->
</span>
<el-row>
<el-col style="width: 38%">
<el-form-item>
<el-input minlength="1" maxlength="35" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.cne.cne_nam_name=addForm.cne.cne_nam_name.replace(/[^A-Za-z0-9_\s]/g,'')" v-model="addForm.cne.cne_nam_name" auto-complete="off" placeholder="名称" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 40%;margin-left: 5px">
<el-form-item>
<el-input minlength="1" maxlength="25" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.cne.cne_detail_number=addForm.cne.cne_detail_number.replace(/[^0-9]/g,'')" v-model="addForm.cne.cne_detail_number" auto-complete="off" placeholder="电话/传真" size="mini"></el-input>
<!-- <el-select v-model="addForm.cne.cne_detail_number" placeholder="电话/传真">-->
<!-- <el-option label="电话" value="2"></el-option>-->
<!-- <el-option label="传真" value="3"></el-option>-->
<!-- </el-select>-->
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 25%">
<el-form-item>
<el-input minlength="1" maxlength="9" onkeyup="this.value=this.value.toUpperCase()"
v-model="addForm.cne.cne_location_post" auto-complete="off" placeholder="邮编"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 25%;margin-left: 10px">
<el-form-item>
<el-input minlength="1" maxlength="17" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.cne.cne_loc_place=addForm.cne.cne_loc_place.replace(/[^A-Z0-9_\s]/g,'')" v-model="addForm.cne.cne_loc_place" auto-complete="off" placeholder="城市"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 25%;margin-left: 10px">
<el-form-item>
<el-input minlength="2" maxlength="2" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.cne.cne_location_iso.replace(/[^A-Za-z]/g,'')"
v-model="addForm.cne.cne_location_iso" auto-complete="off" placeholder="国家代码"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col style="width: 80%">
<el-form-item>
<el-input minlength="1" maxlength="35" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.cne.cne_adr_street=addForm.cne.cne_adr_street.replace(/[^A-Z0-9_\s]/g,'')" v-model="addForm.cne.cne_adr_street" auto-complete="off" placeholder="地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 80%">
<el-form-item>
<el-input minlength="1" maxlength="65" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="cne_aeo.oci_supplementary=cne_aeo.oci_supplementary.replace(/[^A-Z0-9_\s]/g,'')" v-model="cne_aeo.oci_supplementary" auto-complete="off" placeholder="企业编码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
It is agreed that the goods described herein are accepted for carriage in apparent good order and condition (except as noted) and SUBJECT TO THE CONDITION OF CONTRACT ON THE REVERSE HEREOF. ALL GOODS MAY BE CARRIED BY ANY OTHER MEANS INCLUDING ROAD OR ANY OTHER CARRIER UNLESS SPECIFIC CONTRARY IS DRAWN TO THE NOTICE CONCERNING CARRIER'S LIMITATION OF LIABILITY. Shipper may increase such limitation of liability by declaring higher value for carriage and paying a supplemental charge if required.
</span>
</el-col>
</el-row>
<!-- 代理人信息-->
<el-row style="padding-top: 10px">
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;;border-left:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Issuing Carrier's Agent Name and City
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 30%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="代理人名称" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 30%;margin-left: 30px">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="代理人地址" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Financial information content
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
<el-form-item>
<el-input disabled v-model="addForm.acc_info" auto-complete="off" placeholder="财务信息内容" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Agent's IATA Code
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 65%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="IATA代码" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Agent's Account Number
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 65%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="代理人账号" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Financial Information Identification
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="财务信息标识" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<!-- 航班信息-->
<el-row style="padding-top: 10px">
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Airport of Departure (Addr. of First Carrier) and Requested Routing
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="出发机场（第一承运人地址）" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Currency
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input minlength="3" maxlength="3" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.cvd.cvd_currency_code.replace(/[^A-Za-z]/g,'')"
v-model="addForm.cvd.cvd_currency_code" auto-complete="off" placeholder="货币单位" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
GHGS Code
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="addForm.cvd.cvd_charge_code" auto-complete="off" placeholder="收费代码" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
WT/VAL(PPD)&Other(PPD)
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
<el-form-item>
<el-input v-model="addForm.cvd.cvd_charge_prepaid" auto-complete="off" placeholder="付费方式" size="mini"></el-input>
</el-form-item>
</el-col>
<!-- <el-col style="width: 45%;margin-left: 5px">-->
<!-- <el-form-item>-->
<!-- <el-input auto-complete="off" placeholder="COLL" size="mini"></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
</el-row>
</el-col>
<!-- <el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">-->
<!-- <span style="font-size: 12px">-->
<!-- Other(PPD)-->
<!-- </span>-->
<!-- <el-row style="margin-bottom: -5px">-->
<!-- <el-col style="width: 90%">-->
<!-- <el-form-item>-->
<!-- <el-input auto-complete="off" placeholder="付费方式" size="mini"></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!--<!– <el-col style="width: 45%;margin-left: 5px">–>-->
<!--<!– <el-form-item>–>-->
<!--<!– <el-input auto-complete="off" placeholder="COLL" size="mini"></el-input>–>-->
<!--<!– </el-form-item>–>-->
<!--<!– </el-col>–>-->
<!-- </el-row>-->
<!-- </el-col>-->
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
To
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input minlength="3" maxlength="3" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.hbs.hbs_destination.replace(/[^A-Za-z]/g,'')"
v-model="addForm.hbs.hbs_destination" auto-complete="off" placeholder="到达站" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
First Carrier
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="承运人" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
To
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="到达站" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
By
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="承运人" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
To
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="到达站" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
By
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="承运人" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="5" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Declared Value for Carriage
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="addForm.cvd.cvd_value_for_carriage" auto-complete="off" placeholder="运输声明价值" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="5" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Declared Value for Customs
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="addForm.cvd.cvd_value_for_customs" auto-complete="off" placeholder="海关声明价值" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Airport of Destination
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="目的地机场" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Requested Flight/Date
</span>
<el-row>
<el-col style="width: 38%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="航班号" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 58%;margin-left: 5px">
<el-form-item>
<el-date-picker disabled
type="date" style="width: auto"
size="mini"
format="dd"
value-format="dd"
placeholder="选择日期">
</el-date-picker>
<!-- <el-input auto-complete="off" placeholder="航班日期" size="mini"></el-input>-->
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Amount of Insurance
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="addForm.cvd.cvd_amount_of_insurance" auto-complete="off" placeholder="保险金额" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
INSURANCE —— If carrier offers insurance, and such insurance is requested in accordance with the conditions thereof, indicate amount to be insured in figures in box marked "Amount of Insurance".
</span>
</el-col>
</el-row>
<!-- 处理信息-->
<el-row style="padding-top: 10px">
<el-col :span="22" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding: 5px">
<span style="font-size: 12px">
Handling Information
</span>
<el-row style="margin-bottom: -2px">
<el-col style="width: 100%">
<el-form-item>
<el-input disabled type="textarea" :autosize="{ minRows: 2, maxRows: 4}"
auto-complete="off" placeholder="处理信息" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
<span style="font-size: 10px">
(For USA only) These commodities Licensed by U.S. for ultimate destination.Diversion contrary to U.S. law is prohibited.
</span>
</el-col>
</el-row>
<!-- 件重计费信息-->
<!-- 表头信息-->
<el-row style="padding-top: 10px">
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
No. of Pieces RCP
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
Gross Weight
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
kg lb
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">Rate Class</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
Commodity Item No.
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
Chargeable Weight
</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">Rate / Charge</span>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">Total</span>
</el-col>
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">Nature and Quantity of Goods (incl. Dimensions or Volume)</span>
</el-col>
</el-row>
<!-- 输入信息-->
<el-row style="padding-top: 10px">
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="addForm.hbs.hbs_pieces" auto-complete="off" placeholder="件数" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="addForm.hbs.hbs_weight" auto-complete="off" placeholder="重量（KG）" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input v-model="addForm.hbs.hbs_weight_code" auto-complete="off" placeholder="最大总重量" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-select v-model="addForm.companyName1" placeholder="运价种类">
<el-option label="Q" value="Q"></el-option>
<el-option label="C" value="C"></el-option>
<el-option label="M" value="M"></el-option>
<el-option label="N" value="N"></el-option>
<el-option label="S" value="S"></el-option>
<el-option label="R" value="R"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="商品代号" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled v-model="addForm.hbs.hbs_weight" auto-complete="off" placeholder="计费重量" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="费率" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="总计" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input minlength="1" maxlength="20" onkeyup="this.value=this.value.toUpperCase()"
@keyup.native="addForm.hbs.hbs_manifest_description.replace(/[^A-Za-z0-9\s]/g,'')"
v-model="addForm.hbs.hbs_manifest_description" auto-complete="off" placeholder="货物品名" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-button disabled type="primary" plain size="mini" style="width: 100%;text-align: left">尺寸</el-button>
<!-- <el-input auto-complete="off" placeholder="尺寸（长*宽*高*件数）" size="mini"></el-input>-->
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="体积" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="其他" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<!-- 付款信息-->
<el-row style="padding-top: 10px">
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5">
<el-row style="border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-col :span="16" style="font-size: 12px">
<el-radio disabled v-model="addForm.cvd.cvd_charge_prepaid" label="PP" value="PP">预付 Prepaid</el-radio>
</el-col>
<el-col :span="4" style="font-size: 12px;margin-left: 25px">
<el-radio disabled v-model="addForm.cvd.cvd_charge_prepaid" label="CC" value="CC">到付 Collect</el-radio>
</el-col>
</el-row>
<el-row style="padding-top: 20px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5">
<el-input disabled v-model="addForm.hbs.hbs_weight" auto-complete="off" placeholder="计费重量" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Weight Charge
</span>
</el-col>
<el-col :span="7">
<el-input disabled v-model="addForm.hbs.hbs_weight" auto-complete="off" placeholder="计费重量" size="mini"></el-input>
</el-col>
</el-row>
</el-col>
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Other Charges
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="其他费用" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5">
<el-row style="border-bottom: 1px solid #a5a5a5;margin-top: 15px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5">
<el-input disabled auto-complete="off" placeholder="附加费" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Valuation Charge
</span>
</el-col>
<el-col :span="7">
<el-input disabled auto-complete="off" placeholder="附加费" size="mini"></el-input>
</el-col>
</el-row>
<el-row style="border-bottom: 1px solid #a5a5a5;margin-top: 30px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5">
<el-input disabled auto-complete="off" placeholder="税款" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Tax
</span>
</el-col>
<el-col :span="7">
<el-input disabled auto-complete="off" placeholder="税款" size="mini"></el-input>
</el-col>
</el-row>
<el-row style="border-bottom: 1px solid #a5a5a5;margin-top: 30px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5">
<el-input disabled auto-complete="off" placeholder="其他应付代理人合计" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Total other Charge Due Agent
</span>
</el-col>
<el-col :span="7">
<el-input disabled auto-complete="off" placeholder="其他应付代理人合计" size="mini"></el-input>
</el-col>
</el-row>
<el-row style="margin-top: 30px;margin-bottom: -2px">
<el-col :span="7" style="border-right: 1px solid #a5a5a5;margin-bottom: 2px">
<el-input disabled auto-complete="off" placeholder="其他应付承运人合计" size="mini"></el-input>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;text-align: center">
<span style="font-size: 12px">
Total other Charge Due Carrier
</span>
</el-col>
<el-col :span="7">
<el-input disabled auto-complete="off" placeholder="其他应付承运人合计" size="mini"></el-input>
</el-col>
</el-row>
</el-col>
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-bottom: 15px">
<el-col style="width: 98%">
<span style="font-size: 12px">
Shipper certifies that the particulars on the face hereof are correct and that insofar as any part of the consignment contains dangerous goods, such part is properly described by name and is in proper condition for carriage by air according to the applicable Dangerous Goods Regulations.
</span>
</el-col>
</el-row>
<el-row style="margin-bottom: -12px">
<el-col :span="10">
<span style="font-size: 12px">
Signature of shipper or His Agent
</span>
</el-col>
<el-col :span="14">
<el-form-item>
<el-input disabled style="width: 95%" auto-complete="off" placeholder="托运人或其代理人签字" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Total prepaid
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="预付总计" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px;text-align: center">
<span style="font-size: 12px">
Currency Conversion Rate
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="货币兑换率" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Total Collect
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="到付费用总额" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="12" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-row style="margin-top: -2px">
<el-col :span="6">
<span style="font-size: 12px">
Executed on（Date）
</span>
</el-col>
<el-col :span="5">
<span style="font-size: 12px">
At（place）
</span>
</el-col>
<el-col :span="12">
<span style="font-size: 12px">
Signature of Issuing Carrier or Its Agent
</span>
</el-col>
</el-row>
<el-row style="margin-top: 31px;margin-bottom: -8px">
<el-col :span="6">
<el-form-item>
<el-date-picker disabled
type="date" style="width: auto"
size="mini"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5" style="margin-left: 10px">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="签署地址" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" style="margin-left: 10px">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="签署人或其代理人签字，盖章" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
CC charges in Dest. Currency
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="目的地CC费用。通货" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="2" style="border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
For Carrie's Use Only at Destination
</span>
</el-col>
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Charges at Destination
</span>
<el-row>
<el-col style="width: 95%">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="目的地收费" size="mini"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px;padding-right: 5px">
<span style="font-size: 12px">
Total Collection Charges
</span>
<el-row style="margin-bottom: -8px">
<el-form-item>
<el-input disabled auto-complete="off" placeholder="总收款费用" size="mini"></el-input>
</el-form-item>
</el-row>
</el-col>
<el-col :span="8" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
</el-col>
</el-row>
<el-row style="margin-top: 40px;margin-left: 40%">
<el-form-item>
<el-button type="primary" @click="addFhl">提交</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</el-tab-pane>
</el-tabs>
<!-- 主单获取尺寸信息-->
<el-dialog title="尺寸信息" :visible.sync="dialogTableVisible" width="80%" v-dialog-drag>
<el-row :gutter="10">
<el-col :span="18">
<el-table :data="gridData" :cell-style="{textAlign:'center'}" show-summary
:summary-method="getSummaries"
style="border-radius: 10px 10px 0px 0px;line-height: 25px" border
:header-cell-style="{background:'#6F8294',color:'#FFFFFF',textAlign:'center'}">
<el-table-column label="长（CM）" width="" prop="long">
<template slot-scope="scope">
<el-input v-model="scope.row.long" placeholder="" @input="handleEdit(scope.$index, scope.row)"/>
</template>
</el-table-column>
<el-table-column label="宽（CM）" width="" prop="wide">
<template slot-scope="scope">
<el-input v-model="scope.row.wide" placeholder="" @input="handleEdit(scope.$index, scope.row)"/>
</template>
</el-table-column>
<el-table-column label="高（CM）" prop="height">
<template slot-scope="scope">
<el-input v-model="scope.row.height" placeholder="" @input="handleEdit(scope.$index, scope.row)"/>
</template>
</el-table-column>
<el-table-column label="件数" width="" prop="pic">
<template slot-scope="scope">
<el-input v-model="scope.row.pic" placeholder="" @input="handleEdit(scope.$index, scope.row)"/>
</template>
</el-table-column>
<el-table-column label="体积（M³）" width="" prop="vol">
<template slot-scope="scope">
<el-input v-model="scope.row.vol" placeholder="" :disabled="true"/>
</template>
</el-table-column>
<el-table-column label="重量" prop="weight">
<template slot-scope="scope">
<el-input v-model="scope.row.weight" placeholder=""/>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作">
<template slot-scope="scope">
<!-- v-if="scope.$index < gridData.length - 1"-->
<el-button type="danger" plain @click="deleteRows(scope)">删 除</el-button>
</template>
</el-table-column>
</el-table>
<div align="center" style="margin: 10px">
<el-button @click="addRows()" size="mini" plain style="width: 100%">+添 加</el-button>
</div>
<div align="center" style="margin: 15px">
<el-button type="primary" size="small" @click="dialogTableVisible = false">取 消</el-button>
<el-button type="success" size="small" @click="addVol()">保 存</el-button>
</div>
</el-col>
<el-col :span="6">
<el-tooltip class="item" effect="dark" content="可以将整体的尺寸信息复制进来,一行一个尺寸信息,系统会自动识别" placement="top-start">
<el-input
:autosize="{ minRows: 7, maxRows: 20}"
resize = "vertical"
type="textarea"
placeholder="快速尺寸信息录入生成"
v-model="dimension_textarea"
@change="convertAndCalculateVolume"
>
</el-input>
</el-tooltip>
</el-col>
</el-row>
<el-row> </el-row>
</el-dialog>
<!-- 列表区域 获取发货人-->
<el-dialog :visible.sync="dialogVisible" width="70%">
<Consigner
ref="consigner"
v-on:consigerrow="consigerSelect"
></Consigner>
</el-dialog>
<!-- 列表区域 获取收货人-->
<el-dialog :visible.sync="dialogVisible1" width="70%">
<Consignee
ref="consignee"
v-on:consigeerow="consigeeSelect"
></Consignee>
</el-dialog>
</el-card>
</template>
<script>
import {fhl, fwb, selectawabByid, selectByKey, selectList} from '../../api/remote_interface/byont_import';
import Consigner from "../consigner/consigner"
import Consignee from "../consigner/consignee"
import {loginedUserInfo} from "../../api/user";
import {getList} from "../../api/consigner/consigner";
import jsutil from "@/common/js/util";
export default {
components: {
Consigner,Consignee
},
data(){
return {
hidden: ['a1', 'a2', 'a3', 'a4', 'a5','a6'],
// 主单
activeName: 'first',
dimension_textarea: '',
form:{
acc:[],
agt:{
agt_ADR:'',
agt_IATA_number:'',
agt_account_number:'',
agt_name:'',
agt_participant_id:'',
},
bill:{
destination:'',
origin:'',
quantity_density:'',
quantity_picecs:'',
//体积
quantity_volume:'',
quantity_volume_code:'MC',
quantity_weight:'',
quantity_weight_code:'K',
waybillNum:'',
},
cne:{
cne_contacts:[],
cne_account_number:'',
cne_adr:'',
cne_country:'',
cne_loc_place:'',
cne_loc_province:'',
cne_name:'',
cne_postcode:'',
},
cvd:{
cvd_amount_of_insurance:'XXX',
cvd_charge_code:'',
cvd_charge_prepaid:'PP',
cvd_currency_code:'',
cvd_value_for_carriage:'NVD',
cvd_value_for_customs:'NCV',
},
flt:{
cariier:'',
day:'',
flightNumber:'',
},
isu:{
isu_day_mounth_year:'',
isu_place_or_airport_code:'',
isu_signature:'',
},
nfy:{
nfy_contacts:[],
nfy_ADR:'',
nfy_LOC_city:'',
nfy_LOC_province:'',
nfy_country:'',
nfy_name:'',
nfy_postcode:''
},
oci:[
// {
// oci_country_code:'',
// oci_csrc_id:'',
// oci_csrc_info:'',
// oci_information_id:''
// }
],
osi:[{
osi_text:[],
}],
oth:{
oth_amount:'',
oth_charge_code:'',
oth_charges:'',
oth_entitlement_code:''
},
ppd:{
ppd_charge_summary_total:'',
ppd_other_charges_due_agent:'',
ppd_other_charges_due_carrier:'',
ppd_taxes_amount:'',
ppd_valuation_amount:'',
ppd_weight_amount:'',
},
ref:{
ref_address:'CGOFDEE',
ref_file_reference:'',
ref_participant_airport:'',
ref_participant_code:'',
ref_participant_id:'',
},
rtd:
{
dimensions:[],
rtd_charge_weight:'',
rtd_combination_point:'',
rtd_commodity_NUM:'',
rtd_goods_DES:'',
rtd_goods_consol_DES:'',
rtd_gross_weight:'',
rtd_number_pieces:'',
rtd_rate_charge:'',
rtd_rate_class:'Q',
rtd_total:'',
//体积
rtd_volume:'',
rtd_volume_code:'MC',
}
,
rtg:{
destinationAirport:'',
destinationCarrier:'',
onwardAirport:'',
onwardCarrier:'',
},
shp:{
shp_contacts:[],
shp_account_number:'',
shp_adr:'',
shp_country:'',
shp_loc_place:'',
shp_loc_province:'',
shp_name:'',
shp_postcode:'',
},
ssr:{
ssr_request_content:[],
},
cer:{
cer_signature:''
}
},
cne_contact:{
contact_id:'TE',
contact_number:'',
},
shp_contact:{
contact_id:'TE',
contact_number:'',
},
nfy_contact:{
contact_id:'TE',
contact_number:''
},
shp_oci:{
oci_country_code: "",
oci_csrc_id: "T",
oci_information_id: "SHP",
oci_csrc_info: ""
},
cne_oci:{
oci_country_code: "",
oci_csrc_id: "T",
oci_information_id: "CNE",
oci_csrc_info: ""
},
acc_info:{
acc_info:'',
acc_info_id:'GEN',
},
apply_formRules:{
bill:{
waybillNum: [
{ required: true, message: '请输入主运单号', trigger: 'blur' },
],
},
},
// 分单
addForm:{
companyName1:'',
fhl:{
waybillNum:'',
quantity_weight_code:'',
quantity_weight:'',
quantity_picecs:'',
origin:'',
destination:'',
},
shp:{
shp_detail_identifier:'TE',
shp_nam_name:'',
shp_loc_place:'',
shp_location_post:'',
shp_location_iso:'',
shp_detail_number:'',
shp_adr_street:''
},
cne:{
cne_detail_identifier:'TE',
cne_nam_name:'',
cne_loc_place:'',
cne_location_post:'',
cne_location_iso:'',
cne_detail_number:'',
cne_adr_street:'',
cne_loc_province:'',
shp_loc_province:'',
shp_detail_identifier:''
},
cvd:{
cvd_value_for_carriage:'NVD',
cvd_value_for_customs:'NCV',
cvd_amount_of_insurance:'XXX',
cvd_charge_prepaid:'PP',
cvd_charge_code:'',
cvd_currency_code:'',
},
hbs:{
hbs_origin:'',
hbs_destination:'',
hbs_manifest_description:'',
hbs_pieces:'',
hbs_serial_number:'',
hbs_weight:'',
hbs_weight_code:'K',
hbs_slac:''
},
txt:{
txt_free_text:''
},
hts:{
hts_commodity_code:''
},
oci:[],
},
shp_aeo:{
oci_country_code: "",
oci_customs: "T",
oci_information_identifier: "SHP",
oci_supplementary: ""
},
cne_aeo:{
oci_country_code: "",
oci_customs: "T",
oci_information_identifier: "CNE",
oci_supplementary: ""
},
apply_addFormRules:{
fhl:{
waybillNum: [
{ required: true, message: '请输入主运单号', trigger: 'blur' },
],
},
hbs:{
hbs_serial_number: [
{ required: true, message: '请输入分运单号', trigger: 'blur' },
{ min: 1, max: 12, message: '长度是1-13个字符', trigger: 'blur' }
],
},
},
dialogTableVisible:false,
gridData:[],
dialogVisible:false,
dialogVisible1:false,
}
},
methods:{
//标签页
handleClick(tab, event) {
console.log(tab, event);
},
//添加行
addRows() {
const circle = this.gridData[0];
const newObj = {};
for (let key in circle) { //把第一个对象的属性都赋值给新对象newObj 然后每个属性的值都设置为空；
newObj[key] = '';
}
// this.gridData.splice(this.gridData.length - 1, 0, newObj);
this.gridData.push(newObj);
},
//删除行
deleteRows(scope) {
this.gridData.splice(scope.$index, 1);
},
//求体积
handleEdit(index, row) {
console.log("index="+index)
if(row.long && row.wide && row.height && row.pic){
row.vol = Number(row.long)*Number(row.wide)*Number(row.height)*Number(row.pic)/1000000
let measurement_info = {
dim_measurement_code:'CMT',
//尺寸信息
dim_measurement_info:"" + row.long + "-" + row.wide + "-" + row.height + "/" + row.pic,
dim_weight:'',
dim_weightcode:'',
};
this.form.rtd.dimensions[index] = measurement_info;
// console.log(this.form.rtd.dimensions);
console.log("DIM数组加入了新的行数据>>"+JSON.stringify(this.form.rtd.dimensions))
}else {
console.error("DIM数组没加数据-ERRRRRR")
}
},
//合计体积
getSummaries(param) {
const {columns, data} = param
const sums = []
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = '合计:'
}
else if (index == 4 ) {
const values = data.map(item => Number(item[column.property]))
if (!values.every(value => isNaN(value))) {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
// 保存了两位小数点
return Math.round((prev + curr) * 100) / 100;
} else {
// 保存了两位小数点
return Math.round(prev * 100) / 100;
}
}, 0)
sums[index] += '';
} else {
sums[index] = '0'
}
} else {
// sums[index] = ''
}
})
this.form.bill.quantity_volume = sums[4];
return sums;
},
//保存尺寸 关闭弹框
addVol(){
this.dialogTableVisible = false;
},
// 主单
// 获取发货人信息
getShpFwb() {
this.dialogVisible = true;
this.$refs.consigner.getConsignee();
},
// 获取收货人信息
getCneFwb() {
this.dialogVisible1 = true;
this.$refs.consignee.getConsignee();
},
// 分单
// 获取发货人信息
getShp() {
this.dialogVisible = true;
this.$refs.consigner.getConsignee();
},
// 获取收货人信息
getCne() {
this.dialogVisible1 = true;
this.$refs.consignee.getConsignee();
},
//发货人选中事件处理方法
consigerSelect(row){
if (this.activeName=='first'){
this.form.shp.shp_name = row.companyName;
this.form.shp.shp_contacts.contact_number = row.conPhone;
this.form.shp.shp_postcode = row.conPostcode;
this.form.shp.shp_loc_place = row.conCity;
this.form.shp.shp_country = row.country;
this.form.shp.shp_adr = row.conAddress;
this.shp_oci.oci_csrc_info=row.enterprise;
this.shp_oci.oci_country_code=row.country;
// this.form.oci.push(this.shp_oci);
this.shp_contact.contact_number=row.conPhone;
// this.form.shp.shp_contacts.push(this.shp_contact);
this.$refs.consigner.consigner_data();
this.dialogVisible = false;
}
else if(this.activeName=='second'){
this.addForm.shp.shp_nam_name = row.companyName;
this.addForm.shp.shp_detail_number = row.conPhone;
this.addForm.shp.shp_location_post = row.conPostcode;
this.addForm.shp.shp_loc_place = row.conCity;
this.addForm.shp.shp_location_iso = row.country;
this.addForm.shp.shp_adr_street = row.conAddress;
this.shp_aeo.oci_supplementary=row.enterprise;
this.shp_aeo.oci_country_code=row.country;
// this.addForm.oci.push(this.shp_aeo);
this.$refs.consigner.consigner_data();
this.dialogVisible = false;
}
else{
this.$refs.consigner.consigner_data();
this.dialogVisible = false;
}
},
//收货人选中事件处理方法
consigeeSelect(row){
if(this.activeName=='first'){
this.form.cne.cne_name = row.companyName;
this.form.cne.cne_contacts.contact_number = row.conPhone;
this.form.cne.cne_postcode = row.conPostcode;
this.form.cne.cne_loc_place = row.conCity;
this.form.cne.cne_country = row.country;
this.form.cne.cne_adr = row.conAddress;
this.cne_oci.oci_csrc_info=row.enterprise;
this.cne_oci.oci_country_code=row.country;
// this.form.oci.push(this.cne_oci);
this.cne_contact.contact_number=row.conPhone;
// this.form.cne.cne_contacts.push(this.cne_contact);
this.$refs.consignee.consignee_data();
this.dialogVisible1 = false;
}
else if(this.activeName=='second'){
this.addForm.cne.cne_nam_name = row.companyName;
this.addForm.cne.cne_detail_number = row.conPhone;
this.addForm.cne.cne_location_post = row.conPostcode;
this.addForm.cne.cne_loc_place = row.conCity;
this.addForm.cne.cne_location_iso = row.country;
this.addForm.cne.cne_adr_street = row.conAddress;
this.cne_aeo.oci_supplementary=row.enterprise;
this.cne_aeo.oci_country_code=row.country;
// this.addForm.oci.push(this.cne_aeo);
this.$refs.consignee.consignee_data();
this.dialogVisible1 = false;
}
else{
this.$refs.consignee.consignee_data();
this.dialogVisible1 = false;
}
},
//新增分运单
addFhl() {
this.shp_aeo.oci_country_code=this.addForm.shp.shp_location_iso;
this.cne_aeo.oci_country_code=this.addForm.cne.cne_location_iso;
this.addForm.oci.push(this.shp_aeo);
this.addForm.oci.push(this.cne_aeo);
/*进行表单的预验证*/
this.$refs.apply_addFormRef.validate(valid => {
// 未通过，表单预校验
if (valid) {
fhl(this.addForm).then((response) => {
let res = response.data;
//添加调度记录信息,失败
if (res.code !== '200'){
return this.$message.error(res.msg);
}
this.$message.success(res.msg);
Object.assign(this.$data, this.$options.data());
// this.addForm = {
// fhl:{
// waybillNum:'',
// quantity_weight_code:'',
// quantity_weight:'',
// quantity_picecs:'',
// origin:'',
// destination:'',
// },
// shp:{
// shp_detail_identifier:'TE',
// shp_nam_name:'',
// shp_loc_place:'',
// shp_location_post:'',
// shp_location_iso:'',
// shp_detail_number:'',
// shp_adr_street:''
// },
// cne:{
// cne_detail_identifier:'TE',
// cne_nam_name:'',
// cne_loc_place:'',
// cne_location_post:'',
// cne_location_iso:'',
// cne_detail_number:'',
// cne_adr_street:'',
// cne_loc_province:'',
// shp_loc_province:'',
// shp_detail_identifier:''
// },
// cvd:{
// cvd_value_for_carriage:'NVD',
// cvd_value_for_customs:'NCV',
// cvd_amount_of_insurance:'XXX',
// cvd_charge_prepaid:'PP',
// cvd_charge_code:'',
// cvd_currency_code:'',
// },
// hbs:{
// hbs_origin:'',
// hbs_destination:'',
// hbs_manifest_description:'',
// hbs_pieces:'',
// hbs_serial_number:'',
// hbs_weight:'',
// hbs_weight_code:'',
// hbs_slac:''
// },
// txt:{
// txt_free_text:''
// },
// hts:{
// hts_commodity_code:''
// },
// oci:[],
// };
}).catch(error => {
this.addForm.oci=[];
this.$message.error(error.toString());
});
}else{
this.addForm.oci=[];
return false;
}
})
},
//新增主运单
addFwb() {
this.form.rtg.destinationCarrier=this.form.flt.cariier;
this.form.rtg.destinationAirport=this.form.bill.destination;
this.form.rtd.rtd_gross_weight=this.form.bill.quantity_weight;
this.form.rtd.rtd_number_pieces=this.form.bill.quantity_picecs;
this.form.rtd.rtd_volume=this.form.bill.quantity_volume;
this.form.ppd.ppd_weight_amount=this.form.ppd.ppd_charge_summary_total;
this.form.acc=[];
this.form.oci=[];
this.form.shp.shp_contacts=[];
this.form.cne.cne_contacts=[];
this.shp_oci.oci_country_code=this.form.shp.shp_country;
this.cne_oci.oci_country_code=this.form.cne.cne_country;
this.form.acc.push(this.acc_info);
this.form.oci.push(this.shp_oci);
this.form.shp.shp_contacts.push(this.shp_contact);
this.form.oci.push(this.cne_oci);
this.form.cne.cne_contacts.push(this.cne_contact);
/*进行表单的预验证*/
this.$refs.apply_formRef.validate(valid => {
// 未通过，表单预校验
if (valid) {
fwb(this.form).then((response) => {
let res = response.data;
//添加调度记录信息,失败
if (res.code !== '200'){
return this.$message.error(res.msg);
}
this.$message.success(res.msg);
Object.assign(this.$data, this.$options.data());
}).catch(error => {
this.form.oci=[];
this.$message.error(error.toString());
});
}else{
this.form.oci=[];
return false;
}
})
},
//获取主运单信息
blur(){
selectawabByid({id: this.addForm.fhl.waybillNum}).then((res) => {
if (res.data.code == '200'){
if(res.data.data != null&& res.data.data !=''){
this.addForm.fhl.quantity_weight = res.data.data.quantity_weight;
this.addForm.fhl.quantity_picecs = res.data.data.quantity_picecs;
this.addForm.fhl.origin = res.data.data.origin;
this.addForm.fhl.destination = res.data.data.destination;
this.addForm.fhl.quantity_weight_code = res.data.data.quantity_weight_code;
}
return this.$message.success(res.data.msg);
}
}).catch((error) => {
alert(error);
});
},
getAWBA(){
const _this = this
selectByKey({id:this.$route.query.id}).then((response) => {
const res = response.data
// console.log(response.data)
if (res.code !== '200') {
return _this.$message.error('获取消息收发记录，失败！')
}
// 获取列表数据
_this.form = res.data
for (const i of res.data.shp.shp_contacts) {
_this.shp_contact=i
}
for (const i of res.data.cne.cne_contacts) {
_this.cne_contact=i
}
for (const i of res.data.oci) {
if(i.oci_information_id=="SHP"){
_this.shp_oci=i;
}else{
_this.cne_oci=i;
}
}
for (const i of res.data.acc) {
_this.acc_info=i
}
//获取dmi数组
let dim = _this.form.rtd.dimensions
if (dim){
dim.forEach((item,index,arr)=>{
let dim_form = {
long:"",
wide:"",
height:"",
pic:"",
vol:"",
weight:""
};
dim_form.weight = item.dim_weight;
if(item.dim_measurement_info){
let measures = item.dim_measurement_info.split("-");
if (measures.length>2){
dim_form.long = measures[0];
dim_form.wide = measures[1];
let height_piece = measures[2];
let h_p = height_piece.split("/");
if(h_p.length>1){
dim_form.height= h_p[0];
dim_form.pic = h_p[1];
dim_form.vol = dim_form.long*dim_form.wide*dim_form.height*dim_form.pic/1000000;
}
_this.gridData.push(dim_form)
}
}
})
}
_this.$message.success(res.msg)
}).catch(error => {
// 关闭加载
_this.$message.error(error.toString())
})
},
getAWBH(){
const _this = this
selectByKey({id:this.$route.query.id}).then((response) => {
const res = response.data
if (res.code !== '200') {
return _this.$message.error('获取消息收发记录，失败！')
}
// 获取列表数据
_this.addForm = res.data
for (const i of res.data.oci) {
if(i.oci_information_id=="SHP"){
_this.shp_aeo=i;
}else{
_this.cne_aeo=i;
}
}
_this.$message.success(res.msg)
}).catch(error => {
// 关闭加载
_this.$message.error(error.toString())
})
// console.log("获取分单的方法执行了")
},
//批量尺寸信息识别
convertAndCalculateVolume() {
let _this= this;
this.$confirm('是否需要根据录入的尺寸信息生成详细的尺寸计算数据表,此操作会往表里面添加新的尺寸数据', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
let text = this.dimension_textarea.trim().replaceAll("*","x");
text = text.replaceAll("CM","");
text = text.replaceAll("cm","");
text = text.replaceAll("X","x");
text = text.replaceAll("-","x");
//去掉空白字符
text = text.replaceAll("/\s/g","");
const lines = text.split('\n');
let output = '';
let totalVolume = 0;
for (const line of lines) {
//正则校验每行格式
const regex = /^([\d\.]+)x([\d\.]+)x([\d\.]+)x([\d\.]+)$/;
let l = line.replace(/\s/g, "");
if (regex.test(l)) {
let dim_form = {
long:"",
wide:"",
height:"",
pic:"",
vol:"",
weight:""
};
const dimensions = l.trim().split('x');
dim_form.long = Number(dimensions[0]);
dim_form.wide = Number(dimensions[1]);
dim_form.height = Number(dimensions[2]);
dim_form.pic = Number(dimensions[3]);
dim_form.vol = dim_form.long * dim_form.wide * dim_form.height * dim_form.pic / 1000000;
_this.gridData.push(dim_form)
totalVolume += dim_form.vol;
const formattedDimensions = `${dim_form.long}-${dim_form.wide}-${dim_form.height }/${dim_form.pic}`;
output += formattedDimensions + '\n';
} else {
this.$message({
type: 'error',
message: '行:'+ line +'尺寸格式错误! 录入信息支持 数字和Xx*- '
});
return ;
}
}
if (totalVolume>0){
totalVolume = Math.floor(totalVolume * 100) / 100;
}
return {
converted: output.trim(),
totalVolume: totalVolume
};
}).catch(() => {
this.$message({
type: 'info',
message: '已取消'
});
});
},
cancleBtn(){
Object.assign(this.$data, this.$options.data());
}
},
activated(){
if(jsutil.checkNull(this.$route.query.id)){
if(this.$route.query.id.indexOf("AWBA")==0){
this.activeName='first';
this.getAWBA();
}else{
this.activeName='second';
this.getAWBH();
}
}
}
}
</script>
<style scoped>
.el-input__inner{
background-color: rgba(236,245,255,0.8) !important;
border: 0px;
}
.el-textarea__inner{
background-color: rgba(236,245,255,0.7) !important;
border-radius: 4px;
}
.el-row{
margin-bottom: -20px;
display: flex;
flex-wrap: wrap
}
table {
width: 90%;
}
tbody tr td{
line-height: 14px;
}
tbody tr {
height: 60px;
}
.tb{
border-top: 0px;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
}
.tl{
border-top: none;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
}
.tb1{
border-top: 0px;
border-left: 0px;
border-right: 1px solid;
border-bottom: 0px;
}
.tb3{
border: 0px;
}
.tb4{
border-top: 0px;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
}
.tb5{
border-top: 0px;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 0px;
}
.tx{
border-top: 25px solid white;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
width: 180px;
margin-top: -1px;
display: inline-block;
margin-left: 40px;
}
</style>