2597 lines
111 KiB
Vue
2597 lines
111 KiB
Vue
<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" v-if="form.reciever!=null">
|
||
<CountryPicker0 v-model="form.reciever.country"></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" v-if="form.reciever!=null">
|
||
<TransLinePicker v-model="form.transLine" :countryCode="form.reciever.country" isInitiated="true" @onChange="handleTransLineChange" ></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="handleCalcVolumeWeight"></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" maxlength="300" placeholder=""/>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-col>
|
||
|
||
|
||
<el-col :span="24" v-if="applyType&&applyTypeArr.includes('40')" >
|
||
<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('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('39')" >
|
||
<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.extInfo}}</span>
|
||
</el-col>
|
||
<el-col :span="14">
|
||
<el-form-item :label="$t('附加信息')" prop="extInfo" >
|
||
<el-input v-model="form.extInfo" 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.pickupMethod">
|
||
<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" :siteCode="form.startSiteCode"></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('操作员')" :siteCode="form.startSiteCode" 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="" @change="onPackTypeChange">
|
||
<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')||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 ><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="" @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-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('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')|| 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.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')||applyTypeArr.includes('2'))">
|
||
<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)"></span>
|
||
<span class="icon iconfont"
|
||
style="cursor: pointer;font-size: 21px;color: #6e6e6e;"
|
||
@click="()=>copyGoodsItem(scope.row,scope.$index)"></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') || applyTypeArr.includes('20'))">
|
||
<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 v-if="billDetail.sender!=null">
|
||
{{ billDetail.sender.name }}
|
||
{{ billDetail.sender.phone }}
|
||
{{ billDetail.sender.company }}
|
||
{{ billDetail.sender.countryName }}
|
||
{{ billDetail.sender.provinceName }}
|
||
{{ billDetail.sender.cityName }}
|
||
{{ billDetail.sender.countyName }}
|
||
{{ billDetail.sender.address }}
|
||
{{ billDetail.sender.enterpriseName }}
|
||
{{ billDetail.sender.enterpriseTaxId }}
|
||
|
||
</span>
|
||
</el-col>
|
||
<el-col :span="14">
|
||
|
||
<el-row v-if="form.sender!=null" :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" @onChange="onChangeSenderProvince"></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="12" v-if="form.sender.country=='0086'">
|
||
<el-form-item :label="$t('企业名称')" prop="sender.enterpriseName">
|
||
<el-input v-model="form.sender.enterpriseName" placeholder="请输入企业名称" :disabled="['2','4','5'].includes(form.paymentType)" @change="checkEnterprise(form.sender.enterpriseName)"></el-input>
|
||
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12" v-if="form.sender.country=='0086'">
|
||
<el-form-item :label="$t('企业税号')" prop="sender.enterpriseTaxId">
|
||
<el-input v-model="form.sender.enterpriseTaxId" placeholder="请输入企业税号" :disabled="['2','4','5'].includes(form.paymentType)"></el-input>
|
||
</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 v-if="billDetail.reciever!=null">
|
||
{{ 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 v-if="form.reciever!=null" :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="" @change="checkRecieverCompany(form.reciever.company)"/>
|
||
</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="onChangeRecieverProvince"></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="" @change="handleRecieverAddressChange"/>
|
||
</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 v-if="form.reciever!=null" :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>
|
||
|
||
<!-- v-if="applyType&&applyTypeArr.includes('12')" -->
|
||
<el-col :span="24" v-if="applyType&&(applyTypeArr.includes('9')||applyTypeArr.includes('12'))">
|
||
<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.feeRemark}}</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-col :span="24" v-if="applyType&&(applyTypeArr.includes('9')||applyTypeArr.includes('41'))">
|
||
<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.codFeeDesc}}</span>
|
||
</el-col>
|
||
<el-col :span="14">
|
||
<el-form-item :label="$t('代收备注')" prop="codFeeDesc" >
|
||
<el-input v-model="form.codFeeDesc" type="textarea" placeholder=""/>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-col>
|
||
|
||
<el-col :span="24" v-if="applyType&&(applyTypeArr.includes('42'))">
|
||
<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.ladingBillCode}} <br>
|
||
贵司编号:{{billDetail.companyCode}} <br>
|
||
起运港:{{billDetail.departurePortName}} <br>
|
||
目的港:{{billDetail.destinationPortName}} <br>
|
||
箱量:{{billDetail.boxQuantity}} <br>
|
||
</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="ladingBillCode" label-width="70px" >
|
||
<div style="">
|
||
<el-input v-model="form.ladingBillCode" placeholder="海运提单号" >
|
||
</el-input>
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12" >
|
||
<el-form-item :label="$t('贵司编号')" prop="companyCode" label-width="70px" >
|
||
<div style="">
|
||
<el-input v-model="form.companyCode" placeholder="贵司编号" >
|
||
</el-input>
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12" >
|
||
<el-form-item :label="$t('起运港')" prop="departurePort" label-width="70px" >
|
||
<div style="">
|
||
<SeaSiteSimplePicker0 :placeholder="$t('起运港')" v-model="form.departurePort" ></SeaSiteSimplePicker0>
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12" >
|
||
<el-form-item :label="$t('目的港')" prop="destinationPort" label-width="70px" >
|
||
<div style="">
|
||
<SeaSiteSimplePicker1 :placeholder="$t('目的港')" v-model="form.destinationPort" ></SeaSiteSimplePicker1>
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12" >
|
||
<el-form-item :label="$t('箱量')" prop="boxQuantity" label-width="70px" >
|
||
<div style="">
|
||
<el-input v-model="form.boxQuantity" placeholder="箱量" >
|
||
</el-input>
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-col>
|
||
</el-row>
|
||
</el-col>
|
||
<!-- 虚拟单调整 -->
|
||
<el-col :span="24" v-if="['012','002','014','078'].includes(form.transLine) && applyType&&(applyTypeArr.includes('43'))">
|
||
<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.blVirtual ==='1'?'是':'否'}} <br>
|
||
关联主单:{{billDetail.masterBillCode}} <br>
|
||
</span>
|
||
</el-col>
|
||
<el-col :span="14">
|
||
<el-form-item :label="$t('是否为虚拟单')" prop="blVirtual" label-width="100px" >
|
||
<div style="">
|
||
<el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blVirtual" :true-label="'1'" :false-label="'0'" @change="handleVirtualChange"><span style="font-size:10px">是否为虚拟单</span></el-checkbox>
|
||
</div>
|
||
</el-form-item>
|
||
<el-form-item :label="$t('关联主单')" prop="masterBillCode" label-width="100px" v-if="form.blVirtual === '1'">
|
||
<div style="">
|
||
<MasterBillCodePicker :placeholder="$t('关联主单')" v-model="form.masterBillCode" :transLineType="billDetail.transLine" @onMasterBillCodeChange="onMasterBillCodeChange"></MasterBillCodePicker>
|
||
</div>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-col>
|
||
<!-- 始发网点调整 -->
|
||
<el-col :span="24" v-if="applyType&&(applyTypeArr.includes('44'))">
|
||
<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.startSiteName }}
|
||
</span>
|
||
</el-col>
|
||
<el-col :span="14">
|
||
<el-form-item :label="$t('始发网点')" prop="startSiteCode" label-width="100px">
|
||
<EmisSiteSimplePicker :placeholder="$t('始发网点')" v-model="form.startSiteCode" @onChange="onStartSiteSelect" ></EmisSiteSimplePicker>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-col>
|
||
</el-row>
|
||
<!-- ||applyTypeArr.includes('12') -->
|
||
<el-row v-if="billDetail&&applyType&&(
|
||
applyTypeArr.includes('38')
|
||
||applyTypeArr.includes('37')
|
||
||applyTypeArr.includes('36')
|
||
||applyTypeArr.includes('30')
|
||
||applyTypeArr.includes('20')
|
||
||applyTypeArr.includes('15')
|
||
||applyTypeArr.includes('19')
|
||
||applyTypeArr.includes('9')
|
||
||applyTypeArr.includes('10')
|
||
|
||
||applyTypeArr.includes('16')
|
||
||applyTypeArr.includes('2')
|
||
||applyTypeArr.includes('3')
|
||
||applyTypeArr.includes('1')
|
||
||applyTypeArr.includes('4')
|
||
||applyTypeArr.includes('11')
|
||
|
||
)" :gutter="0" style="display: flex;flex-wrap: wrap;border: 1px solid #e6e6e6; padding: 0px;line-height: 35px;">
|
||
<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" v-if="applyType&&applyTypeArr.length>0" >
|
||
<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" :disabled="form.calcFeeType==3" :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" v-if="applyType&&applyTypeArr.length>0">
|
||
<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="100">
|
||
<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="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" :show-overflow-tooltip="true">
|
||
<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="100">
|
||
<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="70">
|
||
<template slot-scope="scope">
|
||
<span>{{ scope.row.fee }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column prop="initialWeightFee" :label="$t('首重费')" align="center" width="80">
|
||
<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="80">
|
||
<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="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)"></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"
|
||
:disabled="form.calcFeeType==3 || form.blSpecialQuote !==1"
|
||
@click="handleAddFee"
|
||
>{{ $t('增加自定义费用') }}</el-button>
|
||
</el-popover>
|
||
</div>
|
||
|
||
</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.remark}}</span><br>
|
||
<span >费用备注:{{billDetail.feeRemark}}</span>
|
||
|
||
</el-col>
|
||
<el-col :span="14" style="text-align:center">
|
||
<span >录单备注：{{form.remark}}</span><br>
|
||
<span >费用备注：{{form.feeRemark}}</span>
|
||
</el-col>
|
||
</el-row>
|
||
</el-col>
|
||
|
||
<el-col :span="24" v-if="applyType&&applyTypeArr.length>0">
|
||
<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: left">
|
||
<el-form-item :label="$t('运费')" prop="freight" >
|
||
<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-input v-if="form.calcFeeType == 3" v-model="form.freight" type="text" 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 { listCustomsLevel } from "@/api/emis/emisCustomsLevel";
|
||
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 SeaSiteSimplePicker0 from '@/views/emis/EmisBaseTools/SeaSiteSimplePicker.vue';
|
||
import SeaSiteSimplePicker1 from '@/views/emis/EmisBaseTools/SeaSiteSimplePicker.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 MasterBillCodePicker from '@/views/emis/EmisBaseTools/MasterBillCodePicker.vue';
|
||
|
||
import feeItemForm from '@/views/emis/emisWaybill/feeItemForm.vue';
|
||
|
||
import { getValidExchangeRate } from "@/api/emis/emisExchangeRate";
|
||
|
||
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,
|
||
SeaSiteSimplePicker0,
|
||
SeaSiteSimplePicker1,
|
||
MasterBillCodePicker,
|
||
},
|
||
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() {
|
||
//校验关联主单线路
|
||
var checkmasterProductType = (rule, value, callback) => {
|
||
if (this.masterBillProductType && this.masterBillProductType != this.form.productType) {
|
||
callback(new Error('主单和虚拟单线路不一致'));// 关联主单和运单线路不一致
|
||
} else {
|
||
callback();
|
||
}
|
||
}
|
||
//校验寄件国家地区国家和省份是否匹配
|
||
var checkSenderCountryProvince = (rule, value, callback) => {
|
||
if (this.form.sender.country && this.senderCountryCode) {
|
||
if (this.form.sender.country != this.senderCountryCode) {
|
||
callback(new Error('寄件国家和省份不一致'));
|
||
} else {
|
||
callback();
|
||
}
|
||
} else {
|
||
callback();
|
||
}
|
||
}
|
||
//校验收件国家地区国家和省份是否匹配
|
||
var checkRecieverCountryProvince = (rule, value, callback) => {
|
||
if (this.form.reciever.country && this.recieverCountryCode) {
|
||
if (this.form.reciever.country != this.recieverCountryCode) {
|
||
callback(new Error('收件国家和省份不一致'));
|
||
} else {
|
||
callback();
|
||
}
|
||
} else {
|
||
callback();
|
||
}
|
||
}
|
||
//校验企业名称等级categorySender不等于4校验
|
||
var checkCategorySender = (rule, value, callback) => {
|
||
if (this.categorySender == '4') {
|
||
callback(new Error('该公司报关有问题无法报关，禁止走货。'));
|
||
} else {
|
||
callback();
|
||
}
|
||
}
|
||
//校验企业名称等级categorySender不等于4校验
|
||
var checkCategoryReciever = (rule, value, callback) => {
|
||
if (this.categoryReciever == '4') {
|
||
callback(new Error('该公司清关有问题无法清关，禁止走货。'));
|
||
} else {
|
||
callback();
|
||
}
|
||
}
|
||
return {
|
||
triggerCount:0,
|
||
activeNames:['1','2','3','4'],
|
||
|
||
emisWaybillAjustApplyOptions: [],
|
||
|
||
ajustTypeItems:[],
|
||
|
||
isEditDisabled:true,
|
||
// 遮罩层
|
||
loading: true,
|
||
|
||
billDetail:{},
|
||
applyTypeArr:[],
|
||
masterBillProductType:null,
|
||
// 表单参数
|
||
form:{},
|
||
//寄件人省份的国家
|
||
senderCountryCode:null,
|
||
recieverCountryCode:null,
|
||
//收件人地区名称
|
||
recieverRegionName:null,
|
||
// 选中的寄件人企业名称
|
||
selectedSenderEnterpriseName:null,
|
||
// 选中的寄件人企业税号
|
||
selectedSenderEnterpriseTaxId:null,
|
||
//选中的月结客户企业号
|
||
selectedMonthUserEnterpriseName:null,
|
||
//选中的月结客户企业税号
|
||
selectedMonthUserEnterpriseTaxId:null,
|
||
|
||
// 表单校验
|
||
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'] }, {
|
||
validator: checkRecieverCountryProvince, trigger: ['blur', 'change']
|
||
}
|
||
],
|
||
company: [
|
||
{ required: true, message: "发件公司不能为空", trigger: ["blur",'change'] },
|
||
{ validator: checkCategoryReciever , trigger: ['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'] },{
|
||
validator: checkSenderCountryProvince, 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" }
|
||
],
|
||
// 企业名称等级为4校验
|
||
enterpriseName: [
|
||
{ validator: checkCategorySender }
|
||
],
|
||
},
|
||
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'] }
|
||
],
|
||
masterBillCode:[
|
||
{validator: checkmasterProductType, trigger: ['blur', 'change']}
|
||
],
|
||
}
|
||
};
|
||
},
|
||
watch: {
|
||
"id": {
|
||
handler (newValue, oldValue) {
|
||
this.id = newValue;
|
||
},
|
||
deep: true
|
||
},
|
||
disabled:{
|
||
handler (newVa, oldValue) {
|
||
console.log("=xxx1===>disabled==>",this.disabled);
|
||
}
|
||
|
||
},
|
||
oldValue: {
|
||
handler (newValue, oldValue) {
|
||
this.billDetail = this.oldValue;
|
||
if (['2', '4', '5'].includes(this.billDetail.paymentType)) { //月结
|
||
this.selectedMonthUserEnterpriseName = this.billDetail.sender.enterpriseName;
|
||
this.selectedMonthUserEnterpriseTaxId = this.billDetail.sender.enterpriseTaxId;
|
||
this.selectedSenderEnterpriseName = '';
|
||
this.selectedSenderEnterpriseTaxId = '';
|
||
} else {
|
||
this.selectedMonthUserEnterpriseName = '';
|
||
this.selectedMonthUserEnterpriseTaxId = '';
|
||
if(this.billDetail.sender){
|
||
this.selectedSenderEnterpriseName = this.billDetail.sender.enterpriseName;
|
||
this.selectedSenderEnterpriseTaxId = this.billDetail.sender.enterpriseTaxId;
|
||
}
|
||
}
|
||
if(this.billDetail.sender){
|
||
this.senderCountryCode = this.billDetail.sender.country;
|
||
}
|
||
if(this.billDetail.reciever){
|
||
this.recieverCountryCode = this.billDetail.reciever.country;
|
||
this.recieverRegionName = this.billDetail.reciever.provinceName;
|
||
}
|
||
// 初始化企业等级
|
||
this.categorySender =null;
|
||
this.categoryReciever =null;
|
||
},
|
||
deep: true
|
||
},
|
||
newValue: {
|
||
handler (newVa, oldValue) {
|
||
this.form=this.newValue;
|
||
// this.form.blSpecialQuote = Number(this.newValue.blSpecialQuote);
|
||
console.log("====>newValue this.form==>",this.form);
|
||
|
||
console.log("====>newValue this.form.packType==>",this.form.packType);
|
||
if(this.form.packType!=null&&this.form.packType!=''&&!Array.isArray(this.form.packType)){
|
||
this.form.packType=this.form.packType.split(",");
|
||
}
|
||
|
||
if(this.form.calcFeeType==3){
|
||
this.form.blSpecialQuote='0';
|
||
}
|
||
},
|
||
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);
|
||
this.initCountryCode();
|
||
},
|
||
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=[];
|
||
}
|
||
|
||
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.handleCalcFeeItem();
|
||
}
|
||
},
|
||
onPackTypeChange(){
|
||
// if(this.form.packType&&this.form.packType.length>0){
|
||
// this.form.packType=this.form.packType.join(",");
|
||
// }
|
||
},
|
||
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(() => {
|
||
})
|
||
|
||
},
|
||
onSelectMonthUser(item){
|
||
if(item!=null){
|
||
this.form.payee=item.payee;
|
||
this.form.salesmen=item.salesmen;
|
||
// 企业名称
|
||
this.form.sender.enterpriseName=item.enterpriseName;
|
||
// 企业税号
|
||
this.form.sender.enterpriseTaxId=item.enterpriseTaxId;
|
||
// 选中的月结客户企业号
|
||
this.selectedMonthUserEnterpriseName=item.enterpriseName;
|
||
// 选中的月结客户企业税号
|
||
this.selectedMonthUserEnterpriseTaxId=item.enterpriseTaxId;
|
||
this.checkEnterprise(this.form.sender.enterpriseName);
|
||
}
|
||
this.calcBillFee()
|
||
},
|
||
initData(){
|
||
|
||
if(this.applyType){
|
||
this.applyTypeArr=this.applyType.split(",");
|
||
}
|
||
console.log("====>this.applyTypeArr==>",this.applyTypeArr);
|
||
this.reset();
|
||
// this.form=Object.assign({},this.newValue);
|
||
this.form=this.newValue;
|
||
|
||
if(this.form.packType!=null&&this.form.packType!=''&&!Array.isArray(this.form.packType)){
|
||
this.form.packType=this.form.packType.split(",");
|
||
|
||
console.log("==>this.form.packTypeArr==>",this.form.packTypeArr)
|
||
}
|
||
|
||
if(this.form.calcFeeType==3){
|
||
this.form.blSpecialQuote='0';
|
||
}
|
||
|
||
// 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(){
|
||
if(this.form.packType&&this.form.packType.length>0){
|
||
this.form.packType=this.form.packType.join(",");
|
||
}
|
||
|
||
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;
|
||
this.senderCountryCode=value.country;
|
||
this.form.sender.id = value.id;
|
||
// 选中的寄件人企业名称
|
||
this.selectedSenderEnterpriseName=value.enterpriseName;
|
||
// 选中的寄件人企业税号
|
||
this.selectedSenderEnterpriseTaxId=value.enterpriseTaxId;
|
||
//非月结且地址是中国 企业税号取值寄件地址
|
||
if(!['2','4','5'].includes(this.form.paymentType) && this.form.sender.country=='0086' ){
|
||
this.form.sender.enterpriseName=value.enterpriseName;
|
||
this.form.sender.enterpriseTaxId=value.enterpriseTaxId;
|
||
}
|
||
//非月结且地址是非中国 企业号置空
|
||
if(this.form.sender.country!='0086' ){
|
||
this.form.sender.enterpriseName='';
|
||
this.form.sender.enterpriseTaxId='';
|
||
}
|
||
// 月结且中国 企业号取值月结客户企业号
|
||
if(['2','4','5'].includes(this.form.paymentType) && this.form.sender.country=='0086' ){
|
||
this.form.sender.enterpriseName=this.selectedMonthUserEnterpriseName;
|
||
this.form.sender.enterpriseTaxId=this.selectedMonthUserEnterpriseTaxId;
|
||
}
|
||
//校验寄件人企业等级
|
||
this.checkEnterprise(this.form.sender.enterpriseName);
|
||
},
|
||
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.recieverRegionName = value.provinceName;
|
||
this.handleCalcDestSite();
|
||
this.openSpecialZone(value.country ,value.address , value.provinceName);
|
||
},
|
||
|
||
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;
|
||
});
|
||
|
||
if(totalVolume>0.0){
|
||
this.form.totalVolume = parseFloat(totalVolume.toFixed(4));
|
||
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;
|
||
|
||
// 计算费用
|
||
this.calcBillFee();
|
||
|
||
});
|
||
}
|
||
},
|
||
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();
|
||
// }
|
||
});
|
||
}
|
||
|
||
},
|
||
async handleCalcFeeItem(row){
|
||
if(row!=null && this.form.settlementWeight!=null){
|
||
if(row.calcExp&&row.calcExp!='undefined'){
|
||
if(row.initialWeightFee>0||row.addWeightPrice>0){
|
||
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);
|
||
expr=expr.replace("w",this.form.settlementWeight);
|
||
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);
|
||
expr=expr.replace("w",this.form.settlementWeight);
|
||
row.realFee=parseFloat(eval(expr)).toFixed(2);
|
||
// console.log("===>calcExp222==expr==>",expr);
|
||
// console.log("===>calcExp222==row==>",row);
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
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'){
|
||
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);
|
||
},
|
||
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){
|
||
this.form.blSpecialQuote=0;
|
||
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,
|
||
startSiteCode:this.form.startSiteCode,
|
||
}
|
||
|
||
|
||
// 提前重算费用
|
||
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();
|
||
});
|
||
}
|
||
},
|
||
onMasterBillCodeChange(val) {
|
||
if (val) {
|
||
this.masterBillProductType = val.productType;
|
||
//调整虚拟单备注 把该单为虚拟单之后的单号替换
|
||
if (this.form.remark && this.form.remark.trim() !== ''
|
||
) {
|
||
this.form.remark = this.form.remark.replace(/主单为[\da-zA-Z]+/g, '主单为' + val.value);;
|
||
} else {
|
||
this.form.remark = `该单为虚拟单：对应主单为${val.value}`;
|
||
}
|
||
} else {
|
||
this.form.remark = this.billDetail.remark;
|
||
}
|
||
},
|
||
//虚拟单变化
|
||
handleVirtualChange() {
|
||
if (this.form.blVirtual !== '1') {
|
||
this.form.masterBillCode = null;
|
||
}
|
||
},
|
||
onStartSiteSelect(item) {
|
||
if (!item) {
|
||
this.form.startSiteCode = null;
|
||
this.form.startSiteName = null;
|
||
return;
|
||
}
|
||
this.form.startSiteCode = item.siteCode;
|
||
this.form.startSiteName = item.siteName;
|
||
},
|
||
//寄件省份变化
|
||
onChangeSenderProvince(val){
|
||
console.log('onChangeSenderProvince',val)
|
||
if(val){
|
||
this.senderCountryCode = val.countryCode;
|
||
}
|
||
},
|
||
//收件省份变化
|
||
onChangeRecieverProvince(val){
|
||
if(val){
|
||
this.recieverCountryCode = val.countryCode;
|
||
this.recieverRegionName = val.regionName;
|
||
}else{
|
||
this.recieverRegionName = null;
|
||
}
|
||
this.handleCalcDestSite();
|
||
this.openSpecialZone(this.recieverCountryCode,this.form.reciever.address , this.recieverRegionName);
|
||
},
|
||
//初始化选中省份的国家
|
||
initCountryCode(){
|
||
if(this.form.sender){
|
||
this.senderCountryCode = this.form.sender.country;
|
||
}
|
||
if(this.form.reciever){
|
||
this.recieverCountryCode = this.form.reciever.country;
|
||
}
|
||
},
|
||
onPaymentTypeChange() {
|
||
//console.log("==onPaymentTypeChange==>")
|
||
// 非月结清空月结客户选择
|
||
if (this.form.paymentType == '1' ||
|
||
this.form.paymentType == '3' ||
|
||
this.form.paymentType == '6'
|
||
) {
|
||
this.form.custNo = null;
|
||
this.form.customerCode = null;
|
||
//企业税号重新赋值
|
||
this.form.sender.enterpriseName=this.selectedSenderEnterpriseName;
|
||
this.form.sender.enterpriseTaxId=this.selectedSenderEnterpriseTaxId;
|
||
this.calcBillFee();
|
||
// 校验寄件人企业等级
|
||
this.checkEnterprise(this.form.sender.enterpriseName);
|
||
|
||
}
|
||
|
||
},
|
||
handleTransLineChange(val){
|
||
if(val){
|
||
this.form.productType = val.productType;
|
||
}
|
||
this.calcBillFee();
|
||
},
|
||
handleRecieverAddressChange() {
|
||
this.openSpecialZone(this.recieverCountryCode,this.form.reciever.address , this.recieverRegionName);
|
||
},
|
||
// 弹出柬埔寨特区提醒
|
||
openSpecialZone(countryCode, address, recieverRegionName) {
|
||
if (countryCode !== '0855' || !address || !recieverRegionName) {
|
||
this.checkEnterprise(this.form.reciever.company, 2);
|
||
return;
|
||
}
|
||
// 校验是否属于特殊区域（特区/经济特区/特定产业园）
|
||
const isSpecialZone =
|
||
address.includes('Special Economic Zone') ||
|
||
recieverRegionName.includes('特区') ||
|
||
recieverRegionName === '中柬金属材料产业园';
|
||
// 根据区域类型执行对应逻辑
|
||
if (isSpecialZone) {
|
||
this.$confirm("该地区是特区！", "提示", {
|
||
confirmButtonText: "确定",
|
||
type: "warning",
|
||
distinguishCancelAndClose: true,
|
||
closeOnClickModal: false,
|
||
showCancelButton: false,
|
||
showClose: false
|
||
}).then(() => {
|
||
this.checkRecieverCompany(this.form.reciever.company);
|
||
});
|
||
} else {
|
||
this.checkRecieverCompany(this.form.reciever.company);
|
||
}
|
||
},
|
||
// 校验寄件企业等级
|
||
checkEnterprise(enterpriseName) {
|
||
if(!enterpriseName || this.form.sender.country !== '0086' ){
|
||
this.categorySender = null;
|
||
return true;
|
||
}
|
||
let params = {
|
||
pageNum: 1,
|
||
pageSize: 1,
|
||
bizType: 1,
|
||
params: {
|
||
customerName: enterpriseName
|
||
}
|
||
}
|
||
listCustomsLevel(params).then(response => {
|
||
if (response.rows.length > 0 && response.rows[0].category !== '1' ) {
|
||
const data = response.rows[0];
|
||
//判断当前时间是否在有效期内
|
||
let currentTime = new Date().getTime();
|
||
let validFrom = new Date(data.startDate).getTime();
|
||
let validTo = new Date(data.endDate).getTime();
|
||
if (currentTime <= validFrom || currentTime >= validTo) {
|
||
this.categorySender = null;
|
||
this.$refs.form.validateField('sender.enterpriseName');
|
||
return true;
|
||
}
|
||
this.categorySender = data.category;
|
||
const msgMap = {
|
||
'2': `该公司为特区货物报关比较麻烦，请注意跟进。`,
|
||
'3': `该公司报关资料不配合存在过异常，请及时跟进。`,
|
||
'4': `该公司报关有问题无法报关，禁止走货。`
|
||
};
|
||
const colorMap = {
|
||
'2': '#fccc0c',
|
||
'3': 'red',
|
||
'4': 'black'
|
||
};
|
||
const dynamicHtml=`
|
||
<div>
|
||
<div style="color:${colorMap[this.categorySender]};">
|
||
<li class="el-icon-warning" style="font-size: 22px;margin-right: 5px;"></li>
|
||
<span style="font-size: 16px;font-weight: bold;">${msgMap[this.categorySender]}</span>
|
||
</div>
|
||
<div style="margin-top: 10px;">
|
||
<p> <span style="color:green;">绿色</span> <span>:无弹窗</span></p>
|
||
<p> <span style="color:${colorMap['2']};">黄色</span> <span>:${msgMap['2']}</span></p>
|
||
<p> <span style="color:${colorMap['3']};">红色</span> <span>:${msgMap['3']}</span></p>
|
||
<p> <span style="color:${colorMap['4']};">黑色</span> <span>:${msgMap['4']}</span></p>
|
||
</div>
|
||
</div>
|
||
`;
|
||
this.$alert(dynamicHtml, '提示',{
|
||
dangerouslyUseHTMLString: true
|
||
}).then(() => {
|
||
this.$refs.form.validateField('sender.enterpriseName');
|
||
});
|
||
}else{
|
||
//清除之前的校验结果
|
||
this.categorySender = null;
|
||
this.$refs.form.validateField('sender.enterpriseName');
|
||
}
|
||
});
|
||
return true;
|
||
},
|
||
// 校验收件公司
|
||
checkRecieverCompany(company) {
|
||
const address = this.form.reciever.address;
|
||
if(!company && (!address || !this.recieverRegionName)){
|
||
this.categoryReciever = null;
|
||
return true;
|
||
}
|
||
let params = {
|
||
pageNum: 1,
|
||
pageSize: 1,
|
||
bizType: 2,
|
||
params: {
|
||
customerName: company
|
||
}
|
||
}
|
||
listCustomsLevel(params).then(response => {
|
||
if (response.rows.length > 0) {
|
||
const data = response.rows[0];
|
||
//判断当前时间是否在有效期内
|
||
let currentTime = new Date().getTime();
|
||
let validFrom = new Date(data.startDate).getTime();
|
||
let validTo = new Date(data.endDate).getTime();
|
||
if (currentTime <= validFrom || currentTime >= validTo) {
|
||
this.categoryReciever = null;
|
||
this.$refs.form.validateField('reciever.company');
|
||
return true;
|
||
}
|
||
this.categoryReciever = data.category;
|
||
let msg = '';
|
||
let color = '';
|
||
const msgMap = {
|
||
'2': `该公司为特区货物清关比较麻烦，请注意跟进。`,
|
||
'3': `该公司清关资料不配合存在过异常，请及时跟进。`,
|
||
'4': `该公司清关有问题无法清关，禁止走货。`
|
||
};
|
||
const colorMap = {
|
||
'2': '#fccc0c',
|
||
'3': 'red',
|
||
'4': 'black'
|
||
};
|
||
// 判断是否是特区
|
||
let SpecialZone =false;
|
||
if(address){
|
||
SpecialZone = address.includes('Special Economic Zone') || this.recieverRegionName.includes('特区') || this.recieverRegionName === '中柬金属材料产业园';
|
||
}
|
||
if ((this.categoryReciever === '2' || (SpecialZone && this.categoryReciever !=='4'))) {
|
||
msg = msgMap['2'];
|
||
color = colorMap['2'];
|
||
} else {
|
||
msg = msgMap[this.categoryReciever];
|
||
color = colorMap[this.categoryReciever];
|
||
}
|
||
const dynamicHtml=`
|
||
<div>
|
||
<div style="color:${color};">
|
||
<li class="el-icon-warning" style="font-size: 22px;margin-right: 5px;"></li>
|
||
<span style="font-size: 16px;font-weight: bold;">${msg}</span>
|
||
</div>
|
||
<div style="margin-top: 10px;">
|
||
<p> <span style="color:green;">绿色</span> <span>:无弹窗</span></p>
|
||
<p> <span style="color:${colorMap['2']};">黄色</span> <span>:${msgMap['2']}</span></p>
|
||
<p> <span style="color:${colorMap['3']};">红色</span> <span>:${msgMap['3']}</span></p>
|
||
<p> <span style="color:${colorMap['4']};">黑色</span> <span>:${msgMap['4']}</span></p>
|
||
</div>
|
||
</div>
|
||
`;
|
||
this.$alert(dynamicHtml, '提示',{
|
||
dangerouslyUseHTMLString: true
|
||
}).then(() => {
|
||
this.$refs.form.validateField('reciever.company');
|
||
});
|
||
}else{
|
||
//清除之前的校验结果
|
||
this.categoryReciever = null;
|
||
this.$refs.form.validateField('reciever.company');
|
||
}
|
||
});
|
||
return true;
|
||
},
|
||
// 暴露校验方法给父组件调用
|
||
validateForm(cb) {
|
||
this.$refs.form.validate((valid) => {
|
||
// 获取所有错误信息
|
||
const errors = this.getFormErrors()
|
||
cb(valid, errors) // 给父组件传递：校验结果 + 错误信息
|
||
})
|
||
},
|
||
getFormErrors() {
|
||
const form = this.$refs.form
|
||
if (!form) return []
|
||
// Element UI 的 fields 数组存储了所有字段的校验状态
|
||
return form.fields
|
||
.filter(field => field.validateMessage) // 筛选出有错误的字段
|
||
.map(field => ({
|
||
prop: field.prop, // 字段名（如 'name'、'age'）
|
||
message: field.validateMessage // 错误提示信息
|
||
}))
|
||
}
|
||
}
|
||
};
|
||
</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>
|