From cdd405bb8217984da78066712c1e27d3cc32706a Mon Sep 17 00:00:00 2001
From: linfso <linfso@sina.com>
Date: Wed, 25 Dec 2024 18:30:37 +0800
Subject: [PATCH] md

---
 src/views/emis/emisWaybill/waybillGot.vue | 2377 +++++++++++++++++++++
 1 file changed, 2377 insertions(+)
 create mode 100644 src/views/emis/emisWaybill/waybillGot.vue

diff --git a/src/views/emis/emisWaybill/waybillGot.vue b/src/views/emis/emisWaybill/waybillGot.vue
new file mode 100644
index 00000000..677ee666
--- /dev/null
+++ b/src/views/emis/emisWaybill/waybillGot.vue
@@ -0,0 +1,2377 @@
+<template>
+  <div class="app-container" >
+    <el-form ref="form"  size="mini" :model="form" :rules="rules" :disabled="this.form.lockFlag=='T'" label-width="100px">
+        <el-collapse v-model="activeNames">
+          <el-collapse-item title="" name="1">
+            <template slot="title">
+              <div style="display:inline-flex">
+                <div class="form-group-title"><span class="title">{{ $t('发货信息') }}</span></div>
+              </div>
+            </template>
+            <div>
+
+              <el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
+                <!-- 运单录入 -->
+
+                <el-col :span="6" v-if="action=='add' || action=='preAdd' || action=='got'">
+                    <el-form-item :label="$t('发货时间')" prop="sendDate">
+                      <el-input v-model="sendDate" placeholder=""  disabled />
+                    </el-form-item>
+                </el-col>
+
+                <el-col :span="18" v-if="action=='add' || action=='preAdd' || action=='got'">
+                    <el-form-item :label="$t('运单号')" prop="billCode"  >
+                      <div style="display:inline-flex">
+                          <div>
+                            <el-input v-model="form.billCode" placeholder="" @blur="onBillCodeChange" style="font-weight:600;color:black" :disabled="this.action=='got'" />
+                          </div>
+                          <div style="padding-left:5px"> <el-checkbox v-model="form.blSelfBillCode" style="font-size:400;margin-right:10px;font-size:10px" :disabled="this.action=='got'" @change="checked=>handleBillCodeChange(checked)" :true-label="'1'" :false-label="'0'"><span style="font-size:10px">{{ $t('电子主单') }}</span></el-checkbox></div>
+                      </div>
+                    </el-form-item>
+                </el-col>
+                  <!-- <el-col :span="8" v-if="action=='got'">
+                    <el-form-item :label="$t('寄件网点')"  prop="sendSiteCode">
+                      <EmisSiteSimplePicker v-if="$store.getters.ownerSiteCode== '88888'" v-model="form.sendSiteCode"  @onChange="onSendSiteSelect"  ></EmisSiteSimplePicker>
+                      <el-input v-else  v-model="form.sendSiteName" placeholder="" disabled />
+                  </el-form-item>
+                </el-col> -->
+
+                <!-- 运单录入 end -->
+
+                <!-- 运单修改 -->
+                <el-col :span="8" v-if="action=='modify'">
+                    <el-form-item :label="$t('运单号')" prop="billCode"  >
+                      <div style="display:inline-flex">
+                          <div>
+                            <el-form :disabled="false" @submit.native.prevent>
+                              <el-input v-model="form.billCode" :placeholder="$t('单号输入后按回车')" @keyup.enter.native="handleScanInput"  :disabled="false" style="font-weight:600;color:black" >
+                                <i slot="suffix" class="iconfont">&#xe656;</i>
+                              </el-input>
+                            </el-form>
+                          </div>
+                      </div>
+                    </el-form-item>
+                </el-col>
+
+                <el-col :span="6" v-if="action=='modify'">
+                    <el-form-item :label="$t('发货时间')" prop="sendDate">
+                      <el-input v-model="form.sendDate" placeholder=""  disabled />
+                    </el-form-item>
+                </el-col>
+
+                <el-col :span="10" v-if="action=='modify'">
+                </el-col>
+
+                <!-- 运单修改 end -->
+                  <el-col :span="6">
+                    <el-form-item :label="$t('目的国')"  prop="destinationCountry">
+                        <CountryPicker0 v-model="form.destinationCountry" @onChange="onDestCountryChange"></CountryPicker0>
+                    </el-form-item>
+                  </el-col>
+
+                  <el-col :span="8">
+                    <el-form-item  :label="$t('产品类型')"  prop="productType">
+                      <TransProductCasPicker v-model="form.productTypeSelArr" :countryCode="form.destinationCountry" @onChange="onProductChange" ></TransProductCasPicker>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="5">
+                    <el-form-item  :label="$t('报关方式')"  prop="customsEclaration">
+                      <el-select v-model="form.customsEclaration" placeholder=""  @change="calcBillFee">
+                        <el-option
+                          v-for="dict in dict.type.emis_declare_mode"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="5">
+                    <el-form-item :label="$t('清关方式')"  prop="customsClear">
+                      <el-select v-model="form.customsClear" placeholder=""  @change="calcBillFee">
+                        <el-option
+                          v-for="dict in dict.type.emis_customs_clear"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+
+                  <el-col :span="6">
+                    <el-form-item :label="$t('取件方式')" prop="pickupMethod">
+                      <el-select v-model="form.pickupMethod" placeholder="" @change="calcBillFee">
+                        <el-option
+                          v-for="dict in dict.type.emis_qujian_fangshi"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="6" v-if="form.pickupMethod==2">
+                    <el-form-item :label="$t('取件员')" prop="takePieceEmployeeCode" >
+                      <EmisUserSimplePicker0  :placeholder="$t('取件员')" :siteCode="form.sendSiteCode" v-model="form.takePieceEmployeeCode" postCode="RSD" ></EmisUserSimplePicker0>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="6" v-if="form.pickupMethod==1">
+                    <el-form-item :label="$t('操作员')" prop="operateEmployeeCode" >
+                      <EmisUserSimplePicker1 :placeholder="$t('操作员')"  :siteCode="form.sendSiteCode"  v-model="form.operateEmployeeCode" postCode="OP" ></EmisUserSimplePicker1>
+                    </el-form-item>
+                  </el-col>
+
+                  <el-col :span="6">
+                    <el-form-item :label="$t('派件方式')" prop="dispatchMethod">
+                      <el-radio-group v-model="form.dispatchMethod">
+                        <el-radio
+                          v-for="dict in dict.type.emis_tab_dispatch_mode"
+                          :key="dict.value"
+                          :label="dict.value"
+                        >
+                        <span  >{{ $t(dict.label) }}</span>
+                      </el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="24">
+                    <el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
+                      <el-col :span="8">
+                        <el-form-item  :label="$t('月结客户')" prop="custNo" :rules="(form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5)?rules.custNo:[]" >
+                        <EmisMonthpayAccountPicker v-model="form.custNo" @onChange="onSelectMonthUser"></EmisMonthpayAccountPicker>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="6">
+                        <el-form-item   :label="$t('回款联系人')"  prop="payee" label-width="85px">
+                          <PayeePicker v-if="form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5" :placeholder="$t('回款联系人')" v-model="form.payee" :disabled="true" ></PayeePicker>
+                          <PayeePicker v-else :placeholder="$t('回款联系人')" v-model="form.payee"  ></PayeePicker>
+
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="6">
+                        <el-form-item  :label="$t('销售联系人')"  prop="salesmen" label-width="85px">
+                          <SalemanPicker v-if="form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5"  :placeholder="$t('销售联系人')" v-model="form.salesmen" :disabled="true" ></SalemanPicker>
+                          <SalemanPicker v-else  :placeholder="$t('销售联系人')" v-model="form.salesmen"  ></SalemanPicker>
+                        </el-form-item>
+                      </el-col>
+
+                    </el-row>
+                  </el-col>
+
+              </el-row>
+              <!-- v-if="action=='add' || action=='preAdd'" -->
+              <div  style="position: absolute;right: 80px;top: 60px;z-index: 100;">
+                <!--  -->
+                    <div style="display:inline-flex;font-size: 15px;font-weight: 700;">
+
+                      <div style="width:230px">
+                          <el-form-item  prop="sendSiteCode">
+                            <span slot="label" style="color:gray">{{ $t('寄件网点') }}:</span>
+                            <EmisSiteSimplePicker v-if="$store.getters.ownerSiteCode== '88888'" v-model="form.sendSiteCode"  @onChange="onSendSiteSelect"  ></EmisSiteSimplePicker>
+                            <el-input v-else  v-model="form.sendSiteName" placeholder="" disabled />
+                          </el-form-item>
+                      </div>
+                        <div style="margin-left: 12px;" v-if="totalAvailablePag.mainHasCnt>0">
+                          {{ $t('主单剩余') }}:<span>{{ totalAvailablePag.mainHasCnt }}</span>
+                        </div>
+                        <div v-if="totalAvailablePag.mainHasCnt>0">
+                          {{ $t('子单剩余') }}:<span>{{ totalAvailablePag.subHasCnt }}</span>
+                        </div>
+                        <div v-else @click="handleApplyPag" style="font-size: 15px;font-weight: 700;color:red;cursor: pointer;">{{ $t('主单余量') }}:0，{{ $t('请立即') }}【<span style="color:blue">{{ $t('申购') }}</span>】</div>
+                    </div>
+                    <!-- <div >
+                        <div v-if="totalAvailablePag.mainHasCnt>0" style="font-size: 15px;font-weight: 700;color:red;cursor: pointer;">{{ $t('主单余量') }}:0，{{ $t('请立即') }}【<span style="color:blue">{{ $t('申购') }}</span>】</div>
+                    </div> -->
+              </div>
+
+            </div>
+          </el-collapse-item>
+          <el-collapse-item title="" name="2">
+            <template slot="title">
+              <div class="form-group-title"><span class="title">{{ $t('收寄件信息') }}</span></div>
+            </template>
+            <el-row :gutter="0" style="display: flex;flex-wrap: wrap;border: 1px dotted #f5f7fa;border-radius: 5px;">
+                <el-col :span="12">
+                  <el-row :gutter="0" style="display: flex;flex-wrap: wrap;background: #fdfdfd;padding:15px">
+                    <el-col :span="24" style="display:inline-flex; margin-bottom: 10px;border-bottom: 1px dotted #e6ebf5">
+                      <div class="form-group-title" style="width:50%">
+                          <span style="border-radius: 15px;
+                            padding: 5px 15px;
+                            background: black;
+                            font-size: 13px;
+                            color: white;">{{ $t('寄件信息') }}</span>
+                      </div>
+                      <div style="width:50%;text-align:right;padding-right: 15px;">
+                          <!-- icon="el-icon-edit" -->
+                        <el-button
+                        size="mini"
+                        type="text"
+                        style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;color: black;"
+                        class="iconfont icon-dizhibao"
+                        @click="handleSelectCustomerAddress(1)"
+                      >{{ $t('寄件地址薄') }}</el-button>
+                      </div>
+                    </el-col>
+
+                    <el-col :span="12">
+                      <el-form-item :label="$t('寄件人')" prop="sender.name">
+                        <CustomerAddressSimplePicker0 addressType="1" :useSiteCode="form.sendSiteCode" v-model="form.sender.name" @onChange="onChangeSelectSender"></CustomerAddressSimplePicker0>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item :label="$t('寄件电话')" prop="sender.phone">
+                        <el-input v-model="form.sender.phone" placeholder="" maxlength="30"/>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                      <el-form-item :label="$t('寄件公司')" prop="sender.company"
+                      :rules="form.paymentType != 2 ? rules.sender.company : []"
+                      >
+                        <el-input
+                        v-model="form.sender.company" placeholder="" />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                      <el-form-item  :label="$t('国家地区')" prop="sender.province"  >
+                        <div style="display:inline-flex">
+                          <country-picker1 v-model="form.sender.country" ></country-picker1>
+                          <province-picker1 v-model="form.sender.province" :countryCode="form.sender.country" style="margin-left:5px"></province-picker1>
+                          <city-picker1 v-model="form.sender.city" :parentCode="form.sender.province" style="margin-left:5px"></city-picker1>
+                          <district-picker1 v-model="form.sender.county" :parentCode="form.sender.city" style="margin-left:5px"></district-picker1>
+                        </div>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                      <el-form-item :label="$t('寄件地址')"  prop="sender.address">
+                        <el-input v-model="form.sender.address" rows="3" type="textarea"  placeholder="" />
+                      </el-form-item>
+                    </el-col>
+
+                    <el-col :span="24">
+                      <el-form-item label="" prop="blMessage">
+                        <el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blMessage" :true-label="'1'" :false-label="'0'"><span style="font-size:10px">  {{ $t('寄件/签收短信') }} </span></el-checkbox>
+                      </el-form-item>
+                    </el-col>
+
+                  </el-row>
+                </el-col>
+
+                <el-col :span="12">
+                  <el-row :gutter="0" style="display: flex;flex-wrap: wrap;padding:15px">
+                      <el-col :span="24" style="display:inline-flex;margin-bottom: 10px;border-bottom: 1px dotted #e6ebf5">
+                        <div class="form-group-title" style="width:50%">
+                          <span style="border-radius: 15px;
+                              padding: 5px 15px;
+                              background: #b12e29;
+                              font-size: 13px;
+                              color: white;"> {{ $t('收件信息') }}</span>
+                          </div>
+                        <div style="width:50%;text-align:right;padding-right: 15px;">
+                          <el-button
+                          size="mini"
+                          type="text"
+                          style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;"
+                          class="iconfont icon-dizhibao"
+                          @click="handleSelectCustomerAddress(2)"
+                        > {{ $t('收件地址薄') }}</el-button>
+                        </div>
+                      </el-col>
+
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('收件人')" prop="reciever.name">
+                          <CustomerAddressSimplePicker1 addressType="2" :useSiteCode="form.sendSiteCode"  :countryCode="form.reciever.country" v-model="form.reciever.name" @onChange="onChangeSelectReceiver"></CustomerAddressSimplePicker1>
+                        </el-form-item>
+                      </el-col>
+
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('收件电话')"  prop="reciever.phone">
+                          <el-input v-model="form.reciever.phone" placeholder=""  maxlength="30"/>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-form-item  :label="$t('收件公司')" prop="reciever.company"
+                        :rules="form.paymentType != 4 ? rules.reciever.company : []"
+                        >
+                          <el-input v-model="form.reciever.company" placeholder="" />
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-form-item :label="$t('国家地区')" prop="reciever.province">
+                          <div style="display:inline-flex">
+                            <country-picker2 v-model="form.reciever.country"  ></country-picker2>
+                            <ProvincePicker2  v-model="form.reciever.province" :countryCode="form.reciever.country"  style="margin-left:5px" @onChange="handleCalcDestSite" ></ProvincePicker2>
+                            <city-picker2 v-model="form.reciever.city" :parentCode="form.reciever.province" style="margin-left:5px"  @onChange="handleCalcDestSite" ></city-picker2>
+                            <district-picker2 v-model="form.reciever.county" :parentCode="form.reciever.city" style="margin-left:5px"  @onChange="handleCalcDestSite" ></district-picker2>
+                          </div>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-form-item  :label="$t('收件地址')" prop="reciever.address">
+                          <el-input v-model="form.reciever.address" type="textarea" rows="3" placeholder="" />
+                        </el-form-item>
+                      </el-col>
+
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('目的地')"  prop="destinationCode">
+                          <DestinationPicker v-model="form.destinationCode" :countryCode="form.reciever.country" :lineCode="form.transLine" @onChange="onDestinationChange"></DestinationPicker>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('目的网点')"  prop="dispatchUnderlingSiteName">
+                          <el-input v-model="form.dispatchUnderlingSiteName" placeholder="" disabled />
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-form-item label="" prop="blAcceptMessage">
+                          <el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blAcceptMessage" :true-label="'1'" :false-label="'0'"><span style="font-size:10px">  {{ $t('派件短信') }}</span></el-checkbox>
+                        </el-form-item>
+                      </el-col>
+                  </el-row>
+                </el-col>
+            </el-row>
+          </el-collapse-item>
+          <el-collapse-item title="" name="3">
+            <template slot="title">
+              <div class="form-group-title"><span class="title">{{ $t('货物收费信息') }}</span>
+              </div>
+            </template>
+            <el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
+              <el-col :span="12">
+
+                <el-row :gutter="0" style="display: flex;flex-wrap: wrap;padding: 0px 15px;">
+                    <!-- <el-col :span="24"><div style="font-weight:600">货物信息</div></el-col> -->
+                    <el-col :span="24">
+                        <el-form-item :label="$t('货物大类')"  prop="goodsType" label-width="70px">
+                          <GoodsMultiplePicker v-model="form.goodsType" @onChange="onGoodsChange" placeholder=""></GoodsMultiplePicker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item  :label="$t('货物名称')"  prop="goodsInfo" label-width="70px">
+                          <el-input v-model="form.goodsInfo" type="textarea"  placeholder="" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item  :label="$t('总件数')"  prop="parcelQty" label-width="70px">
+                          <el-input v-model="form.parcelQty" style="text-align: right;" @blur="handleCargoQtyChangeDebounce" @keyup.enter.native="handleCargoQtyChangeDebounce" placeholder=""  />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item  :label="$t('实际重量')"  prop="billWeight" label-width="70px">
+                          <el-input v-model="form.billWeight" @blur="handleCalcSettlementWeight" @keyup.enter.native="handleCalcSettlementWeight"  style="text-align: right;min-width: 80px" placeholder="" >
+                            <span slot="suffix">(kg)</span>
+                          </el-input>
+
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="24">
+                        <el-form-item label="" prop="goodsType" label-width="0px">
+
+                          <el-table
+                            class="cargoList"
+                            :cell-style="{
+                              'padding': '0px!important',
+                              'padding-left': '0px!important',
+                              'padding-right': '0px!important',
+                              'font-size':'11px'
+                            }"
+                            :header-cell-style="{
+                              'font-size':'11px'
+                            }"
+                            border
+                            stripe
+                            :data="form.cargoList"
+                            size="small"
+                            style="width: 100%"
+                            max-height="300px"
+                          >
+
+                            <el-table-column  :label="$t('序号')" align="center" width="60">
+                                  <template slot-scope="scope">
+                                      <span > {{scope.$index+1}}</span>
+                                  </template>
+                            </el-table-column>
+                            <el-table-column prop="length"  :label="$t('长(cm)')"  align="center" width="60">
+                              <template slot-scope="scope">
+                                <!-- @input="(val)=>handleCalcVolumeDebounce(scope.row)"  -->
+                                <el-input-number  v-model="scope.row.length"  @blur="(val)=>handleCalcVolumeDebounce(scope.row)" :ref="'input_'+scope.$index+'_1'" @keyup.enter.native="focusNextInput('input_'+scope.$index+'_2')" size="mini" placeholder="" :min="0" :controls="false" :precision="0"></el-input-number>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="width"  :label="$t('宽(cm)')"  align="center" width="60">
+                              <template slot-scope="scope">
+                                <!-- @input="(val)=>handleCalcVolumeDebounce(scope.row)" -->
+                                <el-input-number  v-model="scope.row.width" @blur="(val)=>handleCalcVolumeDebounce(scope.row)"    :ref="'input_'+scope.$index+'_2'" @keyup.enter.native="focusNextInput('input_'+scope.$index+'_3')" size="mini" placeholder="" :min="0" :controls="false" :precision="0"></el-input-number>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="height"   :label="$t('高(cm)')" align="center" width="60">
+                              <template slot-scope="scope">
+                                <!-- @input="(val)=>handleCalcVolumeDebounce(scope.row)"  -->
+                                <el-input-number  v-model="scope.row.height"  @blur="(val)=>handleCalcVolumeDebounce(scope.row)" :ref="'input_'+scope.$index+'_3'" @keyup.enter.native="focusNextInput('input_'+scope.$index+'_4')" size="mini" placeholder="" :min="0" :controls="false" :precision="0"></el-input-number>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="cargoQty" :label="$t('件数')" align="center" width="60">
+                              <template slot-scope="scope">
+                                <!--  -->
+                                <el-input-number v-model="scope.row.cargoQty"  @blur="(val)=>handleCargoQtyChangeDebounce(scope.row)" :ref="'input_'+scope.$index+'_4'" @keyup.enter.native="(val)=>{ handleCargoQtyChangeDebounce(scope.row); focusNextInput('input_'+(scope.$index+1)+'_1')}"   size="mini" placeholder="" :min="0" :controls="false" :precision="0"></el-input-number>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="volume"  :label="$t('体积(m³)')" align="center" width="80">
+                              <template slot-scope="scope">
+                                <span > {{scope.row.volume}}</span>
+                                <!-- <el-input-number  v-model="scope.row.volume" size="mini" placeholder="" disabled :min="0" :controls="false" :precision="5"></el-input-number> -->
+                              </template>
+                            </el-table-column>
+
+                            <!-- @input="(val)=>handleCalcQty(val,scope.row)" -->
+                            <!-- <el-table-column prop="goodsName" label="描述" align="center" width="60">
+                              <template slot-scope="scope">
+                                <el-input  v-model="scope.row.goodsName" size="mini" placeholder=""></el-input>
+                              </template>
+                            </el-table-column> -->
+
+                            <el-table-column :label="$t('操作')"  align="left" min-width="50">
+                                  <template slot-scope="scope">
+                                    <span class="icon iconfont"
+                                    style="cursor: pointer;font-size: 21px;color: #6e6e6e;"
+                                    @click="()=>deleteGoodsItem(scope.row,scope.$index)">&#xe7ae;</span>
+                                    <span class="icon iconfont"
+                                    style="cursor: pointer;font-size: 21px;color: #6e6e6e;"
+                                    @click="()=>copyGoodsItem(scope.row,scope.$index)">&#xe620;</span>
+                                  </template>
+                            </el-table-column>
+
+                          </el-table>
+
+                        </el-form-item>
+                    </el-col>
+
+
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('总体积')"  prop="totalVolume" label-width="70px" >
+                          <div style="">
+                            <el-input v-model="form.totalVolume" @blur="handleCalcVolumeWeight" @keyup.enter.native="handleCalcVolumeWeight" style="text-align: right;width: 120px" placeholder="体积" >
+                              <span slot="suffix">(m³)</span>
+                            </el-input>
+                          </div>
+                        </el-form-item>
+                      </el-col>
+
+
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('体积重量')"  prop="volumeWeight" label-width="70px">
+                          <el-input v-model="form.volumeWeight"   placeholder="" disabled>
+                            <span slot="suffix">(kg)</span>
+                          </el-input>
+                        </el-form-item>
+                      </el-col>
+
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('结算重量')"  prop="settlementWeight" label-width="70px">
+                          <el-input v-model="form.settlementWeight" placeholder="" disabled >
+                            <span slot="suffix">(kg)</span>
+                          </el-input>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('货值')"  prop="realValue" label-width="70px" >
+                          <div style="">
+                            <el-input v-model="form.realValue"  style="text-align: right;width: 120px" placeholder="货值" >
+                              <span slot="suffix">(USD)</span>
+                            </el-input>
+                          </div>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('附加信息')"  prop="extInfo" label-width="70px" >
+                          <div style="">
+                            <el-input v-model="form.extInfo"  style="text-align: right;width: 120px" placeholder="附加信息" >
+                            </el-input>
+                          </div>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('包装类型')"  prop="packType" label-width="70px">
+                            <el-select multiple="" v-model="form.packType" placeholder="">
+                              <el-option
+                                v-for="dict in dict.type.emis_tab_packing_type"
+                                :key="dict.value"
+                                :label="dict.label"
+                                :value="dict.value"
+                              ></el-option>
+                            </el-select>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item label="" prop="blOverWeight">
+                          <el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blOverWeight" :true-label="'1'" :false-label="'0'" ><span style="font-size:10px">是否超重</span></el-checkbox>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12" v-if="form.blOverWeight==1">
+                        <el-form-item  :label="$t('超重件数')" prop="overWeightNumber" label-width="70px">
+                          <el-input :disabled="!form.blOverWeight" v-model="form.overWeightNumber" placeholder="" />
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('生成子单')" prop="blGenSubbill" label-width="70px" >
+                          <el-radio-group v-model="form.blGenSubbill" @change="handleGenSubbill" >
+                            <el-radio :key="'1'" label="1">是</el-radio>
+                            <el-radio :key="'0'" label="0">否</el-radio>
+                          </el-radio-group>
+
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="24" v-if="form.blGenSubbill==1">
+                        <el-form-item  :label="$t('子单号')" prop="billCodeSub" label-width="70px">
+                          <el-input v-model="form.billCodeSub" rows="5" type="textarea" placeholder="" disabled />
+                        </el-form-item>
+                      </el-col>
+
+                      <el-col :span="12">
+                        <el-form-item  :label="$t('进仓单')" prop="warehouseInNo" label-width="70px">
+                          <WarehouseInNoPicker v-model="form.warehouseInNo"></WarehouseInNoPicker>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                        <el-form-item :label="$t('合同号')"  prop="custOrderId" label-width="70px">
+                          <el-input v-model="form.custOrderId" placeholder="" />
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="24">
+                        <el-form-item :label="$t('运单备注')" prop="remark" label-width="70px">
+                          <el-input v-model="form.remark" type="textarea" placeholder=""  maxlength="300"   oninput="value=value.replace(/[\r|\n]/g,'')"
+                          show-word-limit />
+                        </el-form-item>
+                      </el-col>
+                  </el-row>
+
+              </el-col>
+               <el-col :span="12" >
+                  <el-row :gutter="0" style="display: flex;flex-wrap: wrap;padding: 0px 15px;">
+
+                    <el-col :span="12">
+                      <el-form-item :label="$t('付款方式')"  prop="paymentType" label-width="70px">
+                        <el-select v-model="form.paymentType" placeholder=""  @change="onPaymentTypeChange">
+                            <el-option
+                              v-for="dict in dict.type.emis_payment_type"
+                              :key="dict.value"
+                              :label="dict.label"
+                              :value="dict.value"
+                            ></el-option>
+                          </el-select>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                    </el-col>
+                    <el-col :span="24" v-show="form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5">
+                      <el-form-item  :label="$t('付款客户')" prop="custNo" :rules="(form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5)?rules.custNo:[]" label-width="70px">
+                        <EmisMonthpayAccountPicker v-model="form.custNo" @onChange="onSelectMonthUser"></EmisMonthpayAccountPicker>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item   :label="$t('回款联系人')" prop="payee" label-width="85px">
+                        <PayeePicker v-if="form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5" :placeholder="$t('回款联系人')" v-model="form.payee" :disabled="true" ></PayeePicker>
+                        <PayeePicker v-else :placeholder="$t('回款联系人')"    v-model="form.payee"  ></PayeePicker>
+
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                      <el-form-item :label="$t('销售联系人')" prop="salesmen" label-width="85px">
+                        <SalemanPicker v-if="form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5"  :placeholder="$t('销售联系人')" v-model="form.salesmen" :disabled="true" ></SalemanPicker>
+                        <SalemanPicker v-else  :placeholder="$t('销售联系人')" v-model="form.salesmen"  ></SalemanPicker>
+
+                      </el-form-item>
+                    </el-col>
+
+                    <el-col :span="24">
+                      <el-form-item  :label="$t('计费方式')" prop="calcFeeType" label-width="70px">
+                        <el-radio-group v-model="form.calcFeeType" @change="calcBillFee" >
+                          <el-radio
+                            v-for="dict in dict.type.emis_calc_fee_type"
+                            :key="dict.value"
+                            :label="dict.value"
+                            >{{dict.label}}</el-radio>
+                        </el-radio-group>
+
+                      </el-form-item>
+                    </el-col>
+
+                    <el-form-item :label="$t('特殊报价')"  prop="ext" label-width="70px">
+                        <el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blSpecialQuote" true-label="1" false-label="0" :disabled="form.calcFeeType==3"> {{ $t('特殊报价') }}</el-checkbox>
+                        <el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blSensitive" true-label="1" false-label="0" :disabled="form.calcFeeType==3"> {{ $t('敏感物') }}</el-checkbox>
+                    </el-form-item>
+
+                    <el-col :span="24">
+                        <el-form-item label="" prop="goodsType" label-width="0px">
+                            <el-table
+                            class="cargoList"
+                            :cell-style="{
+                              'padding': '0px!important',
+                              'padding-left': '0px!important',
+                              'padding-right': '0px!important',
+                              'font-size':'11px'
+                            }"
+                            :header-cell-style="{
+                              'font-size':'11px'
+                            }"
+                            border
+                            stripe
+                            :data="form.feeItems"
+                            size="mini"
+                            max-height="300px"
+                            style="width: 100%"
+                          >
+
+
+                            <el-table-column prop="feeName"  :label="$t('收费项')"  align="center" width="70">
+                              <template slot-scope="scope">
+                                <span style="font-weight:600;color:red">{{ scope.row.feeName }}({{scope.row.currency}})</span>
+                              </template>
+                            </el-table-column>
+                            <!-- <el-table-column prop="feeName"  :label="$t('币种')"  align="center" width="50" :show-overflow-tooltip="true">
+                              <template slot-scope="scope">
+                                <span><dict-tag :options="dict.type.sys_currency_type" :value="scope.row.currency"/></span>
+                              </template>
+                            </el-table-column> -->
+                            <el-table-column prop="fee"  :label="$t('应收')"  align="center" width="50">
+                              <template slot-scope="scope">
+                                <span>{{ scope.row.fee }}</span>
+                              </template>
+                            </el-table-column>
+
+                            <el-table-column prop="initialWeightFee"  :label="$t('首重费')"  align="center" width="60">
+                              <template slot-scope="scope">
+                                <el-input-number  v-if="form.blSpecialQuote==1" v-model="scope.row.initialWeightFee" @blur="(val)=>handleCalcFeeItem(scope.row)" @keyup.enter.native="handleCalcFeeItem(scope.row)" size="mini" placeholder="" :min="0.00" :controls="false" :precision="2"></el-input-number>
+                                <div v-else> {{scope.row.initialWeightFee}} </div>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="addWeightPrice"  :label="$t('续重单价')"  align="center" width="70">
+                              <template slot-scope="scope">
+
+                                <el-input-number v-if="form.blSpecialQuote==1" v-model="scope.row.addWeightPrice" @blur="(val)=>handleCalcFeeItem(scope.row)" @keyup.enter.native="handleCalcFeeItem(scope.row)" size="mini" placeholder="" :min="0.00" :controls="false" :precision="2"></el-input-number>
+                                <div v-else> {{scope.row.addWeightPrice}} </div>
+
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="realFee" :label="$t('实收')" align="center" width="50">
+                              <template slot-scope="scope">
+                                <el-input-number v-if="form.blSpecialQuote==1 && scope.row.addWeightPrice==0 && scope.row.initialWeightFee==0" v-model="scope.row.realFee" @blur="(val)=>handleCalcFeeItem(scope.row)" @keyup.enter.native="handleCalcFeeItem(scope.row)" size="mini" placeholder=""  :min="0.00" :controls="false" :precision="2" ></el-input-number>
+                                <div v-else> {{scope.row.realFee}} </div>
+                              </template>
+                            </el-table-column>
+                            <el-table-column  prop="remark" :label="$t('描述')"  align="center" min-width="50">
+                              <template slot-scope="scope">
+                                <el-input v-if="form.blSpecialQuote==1" v-model="scope.row.remark" size="mini" placeholder=""></el-input>
+                                <div v-else> {{scope.row.remark}} </div>
+                              </template>
+                            </el-table-column>
+                            <el-table-column :label="$t('操作')" align="center" width="50">
+                                  <template slot-scope="scope">
+                                    <span class="icon iconfont"
+                                    style="cursor: pointer;font-size: 21px;color: #6e6e6e;"
+                                    v-if="scope.row.blAutoGen==0"
+                                    @click="()=>deleteFeeItem(scope.row)">&#xe7ae;</span>
+                                  </template>
+                            </el-table-column>
+
+                          </el-table>
+                          <div>
+                            <el-popover
+                                trigger="click"
+                                ref="popoverFeeRef"
+                                placement="top"
+                                :width="400"
+                                effect="light"
+                                :show-arrow="false"
+                              >
+                                <feeItemForm :triggerCount="triggerCount" :feeList="this.form.feeItems" @on-changed="onFeeItemChange" @on-cancel="onFeeItemChange"></feeItemForm>
+                                <el-button
+                                     slot="reference"
+                                      style="padding: 0px;font-size: 12px;"
+                                      size="mini"
+                                      type="text"
+                                      icon="el-icon-plus"
+                                      @click="handleAddFee"
+                                      :disabled="form.calcFeeType==3"
+                                    >{{ $t('增加自定义费用') }}</el-button>
+                              </el-popover>
+                          </div>
+
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                      <el-form-item :label="$t('总运费')"  prop="freight" label-width="70px">
+                            <el-input-number v-if="form.calcFeeType == 3" :min="0.00" v-model="form.freight" placeholder="" :controls="false" :precision="2">
+                              <span slot="suffix">(CNY)</span>
+                            </el-input-number>
+                            <el-input v-else v-model="form.freight" disabled placeholder="" >
+                              <span slot="suffix">(CNY)</span>
+                            </el-input>
+                      </el-form-item>
+                      <!-- <el-form-item  :label="$t('汇率')" prop="exchangeRate" label-width="70px">
+                        <ExchangeRatePanel from="USD" to="CNY" v-model="exchangeRate"></ExchangeRatePanel>
+                      </el-form-item> -->
+                      <el-form-item  :label="$t('费用备注')" prop="feeRemark" label-width="70px">
+                            <el-input v-model="form.feeRemark" type="textarea" maxlength="150"
+                            show-word-limit placeholder=""  oninput="value=value.replace(/[\r|\n]/g,'')" >
+                        </el-input>
+                      </el-form-item>
+                    </el-col>
+
+                    <el-col :span="24" v-if="action=='add' || action=='preAdd'  || action=='got' ">
+                        <el-form-item  :label="$t('打印选项')"  prop="printTypeCheckList">
+                          <el-checkbox-group v-model="form.printTypeCheckList">
+                              <el-checkbox :key="0" :label="0" >
+                                <span  >{{$t('客户联')}}</span>
+                              </el-checkbox>
+                              <el-checkbox :key="1" :label="1" >
+                                <span  >{{$t('寄件网点存根联')}}</span>
+                              </el-checkbox>
+                              <el-checkbox :key="5" :label="5" >
+                                <span  >{{$t('子单')}}</span>
+                              </el-checkbox>
+                            </el-checkbox-group>
+                       </el-form-item>
+                    </el-col>
+                    <el-col :span="24" v-if="action=='add' || action=='preAdd'  || action=='got'">
+                      <el-form-item :label="$t('打印组件')"  prop="printTypeCheckList">
+                        <TanexPrinterPanel ref="tanexPrinter"  :isShowPinters="true" v-model="printerStatus" @onPrint="handleBatchPrint" :isInitA4="false"  @onPrintComplete="onComplete"></TanexPrinterPanel>
+                        <!-- <el-button type="primary" @click="handleTestPrintPreview">{{$t('测试打印')}}</el-button> -->
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+               </el-col>
+            </el-row>
+          </el-collapse-item>
+
+      </el-collapse>
+
+      <div style="text-align: center;margin-top: 10px;margin-bottom: 10px;">
+
+        <el-button type="primary" @click="submitForm">{{$t('确 定')}}</el-button>
+        <el-button @click="initData">{{$t('重置')}}</el-button>
+      </div>
+
+
+    </el-form>
+
+    <el-dialog :title="titleSelectAddress" :visible.sync="openSelectAddress" width="60%" :destroy-on-close="true"  v-dialogDrag append-to-body>
+        <AddressSelectPicker0 :addressType="addressType" :useSiteCode="form.sendSiteCode"  @onSelected="onAddressChangeSelect"></AddressSelectPicker0>
+    </el-dialog>
+
+</div>
+</template>
+
+<script>
+import { realMatchWaybill,getTotalAvailablePag } from "@/api/emis/emisCommon";
+import { checkWaybillIsExists,getWaybillDetail,realSubmitOrder,calcWaybillFee,calcSetteldWeight,calcVolumeWeight} from "@/api/emis/emisWaybill";
+import { parseTime } from "@/utils/custom";
+import { debounce } from 'throttle-debounce'
+import { getDestSite } from "@/api/emis/emisDestination";
+import {  getValidExchangeRate } from "@/api/emis/emisExchangeRate";
+
+
+import DestinationPicker from '@/views/emis/EmisBaseTools/DestinationPicker.vue';
+
+import EmisUserSimplePicker0 from '@/views/emis/EmisBaseTools/EmisUserSimplePicker.vue';
+import EmisUserSimplePicker1 from '@/views/emis/EmisBaseTools/EmisUserSimplePicker.vue';
+import EmisUserSimplePicker2 from '@/views/emis/EmisBaseTools/EmisUserSimplePicker.vue';
+import EmisUserSimplePicker3 from '@/views/emis/EmisBaseTools/EmisUserSimplePicker.vue';
+import EmisSiteSimplePicker from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
+
+import TransLinePicker from '@/views/emis/EmisBaseTools/TransLinePicker.vue';
+import TransProductPicker from '@/views/emis/EmisBaseTools/TransProductPicker.vue';
+
+import CountryPicker0 from '@/views/emis/EmisBaseTools/CountryPicker.vue';
+import CountryPicker1 from '@/views/emis/EmisBaseTools/CountryPicker.vue';
+
+import ProvincePicker1 from '@/views/emis/EmisBaseTools/ProvincePicker.vue';
+import CityPicker1 from '@/views/emis/EmisBaseTools/CityPicker.vue';
+import DistrictPicker1 from '@/views/emis/EmisBaseTools/DistrictPicker.vue';
+
+import CountryPicker2 from '@/views/emis/EmisBaseTools/CountryPicker.vue';
+import ProvincePicker2 from '@/views/emis/EmisBaseTools/ProvincePicker.vue';
+import CityPicker2 from '@/views/emis/EmisBaseTools/CityPicker.vue';
+import DistrictPicker2 from '@/views/emis/EmisBaseTools/DistrictPicker.vue';
+
+
+import GoodsSimplePicker from '@/views/emis/EmisBaseTools/GoodsSimplePicker.vue';
+import GoodsMultiplePicker from '@/views/emis/EmisBaseTools/GoodsMultiplePicker.vue';
+
+import CustomerAddressSimplePicker0 from '@/views/emis/EmisBaseTools/CustomerAddressSimplePicker.vue';
+import CustomerAddressSimplePicker1 from '@/views/emis/EmisBaseTools/CustomerAddressSimplePicker.vue';
+import AddressSelectPicker0 from '@/views/emis/EmisBaseTools/AddressSelectPicker.vue';
+import AddressSelectPicker1 from '@/views/emis/EmisBaseTools/AddressSelectPicker.vue';
+import EmisMonthpayAccountPicker from '@/views/emis/EmisBaseTools/EmisMonthpayAccountPicker.vue';
+import WarehouseInNoPicker from '@/views/emis/EmisBaseTools/WarehouseInNoPicker.vue';
+
+import PayeePicker from '@/views/emis/EmisBaseTools/PayeePicker.vue';
+import SalemanPicker from '@/views/emis/EmisBaseTools/SalemanPicker.vue';
+import ExchangeRatePanel from '@/views/emis/EmisBaseTools/ExchangeRatePanel.vue';
+
+
+
+import TransProductCasPicker from '@/views/emis/EmisBaseTools/TransProductCasPicker.vue';
+
+// import TransProductCasPicker from '@/views/emis/EmisBaseTools/TransProductCasPicker.vue';
+
+
+import feeItemForm from './feeItemForm.vue';
+
+import TanexPrinterPanel from '@/views/emis/EmisBaseTools/TanexPrinterPanel.vue';
+import { doScan } from "@/api/emis/emisTmsScanRecord";
+import { deepClone } from '@/utils/index'
+
+export default {
+  // name: "WaybillRecord",
+  name: "WaybillGot",
+  // name: "WaybillModify",
+components: {
+  SalemanPicker,
+  PayeePicker,
+  TanexPrinterPanel,
+  feeItemForm,
+  TransProductCasPicker,
+  WarehouseInNoPicker,
+  EmisMonthpayAccountPicker,
+  AddressSelectPicker0,
+  AddressSelectPicker1,
+  CustomerAddressSimplePicker0,
+  CustomerAddressSimplePicker1,
+  GoodsSimplePicker,
+  GoodsMultiplePicker,
+  EmisUserSimplePicker0,
+  EmisUserSimplePicker1,
+  EmisUserSimplePicker2,
+  EmisUserSimplePicker3,
+  EmisSiteSimplePicker,
+  DestinationPicker,
+  TransLinePicker,
+  TransProductPicker,
+  CountryPicker0,
+  CountryPicker1,
+  ProvincePicker1,
+  CityPicker1,
+  DistrictPicker1,
+  CountryPicker2,
+  ProvincePicker2,
+  CityPicker2,
+  DistrictPicker2,
+  ExchangeRatePanel
+},
+dicts: ['emis_qujian_fangshi','emis_declare_mode','emis_customs_clear',
+        'emis_tab_packing_type','emis_tab_dispatch_mode','emis_payment_type',
+        'emis_calc_fee_type','emis_print_type','sys_currency_type'],
+data() {
+  return {
+    activeNames:['1','2','3','4'],
+    exchangeRate:null,
+    billCode:null,
+    emisWaybillOptions: [],
+    addressType:null,
+    // 遮罩层
+    loading: true,
+    triggerCount:0,
+    action:null,
+    sendDate:null,
+    lastTimestamp:null,
+    // 表单参数
+    form: {},
+    timer:null,
+    isNeedCalc:false,
+    titleSelectAddress:'',
+    openSelectAddress:false,
+    printerStatus:0,
+
+    origBillCode:null,
+
+    // 可用面单数
+    totalAvailablePag:{
+      mainHasCnt:0,
+      subHasCnt:0
+    },
+
+    // 表单校验
+    rules: {
+      billCode: [
+        { required: true, message: "运单号不能为空", trigger: ["blur",'change']  }
+      ],
+      destinationCountry: [
+          { required: true, message: "目的国不能为空",  trigger: ["blur",'change'] }
+      ],
+      reciever:{
+        name: [
+          { required: true, message: "收货人名不能为空", trigger: ["blur",'change'] }
+        ],
+        phone: [
+          { required: true, message: "收货人手机号不能为空", trigger: "blur" }
+        ],
+        country: [
+          { required: true, message: "收货人国家不能为空",  trigger: ["blur",'change'] }
+        ],
+        province: [
+          { required: true, message: "收货省不能为空", trigger: ["blur",'change']  }
+        ],
+        company: [
+          { required: true, message: "收货公司不能为空", trigger: ["blur",'change']  }
+        ],
+        // city: [
+        //   { required: true, message: "市不能为空", trigger: "blur" }
+        // ],
+        // county: [
+        //   { required: true, message: "区不能为空", trigger: "blur" }
+        // ],
+        address: [
+          { required: true, message: "收货地址不能为空", trigger: "blur" }
+        ],
+      },
+      sender:{
+        name: [
+          { required: true, message: "寄件人名不能为空", trigger: ["blur",'change'] }
+        ],
+        phone: [
+          { required: true, message: "寄件人手机号不能为空", trigger: "blur" }
+        ],
+        country: [
+          { required: true, message: "寄件人国家不能为空", trigger: ["blur",'change']  }
+        ],
+        province: [
+          { required: true, message: "寄件省不能为空", trigger: ["blur",'change']  }
+        ],
+        company: [
+          { required: true, message: "寄件公司不能为空", trigger: ["blur",'change']  }
+        ],
+
+        // city: [
+        //   { required: true, message: "寄件市不能为空", trigger: "blur" }
+        // ],
+        // county: [
+        //   { required: true, message: "寄件区不能为空", trigger: "blur" }
+        // ],
+        address: [
+          { required: true, message: "寄件地址不能为空", trigger: "blur" }
+        ],
+      },
+      paymentType: [
+        { required: true, message: "支付方式不能为空", trigger: ["blur",'change']  }
+      ],
+      calcFeeType: [
+        { required: true, message: "计费方式不能为空", trigger: ["blur",'change']  }
+      ],
+      transLine: [
+        { required: true, message: "快递线路不能为空", trigger: ["blur",'change']  }
+      ],
+      productType: [
+        { required: true, message: "快递产品类型不能为空", trigger: ["blur",'change']  }
+      ],
+      customsClear: [
+        { required: true, message: "清关方式不能为空", trigger: ["blur",'change']  }
+      ],
+      customsEclaration: [
+        { required: true, message: "报关方式不能为空", trigger: ["blur",'change']  }
+      ],
+      packType: [
+        { required: true, message: "包装类型不能为空",trigger: ["blur",'change']  }
+      ],
+      dispatchMethod: [
+        { required: true, message: "派件方式不能为空", trigger: ["blur",'change']  }
+      ],
+      pickupMethod: [
+        { required: true, message: "取件方式为空", trigger: ["blur",'change']  }
+      ],
+      goodsInfo: [
+        { required: true, message: "货物名称不能为空", trigger: ["blur",'change']  }
+      ],
+      totalVolume: [
+        { required: true, message: "总体积不能为空", trigger: "blur" }
+      ],
+      parcelQty: [
+        { required: true, message: "件数不能为空", trigger: "blur" }
+      ],
+      billWeight: [
+        { required: true, message: "实际重量不能为空", trigger: "blur" }
+      ],
+      // volumeWeight: [
+      //   { required: true, message: "体积重量不能为空", trigger: "blur" }
+      // ],
+      // settlementWeight: [
+      //   { required: true, message: "结算重量不能为空", trigger: "blur" }
+      // ],
+      freight: [
+        { required: true, message: "运费不能为空", trigger: "blur" }
+      ],
+      sendSiteCode: [
+        { required: true, message: "发件网点代码不能为空", trigger: ["blur",'change'] }
+      ],
+      // sendDate: [
+      //   { required: true, message: "发货时间不能为空", trigger: "blur" }
+      // ],
+      destinationCode: [
+        { required: true, message: "目的地不能为空", trigger: ["blur",'change']  }
+      ],
+      dispatchUnderlingSiteCode: [
+        { required: true, message: "目的地网点代码不能为空", trigger: "blur" }
+      ],
+      custNo: [
+        { required: true, message: "月结卡号不能为空", trigger: ["blur",'change'] }
+      ],
+      payee: [
+        { required: true, message: "销售回款人不能为空", trigger: ["blur",'change'] }
+      ],
+      salesmen: [
+        { required: true, message: "销售联系人不能为空", trigger: ["blur",'change'] }
+      ],
+      takePieceEmployeeCode: [
+        { required: true, message: "取件员代码不能为空", trigger: ["blur",'change']  }
+      ],
+      operateEmployeeCode: [
+        { required: true, message: "操作员代码不能为空", trigger: ["blur",'change']  }
+      ]
+    }
+  };
+},
+computed: {
+},
+ watch: {
+    $route () {
+	      if(this.$route.query.action=='got'){
+          this.action="got";
+          // 判断时间是否一致
+          if(this.lastTimestamp != this.$route.query.timestamp){
+            this.lastTimestamp=this.$route.query.timestamp;
+            this.billCode=this.$route.query.billCode;
+            const title = '接单:'+this.billCode;
+            const route = Object.assign({}, this.$route, { title: `${title}` })
+            this.$store.dispatch('tagsView/updateVisitedView', route)
+            this.initData();
+          }
+	      }
+
+	  }
+},
+created() {
+  this.action=this.$route.query.action;
+  if(!this.action){
+    this.action="add";
+  }
+
+  if(this.action=='add' ){
+    this.billCode=null;
+    const title = '运单录入';
+    const route = Object.assign({}, this.$route, { title: `${title}` })
+    this.$store.dispatch('tagsView/updateVisitedView', route)
+  }
+  else if(this.action=='got'){
+      this.billCode=this.$route.query.billCode;
+      const title = '接单:'+this.billCode;
+      const route = Object.assign({}, this.$route, { title: `${title}` })
+      this.$store.dispatch('tagsView/updateVisitedView', route)
+  }
+  else if(this.action=='modify'){
+      const title = '运单修改';
+      const route = Object.assign({}, this.$route, { title: `${title}` })
+      this.$store.dispatch('tagsView/updateVisitedView', route)
+  }
+
+  this.initData();
+},
+mounted() {
+
+},
+methods: {
+  handleScanInput(){
+    if(this.form.billCode==null || this.form.billCode==''){
+      this.$modal.msgError("输入单号后回车");
+      return;
+    }
+    this.form.billCode=this.form.billCode.replace(/\s+/g, '');
+    this.billCode=this.form.billCode+"";
+    this.initData();
+  },
+  onBillCodeChange(){
+    if(this.form.billCode){
+        this.form.billCode=this.form.billCode.replace(/\s+/g, '');
+        checkWaybillIsExists(this.form.billCode).then(response => {
+          const result = response.data;
+          if(result){
+            this.$modal.msgError('运单号已存在!')
+            this.form.billCode=null;
+          }
+    });
+    }
+
+  },
+  // 初始化可用面单数量
+  initGetTotalAvailablePag(useSiteCode){
+    getTotalAvailablePag(useSiteCode,"T7080").then(response => {
+          let dataMap=response.data;
+          this.totalAvailablePag.mainHasCnt=dataMap["1001"];
+          this.totalAvailablePag.subHasCnt=dataMap["1002"];
+
+          if( (this.totalAvailablePag.mainHasCnt <=0 || this.totalAvailablePag.subHasCnt<=0 ) && this.action=="add"){
+            this.$confirm("电子面单数量不足，是否立即购买？", "提示", {
+                cancelButtonText: "返回",
+                confirmButtonText: "立即购买",
+                type: "warning",
+                distinguishCancelAndClose: true,
+                closeOnClickModal: false
+            }).then(() => {
+              this.handleApplyPag();
+            });
+          }
+
+    });
+  },
+  handleApplyPag(){
+    this.$router.push("/d24/electronicFormManagement/ApplyList");
+  },
+
+  handleBatchPrint(){
+
+      if(this.printerStatus == 1){
+        if(this.form.billCode){
+            // 重要，设置为true才会把右上角X和取消区分开来
+            this.$confirm("确定打印?", "提示", {
+                cancelButtonText: "不打印",
+                confirmButtonText: "确定打印",
+                type: "warning",
+                distinguishCancelAndClose: true,
+                closeOnClickModal: false
+            }).then(() => {
+
+                let printDataList=[]
+                // 打印主单，子单
+                let orderList=[];
+                orderList.push(this.form.billCode);
+                // // 客户联
+                //   let customerItem ={
+                //   "tplCode":"TAN-CM-130",
+                //   "printerName":this.$refs.tanexPrinter.getSelectPrinter(),
+                //   "orderList":orderList.toString()
+                // }
+                // printDataList.push(customerItem);
+
+                // 主单
+                let mainBillItem ={
+                  "tplCode":"TAN-GM-130",
+                  "printerName":this.$refs.tanexPrinter.getSelectPrinter(),
+                  "orderList":orderList.toString()
+                }
+                printDataList.push(mainBillItem);
+
+
+                // 打印子单
+                // tplCode="探路速运-子单联（通用）";
+                // tplCode="TAN-GC-130";
+
+                let childOrderList=[]
+                let subBillArr=this.form.billCodeSub.split(',');
+
+                for(let i=0;i<subBillArr.length&&i<50;i++){
+                  let item=subBillArr[i];
+                  if(item!=null && item!=''){
+                    childOrderList.push(item);
+                  }
+                }
+
+                let subBillItem ={
+                  "tplCode":"TAN-GC-130",
+                  "printerName":this.$refs.tanexPrinter.getSelectPrinter(),
+                  "orderList":childOrderList.toString()
+                }
+                printDataList.push(subBillItem);
+                // 直接打印主子单
+                this.$refs.tanexPrinter.batchPrintAdv(printDataList)
+
+
+            }).catch(() => {});
+        }
+      }
+      else{
+
+        this.billCode=null;
+        this.form.billCode=null;
+        this.initData();
+
+        // this.$confirm("打印组件未连接，可【返回操作】稍后打印，或【操作下一单】", "提示", {
+        //         confirmButtonText: "操作下一单",
+        //         type: "warning",
+        //         distinguishCancelAndClose: true,
+        //         closeOnClickModal: false,
+        //         showCancelButton: false,
+        //         showClose: false
+        //     }).then(() => {
+        //     });
+      }
+
+    },
+
+    handleTestPrintPreview(){
+      this.printerStatus=1;
+      this.handlePrintPreview();
+    },
+    async handlePrintPreview(){
+
+      if(this.printerStatus == 1){
+        if(this.form.billCode){
+
+          let printDataList=[]
+          // 打印主单，子单
+          let orderList=[];
+          orderList.push(this.form.billCode);
+
+           // 客户联
+           let customerItem ={
+              "tplCode":"TAN-CM-130",
+              "printerName":this.$refs.tanexPrinter.getSelectPrinter(),
+              "orderList":orderList.toString()
+            }
+            printDataList.push(customerItem);
+
+            // 主单
+            let mainBillItem ={
+              "tplCode":"TAN-GM-130",
+              "printerName":this.$refs.tanexPrinter.getSelectPrinter(),
+              "orderList":orderList.toString()
+            }
+            printDataList.push(mainBillItem);
+
+
+        // 打印子单
+        // tplCode="探路速运-子单联（通用）";
+        // tplCode="TAN-GC-130";
+
+          this.handleGenSubbill();
+
+          let childOrderList=[]
+          let subBillArr=this.form.billCodeSub.split(',');
+          // 小于50单可以预览子单
+          if(subBillArr.length<50){
+            for(let i=0;i<subBillArr.length;i++){
+              let item=subBillArr[i];
+              if(item!=null && item!=''){
+                childOrderList.push(item);
+                // billCount=billCount+1;
+              }
+            }
+
+            if(childOrderList&&childOrderList.length>0){
+              let subBillItem ={
+                "tplCode":"TAN-GC-130",
+                "printerName":this.$refs.tanexPrinter.getSelectPrinter(),
+                "orderList":childOrderList.toString()
+              }
+              printDataList.push(subBillItem);
+            }
+          }
+
+          let billCount=2+childOrderList.length;
+          // 预览主子单
+          this.$refs.tanexPrinter.printPreviewAdv(printDataList,billCount)
+        }
+      }
+      else{
+        // this.$confirm("打印组件未连接，可【返回操作】稍后打印，或【操作下一单】", "提示", {
+        //         confirmButtonText: "操作下一单",
+        //         type: "warning",
+        //         distinguishCancelAndClose: true,
+        //         closeOnClickModal: false,
+        //         showCancelButton: false,
+        //         showClose: false
+        //     }).then(() => {
+
+        //     });
+        this.billCode=null;
+        this.form.billCode=null;
+        this.initData();
+      }
+
+  },
+  onComplete(){
+    // this.$confirm("操作已完成是否【操作下一单】", "提示", {
+    //         confirmButtonText: "操作下一单",
+    //             type: "warning",
+    //             distinguishCancelAndClose: true,
+    //             closeOnClickModal: false,
+    //             showCancelButton: false,
+    //             showClose: false
+    //   }).then(() => {
+
+    //   });
+        this.billCode=null;
+        this.form.billCode=null;
+        this.initData();
+  },
+  onDestCountryChange(item){
+    if(item){
+      this.form.reciever.country=item.code;
+      this.autoAjustBillCode();
+    }
+  },
+  // 如果目的国为孟加拉，自动调整运单号
+  autoAjustBillCode(){
+    if(this.action != "add"){
+      return;
+    }
+
+    if(!this.form.reciever.country){
+        return
+    }
+
+    if(this.form.reciever.country!='0880'){
+       return;
+    }
+
+    if(!this.form.billCode){
+       return;
+    }
+
+    if(this.form.billCode.length!=14){
+      return;
+    }
+
+  // 记住历史单号
+  this.origBillCode=this.form.billCode;
+
+  this.$confirm("注意:根据要求孟加拉单号自动调整为12位", "提示", {
+    confirmButtonText: "确定",
+        type: "warning",
+        distinguishCancelAndClose: true,
+        closeOnClickModal: false,
+        showCancelButton: false,
+        showClose: false
+    }).then(() => {
+          // 去除第7,8个字符
+          // T7080300001796
+        let str =this.form.billCode;
+        let prefix=str.substring(0,6);
+        let other = str.substring(8);
+        this.form.billCode=prefix+other;
+    });
+
+  },
+  onPaymentTypeChange(){
+  // 非月结清空月结客户选择
+  if(this.form.paymentType == '1' ||
+     this.form.paymentType == '3' ||
+      this.form.paymentType == '6'
+    ){
+          this.form.custNo=null;
+          this.form.customerCode=null;
+          this.calcBillFee();
+    }
+
+  },
+
+  onCalcFeeTypeChange(){
+    if(this.form.calcFeeType == '3' ){
+    }
+
+    this.calcBillFee();
+
+  },
+  onSelectMonthUser(item){
+    if(item!=null){
+      this.form.payee=item.payee;
+      this.form.salesmen=item.salesmen;
+      this.form.paymentType= '2';
+    }else{
+      this.form.paymentType= '1';
+      this.form.payee=null;
+      this.form.salesmen=null;
+      this.onPaymentTypeChange();
+    }
+    this.calcBillFee();
+  },
+  handleAddFee(){
+    this.triggerCount++;
+  },
+  onFeeItemChange(item){
+    this.$refs.popoverFeeRef.doClose();
+    if(item!=null){
+      let newItem=Object.assign({},item)
+      if(!this.form.feeItems){
+        this.form.feeItems=[];
+      }
+
+      let expr="s+w*d";
+      if((newItem.initialWeightFee>0||newItem.addWeightPrice>0) && this.form.settlementWeight!=null){
+        expr=expr.replace("s",newItem.initialWeightFee);
+        expr=expr.replace("d",newItem.addWeightPrice);
+        // 如果按重量计费，则计算重量使用体积计算费用
+        let calcWeight = this.form.settlementWeight;
+          if(this.form.calcFeeType==2){
+            calcWeight=this.form.totalVolume;
+          }
+          expr=expr.replace("w",calcWeight);
+        // expr=expr.replace("w",this.form.settlementWeight);
+        newItem.realFee=parseFloat(eval(expr)).toFixed(2);
+        newItem.fee=newItem.realFee;
+      }
+
+
+      this.form.feeItems.push(newItem);
+
+      this.form.blSpecialQuote='1';
+
+      this.handleCalcFeeItem();
+    }
+  },
+  deleteFeeItem(row){
+    if(row.blAutoGen==1){
+      this.$modal.msgError('不允许删除!')
+      return;
+    }
+    this.$confirm('确定删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+    }).then(() => {
+      let newList = this.form.feeItems.filter(item => item.feeCode !== row.feeCode);
+      this.form.feeItems=newList;
+      this.handleCalcFeeItem();
+
+    }).catch(() => {
+    })
+
+  },
+
+  lpadZero(val,len) {
+    return (new Array(len + 1).join('0') + val).slice(-len);
+  },
+  handleGenSubbill(){
+    let billSubCodeStr="";
+    if(this.form.blGenSubbill==1 && this.form.parcelQty > 0 && this.form.billCode){
+      for(let i=1;i<=this.form.parcelQty&&i<50;i++){
+        let subBillCode = this.form.billCode+""+this.lpadZero(i,4);
+        billSubCodeStr=billSubCodeStr+subBillCode+","
+      }
+        this.form.billCodeSub=billSubCodeStr;
+    }else{
+      this.form.billCodeSub=billSubCodeStr;
+    }
+    return billSubCodeStr;
+  },
+  openCollapse(index){
+
+  },
+  initData() {
+      this.reset();
+      this.form.productTypeSelArr=null;
+
+      if(this.billCode && this.billCode!=undefined) {
+        this.loading = true;
+        getWaybillDetail(this.billCode).then(response => {
+          if(this.$store.getters.ownerSiteCode!='88888'&&this.action!='got'){
+            if(this.$store.getters.ownerSiteCode!=response.data.sendSiteCode){
+              this.$modal.msgError('此单归属不允许修改');
+              return;
+            }
+          }
+
+          this.form = response.data;
+          if(this.form.lockFlag=="T"&&this.action!='got'){
+            this.$confirm(this.form.lockReason, '提示', {
+                  confirmButtonText: '确认',
+                  cancelButtonText: '返回',
+                  type: 'warning'
+                }).then(() => {
+
+                }).catch(() => {
+
+            })
+          }
+
+          this.form.productTypeSelArr=[this.form.transLine,this.form.productType];
+          this.loading = false;
+
+          this.form.printTypeCheckList=[0,1,5]
+          this.form.destinationCountry=this.form.reciever.country;
+
+          if(this.form.packType&&this.form.packType!=''){
+            this.form.packType=this.form.packType.split(",");
+          }
+
+          if(!this.form.attachmentList){
+            this.form.attachmentList=[];
+          }
+
+          if(!this.form.feeItems){
+            this.form.feeItems=[];
+          }
+
+          if(!this.form.cargoList){
+            this.form.cargoList=[];
+          }
+
+
+          // 接单处理
+          if(this.action=="got"){
+             // 获取可用运单数
+            this.initGetTotalAvailablePag(this.form.sendSiteCode);
+
+            if(!this.form.cargoList){
+              this.handleInitGenGoods();
+            }
+
+            this.startTimer();
+          }
+
+        });
+      }else{
+
+        // this.startTimer();
+        // this.form.sendDate =  parseTime(new Date());
+        this.form.sendSiteCode=this.$store.getters.ownerSiteCode;
+        this.form.sendSiteName=this.$store.getters.ownerSiteName;
+
+
+        this.form.customsEclaration='1';
+        this.form.customsClear='1';
+        // this.form.pickupMethod='2';
+        this.form.dispatchMethod='1';
+        // this.form.billWeight=1.0;
+        // this.form.totalVolume=0.0;
+        this.form.parcelQty=1;
+        // this.form.packType=['2'];
+        this.form.blOverWeight='0';
+        this.form.blGenSubbill='1';
+        this.form.paymentType='1';
+        this.form.calcFeeType='1';
+        this.form.blMessage='1'
+        this.form.blAcceptMessage='1'
+        //
+        this.form.printTypeCheckList=[0,1,5],
+
+        // 获取可用运单数
+        this.initGetTotalAvailablePag(this.form.sendSiteCode);
+
+        this.handleInitGenGoods();
+
+        this.startTimer();
+
+
+      }
+
+
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+  },
+  // 取消按钮
+  cancel() {
+    this.reset();
+    this.$emit("on-cancel");
+  },
+
+  // 表单重置
+  reset() {
+    this.form = {
+      id:null,
+      reciever: {
+          country: null,
+          name: null,
+          phone:null,
+          province: null,
+          city: null,
+          district: null,
+          town: null,
+          address: null,
+          postCode: null,
+          email: null,
+          company: null,
+      },
+      sender: {
+          country: null,
+          name: null,
+          phone:null,
+          province: null,
+          city: null,
+          district: null,
+          town: null,
+          address: null,
+          postCode: null,
+          email: null,
+          company: null,
+      },
+      feeItems: [],
+      cargoList: [],
+      attachmentList: [],
+      printTypeCheckList:[],
+      billCode: null,
+      orderDate:  null,
+      openId: null,
+      customerCode: null,
+      paymentType: null,
+      calcFeeType: '1',
+      custNo:  null,
+      productTypeSelArr: null,
+      transLine:  null,
+      productType: null,
+      customsClear: null,
+      customsEclaration: null,
+      packType: null,
+      dispatchMethod: "1",
+      pickupMethod: null,
+      pickStartDate: null,
+      pickFinishDate: null,
+      intoWarehouseCode: null,
+      intoWarehouseName: null,
+      intoWarehouseAddress: null,
+      intoWarehouseContact: null,
+      intoWarehousePhone:  null,
+      intoWarehouseBillCode: null,
+      customerDeliveryBeginTime: null,
+      goodsType:null,
+      goodsInfo: null,
+      length:null,
+      width:null,
+      height:null,
+      totalWeight: null,
+      totalVolume: null,
+      parcelQty: null,
+      billWeight: null,
+      volumeWeight: null,
+      settlementWeight: null,
+      feeWeight: null,
+      freight: null,
+      blOverLong: null,
+      blOverWeight: null,
+      overWeightNumber: null,
+      feeRemark: null,
+      realValue: null,
+      takePieceEmployeeCode: null,
+      sendSiteCode: null,
+      sendSiteName: null,
+      destinationCountry:  null,
+      destinationCode:  null,
+      dispatchUnderlingSiteCode: null,
+      dispatchUnderlingSiteName:null,
+      destinationCenterCode: null,
+      marketManCode: null,
+      payee: null,
+      salesmen: null,
+      operateEmployeeCode: null,
+      blMessage: null,
+      blAcceptMessage: null,
+      meterType:null,
+      blGenSubbill:null,
+      billCodeSub:null,
+      blSpecialQuote:null,
+      blSensitive:null,
+      lockFlag:null,
+      lockReason:null,
+      blSelfBillCode:null,
+      extInfo:null
+  };
+    this.resetForm("form");
+  },
+  onProductChange(item){
+    if(item!=null && item.length==2){
+      this.form.transLine=item[0];
+      this.form.productType=item[1];
+      // this.calcBillFee();
+      this.handleCalcVolumeWeight();
+
+    }
+  },
+  onSendSiteSelect(item){
+    if(!item){
+      this.form.sendSiteCode = null;
+      this.form.sendSiteName = null;
+      return;
+    }
+    this.form.sendSiteCode=item.siteCode;
+    this.form.sendSiteName=item.siteName;
+
+    this.initGetTotalAvailablePag(this.form.sendSiteCode);
+    this.calcBillFee();
+
+
+  },
+  /** 提交按钮 */
+  submitForm() {
+    this.form.sendDate =this.sendDate;
+    this.$refs["form"].validate((valid,obj) => {
+      if (valid) {
+
+        if(this.form.destinationCountry!=this.form.reciever.country){
+          this.$modal.msgError("收件国和目的国不一致");
+          return ;
+        }
+
+        if(this.action=="modify" && this.billCode !=this.form.billCode){
+          this.$confirm("当前单号"+this.form.billCode+"与修改单号"+this.billCode+"不一致，不允许提交！", '提示', {
+                confirmButtonText: '确认',
+                cancelButtonText: '返回',
+                type: 'warning'
+          }).then(() => {
+            this.calcDestSite();
+          }).catch(() => {
+
+          })
+        }else{
+          this.realSaveOrderInfo();
+        }
+
+      }
+      else {
+        var fail = [];
+        for (let key in obj) {
+          fail.push(obj[key][0].message);
+        }
+        this.$notify({
+            title: '校验失败',
+            message: '<span style="color:red;font-weight:600">'+fail[0]+'</span>',
+            type: 'error',
+            dangerouslyUseHTMLString: true,
+            showClose: false,
+            duration: 2000,
+            // position: 'bottom-right',
+            offset: 100
+          });
+        return false;
+      }
+    });
+  },
+  startTimer(){
+    if(this.action=='add' || this.action=='preAdd'  || this.action=='got'){
+      this.sendDate=parseTime(new Date());
+      this.timer = setTimeout(this.startTimer, 1000);
+    }
+  },
+  stopTimer(){
+    clearTimeout(this.timer);
+    this.timer=null;
+  },
+  realSaveOrderInfo(){
+
+     // 不影响原表单提交,clone 一份数据
+    let postForm=deepClone(this.form)
+    // 调整包装类型为多选
+    if(this.form.packType&&this.form.packType.length>0){
+      postForm.packType=this.form.packType.join(",");
+    }
+
+
+    realSubmitOrder(postForm).then(response => {
+        this.$modal.msgSuccess("下单成功");
+        // 新开单才需要打印
+        if(this.action == "add" || this.action == "got"){
+          // 做揽收扫描记录
+          // this.handDoGotScan();
+
+          // 弹出打印预览界面
+          this.handlePrintPreview();
+        }
+        else  if(this.action == "modify"){
+            // 弹出是否继续的窗口
+            this.onComplete();
+        }
+
+    });
+  },
+  handDoGotScan(){
+      let opManCode=null;
+      if(this.form.pickupMethod==1){
+        opManCode=this.form.operateEmployeeCode;
+      }
+      else if(this.form.pickupMethod==2){
+        opManCode=this.form.takePieceEmployeeCode;
+      }
+
+      // 揽收扫描
+      let  scanData=[{
+            billCode:this.form.billCode,
+            scanWeight:null,
+            scanDate:new Date(),
+            dispatchOrSendManCode:opManCode
+      }];
+      let scanInfo = {scanType:"10",opType:2,scanData:scanData}
+      console.log(scanInfo)
+      doScan(scanInfo);
+
+  },
+   // 弹出地址簿选择
+   handleSelectCustomerAddress(addressType){
+       this.addressType = addressType;
+       this.titleSelectAddress = this.addressType==1? this.$t('选择寄件人'):this.$t('选择收件人');
+       this.openSelectAddress = true;
+  },
+  // 地址薄选择后返回
+  onAddressChangeSelect(item){
+    if(this.addressType == 1){
+      this.onChangeSelectSender(item);
+    }else{
+      this.onChangeSelectReceiver(item);
+    }
+    this.openSelectAddress = false;
+
+  },
+  onChangeSelectSender(value){
+    this.form.sender.name=value.name;
+    this.form.sender.phone=value.phone;
+    this.form.sender.country=value.country;
+    this.form.sender.province=value.province;
+    this.form.sender.city=value.city;
+    this.form.sender.county=value.county;
+    // this.form.receiveTown=value.town;
+    this.form.sender.address=value.address;
+    this.form.sender.company=value.company;
+  },
+  onChangeSelectReceiver(value){
+    this.form.reciever.name=value.name;
+    this.form.reciever.phone=value.phone;
+    this.form.reciever.country=value.country;
+    this.form.reciever.province=value.province;
+    this.form.reciever.city=value.city;
+    this.form.reciever.county=value.county;
+    // this.form.receiveTown=value.town;
+    this.form.reciever.address=value.address;
+    this.form.reciever.company=value.company;
+
+    this.handleCalcDestSite();
+
+  },
+  // 计算目的站点
+  handleCalcDestSite(){
+
+    if(this.form.reciever.country != this.form.destinationCountry){
+      this.$confirm('收件国和目的国不一致,请调整！', '提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '返回',
+        type: 'warning'
+      }).then(() => {
+        this.calcDestSite();
+      }).catch(() => {
+      })
+    }else{
+      this.calcDestSite();
+    }
+
+
+  },
+  calcDestSite(){
+    let queryParams = {
+        country:this.form.reciever.country,
+        province:this.form.reciever.province,
+        city:this.form.reciever.city,
+        county:this.form.reciever.city,
+        address:this.form.reciever.address
+    };
+
+    if(this.form.reciever.province){
+        getDestSite(queryParams).then(response => {
+          this.form.destinationCode = response.data.destCode+'';
+          this.form.dispatchSiteCode= response.data.siteCode;
+          this.form.dispatchSite = response.data.siteName;
+
+          this.form.dispatchUnderlingSiteCode= response.data.siteCode;
+          this.form.dispatchUnderlingSiteName= response.data.siteName;
+
+          // 计算费用
+          this.calcBillFee();
+
+        });
+    }
+  },
+  focusNextInput(nextRef) {
+    // console.log("====focusNextInput===>",nextRef)
+    if(this.$refs[nextRef]){
+      this.$refs[nextRef].focus()
+    }
+  },
+  handleCalcVolumeDebounce(row){
+      // 控制触发频率
+      debounce(250, this.handleCalcVolume(row))
+  },
+  handleCalcVolume(row){
+
+    if(row!=null){
+      let singleVolume=parseFloat(row.length)*parseFloat(row.width)*parseFloat(row.height);
+      let singleTotalVolume=singleVolume*parseFloat(row.cargoQty);
+      row.volume=parseFloat( (singleTotalVolume/1000000).toFixed(4) );
+    }
+
+    let totalVolume=0.0;
+    this.form.cargoList.forEach(item=>{
+        totalVolume=totalVolume+item.volume;
+    });
+
+    if(totalVolume>0.0){
+        this.form.totalVolume = parseFloat(totalVolume.toFixed(4));
+        this.handleCalcVolumeWeight();
+    }
+
+
+
+  },
+
+  async handleCalcFeeItem(row){
+
+    if(row!=null && this.form.settlementWeight!=null){
+      if(row.calcExp&&row.calcExp!='undefined'){
+        let expr=row.calcExp;
+        // 如果公式包含变量，使用变量进行计算
+        if(expr.indexOf('s')!=-1 || expr.indexOf('d')!=-1){
+          expr=expr.replace("s",row.initialWeightFee);
+          expr=expr.replace("d",row.addWeightPrice);
+
+          // 如果按重量计费，则计算重量使用体积计算费用
+          let calcWeight = this.form.settlementWeight;
+          if(this.form.calcFeeType==2){
+            calcWeight=this.form.totalVolume;
+          }
+          expr=expr.replace("w",calcWeight);
+          row.realFee=parseFloat(eval(expr)).toFixed(2);
+        }else{
+          //
+        }
+
+      }else{
+        let expr="s+w*d";
+        if(row.initialWeightFee>0||row.addWeightPrice>0){
+
+          expr=expr.replace("s",row.initialWeightFee);
+          expr=expr.replace("d",row.addWeightPrice);
+
+          // 如果按重量计费，则计算重量使用体积计算费用
+          let calcWeight = this.form.settlementWeight;
+          if(this.form.calcFeeType==2){
+            calcWeight=this.form.totalVolume;
+          }
+          expr=expr.replace("w",calcWeight);
+
+          row.realFee=parseFloat(eval(expr)).toFixed(2);
+        }
+
+
+
+
+      }
+
+    }
+
+    let totalFee=Number(0);
+    if(this.form.feeItems&&this.form.feeItems.length>0){
+      let len=this.form.feeItems.length;
+      for(let i=0;i<len;i++){
+        let item=this.form.feeItems[i];
+        let newFee=Number(item.realFee);
+        if(item.currency&&item.currency !='CNY'){
+          if(this.form.sendDate==undefined||this.form.sendDate==null||this.form.sendDate==''){
+            this.form.sendDate =this.sendDate;
+          }
+          let qObj={from:item.currency,to:'CNY',rateDate:this.form.sendDate};
+          console.log("===>getValidExchangeRate==>",qObj);
+          let res= await getValidExchangeRate(qObj);
+          if(res.code==200){
+             newFee=newFee*Number(res.data);
+             newFee=newFee.toFixed(2);
+             item.remark="汇率:"+res.data+","+newFee+"(CNY)"
+          }
+        }
+
+        newFee=Number(newFee).toFixed(2);
+        totalFee=Number(totalFee)+Number(newFee);
+
+        if(item.blAutoGen==0){
+          item.fee=item.realFee;
+        }
+      }
+    }
+    this.form.freight = totalFee.toFixed(2);
+  },
+  // 计算体积重量
+  handleCalcVolumeWeight(){
+
+    if( this.form.totalVolume
+        && this.form.productType
+      ){
+        let postData={
+            productType: this.form.productType,
+            totalVolume: this.form.totalVolume,
+        }
+
+        calcVolumeWeight(postData).then(response => {
+              this.form.volumeWeight = response.data.volumeWeight;
+              // 计算结算重量
+              this.handleCalcSettlementWeight();
+        });
+      }
+
+  },
+   // 计算结算重量
+  handleCalcSettlementWeight(){
+
+      if(this.form.billWeight
+        && this.form.volumeWeight
+        && this.form.productType
+      ){
+
+        let postData={
+          productType: this.form.productType,
+          volumeWeight: this.form.volumeWeight,
+          billWeight: this.form.billWeight,
+        }
+
+        calcSetteldWeight(postData).then(response => {
+          // 结算重量发生改变才计算费用
+          // if(this.form.settlementWeight  != response.data.settlementWeight ){
+            this.form.settlementWeight = response.data.settlementWeight;
+            this.form.feeWeight = this.form.settlementWeight ;
+
+            // 计算费用
+            this.calcBillFee();
+          // }
+        });
+      }
+
+  },
+
+  calcBillFee(){
+
+
+    if(this.form.settlementWeight
+        && this.form.productType
+        && this.form.sendSiteCode
+        && this.form.dispatchUnderlingSiteCode
+        && this.form.calcFeeType
+        && this.form.customsClear
+        && this.form.customsEclaration
+      ){
+
+        let calcFeeType=this.form.calcFeeType;
+        if(calcFeeType==3){
+          calcFeeType=1;
+          this.form.blSpecialQuote=0;
+          // 不要重算费用
+          // return;
+        }
+
+        let postData={
+          productType: this.form.productType,
+          customerCode: this.form.customerCode,
+          custNo: this.form.custNo,
+          calcFeeType:calcFeeType,
+          settlementWeight: this.form.settlementWeight,
+          totalVolume: this.form.totalVolume,
+          sendSiteCode: this.form.sendSiteCode,
+          dispatchUnderlingSiteCode: this.form.dispatchUnderlingSiteCode,
+          customsClear:this.form.customsClear,
+          customsEclaration:this.form.customsEclaration
+        }
+
+
+        // 提前重算费用
+        let custFeeList = [];
+
+        this.form.feeItems.forEach(item=>{
+            if(item.blAutoGen!='1'){
+              custFeeList.push(item);
+            }
+        });
+         this.form.feeItems = custFeeList;
+        this.handleCalcFeeItem();
+
+        // 通过服务器其计算，保留自定义费用
+        calcWaybillFee(postData).then(response => {
+                let newFeeList=[];
+                let newFeeMap = new Map();
+
+                if(response.data.feeList){
+                  newFeeList=response.data.feeList;
+                  newFeeList.forEach(item=>{
+                      newFeeMap[item.feeCode]=item;
+                  });
+                }
+
+                let custFeeList = [];
+                this.form.feeItems.forEach(item=>{
+                    if(item.blAutoGen!='1' && !(item.feeCode in newFeeMap)){
+                      custFeeList.push(item);
+                    }
+                });
+
+                this.form.feeItems = newFeeList.concat(custFeeList);
+                this.handleCalcFeeItem();
+
+              // if(newFeeList && newFeeList.lenght>0){
+
+              // }else{
+              //   this.form.feeItems=[]
+              //   this.handleCalcFeeItem();
+
+              //   // this.$confirm('该产品未配置报价，请联系管理员！', '提示', {
+              //   //   confirmButtonText: '确认',
+              //   //   cancelButtonText: '返回',
+              //   //   type: 'warning'
+              //   // });
+              // }
+
+
+        });
+      }
+  },
+  onDestinationChange(item){
+    // this.form.destinationCode = item.destCode;
+    this.form.dispatchUnderlingSiteCode= item.siteCode;
+    // this.form.dispatchSiteCode= item.siteCode;
+    this.form.dispatchUnderlingSiteName= item.siteName;
+    // this.form.dispatchSite= item.siteName;
+
+    // 需要触发重新计算费用
+    this.calcBillFee();
+  },
+  onGoodsChange(goodsList,selNameStr){
+    this.form.goodsInfo = selNameStr;
+  },
+
+  handleInitGenGoods(){
+    if(this.form.parcelQty>0){
+
+      let currentParcelQty = 0;
+      if(!this.form.cargoList){
+        this.form.cargoList=[];
+      }
+
+      this.form.cargoList.forEach(item=>{
+        currentParcelQty = currentParcelQty+parseInt(item.cargoQty);
+      });
+
+      // 新件数大于
+      if(this.form.parcelQty>currentParcelQty){
+        let len=this.form.parcelQty-currentParcelQty;
+        if(this.form.parcelQty>10){
+          let cargo={
+              "goodsCode": "",
+              "goodsName": "",
+              "cargoQty": len,
+              "length": 0,
+              "width": 0,
+              "height": 0,
+              "volume": 0,
+            }
+            this.form.cargoList.push(cargo);
+        }
+        else{
+          for(let i=0;i<len;i++){
+            let cargo={
+              "goodsCode": "",
+              "goodsName": "",
+              "cargoQty": 1,
+              "length": 0,
+              "width": 0,
+              "height": 0,
+              "volume": 0,
+            }
+            this.form.cargoList.push(cargo);
+          }
+       }
+      }
+      else{
+        let newList=[];
+        let incQty=0;
+        let zeroItem={
+              "goodsCode": "",
+              "goodsName": "",
+              "cargoQty": 1,
+              "length": 0,
+              "width": 0,
+              "height": 0,
+              "volume": 0,
+        };
+        for(let i=0;i<this.form.cargoList.length;i++){
+            let item=this.form.cargoList[i];
+            // 忽略未填写体积的数据
+            if(item.length==0&&item.width==0&&item.height==0){
+                continue;
+            }
+
+            if((incQty+parseInt(item.cargoQty))<this.form.parcelQty){
+                incQty = incQty+parseInt(item.cargoQty);
+                newList.push(item)
+            }else{
+                item.cargoQty=this.form.parcelQty-incQty;
+                newList.push(item)
+                incQty = incQty+parseInt(item.cargoQty);
+                break;
+            }
+        }
+        // 补足数量
+        let bzLen=this.form.parcelQty-incQty;
+        if(bzLen>0){
+          if(newList.length>=10 || this.form.parcelQty>=10){
+            let newItem=Object.assign({},zeroItem);
+            newItem.cargoQty=bzLen;
+            newList.push(newItem);
+          }else{
+            for(let i=0;i<bzLen;i++){
+              let newItem=Object.assign({},zeroItem);
+              newList.push(newItem);
+            }
+          }
+        }
+
+        this.form.cargoList=newList;
+      }
+    }else{
+      this.form.cargoList=[];
+    }
+  },
+  handleCargoQtyChangeDebounce(row){
+      // 控制触发频率
+      debounce(250, this.handleCargoQtyChange(row))
+  },
+  handleCargoQtyChange(row){
+    // console.log("====>handleCargoQtyChange===>")
+
+    this.handleGenSubbill();
+    this.handleInitGenGoods();
+    this.handleCalcVolumeDebounce(row);
+  },
+  deleteGoodsItem(row,index){
+
+    this.$confirm('确定删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+    }).then(() => {
+      this.form.cargoList.splice(index,1)
+      this.handleCalcVolumeDebounce(row);
+    }).catch(() => {
+    })
+  },
+  copyGoodsItem(row,index){
+      let newItem = Object.assign({},row);
+      newItem.cargoQty=1;
+      this.form.cargoList.splice(index+1, 0, newItem);
+      // this.form.cargoList.push(newItem);
+      this.handleCargoQtyChangeDebounce(row);
+  },
+  showLocalTime(){
+
+  },
+  /** 鼠标移入cell */
+  handleGoodsCellEnter (row, column, cell, event) {
+    row.isEdit = true
+  },
+  /** 鼠标移出cell */
+  handleGoodsCellLeave (row, column, cell, event) {
+    row.isEdit = false
+  },
+  // 实时获取运单号
+  handleBillCodeChange(checked,item){
+    // console.log("=handleBillCodeChange==>",checked);
+
+    if(checked==1){
+      let useSiteCode=this.form.sendSiteCode;
+      realMatchWaybill(useSiteCode).then(response => {
+          this.form.billCode=response.data;
+          this.initGetTotalAvailablePag(this.form.sendSiteCode);
+          this.handleGenSubbill();
+          this.autoAjustBillCode();
+      });
+    }else{
+      this.form.billCode=""
+    }
+  },
+}
+};
+</script>
+
+<style lang="scss">
+
+.el-form-item__label {
+    color: #000;
+}
+
+.el-input-group__append {
+    padding: 0 4px;
+}
+
+.el-row{
+      display:flex;
+      flex-wrap: wrap;
+      // padding-right: 10px;
+ }
+
+.el-form-item__label {
+  font-size: 12px!important;
+}
+
+
+ .platform-auto-complete {
+  .el-autocomplete-suggestion__wrap {
+    padding: 5px 0;
+    ul li {
+      pointer-events: none; // 阻止可点击事件
+      .default {
+        text-align: center;
+        color: #999;
+      }
+      &:hover {
+        background-color: #fff;
+      }
+    }
+  }
+}
+
+.el-collapse {
+    border-top: none!important;
+    border-bottom: none!important;
+}
+
+.el-table .el-table__cell:first-child .cell {
+  padding: 0px;
+}
+
+.el-table .cell {
+    padding: 0px;
+}
+
+.cargoList{
+  .el-input__inner {
+      height: 28px;
+      line-height: 28px;
+      border: none;
+      background: #ffffcd;
+      font-size: 10px;
+      padding: 0px;
+      text-align: center;
+  }
+
+  // .el-input-number--mini {
+  //   width: 100%;
+  //   line-height: 26px;
+  // }
+
+  .el-input-number {
+    width: 100%!important;
+  }
+
+  .el-input-number.is-without-controls .el-input__inner {
+      height: 28px;
+      line-height: 28px;
+      border: none;
+      background: #ffffcd;
+      font-size: 10px;
+      padding: 0px;
+      text-align: center;
+  }
+}
+
+  .el-collapse-item__content {
+      padding-bottom: 0px;
+  }
+  .el-collapse-item__header{
+    pointer-events: none;
+  }
+
+  .el-collapse-item__arrow {
+    pointer-events: auto;
+  }
+
+
+</style>
+