1149 lines
44 KiB
Vue
1149 lines
44 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<el-form ref="form" size="mini" :model="form" :rules="rules" label-width="80px">
|
|
<el-row :gutter="0" >
|
|
<el-col :span="24">
|
|
<div class="form-group-title">{{ $t('发货信息') }}</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
<el-form-item label="运单号" prop="billCode" >
|
|
<div style="display:inline-flex">
|
|
<!-- @keyup.enter.native="initData" -->
|
|
<div><el-input v-model="form.billCode" placeholder="运单号" style="font-weight:600;color:black" /></div>
|
|
<div style="padding-left:5px"> <el-checkbox style="font-size:400;margin-right:10px;font-size:10px" @change="checked=>handleBillCodeChange(checked)"><span style="font-size:10px">电子主单</span></el-checkbox></div>
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="5">
|
|
<el-form-item label="目的国" prop="reciever.country">
|
|
<CountryPicker0 v-model="form.reciever.country"></CountryPicker0>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="线路" prop="transLine">
|
|
<TransLinePicker v-model="form.transLine" :countryCode="form.reciever.country" @onChange="onTransLineChange"></TransLinePicker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="产品类型" prop="productType">
|
|
<trans-product-picker v-model="form.productType" :transLineCode="form.transLine"></trans-product-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item :label="$t('发货时间')" prop="sendDate">
|
|
<el-input v-model="form.sendDate" placeholder="" readonly="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="报关方式" prop="customsEclaration">
|
|
<el-select v-model="form.customsEclaration" placeholder="请选择">
|
|
<el-option
|
|
v-for="dict in dict.type.emis_declare_mode"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="清关方式" prop="customsClear">
|
|
<el-select v-model="form.customsClear" placeholder="请选择">
|
|
<el-option
|
|
v-for="dict in dict.type.emis_customs_clear"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item label="取件类型" prop="pickupMethod">
|
|
<el-select v-model="form.pickupMethod" placeholder="请选择">
|
|
<el-option
|
|
v-for="dict in dict.type.emis_qujian_fangshi"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item :label="$t('取件员')" prop="takePieceEmployeeCode">
|
|
<EmisUserSimplePicker0 :placeholder="$t('取件员')" v-model="form.takePieceEmployeeCode" postCode="RSD" ></EmisUserSimplePicker0>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item :label="$t('操作员')" prop="operateEmployeeCode">
|
|
<EmisUserSimplePicker1 :placeholder="$t('操作员')" v-model="form.operateEmployeeCode" postCode="OP" ></EmisUserSimplePicker1>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="回款联系人" prop="payee" label-width="100px">
|
|
<el-input v-model="form.payee" placeholder="回款联系人" disabled />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="销售联系人" prop="salesmen" label-width="100px">
|
|
<el-input v-model="form.salesmen" placeholder="销售联系人" disabled />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="派件方式" 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 style="font-size:10px" >{{dict.label}}</span>
|
|
</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<!-- <el-col :span="12">
|
|
<div style="display:flex;padding-left: 30px;">
|
|
|
|
<el-checkbox-group v-model="form.printTypeCheckList">
|
|
<el-checkbox
|
|
v-for="dict in dict.type.emis_print_type"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
>
|
|
<span style="font-size:10px" >{{dict.label}}</span>
|
|
</el-checkbox>
|
|
</el-checkbox-group>
|
|
</div>
|
|
</el-col> -->
|
|
|
|
<!-- <el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}">
|
|
<el-form-item label="寄件客户" prop="customerCode">
|
|
<customer-picker0 v-model="form.customerCode"></customer-picker0>
|
|
</el-form-item>
|
|
</el-col> -->
|
|
</el-row>
|
|
|
|
<el-row :gutter="0" style="border: 1px dotted #f5f7fa;border-radius: 5px;margin-top:10px">
|
|
|
|
<el-col :span="12">
|
|
<el-row :gutter="0" style="background: #fdfdfd;padding: 10px;border-radius:10px">
|
|
<el-col :span="24" style="display:inline-flex">
|
|
<div class="form-group-title" style="width:50%">寄件人</div>
|
|
<div style="width:50%;text-align:right;padding-right: 15px;">
|
|
<!-- icon="el-icon-edit" -->
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;"
|
|
class="iconfont icon-dizhibao"
|
|
@click="handleSelectCustomerAddress(1)"
|
|
>寄件地址薄</el-button>
|
|
</div>
|
|
</el-col>
|
|
|
|
<div class="form-row-group-panel">
|
|
<el-col :span="12">
|
|
<el-form-item label="寄件人" prop="sender.name">
|
|
<CustomerAddressSimplePicker0 addressType="1" v-model="form.sender.name" @onChange="onChangeSelectSender"></CustomerAddressSimplePicker0>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="寄件电话" prop="sender.phone">
|
|
<el-input v-model="form.sender.phone" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<!-- <el-col :span="12">
|
|
<el-form-item label="国家" prop="sender.country">
|
|
<country-picker1 v-model="form.sender.country"></country-picker1>
|
|
</el-form-item>
|
|
</el-col> -->
|
|
<el-col :span="24">
|
|
<el-form-item label="国家地区" 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="寄件地址" prop="sender.address">
|
|
<el-input v-model="form.sender.address" rows="3" type="textarea" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="寄件公司" prop="sender.company">
|
|
<el-input v-model="form.sender.company" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="寄件网点" prop="sendSiteName">
|
|
<el-input v-model="form.sendSiteName" placeholder="寄件网点" disabled />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="" prop="blMessage">
|
|
<el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blMessage" :true-label="'1'" :false-label="'0'"><span style="font-size:10px">寄件/签收短信</span></el-checkbox>
|
|
</el-form-item>
|
|
</el-col>
|
|
</div>
|
|
|
|
</el-row>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-row :gutter="0" style="padding: 8px;">
|
|
<el-col :span="24" style="display:inline-flex">
|
|
<div class="form-group-title" style="width:50%">收件人</div>
|
|
<div style="width:50%;text-align:right;padding-right: 15px;">
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;"
|
|
class="iconfont icon-dizhibao"
|
|
@click="handleSelectCustomerAddress(2)"
|
|
>收件地址薄</el-button>
|
|
</div>
|
|
</el-col>
|
|
|
|
<div class="form-row-group-panel">
|
|
|
|
<!-- <el-col :span="12">
|
|
<el-form-item label="收件客户" prop="customerCode">
|
|
<customer-picker1 v-model="form.receiveCustomerCode"></customer-picker1>
|
|
</el-form-item>
|
|
</el-col> -->
|
|
<!-- <el-col :span="12">
|
|
<el-form-item label="选择收件人" prop="customerCode">
|
|
</el-form-item>
|
|
</el-col> -->
|
|
<!-- <el-col :span="12">
|
|
<el-form-item label="客户名称" prop="customerName">
|
|
<el-input v-model="form.customerName" placeholder="请输入客户名称" />
|
|
</el-form-item>
|
|
</el-col> -->
|
|
<el-col :span="12">
|
|
<el-form-item label="收件人" prop="reciever.name">
|
|
<CustomerAddressSimplePicker1 addressType="2" v-model="form.reciever.name" @onChange="onChangeSelectReceiver"></CustomerAddressSimplePicker1>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="收件电话" prop="reciever.phone">
|
|
<el-input v-model="form.reciever.phone" placeholder="请输入收件人手机号" />
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<!-- <el-col :span="12">
|
|
<el-form-item label="国家" prop="reciever.country">
|
|
<country-picker2 v-model="form.reciever.country"></country-picker2>
|
|
</el-form-item>
|
|
</el-col> -->
|
|
<el-col :span="24">
|
|
<el-form-item label="国家地区" 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"></ProvincePicker2>
|
|
<city-picker2 v-model="form.reciever.city" :parentCode="form.reciever.province" style="margin-left:5px"></city-picker2>
|
|
<district-picker2 v-model="form.reciever.county" :parentCode="form.reciever.city" style="margin-left:5px"></district-picker2>
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="收件地址" prop="reciever.address">
|
|
<el-input v-model="form.reciever.address" type="textarea" rows="3" placeholder="详细地址" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="收件公司" prop="reciever.company">
|
|
<el-input v-model="form.reciever.company" placeholder="请输入收件公司" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="目的地" 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="派件网点" prop="dispatchSite">
|
|
<el-input v-model="form.dispatchSite" placeholder="请输入派件网点" disabled />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="" prop="blAcceptMessage">
|
|
<el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blAcceptMessage" :true-label="'1'" :false-label="'0'"><span style="font-size:10px">派件短信</span></el-checkbox>
|
|
</el-form-item>
|
|
</el-col>
|
|
<!-- <el-col :span="12">
|
|
<el-form-item label="邮编" prop="receivePostcode">
|
|
<el-input v-model="form.receivePostcode" placeholder="请输入邮编" />
|
|
</el-form-item>
|
|
</el-col> -->
|
|
</div>
|
|
</el-row>
|
|
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="0" style="border-radius: 5px;margin-top:10px">
|
|
<el-col :span="12">
|
|
<el-col :span="24">
|
|
<div class="form-group-title">货物信息</div>
|
|
</el-col>
|
|
|
|
<div class="form-row-group-panel">
|
|
<el-col :span="24">
|
|
<el-form-item label="货物描述" prop="goodsType">
|
|
<GoodsPicker v-model="form.goodsType" @onChange="onGoodsChange"></GoodsPicker>
|
|
<el-input v-model="form.goodsInfo" type="textarea" placeholder="货物描述" disabled />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="包装类型" prop="packType">
|
|
<el-select v-model="form.packType" placeholder="请选择">
|
|
<el-option
|
|
v-for="dict in dict.type.emis_tab_packing_type"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
:value="dict.value"
|
|
></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="件数" prop="parcelQty">
|
|
<el-input v-model="form.parcelQty" style="text-align: right;" placeholder="请输入件数" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="实际重量" prop="billWeight">
|
|
<el-input v-model="form.billWeight" @blur="calcWeight()" style="text-align: right;min-width: 80px" placeholder="请输入实际重量" >
|
|
<span slot="suffix">(kg)</span>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="16">
|
|
<el-form-item label="体积" prop="totalVolume" label-width="60px" >
|
|
<div style="display:inline-flex">
|
|
<el-input v-model="form.length" style="width:80px" placeholder="长" >
|
|
<span slot="suffix">(cm)</span>
|
|
</el-input>
|
|
<el-input v-model="form.width" style="margin-left:5px;width:80px" placeholder="宽" >
|
|
<span slot="suffix">(cm)</span>
|
|
</el-input>
|
|
<el-input v-model="form.height" style="margin-left:5px;width:80px" placeholder="高" >
|
|
<span slot="suffix">(cm)</span>
|
|
</el-input>
|
|
</div>
|
|
<div style="">
|
|
<el-input v-model="form.totalVolume" @blur="calcWeight()" style="text-align: right;width: 120px" placeholder="体积" >
|
|
<span slot="suffix">(m³)</span>
|
|
</el-input>
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="体积重量" prop="volumeWeight">
|
|
<el-input v-model="form.volumeWeight" placeholder="" disabled>
|
|
<span slot="suffix">(kg)</span>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="结算重量" prop="settlementWeight">
|
|
<el-input v-model="form.settlementWeight" placeholder="" disabled >
|
|
<span slot="suffix">(kg)</span>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="" prop="blOverWeight">
|
|
<el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blOverWeight" :true-label="'1'" :false-label="'0'" ><span style="font-size:10px">是否超重</span></el-checkbox>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="超重件数" prop="overWeightNumber">
|
|
<el-input :disabled="!form.blOverWeight" v-model="form.overWeightNumber" placeholder="超重件数" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="是否生成子单" prop="blGenSubbill" label-width="120px">
|
|
<el-radio-group v-model="form.blGenSubbille">
|
|
<el-radio label="1">是</el-radio>
|
|
<el-radio label="0">否</el-radio>
|
|
</el-radio-group>
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="子单号" prop="billCodeSub">
|
|
<el-input v-model="form.billCodeSub" type="textarea" placeholder="" disabled />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="合同号" prop="custOrderId">
|
|
<el-input v-model="form.custOrderId" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="进仓单" prop="warehouseInNo">
|
|
<WarehouseInNoPicker v-model="form.warehouseInNo"></WarehouseInNoPicker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="运单备注" prop="remark">
|
|
<el-input v-model="form.remark" type="textarea" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-col :span="24">
|
|
<div class="form-group-title">收费信息</div>
|
|
</el-col>
|
|
|
|
<div class="form-row-group-panel">
|
|
|
|
<el-col :span="24">
|
|
<el-divider content-position="left"><span style="font-size: 12px;color: gray;">收费项明细</span></el-divider>
|
|
<el-row>
|
|
<el-col :span="24" v-for="item in this.form.feeItems" :key="item.code" >
|
|
<el-form-item v-if="item.feeCode=='1001'" :label="item.feeName" prop="fee" >
|
|
<div style="display:inline-flex">
|
|
<div style="width:50%">
|
|
<el-input v-model="item.fee" placeholder="" disabled>
|
|
<span slot="append">CNY</span>
|
|
</el-input>
|
|
</div>
|
|
<div style="font-size: 12px;color: gray;width:50%">
|
|
(计算说明:{{item.calcExp}},续重单价:{{item.addWeightPrice}})
|
|
</div>
|
|
</div>
|
|
</el-form-item>
|
|
<el-form-item v-else :label="item.feeName" prop="fee" >
|
|
<el-input v-model="item.fee" placeholder="" disabled>
|
|
<span slot="append">CNY</span>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-col>
|
|
|
|
<!-- <el-select size="mini" v-model="item.fee.currency" slot="append" placeholder="请选择">
|
|
<el-option label="CNY" value="CNY"></el-option>
|
|
<el-option label="USD" value="USD"></el-option>
|
|
</el-select> -->
|
|
|
|
<el-col :span="24">
|
|
<el-divider content-position="left"><span style="font-size: 12px;color: gray;">付款方式</span></el-divider>
|
|
<el-row>
|
|
<el-col :span="10">
|
|
<el-form-item label="付款方式" 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-col>
|
|
<el-col :span="14" v-show="form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5">
|
|
<el-form-item label="月结账号" prop="thirdCustomerCode" label-width="80px">
|
|
<EmisMonthpayAccountPicker v-model="form.custNo"></EmisMonthpayAccountPicker>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
<el-form-item label="计费方式" prop="calcFeeType" >
|
|
<!-- <el-input v-model="form.calcFeeType" placeholder="请输入计费方式" /> -->
|
|
<el-radio-group v-model="form.calcFeeType" >
|
|
<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-col :span="24">
|
|
<el-divider content-position="left">收费明细</el-divider>
|
|
<el-form-item label="总运费" prop="freight">
|
|
<el-input v-model="form.freight" placeholder="" >
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item label="费用备注" prop="feeRemaker">
|
|
<el-input v-model="form.feeRemaker" type="textarea" placeholder="" >
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
</el-col>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</el-form>
|
|
<!-- </el-row> -->
|
|
<div style="text-align: center;margin-bottom: 10px;">
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
<el-button @click="initData">重置</el-button>
|
|
</div>
|
|
|
|
<el-dialog :title="titleSelectAddress" :visible.sync="openSelectAddress" width="60%" :destroy-on-close="true" v-dialogDrag append-to-body>
|
|
<AddressSelectPicker0 :addressType="addressType" @onSelected="onAddressChangeSelect"></AddressSelectPicker0>
|
|
</el-dialog>
|
|
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { realMatchWaybill } from "@/api/emis/emisElectronicPag";
|
|
import { listEmisWaybill, getEmisWaybill, delEmisWaybill,getWaybillDetail,realSubmitOrder,calcWaybillFee,calcSetteldWeight} from "@/api/emis/emisWaybill";
|
|
import { parseTime } from "@/utils/custom";
|
|
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 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 TownPicker1 from '@/views/emis/EmisBaseTools/TownPicker.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 TownPicker2 from '@/views/emis/EmisBaseTools/TownPicker.vue';
|
|
|
|
// import CustomerPicker0 from '@/views/emis/EmisBaseTools/CustomerPicker.vue';
|
|
// import CustomerPicker1 from '@/views/emis/EmisBaseTools/CustomerPicker.vue';
|
|
// import CustomerPicker2 from '@/views/emis/EmisBaseTools/CustomerPicker.vue';
|
|
|
|
import GoodsPicker from '@/views/emis/EmisBaseTools/GoodsPicker.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';
|
|
|
|
export default {
|
|
name: "WaybillEntry",
|
|
// props:{
|
|
// billCode:{
|
|
// type:String
|
|
// }
|
|
// },
|
|
components: {
|
|
WarehouseInNoPicker,
|
|
EmisMonthpayAccountPicker,
|
|
AddressSelectPicker0,
|
|
AddressSelectPicker1,
|
|
CustomerAddressSimplePicker0,
|
|
CustomerAddressSimplePicker1,
|
|
GoodsPicker,
|
|
EmisUserSimplePicker0,
|
|
EmisUserSimplePicker1,
|
|
// CustomerPicker0,
|
|
// CustomerPicker1,
|
|
// CustomerPicker2,
|
|
DestinationPicker,
|
|
TransLinePicker,
|
|
TransProductPicker,
|
|
// AreaPicker0,
|
|
CountryPicker0,
|
|
CountryPicker1,
|
|
ProvincePicker1,
|
|
CityPicker1,
|
|
DistrictPicker1,
|
|
// TownPicker1,
|
|
CountryPicker2,
|
|
ProvincePicker2,
|
|
CityPicker2,
|
|
DistrictPicker2,
|
|
// TownPicker2,
|
|
},
|
|
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'],
|
|
data() {
|
|
return {
|
|
billCode:null,
|
|
emisWaybillOptions: [],
|
|
addressType:null,
|
|
// 遮罩层
|
|
loading: true,
|
|
|
|
// 表单参数
|
|
form: {},
|
|
timer:null,
|
|
isNeedCalc:false,
|
|
titleSelectAddress:'',
|
|
openSelectAddress:false,
|
|
// 表单校验
|
|
rules: {
|
|
billCode: [
|
|
{ required: true, message: "运单号不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
reciever:{
|
|
name: [
|
|
{ required: true, message: "收货人名不能为空", trigger: "blur" }
|
|
],
|
|
phone: [
|
|
{ required: true, message: "收货人手机号不能为空", trigger: "blur" }
|
|
],
|
|
country: [
|
|
{ required: true, message: "收货人国家不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
province: [
|
|
{ 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" }
|
|
],
|
|
phone: [
|
|
{ required: true, message: "寄件人手机号不能为空", trigger: "blur" }
|
|
],
|
|
country: [
|
|
{ required: true, message: "寄件人国家不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
province: [
|
|
{ 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" }
|
|
],
|
|
// payee: [
|
|
// { required: true, message: "销售回款人不能为空", trigger: "blur" }
|
|
// ],
|
|
// salesmen: [
|
|
// { required: true, message: "销售联系人不能为空", trigger: "blur" }
|
|
// ],
|
|
takePieceEmployeeCode: [
|
|
{ required: true, message: "取件员代码不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
operateEmployeeCode: [
|
|
{ required: true, message: "操作员代码不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
}
|
|
};
|
|
},
|
|
watch: {
|
|
"billCode": {
|
|
handler (newValue, oldValue) {
|
|
// this.id = newValue;
|
|
// this.initData();
|
|
},
|
|
deep: true
|
|
},
|
|
"form.transLine":{
|
|
handler (newValue, oldValue) {
|
|
this.calcDestSite();
|
|
},
|
|
deep: true
|
|
},
|
|
"form.reciever.province":{
|
|
handler (newValue, oldValue) {
|
|
console.log("==>"+newValue)
|
|
this.calcDestSite();
|
|
},
|
|
deep: true
|
|
},
|
|
"form.length":{
|
|
handler (newValue, oldValue) {
|
|
this.calcVolume();
|
|
},
|
|
deep: true
|
|
},
|
|
"form.width":{
|
|
handler (newValue, oldValue) {
|
|
this.calcVolume();
|
|
},
|
|
deep: true
|
|
},
|
|
"form.height":{
|
|
handler (newValue, oldValue) {
|
|
this.calcVolume();
|
|
},
|
|
deep: true
|
|
},
|
|
"form.totalVolume":{
|
|
handler (newValue, oldValue) {
|
|
if(newValue!= oldValue){
|
|
this.calcWeight();
|
|
}
|
|
|
|
},
|
|
deep: true
|
|
},
|
|
"form.billWeight":{
|
|
handler (newValue, oldValue) {
|
|
if(newValue!= oldValue){
|
|
this.calcWeight();
|
|
|
|
}
|
|
},
|
|
deep: true
|
|
},
|
|
"form.calcFeeType":{
|
|
handler (newValue, oldValue) {
|
|
this.calcBillFee();
|
|
},
|
|
deep: true
|
|
},
|
|
"form.settlementWeight":{
|
|
handler (newValue, oldValue) {
|
|
this.calcBillFee();
|
|
},
|
|
deep: true
|
|
},
|
|
|
|
},
|
|
mouted(){
|
|
|
|
},
|
|
created() {
|
|
this.billCode=this.$route.query.billCode;
|
|
this.initData();
|
|
},
|
|
methods: {
|
|
initData() {
|
|
this.reset();
|
|
// this.timer=setInterval(this.showLocalTime, 1000);
|
|
|
|
this.form.sendDate = parseTime(new Date());
|
|
this.form.sendSiteCode=this.$store.getters.ownerSiteCode;
|
|
this.form.sendSiteName=this.$store.getters.ownerSiteName;
|
|
|
|
// console.log(this.form.sendSiteCode);
|
|
|
|
if(this.billCode !=null) {
|
|
this.loading = true;
|
|
getWaybillDetail(this.billCode).then(response => {
|
|
this.form = response.data;
|
|
this.loading = false;
|
|
});
|
|
}
|
|
|
|
},
|
|
beforeDestroy() {
|
|
clearInterval(this.timer);
|
|
},
|
|
// 取消按钮
|
|
cancel() {
|
|
this.reset();
|
|
this.$emit("on-cancel");
|
|
},
|
|
// 表单重置
|
|
reset() {
|
|
this.form = {
|
|
id:null,
|
|
reciever: {
|
|
country: null,
|
|
name: null,
|
|
phone:null,
|
|
province: null,
|
|
city: null,
|
|
district: null,
|
|
town: null,
|
|
address: null,
|
|
postCode: null,
|
|
email: null,
|
|
company: null,
|
|
},
|
|
sender: {
|
|
country: null,
|
|
name: null,
|
|
phone:null,
|
|
province: null,
|
|
city: null,
|
|
district: null,
|
|
town: null,
|
|
address: null,
|
|
postCode: null,
|
|
email: null,
|
|
company: null,
|
|
},
|
|
feeItems: [],
|
|
cargoList: [],
|
|
attachmentList: [],
|
|
printTypeCheckList:[],
|
|
billCode: null,
|
|
orderDate: null,
|
|
openId: null,
|
|
customerCode: null,
|
|
paymentType: null,
|
|
calcFeeType: '1',
|
|
custNo: null,
|
|
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,
|
|
feeRemaker: null,
|
|
realValue: null,
|
|
takePieceEmployeeCode: null,
|
|
sendSiteCode: null,
|
|
sendSiteName: null,
|
|
destinationCode: null,
|
|
dispatchUnderlingSiteCode: null,
|
|
destinationCenterCode: null,
|
|
marketManCode: null,
|
|
payee: null,
|
|
salesmen: null,
|
|
operateEmployeeCode: null,
|
|
blMessage: null,
|
|
blAcceptMessage: null,
|
|
meterType:null
|
|
};
|
|
this.resetForm("form");
|
|
},
|
|
onTransLineChange(item){
|
|
this.form.meterType = item.meterRate;
|
|
},
|
|
/** 提交按钮 */
|
|
submitForm() {
|
|
this.$refs["form"].validate(valid => {
|
|
if (valid) {
|
|
console.log(this.form);
|
|
realSubmitOrder(this.form).then(response => {
|
|
this.$modal.msgSuccess("下单成功");
|
|
this.$emit("on-changed");
|
|
});
|
|
}
|
|
});
|
|
},
|
|
// 弹出地址簿选择
|
|
handleSelectCustomerAddress(addressType){
|
|
this.addressType = addressType;
|
|
this.titleSelectAddress = this.addressType==1? this.$t('选择寄件人'):this.$t('选择收件人');
|
|
this.openSelectAddress = true;
|
|
},
|
|
// 地址薄选择后返回
|
|
onAddressChangeSelect(item){
|
|
if(this.addressType == 1){
|
|
this.onChangeSelectSender(item);
|
|
}else{
|
|
this.onChangeSelectReceiver(item);
|
|
}
|
|
this.openSelectAddress = false;
|
|
|
|
},
|
|
onChangeSelectSender(value){
|
|
this.form.sender.name=value.name;
|
|
this.form.sender.phone=value.phone;
|
|
this.form.sender.country=value.country;
|
|
this.form.sender.province=value.province;
|
|
this.form.sender.city=value.city;
|
|
this.form.sender.county=value.district;
|
|
// 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.district;
|
|
// this.form.receiveTown=value.town;
|
|
this.form.reciever.address=value.address;
|
|
this.form.reciever.company=value.company;
|
|
|
|
},
|
|
// 计算目的站点
|
|
calcDestSite(){
|
|
let queryParams = {
|
|
lineCode:this.form.transLine,
|
|
province:this.form.reciever.province
|
|
};
|
|
|
|
if(this.form.transLine && this.form.reciever.province){
|
|
getDestSite(queryParams).then(response => {
|
|
console.log(response);
|
|
this.form.destinationCode = response.data.destCode+'';
|
|
this.form.dispatchUnderlingSiteCode= response.data.siteCode;
|
|
this.form.dispatchSiteCode= response.data.siteCode;
|
|
|
|
this.form.dispatchUnderlingSite= response.data.siteName;
|
|
this.form.dispatchSite= response.data.siteName;
|
|
|
|
});
|
|
}
|
|
},
|
|
calcVolume(){
|
|
// 计算体积
|
|
if(this.form.length && this.form.width && this.form.height){
|
|
let totalVolume=parseFloat(this.form.length)*parseFloat(this.form.width)*parseFloat(this.form.height);
|
|
this.form.totalVolume = totalVolume/1000000;
|
|
}
|
|
},
|
|
calcWeight(){
|
|
|
|
if(this.form.billWeight
|
|
&& this.form.totalVolume
|
|
&& this.form.productType
|
|
){
|
|
let postData={
|
|
productType: this.form.productType,
|
|
totalVolume: this.form.totalVolume,
|
|
billWeight: this.form.billWeight,
|
|
}
|
|
// console.log(postData);
|
|
calcSetteldWeight(postData).then(response => {
|
|
console.log(response);
|
|
this.form.volumeWeight = response.data.volumeWeight;
|
|
this.form.settlementWeight = response.data.settlementWeight;
|
|
this.form.feeWeight = this.form.settlementWeight ;
|
|
});
|
|
}
|
|
|
|
},
|
|
calcBillFee(){
|
|
console.log("hello=>"+this.form.settlementWeight);
|
|
console.log("hello=>"+this.form.totalVolume);
|
|
console.log("hello=>"+this.form.productType);
|
|
console.log("hello=>"+this.form.sendSiteCode);
|
|
console.log("hello=>"+this.form.dispatchUnderlingSiteCode);
|
|
console.log("hello=>"+this.form.calcFeeType);
|
|
|
|
if(this.form.settlementWeight
|
|
&& this.form.totalVolume
|
|
&& this.form.productType
|
|
&& this.form.sendSiteCode
|
|
&& this.form.dispatchUnderlingSiteCode
|
|
&& this.form.calcFeeType
|
|
){
|
|
let postData={
|
|
productType: this.form.productType,
|
|
customerCode: this.form.customerCode,
|
|
custNo: this.form.custNo,
|
|
calcFeeType: this.form.calcFeeType,
|
|
settlementWeight: this.form.settlementWeight,
|
|
totalVolume: this.form.totalVolume,
|
|
sendSiteCode: this.form.sendSiteCode,
|
|
dispatchUnderlingSiteCode: this.form.dispatchUnderlingSiteCode,
|
|
}
|
|
|
|
console.log(postData);
|
|
calcWaybillFee(postData).then(response => {
|
|
console.log(response);
|
|
this.form.freight = response.data.totalFee;
|
|
this.form.feeItems = response.data.feeList ;
|
|
|
|
});
|
|
}
|
|
},
|
|
onDestinationChange(item){
|
|
// this.form.destinationCode = item.destCode;
|
|
this.form.dispatchUnderlingSiteCode= item.siteCode;
|
|
this.form.dispatchSiteCode= item.siteCode;
|
|
|
|
this.form.dispatchUnderlingSite= item.siteName;
|
|
this.form.dispatchSite= item.siteName;
|
|
},
|
|
onGoodsChange(goodsList,goodsInfo){
|
|
this.form.goodsInfo = goodsInfo;
|
|
this.form.cargoList = [];
|
|
if(goodsList!=null && goodsList.length>0) {
|
|
goodsList.forEach(item=>{
|
|
let cargo={
|
|
"goodsCode": item.goodsCode,
|
|
"goodsName": item.goodsName,
|
|
"cargoQty": 1,
|
|
}
|
|
this.form.cargoList.push(cargo)
|
|
});
|
|
}
|
|
},
|
|
showLocalTime(){
|
|
|
|
},
|
|
// 实时获取运单号
|
|
handleBillCodeChange(checked,item){
|
|
if(checked){
|
|
realMatchWaybill().then(response => {
|
|
this.form.billCode=response.data;
|
|
});
|
|
}else{
|
|
this.form.billCode=""
|
|
}
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
.el-form-item__label {
|
|
color: #000;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.el-row{
|
|
display:flex;
|
|
flex-wrap: wrap;
|
|
// padding-right: 10px;
|
|
}
|
|
|
|
.el-form-item__label {
|
|
font-size: 12px!important;
|
|
}
|
|
|
|
// .el-form-item{
|
|
// margin-bottom: 8px !important;
|
|
// }
|
|
|
|
.form-row-group-panel{
|
|
margin-right: 5px;
|
|
padding: 8px;
|
|
border-right: 1px solid #ededed;
|
|
}
|
|
|
|
|
|
.platform-auto-complete {
|
|
.el-autocomplete-suggestion__wrap {
|
|
padding: 5px 0;
|
|
ul li {
|
|
pointer-events: none; // 阻止可点击事件
|
|
.default {
|
|
text-align: center;
|
|
color: #999;
|
|
}
|
|
&:hover {
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|