<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="主运单号(必填)" @input="handleInput"></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col style="margin-left: 30px" :span="2">
                                <el-form-item>
                                    <el-input
                                            minlength="3" maxlength="3" oninput="this.value=this.value.toUpperCase()"
                                            @keyup.native="form.bill.origin.replace(/[^A-Za-z]/g,'')"
                                            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-col :span="2">
                                <el-upload
                                        action=""
                                        :on-change="handleChange"
                                        :auto-upload="false"
                                        :show-file-list="false">
                                    <el-button slot="trigger" type="primary">Excel文件</el-button>
                                </el-upload>
                            </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">保&nbsp;&nbsp;&nbsp;存</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">
                        Accounting 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">
                       Accounting 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"
                                                       oninput="this.value=this.value.replace(/[^A-Za-z]/g,'').toUpperCase();"
                                                       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>-->
                            <!--&lt;!&ndash;                                    <el-col style="width: 45%;margin-left: 5px">&ndash;&gt;-->
                            <!--&lt;!&ndash;                                        <el-form-item>&ndash;&gt;-->
                            <!--&lt;!&ndash;                                            <el-input v-model="form.companyName" auto-complete="off" placeholder="" size="mini"></el-input>&ndash;&gt;-->
                            <!--&lt;!&ndash;                                        </el-form-item>&ndash;&gt;-->
                            <!--&lt;!&ndash;                                    </el-col>&ndash;&gt;-->
                            <!--                                </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">
                                To1
                            </span>
                                <el-row>
                                    <el-col style="width: 95%">
                                        <el-form-item>
                                            <el-input minlength="3" maxlength="3" oninput="this.value=this.value.replace(/[^A-Za-z]/g,'').toUpperCase();"
                                                      v-model="form.rtg.destinationAirport" 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" oninput="this.value=this.value.replace(/[^A-Za-z0-9]/g,'').toUpperCase();"
                                                       v-model="form.rtg.destinationCarrier" 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  v-model="form.rtg.onwardAirport"
                                                       minlength="3" maxlength="3" oninput="this.value=this.value.replace(/[^A-Za-z]/g,'').toUpperCase();"
                                                       auto-complete="off" placeholder="到达站1" 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  v-model="form.rtg.onwardCarrier"
                                                       minlength="2" maxlength="2" oninput="this.value=this.value.replace(/[^A-Za-z0-9]/g,'').toUpperCase();"
                                                       auto-complete="off" placeholder="承运人1" 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 v-model="form.rtg.onwardAirport3"
                                                      minlength="3" maxlength="3" oninput="this.value=this.value.replace(/[^A-Za-z]/g,'').toUpperCase();"
                                                      auto-complete="off" placeholder="到达站2" 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 v-model="form.rtg.onwardCarrier3"
                                                      minlength="2" maxlength="2" oninput="this.value=this.value.replace(/[^A-Za-z0-9]/g,'').toUpperCase();"
                                                      auto-complete="off" placeholder="承运人2" 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 disabled minlength="3" maxlength="3"
                                                      oninput="this.value=this.value.replace(/[^A-Za-z]/g,'').toUpperCase();"
                                                      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">
                        Requested Flight/Date
                    </span>
                                <el-row>
                                    <el-col style="width: 38%">
                                        <el-form-item prop="flightNumber">
                                            <el-input v-model="flightNumber"
                                                      auto-complete="off" placeholder="航班号"></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="4" 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 prop="flightNumber2">
                                            <el-input v-model="flightNumber2"
                                                      oninput="this.value=this.value.replace(/[^A-Za-z0-9]/g,'').toUpperCase();"
                                                      auto-complete="off" placeholder="航班号" ></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.day2"
                                                    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="7" 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="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">
                        Notify Name and Address
                        <el-button type="primary" plain size="mini" style="margin-top: 5px" @click="getCneNfy()">通知人</el-button>
                    </span>
                                <el-row>
                                    <el-col style="width: 38%">
                                        <el-form-item>
                                            <el-input  minlength="1" maxlength="35"
                                                       oninput="this.value=this.value.replace(/[^A-Za-z0-9_\S]/g,'').toUpperCase();"
                                                       v-model="form.nfy.nfy_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"
                                                       oninput="this.value=this.value.replace(/[^0-9]/g,'');"
                                                       v-model="nfy_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"
                                                        oninput="this.value=this.value.replace(/[^0-9]/g,'');"
                                                        v-model="form.nfy.nfy_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"
                                                       oninput="this.value=this.value.replace(/[^A-Za-z0-9_\s]/g,'').toUpperCase();"
                                                       v-model="form.nfy.nfy_LOC_city" 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"
                                                       oninput="this.value=this.value.replace(/[^A-Z]/g,'').toUpperCase();"
                                                       v-model="form.nfy.nfy_country" 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="35"
                                                       oninput="this.value=this.value.replace(/[^A-Z0-9_\s]/g,'').toUpperCase();"
                                                       v-model="form.nfy.nfy_ADR" 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;border-left:1px solid #a5a5a5;padding-left: 25px">
                                Also Notify Area
                            </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">
                            Special Handling Details
                          </span>
                          <el-row style="margin-bottom: -2px">
                            <el-col style="width: 100%">
                              <el-form-item>
                                <!--                                            每行65个字符-->
                                <el-input
                                    v-model="sphCodes"
                                    show-word-limit
                                    maxlength="27"
                                    type="textarea"
                                    :autosize="{ minRows: 1, maxRows: 9}"
                                    auto-complete="off" placeholder="特殊操作代码列表,一行一个代码,最多9行"></el-input>
                              </el-form-item>
                            </el-col>
                          </el-row>
                        </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>
                                            <!--                                            每行65个字符-->
                                            <el-input
                                                    v-model="ssr_content"
                                                    show-word-limit
                                                    maxlength="195"
                                                    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"
                                                      oninput="this.value=this.value.replace(/[^0-9]/g,'').trim();"
                                                      auto-complete="off" placeholder="件数1" 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"
                                                      oninput="this.value=this.value.replace(/[^0-9\.]/g,'');"
                                                      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"
                                                      oninput="this.value=this.value.replace(/[^0-9\.]/g,'');"
                                                      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"
                                                      oninput="this.value=this.value.replace(/[^0-9\.]/g,'');"
                                                      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"
                                                      oninput="this.value=this.value.replace(/[^0-9\.]/g,'');"
                                                      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" oninput="this.value=this.value.replace(/[^0-9\.]/g,'');" 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" oninput="this.value=this.value.replace(/[^0-9\.]/g,'');" 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" maxlength="20" 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" oninput="this.value=this.value.replace(/[^0-9\.]/g,'');" 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" oninput="this.value=this.value.replace(/[^0-9\.]/g,'');" 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"
                                                       oninput="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" oninput="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"
                                              oninput="this.value=this.value.replace(/[^0-9\-]/g,'').toUpperCase();"
                                              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"
                                              oninput="this.value=this.value.replace(/[^A-Za-z0-9]/g,'').toUpperCase();"
                                              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">保&nbsp;&nbsp;&nbsp;存</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">保&nbsp;&nbsp;&nbsp;存</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">
                        Accounting 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">
                        Accounting 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"
                                                      @input.native="value => addForm.cvd.cvd_currency_code.replace(/[^A-Za-z]/g,'').toUpperCase()"
                                                      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" 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">
                            <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>-->
                            <!--&lt;!&ndash;                                    <el-col style="width: 45%;margin-left: 5px">&ndash;&gt;-->
                            <!--&lt;!&ndash;                                        <el-form-item>&ndash;&gt;-->
                            <!--&lt;!&ndash;                                            <el-input  auto-complete="off" placeholder="COLL" size="mini"></el-input>&ndash;&gt;-->
                            <!--&lt;!&ndash;                                        </el-form-item>&ndash;&gt;-->
                            <!--&lt;!&ndash;                                    </el-col>&ndash;&gt;-->
                            <!--                                </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"
                                                      @input.native="value => addForm.hbs.hbs_destination = value.replace(/[^A-Za-z]/g, '').toUpperCase()"
                                                      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 v-model="addForm.txt.txt_free_text"
                                                      maxlength="585"
                                                      type="textarea" :autosize="{ minRows: 1, maxRows: 9}"
                                                      auto-complete="off" placeholder="处理信息-Free Text"></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,'')"
                                                      :max-length="15"
                                                      @paste.native="handlePaste($event, 15)"
                                                      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  v-model="addForm.hbs.hbs_slac" auto-complete="off" placeholder="SLAC"></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"  placement="top-start">
                        <div slot="content">可以将整体的尺寸信息复制进来,一行一个尺寸信息,系统会自动识别,如:
                            <br/>
                            10x20x30x40
                            <br/>
                            10X20X30X40
                            <br/>
                            10x20x30/40
                            <br/>
                            10*20*30*40
                        </div>

                        <el-input
                                :autosize="{ minRows: 7, maxRows: 20}"
                                resize = "vertical"
                                type="textarea"
                                placeholder="快速尺寸信息录入生成,每行一条如:10x20x30x40或10x20x30/40或10*20*30*40"
                                v-model="dimension_textarea"
                                @change="convertAndCalculateVolume"
                        >
                        </el-input>
                    </el-tooltip>

                </el-col>
            </el-row>
            <el-row>&nbsp; </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-dialog :visible.sync="dialogVisible2" width="70%">
            <Consignee
                    ref="consignee"
                    v-on:consigeerow="notifiedSelect"
            ></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";
    import XLSX from 'xlsx';
    function cleanString(str, maxLength = 20) {
        return str.replace(/[^a-zA-Z0-9\s]/g, '').slice(0, maxLength);
    }

    /*function parseCustomDate(dateStr) {
        if (typeof dateStr !== 'string') {
            return '无效日期';
        }

        // 自定义日期格式正则表达式
        const regex = /(\d{1,2})\/([a-zA-Z]{3})\/(\d{4})/;
        const match = dateStr.match(regex);

        if (match) {
            const day = match[1];
            const month = match[2];
            const year = match[3];

            // 月份缩写映射
            const monthMap = {
                Jan: '01', Feb: '02', Mar: '03', Apr: '04',
                May: '05', Jun: '06', Jul: '07', Aug: '08',
                Sep: '09', Oct: '10', Nov: '11', Dec: '12'
            };

            const formattedMonth = monthMap[month.toUpperCase()];
            if (formattedMonth) {
                return `${year}-${formattedMonth}-${day.padStart(2, '0')}`;
            }
        }

        return '无效日期';
    }*/

    function formatAF23(value) {
        if (typeof value !== 'string') {
            return '无效值';
        }

        // 删除 DIMS: 行和 VOL: 行
        const cleanedValue = value.replace(/DIMS:\s*/gi, '').replace(/VOL:\s*\d+\.\d+\s*CBM/gi, '');

        // 将剩余内容按行分割，并去除空行
        const lines = cleanedValue.split('\n').filter(line => line.trim() !== '');

        // 将非空行重新组合成字符串，并用换行符分隔
        return lines.join('\n').trim();
    }


    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:'CGO',
                        quantity_density:'',
                        quantity_picecs:'',
                        //体积
                        quantity_volume:'0.0',
                        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:'PP',
                        cvd_charge_prepaid:'PP',
                        cvd_currency_code:'CNY',
                        cvd_value_for_carriage:'NVD',
                        cvd_value_for_customs:'NCV',
                    },
                    flt:{
                        cariier:"",
                        day:'',
                        flightNumber:'',
                        cariier2:"",
                        day2:'',
                        flightNumber2:'',
                        cariier3:"",
                        day3:'',
                        flightNumber3:'',
                    },
                    isu:{
                        isu_day_mounth_year:'',
                        isu_place_or_airport_code:'ZHENGZHOU',
                        isu_signature:'CHINA',
                    },
                    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:'CGOFD1E',
                        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:'',
                        onwardAirport3:'',
                        onwardCarrier3:'',
                    },
                    shp:{
                        shp_contacts:[],
                        shp_account_number:'',
                        shp_adr:'',
                        shp_country:'',
                        shp_loc_place:'',
                        shp_loc_province:'',
                        shp_name:'',
                        shp_postcode:'',
                    },
                    ssr:{
                        ssr_request_content:["NO SOLID WOODEN PACKING MATERIALS"],
                    },
                    cer:{
                        cer_signature:' DHL GLOBAL'
                    },
                    sph:{
                      sph_code:[]
                    }
                },
                sphCodes: "",
                ssr_content:"NO SOLID WOODEN PACKING MATERIALS",
                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:'FREIGHT PREPAID',
                    acc_info_id:'GEN',
                },
                apply_formRules:{
                    bill:{
                        waybillNum: [
                            { required: true, message: '请输入主运单号', trigger: 'blur' },
                            // 新增的格式校验规则
                            {
                                validator: (rule, value, callback) => {
                                    const reg = /^\d{3}-\d{8}$/; // 定义正则表达式
                                    if (value && !reg.test(value)) {
                                        callback(new Error('主运单号格式不正确，应为3位数字-后跟8位数字')); // 如果格式不正确，则返回错误信息
                                    } else {
                                        callback(); // 如果格式正确或值为空，则通过校验
                                    }
                                },
                                trigger: 'blur'
                            }
                        ],
                    },
                    flt:{
                        flightNumber:[
                            {
                                validator: (rule, value, callback) => {
                                    const reg = /^[A-Z0-9]{0,2}[0-9]{3}\d?[A-Z0-9]?$/; // 定义正则表达式
                                    if (value && !reg.test(value)) {
                                        callback(new Error('航班格式不正确')); // 如果格式不正确，则返回错误信息
                                    } else {
                                        callback(); // 如果格式正确或值为空，则通过校验
                                    }
                                },
                                trigger: 'blur'
                            }
                        ],
                        flightNumber2:[
                            {
                                validator: (rule, value, callback) => {
                                    const reg = /^[A-Z0-9]{0,2}[0-9]{3}\d?[A-Z0-9]?$/; // 定义正则表达式
                                    if (value && !reg.test(value)) {
                                        callback(new Error('航班格式不正确')); // 如果格式不正确，则返回错误信息
                                    } else {
                                        callback(); // 如果格式正确或值为空，则通过校验
                                    }
                                },
                                trigger: 'blur'
                            }
                        ]
                    }
                },
                // 分单
                addForm:{
                    companyName1:'Q',
                    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:'CC',
                        cvd_charge_code:'',
                        cvd_currency_code:'CNY',
                    },
                    hbs:{
                        hbs_origin:'CGO',
                        hbs_destination:'AMS',
                        hbs_manifest_description:'NOTEBOOK COMPUT',
                        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,
                fileContent: null,
                currentDate:new Date(),
                dialogVisible2:false,
            }
        },
        methods:{
            handlePaste(event, maxLength) {
                // 阻止默认的粘贴行为
                event.preventDefault();
                // 获取粘贴的内容
                let pasteData = (event.clipboardData || window.clipboardData).getData('text').toUpperCase();
                // 获取当前输入框的内容
                let currentValue = this.addForm.hbs.hbs_manifest_description;
                // 计算总长度
                let totalLength = currentValue.length + pasteData.length;
                if (totalLength > 15) {
                    // 如果总长度超过15，只粘贴允许的部分
                    pasteData = pasteData.slice(0, 15 - currentValue.length);
                }
                // 更新输入框的内容
                this.addForm.hbs.hbs_manifest_description += pasteData;
                // 再次限制总长度
                this.addForm.hbs.hbs_manifest_description = this.limitInputLength(this.addForm.hbs.hbs_manifest_description);
            },

            limitInputLength(value, maxLength) {
                // 如果输入值的长度超过15，则截取前15个字符
                if (value.length > 15) {
                    return value.slice(0, 15);
                }
                return value;
            },
            handleInput(value) {
                // 这里可以进一步处理输入值，例如去空格等
                this.form.bill.waybillNum = value.trim();
            },
            //标签页
            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);
                this.form.rtd.dimensions.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();
            },
            // 通知人信息
            getCneNfy() {
                this.dialogVisible2 = 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;
                }
            },
            //通知人选中事件处理方法
            notifiedSelect(row){
                if(this.activeName=='first'){
                    this.form.nfy.nfy_name = row.companyName;
                    this.form.nfy.nfy_contacts.contact_number=row.conPhone;
                    this.form.nfy.nfy_LOC_city=row.conCity;
                    this.form.nfy.nfy_country=row.country;
                    this.form.nfy.nfy_ADR=row.conAddress;
                    this.nfy_contact.contact_number=row.conPhone;;
                    this.$refs.consignee.consignee_data();
                    this.dialogVisible2 = false;
                }
                else{
                    this.$refs.consignee.consignee_data();
                    this.dialogVisible2 = 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.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.form.nfy.nfy_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.form.nfy.nfy_contacts.push(this.nfy_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;
                            this.addForm.hbs.hbs_origin=res.data.data.origin;
                        }
                        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
                    }

                    // ssr 适配 使用 join 方法并传入换行符 \n 作为分隔符
                    _this.ssr_content = _this.form.ssr.ssr_request_content.join("\n");

                    //获取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("×","x");
                    text = text.replaceAll("@","x");
                    text = text.replace(/\//g, '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;

                            let measurement_info = {
                                dim_measurement_code:'CMT',
                                //尺寸信息
                                dim_measurement_info:"" + dim_form.long + "-" + dim_form.wide + "-" + dim_form.height + "/" + dim_form.pic,
                                dim_weight:'',
                                dim_weightcode:'',
                            };

                            _this.form.rtd.dimensions.push(measurement_info)

                            _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;
                    }
                    this.form.bill.quantity_volume=totalVolume;
                    return {
                        converted: output.trim(),
                        totalVolume: totalVolume
                    };
                }).catch((e) => {
                    this.$message({
                        type: 'error',
                        message: '已取消'+e.message
                    });
                });
            },
            cancleBtn(){
                Object.assign(this.$data, this.$options.data());
            },
            NumberToDate(cellValue){
                // 将 Excel 的序列号转换为 JavaScript 的 Date 对象
                // 注意：Excel 的日期序列号是从 1900 年 1 月 1 日开始计算的（不考虑1904日期系统）
                let dateObj = new Date((cellValue - 1) * 24 * 3600 * 1000 + new Date(1900, 0, 1).getTime());

                // 考虑 Excel 中的一个已知错误，即它认为1900年是闰年，所以需要减去一天
                if (cellValue > 60) {
                    dateObj = new Date(dateObj.getTime() - 24 * 3600 * 1000);
                }

                // 将 Date 对象格式化为你想要的日期字符串
                let formattedDate = dateObj.toLocaleDateString('zh-CN', {
                    year: 'numeric',
                    month: '2-digit',
                    day: '2-digit'
                });
                return formattedDate;
            },
            handleChange(file, fileList) {
                const files = file.raw;
                const reader = new FileReader();
                reader.onload = (e) => {
                    const data = new Uint8Array(e.target.result);
                    const workbook = XLSX.read(data, { type: 'array' });
                    const worksheetName = '格式化打印'; // 指定工作表名称
                    const worksheet = workbook.Sheets[worksheetName];
                    if (worksheet) {
                        const AF1 = (worksheet['AF1'] && worksheet['AF1'].v) || '';
                        const A16 = (worksheet['A16'] && worksheet['A16'].v) || '';
                        const C16 = (worksheet['C16'] && worksheet['C16'].v) || '';
                        const K16 = (worksheet['K16'] && worksheet['K16'].v) || '';
                        const L16 = (worksheet['L16'] && worksheet['L16'].v) || '';
                        const S16 = (worksheet['S16'] && worksheet['S16'].v) || '';
                        const I18 = (worksheet['I18'] && worksheet['I18'].v) || '';
                        const M18 = (worksheet['M18'] && worksheet['M18'].v) || '';
                        const A20 = (worksheet['A20'] && worksheet['A20'].v) || '';
                        const A22 = (worksheet['A22'] && worksheet['A22'].v) || '';
                        const C22 = (worksheet['C22'] && worksheet['C22'].v) || '';
                        const K22 = (worksheet['K22'] && worksheet['K22'].v) || '';
                        const P22 = (worksheet['P22'] && worksheet['P22'].v) || '';
                        const U22 = (worksheet['U22'] && worksheet['U22'].v) || '';
                        const AF22 = (worksheet['AF22'] && worksheet['AF22'].v) || '';
                        const AF23 = (worksheet['AF23'] && worksheet['AF23'].v) || '';
                        const O34 = (worksheet['O34'] && worksheet['O34'].v) || '';
                        //const O38 = (worksheet['O38'] && worksheet['O38'].v) || '';
                        const X38 = (worksheet['X38'] && worksheet['X38'].v) || '';
                        const AF38 = (worksheet['AF38'] && worksheet['AF38'].v) || '';
                        //判定acc 中是否包含COU 特殊操作代码
                        const S10 = (worksheet['S10'] && worksheet['S10'].v) || '';

                        if (S10.includes("COU")){
                          this.sphCodes += "COU"
                        }


                        if(I18.includes("/")){
                            const inFlightInfo = I18.split('/');
                            const outFlightInfo = M18.split('/');
                            const inFlightNumber = inFlightInfo[0];
                            const inFlightDate = inFlightInfo.length > 1 ? inFlightInfo[1].split(' ')[0] : '';
                            const outFlightNumber = outFlightInfo[0];
                            const outFlightDate = outFlightInfo.length > 1 ? outFlightInfo[1].split(' ')[0] : '';

                            const SSRInfo = A20.replace(/[^a-zA-Z0-9\s]/g, '');
                            //const signatureDate = parseCustomDate(O38);
                            const formattedAF23 = formatAF23(AF23);

                            this.fileContent = {
                                AF1: AF1,
                                A16: A16,
                                C16: C16,
                                K16: K16,
                                L16: L16,
                                S16: S16,
                                inFlightNumber: inFlightNumber,
                                inFlightDate: inFlightDate,
                                outFlightNumber: outFlightNumber,
                                outFlightDate: outFlightDate,
                                SSRInfo: SSRInfo,
                                A22: A22,
                                C22: C22,
                                K22: K22,
                                P22: P22,
                                U22: U22,
                                AF22: cleanString(AF22),
                                AF23: formattedAF23,
                                O34: cleanString(O34),
                                //signatureDate: signatureDate,
                                X38: X38,
                                AF38: cleanString(AF38),
                            };
                            this.form.bill.waybillNum=this.fileContent.AF1;
                            this.form.cvd.cvd_currency_code=this.fileContent.S16;
                            this.form.rtg.destinationAirport=this.fileContent.A16;
                            this.form.rtg.destinationCarrier=this.fileContent.C16;
                            this.form.rtg.onwardAirport=this.fileContent.K16;
                            this.form.rtg.onwardCarrier=this.fileContent.L16;
                            this.form.flt.cariier=this.fileContent.inFlightNumber.substring(0,2);
                            this.form.flt.day=this.fileContent.inFlightDate.substring(0,2);
                            this.form.flt.flightNumber=this.fileContent.inFlightNumber.substring(2);
                            this.form.flt.cariier2=this.fileContent.outFlightNumber.substring(0,2);
                            this.form.flt.day2=this.fileContent.outFlightDate.substring(0,2);
                            this.form.flt.flightNumber2=this.fileContent.outFlightNumber.substring(2);
                            this.ssr_content=this.fileContent.SSRInfo;
                            this.form.bill.quantity_picecs=this.fileContent.A22;
                            this.form.bill.quantity_weight=parseFloat(this.fileContent.C22).toFixed(2);
                            this.form.rtd.rtd_charge_weight=parseFloat(this.fileContent.K22).toFixed(2);
                            this.form.rtd.rtd_rate_charge=this.fileContent.P22;
                            this.form.rtd.rtd_total=parseFloat(this.fileContent.U22).toFixed(2);
                            this.form.ppd.ppd_weight_amount=parseFloat(this.fileContent.U22).toFixed(2);
                            this.form.ppd.ppd_charge_summary_total=parseFloat(this.fileContent.U22).toFixed(2);
                            this.form.rtd.rtd_goods_DES=this.fileContent.AF22;
                            this.form.cer.cer_signature=this.fileContent.O34;
                            this.form.isu.isu_signature=this.fileContent.AF38;
                            this.dimension_textarea=this.fileContent.AF23;
                            //this.convertAndCalculateVolume();

                            this.form.isu.isu_day_mounth_year=this.formattedDate();
                        }else{
                            const tempDate=this.NumberToDate(M18);
                            const outFlightDate=tempDate.split('/')[2];
                            const SSRInfo = A20.replace(/[^a-zA-Z0-9\s]/g, '');
                            //const signatureDate = parseCustomDate(O38);
                            const formattedAF23 = formatAF23(AF23);


                            this.fileContent = {
                                AF1: AF1,
                                A16: A16,
                                C16: C16,
                                K16: K16,
                                L16: L16,
                                S16: S16,
                                //outFlightDate: outFlightDate,
                                I18:I18,
                                SSRInfo: SSRInfo,
                                A22: A22,
                                C22: C22,
                                K22: K22,
                                P22: P22,
                                U22: U22,
                                M18: outFlightDate,
                                AF22: cleanString(AF22),
                                AF23: formattedAF23,
                                O34: cleanString(O34),
                                //signatureDate: signatureDate,
                                X38: X38,
                                AF38: cleanString(AF38),
                            };
                            //this.convertAndCalculateVolume();
                            this.form.bill.waybillNum=this.fileContent.AF1;
                            this.form.cvd.cvd_currency_code=this.fileContent.S16;
                            this.form.rtg.destinationAirport=this.fileContent.A16;
                            this.form.rtg.destinationCarrier=this.fileContent.C16;
                            this.form.rtg.onwardAirport=this.fileContent.K16;
                            this.form.rtg.onwardCarrier=this.fileContent.L16;
                            this.form.flt.cariier=this.fileContent.I18.substring(0,2);
                            this.form.flt.day=this.fileContent.M18;
                            this.form.flt.flightNumber=this.fileContent.I18.substring(2);
                            this.ssr_content=this.fileContent.SSRInfo;
                            this.form.bill.quantity_picecs=this.fileContent.A22;
                            this.form.bill.quantity_weight=parseFloat(this.fileContent.C22).toFixed(2);
                            this.form.rtd.rtd_charge_weight=parseFloat(this.fileContent.K22).toFixed(2);
                            this.form.rtd.rtd_rate_charge='';
                            this.form.rtd.rtd_goods_DES=this.fileContent.AF22;
                            this.form.cer.cer_signature=this.fileContent.O34;
                            this.form.isu.isu_signature=this.fileContent.AF38;
                            this.dimension_textarea=this.fileContent.AF23;

                            this.form.isu.isu_day_mounth_year=this.formattedDate();
                        }

                    } else {
                        this.fileContent = { AF1: '工作表不存在' };
                    }
                };
                reader.readAsArrayBuffer(files);
                this.convertAndCalculateVolume();
            },
            formattedDate() {
                // 格式化日期为 yyyy-MM-dd
                const date = this.currentDate;
                const year = date.getFullYear();
                const month = String(date.getMonth() + 1).padStart(2, '0');
                const day = String(date.getDate()).padStart(2, '0');
                return `${year}-${month}-${day}`;
            }
        },
        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();
                }
            }
        },
        computed:{
            formattedSsrContent: {
                get() {
                    return this.ssr_content;
                },
                set(value) {
                    // 过滤掉所有非字母数字和中文字符以及换行符
                    const filteredValue = value.replace(/[^A-Z1-9\n ]/g, '');

                    const lines = value.split('\n');
                    if (lines.length > 3) {
                        this.$message.error('最多只能输入三行文本！');
                        return;
                    }

                    for (let line of lines) {
                        if (line.length > 65) {
                            this.$message.error('每行不能超过65个字符！');
                            return;
                        }
                    }

                    // 如果所有校验都通过了，更新 form.ssr.ssr_request_content
                    this.form.ssr.ssr_request_content = lines;
                    this.ssr_content = value; // 更新视图中的数据
                }
            },
            sphCodeFormat:{
              get(){
                return this.sphCodes;
              },
              set(value){
                const lines = value.split('\n');
                if (lines.length > 9) {
                  this.$message.error('最多只能输入9行文本！');
                  return;
                }
                for (let line of lines) {
                  if (line.length > 3) {
                    this.$message.error('每行不能超过3个字符！每行一个特殊操作代码,如:ELI');
                    return;
                  }
                }
                this.form.sph.sph_code = lines
                this.sphCodes = value;
              }
            },
            flightNumber: {
                get() {
                    // 返回拼接后的完整航班号
                    return this.form.flt.cariier + this.form.flt.flightNumber;
                },
                set(value) {
                    // 将输入值转换为大写并去除非法字符
                    const cleanedValue = value.replace(/[^A-Za-z0-9]/g, '').toUpperCase();
                    // 拆分航班号
                    this.form.flt.cariier = cleanedValue.slice(0, 2);
                    this.form.flt.flightNumber = cleanedValue.slice(2);
                }
            },
            flightNumber2: {
                get() {
                    // 返回拼接后的完整航班号
                    return this.form.flt.cariier2 + this.form.flt.flightNumber2;
                },
                set(value) {
                    // 将输入值转换为大写并去除非法字符
                    const cleanedValue = value.replace(/[^A-Za-z0-9]/g, '').toUpperCase();
                    // 拆分航班号
                    this.form.flt.cariier2 = cleanedValue.slice(0, 2);
                    this.form.flt.flightNumber2 = cleanedValue.slice(2);
                }
            },
        },
        watch:{
            ssr_content: {
                handler(newVal) {
                    this.formattedSsrContent = newVal; // 触发计算属性的setter
                },
                immediate: true // 立即执行监听器
            },
            sphCodes:{
              handler(newVal) {
                this.sphCodeFormat = newVal; // 触发计算属性的setter
              },
              immediate: true // 立即执行监听器
            }
        }
    }
</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>