From 8ba649077139cc7d1c34eaa8c33e26722647a724 Mon Sep 17 00:00:00 2001
From: linfso <linfso@sina.com>
Date: Mon, 29 Jul 2024 10:10:51 +0800
Subject: [PATCH] md

---
 src/views/emis/emisSite/emisSiteForm.vue      |   14 +-
 .../adjustPanel copy.vue                      | 1882 +++++++++++++++++
 2 files changed, 1895 insertions(+), 1 deletion(-)
 create mode 100644 src/views/emis/emisWaybillAjustApply/adjustPanel copy.vue

diff --git a/src/views/emis/emisSite/emisSiteForm.vue b/src/views/emis/emisSite/emisSiteForm.vue
index d8e52601..c3ae8567 100644
--- a/src/views/emis/emisSite/emisSiteForm.vue
+++ b/src/views/emis/emisSite/emisSiteForm.vue
@@ -54,6 +54,18 @@
                 </el-select>
             </el-form-item>
           </el-col>
+          <el-col :span="12">
+            <el-form-item label="运输方式" prop="transTypeId">
+              <el-select  multiple clearable v-model="form.transTypeId" placeholder="运输方式"  >
+                  <el-option
+                    v-for="item in dict.type.emis_biz_shipping_method"
+                    v-bind:key="item.value"
+                    v-bind:label="item.label"
+                    v-bind:value="item.value"
+                  />
+                </el-select>
+            </el-form-item>
+          </el-col>
           <el-col :span="8">
             <el-form-item label="截单时间" prop="cutOffTime">
               <el-input v-model="form.cutOffTime" placeholder="截单时间" />
@@ -304,7 +316,7 @@ export default {
     EmisSiteSimplePicker,ProvincePicker,CityPicker,DistrictPicker,TownPicker
   },
   dicts: [
-    'emis_site_type','emis_affiliate_type','sys_biz_enable_status'
+    'emis_site_type','emis_affiliate_type','sys_biz_enable_status','emis_biz_shipping_method'
   ],
   data() {
     return {
diff --git a/src/views/emis/emisWaybillAjustApply/adjustPanel copy.vue b/src/views/emis/emisWaybillAjustApply/adjustPanel copy.vue
new file mode 100644
index 00000000..87d4aa25
--- /dev/null
+++ b/src/views/emis/emisWaybillAjustApply/adjustPanel copy.vue	
@@ -0,0 +1,1882 @@
+<template>
+  <div >
+    <el-form  ref="form" :model="form" size="mini" :rules="rules" label-width="80px" :disabled="disabled">
+        <el-row v-if="billDetail" :gutter="0" style="display: flex;flex-wrap: wrap;border: 1px solid #e6e6e6; padding: 0px;line-height: 35px;">
+              <el-col :span="24">
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>修改项目</span>
+                    </el-col>
+                    <el-col :span="7" class="md-title">
+                      <span>当前值</span>
+                    </el-col>
+                    <el-col :span="12" style="text-align:center">
+                      <span style="color:red">调整为</span>
+                    </el-col>
+                </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('4')">
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>目的国调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.reciever.countryName}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item label="目的国" prop="transLine">
+                        <CountryPicker0 v-model="form.reciever.country" disabled></CountryPicker0>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&(applyTypeArr.includes('4')||applyTypeArr.includes('30'))">
+                <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>线路调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.transLineTypeName}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item label="线路" prop="transLine">
+                        <TransLinePicker v-model="form.transLine" :countryCode="billDetail.reciever.country" isInitiated="true"  @onChange="calcBillFee"></TransLinePicker>
+                      </el-form-item>
+                    </el-col>
+
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&(applyTypeArr.includes('4')||applyTypeArr.includes('30'))">
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>产品类型调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.productTypeName}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item label="产品类型" prop="productType">
+                        <TransProductPicker placeholder="产品类型" v-model="form.productType" :transLineCode="form.transLine" isInitiated="true" @onChange="calcBillFee"></TransProductPicker>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('17')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>录单备注调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.remark}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item  :label="$t('录单备注')" prop="remark" >
+                        <el-input v-model="form.remark" type="textarea" placeholder=""/>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('37')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>货值调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.realValue}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item  :label="$t('货值调整')" prop="remark" >
+                        <el-input v-model="form.realValue"  style="text-align: right;width: 120px" placeholder="货值" >
+                              <span slot="suffix">(USD)</span>
+                            </el-input>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('14')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>货物名称调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.goodsInfo}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item  :label="$t('货物名称')" prop="goodsInfo" >
+                        <el-input v-model="form.goodsInfo" type="textarea" placeholder=""/>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('15')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>报关方式调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span ><dict-tag :options="dict.type.emis_declare_mode" :value="billDetail.customsEclaration"/></span>
+                    </el-col>
+                    <el-col :span="14">
+                      <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-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('16')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>清关方式调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span ><dict-tag :options="dict.type.emis_customs_clear" :value="billDetail.customsClear"/></span>
+                    </el-col>
+                    <el-col :span="14">
+                      <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-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('31')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>取件方式调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span ><dict-tag :options="dict.type.emis_qujian_fangshi" :value="billDetail.pickupMethod"/></span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item :label="$t('取件方式')" prop="pickupMethod">
+                        <el-radio-group v-model="form.dispatchMethod">
+                          <el-radio
+                            v-for="dict in dict.type.emis_qujian_fangshi"
+                            :key="dict.value"
+                            :label="dict.value"
+                          >
+                          <span  >{{ $t(dict.label) }}</span>
+                        </el-radio>
+                        </el-radio-group>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&(applyTypeArr.includes('13'))" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>取件员调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{ billDetail.takePieceEmployeeName }}</span>
+                    </el-col>
+                    <el-col :span="14">
+                    <el-form-item :label="$t('取件员')" prop="takePieceEmployeeCode" >
+                      <EmisUserSimplePicker0  :placeholder="$t('取件员')" v-model="form.takePieceEmployeeCode" postCode="RSD" ></EmisUserSimplePicker0>
+                    </el-form-item>
+
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&(applyTypeArr.includes('34'))" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>操作员调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{ billDetail.operateEmployeeName }}</span>
+                    </el-col>
+                    <el-col :span="14">
+                    <el-form-item :label="$t('操作员')" prop="operateEmployeeCode" >
+                      <EmisUserSimplePicker0  :placeholder="$t('操作员')" v-model="form.operateEmployeeCode" postCode="OP" ></EmisUserSimplePicker0>
+                    </el-form-item>
+
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('11')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>派送方式调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span ><dict-tag :options="dict.type.emis_tab_dispatch_mode" :value="billDetail.dispatchMethod"/></span>
+                    </el-col>
+                    <el-col :span="14">
+                      <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-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('35')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>包装类型调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span ><dict-tag :options="dict.type.emis_tab_packing_type" :value="billDetail.packType"/></span>
+                    </el-col>
+                    <el-col :span="14">
+                      <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-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('36')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>计费方式调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span ><dict-tag :options="dict.type.emis_calc_fee_type" :value="billDetail.calcFeeType"/></span>
+                    </el-col>
+                    <el-col :span="14">
+                      <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-row>
+              </el-col>
+
+              <el-col :span="24" v-if="
+              applyType&&(applyTypeArr.includes('20')
+              || applyTypeArr.includes('21')
+              || applyTypeArr.includes('8')
+              || applyTypeArr.includes('5')
+              || applyTypeArr.includes('6')
+              || applyTypeArr.includes('7')
+            )
+              ">
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>支付方式调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span>
+                        <dict-tag :options="dict.type.emis_payment_type" :value="billDetail.paymentType"/>
+                      </span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item  :label="$t('支付方式')" prop="paymentType" >
+                          <el-select v-model="form.paymentType" placeholder="" >
+                            <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-row  :gutter="0" style="display: flex;flex-wrap: wrap;">
+                            <el-col :span="24">
+                              <el-form-item  :label="$t('月结客户')" prop="custNo" v-if="form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5" >
+                                <EmisMonthpayAccountPicker v-model="form.custNo" @onChange="onSelectMonthUser"></EmisMonthpayAccountPicker>
+                              </el-form-item>
+                              <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-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>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&(applyTypeArr.includes('32'))" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>销售联系人</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{ billDetail.salesmen }}</span>
+                    </el-col>
+                    <el-col :span="14">
+                    <el-form-item :label="$t('销售联系人')" prop="salesmen" >
+                      <SalemanPicker :placeholder="$t('销售联系人')" v-model="form.salesmen"  ></SalemanPicker>
+                    </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+
+              <el-col :span="24" v-if="applyType&&(applyTypeArr.includes('33'))" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>回款联系人</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{ billDetail.payee }}</span>
+                    </el-col>
+                    <el-col :span="14">
+                    <el-form-item :label="$t('回款联系人')" prop="payee" >
+                      <PayeePicker  :placeholder="$t('回款联系人')"    v-model="form.payee"  ></PayeePicker>
+                    </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <!-- <el-col :span="24" v-if="applyType&&applyTypeArr.includes('9')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>运费调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.freight}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item  :label="$t('运费')" prop="freight" >
+                        <el-input v-model="form.freight" type="text" placeholder=""/>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col> -->
+
+
+              <el-col :span="24" v-if="applyType&&(applyTypeArr.includes('2'))" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>件数调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.parcelQty}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item  :label="$t('总件数')" prop="parcelQty" >
+                        <el-input v-model="form.parcelQty" type="text" placeholder="" style="text-align: right;width: 120px" @blur="handleCargoQtyChangeDebounce" @keyup.enter.native="handleCargoQtyChangeDebounce"/>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&(applyTypeArr.includes('3'))" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>体积调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.totalVolume}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item  :label="$t('体积')" prop="totalVolume" >
+                        <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>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('38')">
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span style="font-weight:600">货物尺寸调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <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="billDetail.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">
+                                {{ scope.row.length }}
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="width"  :label="$t('宽(cm)')"  align="center" width="60">
+                              <template slot-scope="scope">
+                                {{ scope.row.width }}
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="height"   :label="$t('高(cm)')" align="center" width="60">
+                              <template slot-scope="scope">
+                                {{ scope.row.height }}
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="cargoQty" :label="$t('件数')" align="center" width="60">
+                              <template slot-scope="scope">
+                                {{ scope.row.cargoQty }}
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="volume"  :label="$t('体积(m³)')" align="center" width="80">
+                              <template slot-scope="scope">
+                                {{ scope.row.volume }}
+                              </template>
+                            </el-table-column>
+                          </el-table>
+                    </el-col>
+                    <el-col :span="14" style="text-align: center">
+
+                      <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">
+                                <el-input  v-model="scope.row.length" @input="(val)=>handleCalcVolumeDebounce(scope.row)"  size="mini" placeholder=""></el-input>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="width"  :label="$t('宽(cm)')"  align="center" width="60">
+                              <template slot-scope="scope">
+                                <el-input  v-model="scope.row.width" @input="(val)=>handleCalcVolumeDebounce(scope.row)" size="mini" placeholder=""></el-input>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="height"   :label="$t('高(cm)')" align="center" width="60">
+                              <template slot-scope="scope">
+                                <el-input  v-model="scope.row.height" @input="(val)=>handleCalcVolumeDebounce(scope.row)"  size="mini" placeholder=""></el-input>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="cargoQty" :label="$t('件数')" align="center" width="60">
+                              <!-- @keyup.enter.native="(val)=>handleCargoQtyChange(scope.row)" -->
+                              <template slot-scope="scope">
+                                <el-input v-model="scope.row.cargoQty" @input="(val)=>handleCargoQtyChangeDebounce(scope.row)"    size="mini" placeholder="" disabled></el-input>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="volume"  :label="$t('体积(m³)')" align="center" width="80">
+                              <template slot-scope="scope">
+                                <el-input  v-model="scope.row.volume" size="mini" placeholder="" disabled></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-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('1')" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>重量调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.billWeight}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item  :label="$t('重量')" prop="billWeight" >
+                        <el-input v-model="form.billWeight" @blur="handleCalcSettlementWeight" @keyup.enter.native="handleCalcSettlementWeight"  style="text-align: right;width: 120px" placeholder="" >
+                            <span slot="suffix">(kg)</span>
+                          </el-input>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('18')">
+                    <el-row :gutter="0" class="md-row">
+                      <el-col :span="3" class="md-title">
+                        <span>寄件信息调整</span>
+                      </el-col>
+                      <el-col :span="7" class="md-value">
+                        <span>
+                            {{ billDetail.sender.name }}
+                            {{ billDetail.sender.phone }}
+                            {{ billDetail.sender.company }}
+                             {{ billDetail.sender.countryName }}
+                             {{ billDetail.sender.provinceName }}
+                             {{ billDetail.sender.cityName }}
+                             {{ billDetail.sender.countyName }}
+                             {{ billDetail.sender.address }}
+                        </span>
+                      </el-col>
+                      <el-col :span="14">
+
+                        <el-row :gutter="0" style="display: flex;flex-wrap: wrap;background: #fdfdfd;padding:15px">
+                            <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="" />
+                              </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                              <el-form-item :label="$t('寄件公司')" prop="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-row>
+                      </el-col>
+                    </el-row>
+              </el-col>
+
+
+              <el-col :span="24" v-if="applyType&&applyTypeArr.includes('19')">
+                    <el-row :gutter="0" class="md-row">
+                      <el-col :span="3" class="md-title">
+                        <span>收件信息调整</span>
+                      </el-col>
+                      <el-col :span="7" class="md-value">
+                        <span>
+                            {{ billDetail.reciever.name }}
+                            {{ billDetail.reciever.phone }}
+                            {{ billDetail.reciever.company }}
+                             {{ billDetail.reciever.countryName }}
+                             {{ billDetail.reciever.provinceName }}
+                             {{ billDetail.reciever.cityName }}
+                             {{ billDetail.reciever.countyName }}
+                             {{ billDetail.reciever.address }}
+                        </span>
+                      </el-col>
+                      <el-col :span="14">
+
+                        <el-row :gutter="0" style="display: flex;flex-wrap: wrap;padding:15px">
+                            <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="" />
+                              </el-form-item>
+                            </el-col>
+                            <el-col :span="24">
+                              <el-form-item  :label="$t('收件公司')" prop="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-row>
+
+                      </el-col>
+                    </el-row>
+              </el-col>
+
+              <el-col :span="24" v-if="applyType&&(applyTypeArr.includes('19')||applyTypeArr.includes('10'))">
+                    <el-row :gutter="0" class="md-row">
+                      <el-col :span="3" class="md-title">
+                        <span>目的网点调整</span>
+                      </el-col>
+                      <el-col :span="7" class="md-value">
+                        <span>
+                          {{ billDetail.dispatchUnderlingSiteName }}
+                        </span>
+                      </el-col>
+                      <el-col :span="14">
+
+                        <el-row :gutter="0" style="display: flex;flex-wrap: wrap;padding:15px">
+
+                            <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-row>
+
+                      </el-col>
+                    </el-row>
+              </el-col>
+
+
+              <el-col  :span="24" class="feeDesc">
+                <span>运费相关调整变化</span>
+              </el-col>
+              <el-col :span="24" v-if="billDetail.totalVolume!=form.totalVolume">
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>总体积变化(m³)</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.totalVolume}}</span>
+                    </el-col>
+                    <el-col :span="14" style="text-align: center">
+                      <span v-if="billDetail.totalVolume!=form.totalVolume" style="color: red" >{{form.totalVolume}}</span>
+                      <span v-else>{{form.totalVolume}}</span>
+                    </el-col>
+                  </el-row>
+              </el-col>
+              <el-col :span="24" v-if="billDetail.volumeWeight!=form.volumeWeight">
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>体积重量变化(kg)</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.volumeWeight}}</span>
+                    </el-col>
+                    <el-col :span="14" style="text-align: center">
+                      <span v-if="billDetail.volumeWeight!=form.volumeWeight" style="color: red" >{{form.volumeWeight}}</span>
+                      <span v-else>{{form.volumeWeight}}</span>
+                    </el-col>
+                  </el-row>
+              </el-col>
+              <el-col :span="24" v-if="billDetail.billWeight!=form.billWeight">
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>实际重量变化(kg)</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.billWeight}}</span>
+                    </el-col>
+                    <el-col :span="14" style="text-align: center">
+                      <span v-if="billDetail.billWeight!=form.billWeight" style="color: red" >{{form.billWeight}}</span>
+                      <span v-else >{{form.billWeight}}</span>
+                    </el-col>
+                  </el-row>
+              </el-col>
+              <el-col :span="24" v-if="billDetail.settlementWeight!=form.settlementWeight">
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span style="font-weight:600">结算重量变化(kg)</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.settlementWeight}}</span>
+                    </el-col>
+                    <el-col :span="14" style="text-align: center">
+                      <span v-if="billDetail.settlementWeight!=form.settlementWeight" style="color: red" >{{form.settlementWeight}}</span>
+                      <span v-else >{{form.settlementWeight}}</span>
+                    </el-col>
+                  </el-row>
+              </el-col>
+              <el-col :span="24" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span style="font-weight:600">特殊报价调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span v-if="billDetail.blSpecialQuote==1" >是</span>
+                      <span v-else>否</span>
+                    </el-col>
+                    <el-col :span="14" style="text-align: center">
+                      <el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blSpecialQuote" :true-label="1" :false-label="0"> {{ $t('特殊报价') }}</el-checkbox>
+                    </el-col>
+                  </el-row>
+              </el-col>
+              <!-- v-if="applyType&&(applyTypeArr.includes('36'))" -->
+              <el-col :span="24" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span style="font-weight:600">费用明细变化</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                        <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="billDetail.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 }}</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">
+                                <div > {{scope.row.initialWeightFee}} </div>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="addWeightPrice"  :label="$t('续重单价')"  align="center" width="70">
+                              <template slot-scope="scope">
+                                <div> {{scope.row.addWeightPrice}} </div>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="realFee" :label="$t('实收')" align="center" width="50">
+                              <template slot-scope="scope">
+                                <div> {{scope.row.realFee}} </div>
+                              </template>
+                            </el-table-column>
+                            <el-table-column  prop="remark" :label="$t('描述')"  align="center" min-width="50">
+                              <template slot-scope="scope">
+                                <div> {{scope.row.remark}} </div>
+                              </template>
+                            </el-table-column>
+                        </el-table>
+                    </el-col>
+                    <el-col :span="14" style="text-align: center">
+
+                      <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 }}</span>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="fee"  :label="$t('币种')"  align="center" width="100">
+                              <template slot-scope="scope">
+                                <dict-tag :options="dict.type.sys_currency_type" :value="scope.row.currency"/>
+                              </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" @input="(val)=>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" @input="(val)=>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" v-model="scope.row.realFee" @input="(val)=>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="450"
+                                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"
+
+                                    >{{ $t('增加自定义费用') }}</el-button>
+                              </el-popover>
+                              <!-- @click="handleAddFee" -->
+                          </div>
+
+                    </el-col>
+                  </el-row>
+              </el-col>
+
+
+              <el-col :span="24" >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span style="color:red;font-weight:600" v-if="billDetail.freight!=form.freight">运费调整</span>
+                      <span v-else style="font-weight:600">运费调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.freight}}</span>
+                    </el-col>
+                    <el-col :span="14" style="text-align: center">
+                      <el-form-item  :label="$t('运费')" prop="freight" >
+                        <el-input v-model="form.freight" type="text" placeholder=""/>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+              <!-- v-if="applyType&&applyTypeArr.includes('12')" -->
+              <el-col :span="24"  >
+                  <el-row :gutter="0" class="md-row">
+                    <el-col :span="3" class="md-title">
+                      <span>费用备注调整</span>
+                    </el-col>
+                    <el-col :span="7" class="md-value">
+                      <span >{{billDetail.remark}}</span>
+                    </el-col>
+                    <el-col :span="14">
+                      <el-form-item  :label="$t('费用备注')" prop="feeRemark" >
+                        <el-input v-model="form.feeRemark" type="textarea" placeholder=""/>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+              </el-col>
+        </el-row>
+
+
+      </el-form>
+  </div>
+</template>
+
+<script>
+import { checkWaybillIsExists,getWaybillDetail,realSubmitOrder,calcWaybillFee,calcSetteldWeight,calcVolumeWeight} from "@/api/emis/emisWaybill";
+import { getDestSite } from "@/api/emis/emisDestination";
+
+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 TransProductCasPicker from '@/views/emis/EmisBaseTools/TransProductCasPicker.vue';
+
+import feeItemForm from '@/views/emis/emisWaybill/feeItemForm.vue';
+
+
+import { debounce } from 'throttle-debounce'
+import { deepClone } from '@/utils/index'
+
+
+export default {
+  name: "AdjustPanel",
+  props:{
+    id:{
+        type:Number
+    },
+    applyType:{
+      type:[String]
+    },
+    oldValue:{
+      type:Object
+    },
+    newValue:{
+      type:Object
+    },
+    disabled:{
+      type:Boolean
+    }
+  },
+  components: {
+    SalemanPicker,
+    PayeePicker,
+    EmisUserSimplePicker0,
+    TransProductCasPicker,
+    WarehouseInNoPicker,
+    EmisMonthpayAccountPicker,
+    AddressSelectPicker0,
+    AddressSelectPicker1,
+    CustomerAddressSimplePicker0,
+    CustomerAddressSimplePicker1,
+    GoodsSimplePicker,
+    EmisSiteSimplePicker,
+    DestinationPicker,
+    TransLinePicker,
+    TransProductPicker,
+    CountryPicker0,
+    CountryPicker1,
+    ProvincePicker1,
+    CityPicker1,
+    DistrictPicker1,
+    CountryPicker2,
+    ProvincePicker2,
+    CityPicker2,
+    DistrictPicker2,
+    feeItemForm
+  },
+  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 {
+      triggerCount:0,
+      activeNames:['1','2','3','4'],
+
+      emisWaybillAjustApplyOptions: [],
+
+      ajustTypeItems:[],
+
+      isEditDisabled:true,
+      // 遮罩层
+      loading: true,
+
+      billDetail:{},
+      applyTypeArr:[],
+      // 表单参数
+      form:{},
+      // 表单校验
+      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" }
+        // ],
+        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']  }
+        ],
+      }
+    };
+  },
+   watch: {
+      "id": {
+        handler (newValue, oldValue) {
+          this.id = newValue;
+        },
+        deep: true
+      },
+      oldValue: {
+        handler (newValue, oldValue) {
+          this.billDetail = this.oldValue;
+        },
+        deep: true
+      },
+      newValue: {
+        handler (newVa, oldValue) {
+          // this.billDetail = this.newValue;
+          this.form=Object.assign({},this.newValue);
+        },
+        deep: true
+      },
+      applyType: {
+        handler (newVa, oldValue) {
+          // this.billDetail = this.newValue;
+          if(this.applyType){
+            this.applyTypeArr= this.applyType.split(',');
+          }else{
+            this.applyTypeArr=[];
+          }
+          console.log("====>this.applyTypeArr==>",this.applyTypeArr);
+        },
+        deep: true
+      },
+
+
+  },
+  created() {
+    this.initData();
+  },
+  methods: {
+    handleAddFee(){
+      this.triggerCount++;
+    },
+    onFeeItemChange(item){
+    this.$refs.popoverFeeRef.doClose();
+    if(item!=null){
+      let newItem=Object.assign({},item)
+      if(!this.form.feeItems){
+        this.form.feeItems=[];
+      }
+      this.form.feeItems.push(newItem);
+      this.handleCalcFeeItem();
+    }
+  },
+  deleteFeeItem(row){
+    if(row.blAutoGen==1){
+      this.$message('不允许删除!')
+      return;
+    }
+    this.$confirm('确定删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+    }).then(() => {
+
+
+      let newList = this.form.feeItems.filter(item => item.feeCode !== row.feeCode);
+
+      console.log("======>newList===>",newList)
+      this.form.feeItems=newList;
+
+    }).catch(() => {
+    })
+
+  },
+    onSelectMonthUser(item){
+      if(item!=null){
+        this.form.payee=item.payee;
+        this.form.salesmen=item.salesmen;
+      }
+    },
+    initData(){
+
+      if(this.applyType){
+        this.applyTypeArr=this.applyType.split(",");
+      }
+      console.log("====>this.applyTypeArr==>",this.applyTypeArr);
+      this.reset();
+      this.form=Object.assign({},this.newValue);
+
+      // Object.assign({},this.newValue);
+
+      // if(this.newValue.cargoList){
+      //   this.form.cargoList=[...this.newValue.cargoList];
+      // }
+
+      // if(this.newValue.feeItems){
+      //   this.form.feeItems=[...this.newValue.feeItems];
+      // }
+
+      console.log("====>this.oldValue==>",this.oldValue);
+      console.log("====>this.form==>",this.form);
+      this.billDetail=this.oldValue;
+    },
+    getJsonData(){
+      let jsonData={
+        oldValue:this.billDetail,
+        newValue:this.form
+      }
+      return jsonData;
+    },
+     // 表单重置
+    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,
+      };
+    },
+    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();
+
+    },
+
+    handleCalcVolumeDebounce(row){
+      // 控制触发频率
+      debounce(250, this.handleCalcVolume(row))
+    },
+
+    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){
+      // this.handleGenSubbill();
+      this.handleInitGenGoods();
+      this.handleCalcVolume(row);
+    },
+
+    deleteGoodsItem(row,index){
+      this.$confirm('确定删除?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+      }).then(() => {
+        this.form.cargoList.splice(index,1)
+        this.handleCalcVolume(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.handleCargoQtyChange();
+    },
+
+    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(5) );
+      }
+
+      let totalVolume=0.0;
+      this.form.cargoList.forEach(item=>{
+          totalVolume=totalVolume+item.volume;
+      });
+
+      this.form.totalVolume = parseFloat(totalVolume.toFixed(5));
+
+      this.handleCalcVolumeWeight();
+
+    },
+
+    // 计算目的站点
+    handleCalcDestSite(){
+        this.calcDestSite();
+        // if(this.form.reciever.country != this.form.destinationCountry){
+        //   this.$confirm('收件国和目的国不一致,请调整！', '提示', {
+        //     confirmButtonText: '确认',
+        //     cancelButtonText: '返回',
+        //     type: 'warning'
+        //   }).then(() => {
+
+        //   }).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;
+
+            });
+        }
+      },
+      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;
+      },
+
+       // 计算体积重量
+      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();
+              }
+            });
+          }
+
+      },
+      handleCalcFeeItem(row){
+        console.log("===>handleCalcFeeItem==>",row);
+        if(row!=null){
+          if(row.calcExp){
+            let expr=row.calcExp;
+            expr=expr.replace("s",row.initialWeightFee);
+            expr=expr.replace("d",row.addWeightPrice);
+            expr=expr.replace("w",this.form.settlementWeight);
+
+            row.realFee=parseFloat(eval(expr)).toFixed(2);
+
+            console.log("===>row.calcExp==>expr==>row.realFee:",row.calcExp,expr,row.realFee);
+          }
+        }
+
+        let totalFee=0;
+        if(this.form.feeItems&&this.form.feeItems.length>0){
+          this.form.feeItems.forEach(item=>{
+            totalFee=totalFee+parseInt(item.realFee);
+          });
+        }
+        this.form.freight = totalFee;
+      },
+      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;
+            }
+
+            let postData={
+              productType: this.form.productType,
+              customerCode: this.form.customerCode,
+              custNo: this.form.custNo,
+              calcFeeType:calcFeeType,
+              settlementWeight: this.form.settlementWeight,
+              sendSiteCode: this.form.sendSiteCode,
+              dispatchUnderlingSiteCode: this.form.dispatchUnderlingSiteCode,
+              customsClear:this.form.customsClear,
+              customsEclaration:this.form.customsEclaration
+            }
+
+
+            // 提前重算费用
+            let custFeeList = [];
+            if(this.form.feeItems&&this.form.feeItems.length>0){
+              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 = [];
+                    if(this.form.feeItems&&this.form.feeItems.length>0){
+                      this.form.feeItems.forEach(item=>{
+                          if(item.blAutoGen!='1' && !(item.feeCode in newFeeMap)){
+                            custFeeList.push(item);
+                          }
+                      });
+                    }
+
+                    this.form.feeItems = newFeeList.concat(custFeeList);
+                    this.handleCalcFeeItem();
+            });
+          }
+        },
+
+  }
+};
+</script>
+
+<style lang="scss">
+
+.feeDesc{
+  text-align: left;
+    padding-left: 10px;
+    background: rgb(248 253 255);
+    color: #979696;
+    border-bottom: 1px solid #f1f1f1;
+    font-weight: 500;
+}
+.md-row{
+  display: flex;
+  flex-wrap: wrap;
+  color: black;
+  font-weight:600;
+  border-bottom: 1px solid #e7e6e6;
+  font-size: 13px;
+}
+.md-title{
+  background: #fff;
+  border-right: 1px solid #e6e6e6;
+  text-align: center;
+  font-weight: 400;
+}
+
+.md-value{
+  color: #000;
+  border-right: 1px solid #e6e6e6;
+  text-align: center;
+  font-weight: normal;
+}
+
+
+
+.cargoList{
+  .el-input__inner {
+      height: 28px;
+      line-height: 28px;
+      border: none;
+      background: #ffffcd;
+      font-size: 10px;
+      padding: 0px;
+      text-align: center;
+  }
+
+
+  .el-table .cell{
+    padding:0px!important;
+  }
+
+  // .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;
+  }
+}
+
+</style>