1515 lines
60 KiB
Vue
1515 lines
60 KiB
Vue
<template>
|
|
<div class="app-container" >
|
|
<el-form ref="form" size="mini" :model="form" :rules="rules" :disabled="this.form.lockFlag=='T'" label-width="90px">
|
|
|
|
<el-row v-if="this.billCode" :gutter="0" style="display: flex;flex-wrap: wrap; border-bottom: 1px dotted #e7e7e7;" >
|
|
<!-- 运单录入 -->
|
|
<el-col :span="6" >
|
|
<el-form-item :label="$t('运单号:')" prop="billCode" label-width="60px" >
|
|
<div style="display:inline-flex">
|
|
<div style="font-weight: 600;color: #b12e29;">
|
|
{{form.billCode}}
|
|
</div>
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item :label="$t('发货时间:')" prop="sendDate" label-width="80px">
|
|
{{form.sendDate}}
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item :label="$t('揽收网点:')" prop="sendSiteName" label-width="80px">
|
|
{{form.sendSiteName}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item :label="$t('订单状态:')" prop="orderStatus" label-width="80px">
|
|
<dict-tag :options="dict.type.emis_order_status" :value="form.orderStatus"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
|
|
</el-row>
|
|
<el-collapse v-model="activeNames">
|
|
<el-collapse-item title="" name="2">
|
|
<template slot="title">
|
|
<div class="form-group-title"><span class="title">{{ $t('收寄信息') }}</span></div>
|
|
</template>
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;border: 1px dotted #f5f7fa;border-radius: 5px;">
|
|
<el-col :span="12">
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;padding:15px; border-right: 1px dashed #e9e5e5;">
|
|
<el-col :span="24" style="display:inline-flex; margin-bottom: 10px;border-bottom: 1px dotted #e6ebf5">
|
|
<div class="form-group-title" style="width:50%">
|
|
<span style="border-radius: 15px;
|
|
padding: 5px 15px;
|
|
background: black;
|
|
font-size: 13px;
|
|
color: white;">{{ $t('发方信息') }}</span>
|
|
</div>
|
|
<div style="width:50%;text-align:right;padding-right: 15px;">
|
|
<!-- icon="el-icon-edit" -->
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;color: gray;font-size: 12px;"
|
|
class="iconfont icon-dizhibao"
|
|
@click="handleSelectCustomerAddress(1)"
|
|
>{{ $t('从地址薄选择') }}</el-button>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="18">
|
|
<el-form-item :label="$t('发货国')" prop="sender.country">
|
|
<country-picker1 v-model="form.sender.country" @onChange="handleCalcSendSite"></country-picker1>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item :label="$t('发货人')" prop="sender.name">
|
|
<CustomerAddressSimplePicker0 addressType="1" :countryCode="form.sender.country" 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"
|
|
:rules="form.paymentType != 2 ? rules.sender.company : []"
|
|
>
|
|
<el-input
|
|
v-model="form.sender.company" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item :label="$t('发货地区')" prop="sender.province" >
|
|
<div style="display:inline-flex">
|
|
<province-picker1 v-model="form.sender.province" :countryCode="form.sender.country" style="margin-left:5px" @onChange="handleCalcSendSite"></province-picker1>
|
|
<city-picker1 v-model="form.sender.city" :parentCode="form.sender.province" style="margin-left:5px" @onChange="handleCalcSendSite"></city-picker1>
|
|
<district-picker1 v-model="form.sender.county" :parentCode="form.sender.city" style="margin-left:5px" @onChange="handleCalcSendSite"></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="2" type="textarea" @change="handleCalcSendSite" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<!-- <el-col :span="24">
|
|
<el-form-item :label="$t('发件网点')" prop="sendSiteCode">
|
|
<el-input v-model="form.sendSiteName" placeholder="" disabled />
|
|
</el-form-item>
|
|
</el-col> -->
|
|
|
|
</el-row>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;padding:15px">
|
|
<el-col :span="24" style="display:inline-flex;margin-bottom: 10px;border-bottom: 1px dotted #e6ebf5">
|
|
<div class="form-group-title" style="width:50%">
|
|
<span style="border-radius: 15px;
|
|
padding: 5px 15px;
|
|
background: #b12e29;
|
|
font-size: 13px;
|
|
color: white;"> {{ $t('收方信息') }}</span>
|
|
</div>
|
|
<div style="width:50%;text-align:right;padding-right: 15px;">
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;color: gray;font-size: 12px;"
|
|
class="iconfont icon-dizhibao"
|
|
@click="handleSelectCustomerAddress(2)"
|
|
> {{ $t('从地址薄选择') }}</el-button>
|
|
</div>
|
|
</el-col>
|
|
|
|
<el-col :span="18">
|
|
<el-form-item :label="$t('目的国')" prop="sender.country">
|
|
<country-picker2 v-model="form.reciever.country" @onChange="handleCalcDestSite" ></country-picker2>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item :label="$t('收件人')" prop="reciever.name">
|
|
<CustomerAddressSimplePicker1 addressType="2" :useSiteCode="form.sendSiteCode" :countryCode="form.reciever.country" v-model="form.reciever.name" @onChange="onChangeSelectReceiver"></CustomerAddressSimplePicker1>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item :label="$t('收件电话')" prop="reciever.phone">
|
|
<el-input v-model="form.reciever.phone" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item :label="$t('收件公司')" prop="reciever.company"
|
|
:rules="form.paymentType != 4 ? rules.reciever.company : []"
|
|
>
|
|
<el-input v-model="form.reciever.company" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item :label="$t('收货地区')" prop="reciever.province">
|
|
<div style="display:inline-flex">
|
|
<ProvincePicker2 v-model="form.reciever.province" :countryCode="form.reciever.country" style="margin-left:5px" @onChange="handleCalcDestSite" ></ProvincePicker2>
|
|
<city-picker2 v-model="form.reciever.city" :parentCode="form.reciever.province" style="margin-left:5px" @onChange="handleCalcDestSite" ></city-picker2>
|
|
<district-picker2 v-model="form.reciever.county" :parentCode="form.reciever.city" style="margin-left:5px" @onChange="handleCalcDestSite" ></district-picker2>
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item :label="$t('收件地址')" prop="reciever.address">
|
|
<el-input v-model="form.reciever.address" type="textarea" rows="2" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<!-- <el-col :span="24">
|
|
<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-collapse-item>
|
|
|
|
<el-collapse-item title="" name="1">
|
|
<template slot="title">
|
|
<div style="display:inline-flex">
|
|
<div class="form-group-title"><span class="title">{{ $t('发货信息') }}</span></div>
|
|
</div>
|
|
</template>
|
|
<div>
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
|
<el-col :span="12">
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
|
<el-col :span="24">
|
|
<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-col :span="24" v-if="form.pickupMethod==2">
|
|
<el-form-item :label="$t('上门时间')" prop="pickTimeRange">
|
|
<TimePicker v-model="form.pickTimeRange" ></TimePicker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="选择线路" prop="transLine">
|
|
<TransLinePicker v-model="form.transLine" :fromCountry="form.sender.country" :countryCode="form.reciever.country" isInitiated="true" @onChange="preCalcFee"></TransLinePicker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24" v-if="form.pickupMethod==1">
|
|
<el-form-item :label="$t('选择仓库')" prop="intoWarehouseCode">
|
|
<WarehouseSimplePicker v-model="form.intoWarehouseCode" @onChange="onSelectWarehouse"></WarehouseSimplePicker>
|
|
<div v-if="form.intoWarehouseCode" style="font-size: 12px;background: rgb(250, 250, 250);border: 1px solid rgb(240, 240, 240);padding: 10px;">
|
|
仓库联系信息:
|
|
<div style="font-weight: 600;font-size: 13px;color: blue;">
|
|
{{form.intoWarehouseContact}} {{form.intoWarehousePhone}}
|
|
{{form.intoWarehouseAddress}}
|
|
</div>
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item :label="$t('报关方式')" prop="customsEclaration">
|
|
<el-select v-model="form.customsEclaration" placeholder="" @change="preCalcFee">
|
|
<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="12">
|
|
<el-form-item :label="$t('清关方式')" prop="customsClear">
|
|
<el-select v-model="form.customsClear" placeholder="" @change="preCalcFee">
|
|
<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="24">
|
|
<el-form-item :label="$t('派件方式')" prop="dispatchMethod">
|
|
<el-radio-group v-model="form.dispatchMethod">
|
|
<el-radio
|
|
v-for="dict in dict.type.emis_tab_dispatch_mode"
|
|
:key="dict.value"
|
|
:label="dict.value"
|
|
>
|
|
<span >{{ $t(dict.label) }}</span>
|
|
</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item :label="$t('合同号')" prop="custOrderId" >
|
|
<el-input v-model="form.custOrderId" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="给快递员捎话" prop="orderRemark" >
|
|
<CustomerPrivEmpSimplePicker :placeholder="$t('专属业务员')" v-model="form.operateEmployeeCode" postCode="OP" ></CustomerPrivEmpSimplePicker>
|
|
<div style="width:100%;margin-bottom:5px">
|
|
<span class="goods-tag" @click="onQuickRemark($event)">请带纸箱</span>
|
|
<span class="goods-tag" @click="onQuickRemark($event)">需要爬楼</span>
|
|
<span class="goods-tag" @click="onQuickRemark($event)">来前电话</span>
|
|
</div>
|
|
<el-input v-model="form.orderRemark" type="textarea" :placeholder="$t('输入其他需求')" maxlength="150" show-word-limit />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
|
<el-col :span="24">
|
|
<el-form-item :label="$t('托寄货物')" prop="goodsInfo" >
|
|
<div style="display: flex;flex-wrap: wrap;">
|
|
<div style="width:50%;">
|
|
<span class="goods-tag" @click="selectGoods($event)">布料</span>
|
|
<span class="goods-tag" @click="selectGoods($event)">茶叶</span>
|
|
<span class="goods-tag" @click="selectGoods($event)">文件</span>
|
|
</div>
|
|
<div style="width:50%;text-align:right;padding-right: 15px;">
|
|
<!-- <el-popover
|
|
trigger="click"
|
|
ref="popoverFeeRef"
|
|
placement="top"
|
|
:width="400"
|
|
effect="light"
|
|
:show-arrow="false"
|
|
>
|
|
|
|
<el-button
|
|
slot="reference"
|
|
size="mini"
|
|
type="text"
|
|
style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;color: gray;font-size: 12px;"
|
|
> {{ $t('从商品库选择') }}</el-button>
|
|
</el-popover> -->
|
|
<GoodsTablePicker v-model="form.goodsType" @onChange="onGoodsChange" placeholder=""></GoodsTablePicker>
|
|
|
|
</div>
|
|
</div>
|
|
<el-input v-model="form.goodsInfo" type="textarea" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item :label="$t('总件数')" prop="parcelQty" >
|
|
<el-input v-model="form.parcelQty" style="text-align: right;" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item :label="$t('总重量')" prop="billWeight" >
|
|
<el-input v-model="form.billWeight" style="text-align: right;min-width: 80px" placeholder="" @blur="preCalcFee" >
|
|
<span slot="suffix">(kg)</span>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item :label="$t('总体积')" prop="totalVolume" >
|
|
<div style="">
|
|
<el-input v-model="form.totalVolume" style="text-align: right;width: 120px" placeholder="体积" @blur="preCalcFee">
|
|
<span slot="suffix">(m³)</span>
|
|
</el-input>
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
<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-col>
|
|
<el-col :span="24" v-if="form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5">
|
|
<el-form-item :label="$t('月结客户')" prop="custNo" :rules="(form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5)?rules.custNo:[]" >
|
|
<EmisMonthpayAccountPicker v-model="form.custNo" @onChange="onSelectMonthUser"></EmisMonthpayAccountPicker>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
<div>
|
|
<!-- <div>产品类型</div> -->
|
|
<el-form-item :label="$t('产品选择')" prop="productType" >
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
|
<el-col v-if="productFeeList&&productFeeList.length>0" :span="24" >
|
|
<div class="product-fee-select" style="display: flex;flex-wrap: wrap;">
|
|
<div v-for="(item,index) in productFeeList" :key="index" class="item" :class="form.productType == item.productType ? 'select' : ''" @click="onSelectProduct(item)">
|
|
<div class="shift">
|
|
{{item.productTypeName}}
|
|
</div>
|
|
<div class="">
|
|
{{ item.agingDesc }} <span style="font-size: 14px;font-weight:bold;color:red">￥{{ item.estFee }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col v-else :span="12">
|
|
<TransProductPicker placeholder="产品类型" v-model="form.productType" :transLineCode="form.transLine"></TransProductPicker>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</el-form-item>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item :label="$t('运费预估')" prop="freight" >
|
|
<span style="font-size:15px;color:red;font-weight:500">￥{{form.freight}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
|
|
|
|
|
|
</el-collapse-item>
|
|
<!-- v-if="needDeclare==1" -->
|
|
<el-collapse-item title="" name="3" >
|
|
<template slot="title">
|
|
<div class="form-group-title"><span class="title">{{ $t('货物申报信息') }}</span>
|
|
</div>
|
|
</template>
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
|
<el-col :span="24">
|
|
<div style="display:inline-flex">
|
|
<!-- <div>申报货物列表</div> -->
|
|
<div>
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;font-size: 12px;"
|
|
class="iconfont icon-add"
|
|
@click="handleAddGoods"
|
|
>{{ $t('添加申报货物') }}
|
|
</el-button>
|
|
<!-- <GoodsTablePicker style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;font-size: 12px;" v-model="form.goodsType" @onChange="onGoodsChange" placeholder=""></GoodsTablePicker> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div >
|
|
<el-table
|
|
class="cargoList"
|
|
:cell-style="{
|
|
'padding': '0px!important',
|
|
'padding-left': '0px!important',
|
|
'padding-right': '0px!important',
|
|
'font-size':'13px'
|
|
}"
|
|
:header-cell-style="{
|
|
'font-size':'13x'
|
|
}"
|
|
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="goodsName" label="品名" align="center" width="120" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<GoodsInput v-model="scope.row.goodsName" size="mini" placeholder=""></GoodsInput>
|
|
<!-- <el-input v-model="scope.row.goodsName" size="mini" placeholder=""></el-input> -->
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="goodsName" label="品牌" align="center" width="60" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.brand" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="goodsModel" label="规格型号" align="center" width="80" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.goodsModel" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="hscode" label="海关编码" align="center" width="80" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.hscode" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<!-- <el-table-column prop="material" label="材质" align="center" width="60" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.material" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column> -->
|
|
<!-- <el-table-column prop="purpose" label="用途" align="center" width="60" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.purpose" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="ingredients" label="成分" align="center" width="60" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.ingredients" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column> -->
|
|
<el-table-column prop="supplier" label="供应商" align="center" width="60" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.supplier" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="netWeight" label="净重" align="center" width="60" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.netWeight" size="mini" placeholder=""></el-input>
|
|
</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" 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" 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" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="price" label="单价" align="center" width="60" :show-overflow-tooltip="true">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.price" size="mini" placeholder=""></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 prop="cargoQty" :label="$t('件数')" align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.cargoQty" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column :label="$t('操作')" align="left" min-width="50">
|
|
<template slot-scope="scope">
|
|
<span class="icon iconfont"
|
|
style="cursor: pointer;font-size: 21px;color: #6e6e6e;"
|
|
@click="()=>deleteGoodsItem(scope.row,scope.$index)"></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>
|
|
</div>
|
|
</el-col>
|
|
<!-- <el-col :span="18">
|
|
<div>申报文件</div>
|
|
<div>
|
|
<FileUpload :showTip="true" :fileSize="10" v-model="form.filePath" :isNeedUpload="true" :fileType="['pdf','xlsx','xls','jpg','bmp','png']" :limit="10"></FileUpload>
|
|
</div>
|
|
</el-col> -->
|
|
</el-row>
|
|
</el-collapse-item>
|
|
|
|
<el-collapse-item title="" name="4" >
|
|
<template slot="title">
|
|
<div class="form-group-title"><span class="title">{{ $t('单证文件') }}</span>
|
|
</div>
|
|
</template>
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
|
<el-col :span="18">
|
|
<div>
|
|
<FileUpload :showTip="true" :fileSize="10" v-model="form.filePath" :isNeedUpload="true" :fileType="['pdf','xlsx','xls','jpg','bmp','png']" :limit="10"></FileUpload>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-collapse-item>
|
|
|
|
</el-collapse>
|
|
|
|
<!--
|
|
<el-col :span="24">
|
|
<el-form-item :label="$t('订单备注')" prop="remark" label-width="70px">
|
|
<el-input v-model="form.remark" type="textarea" placeholder="" maxlength="150" oninput="value=value.replace(/[\r|\n]/g,'')"
|
|
show-word-limit />
|
|
</el-form-item>
|
|
</el-col> -->
|
|
|
|
<div style="text-align: center;margin-top: 10px;margin-bottom: 100px;">
|
|
<div >
|
|
<el-checkbox style="font-size:400;margin-right:10px;color:black" v-model="form.blAgree" :true-label="'1'" :false-label="'0'"><span style="font-size:12px"> {{ $t('我已同意接受') }} </span> <span style="font-size:12px">《快递运单契约条款》</span></el-checkbox>
|
|
</div>
|
|
<div style="font-size:12px; margin-bottom: 30px;">
|
|
运费预估:￥<span style="font-size:15px;color:red;font-weight:500">{{form.freight}}</span>
|
|
<div>温馨提示：具体费用以快递小哥核实为准哦</div>
|
|
</div>
|
|
<el-button type="primary" @click="submitForm">{{$t('立即下单')}}</el-button>
|
|
<!-- <el-button @click="initData">{{$t('重置')}}</el-button> -->
|
|
</div>
|
|
|
|
|
|
</el-form>
|
|
|
|
<el-dialog :title="titleSelectAddress" :visible.sync="openSelectAddress" width="60%" :destroy-on-close="true" v-dialogDrag append-to-body>
|
|
<AddressSelectPicker0 :addressType="addressType" :useSiteCode="form.sendSiteCode" @onSelected="onAddressChangeSelect"></AddressSelectPicker0>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { realMatchWaybill } from "@/api/oms/emisCommon";
|
|
import { preCalcWaybillFee,getWaybillDetail,realSubmitOrder,calcWaybillFee,calcSetteldWeight,calcVolumeWeight} from "@/api/oms/emisWaybill";
|
|
import { parseTime } from "@/utils/custom";
|
|
import { debounce } from 'throttle-debounce'
|
|
import { getDestSite,getSendSite } from "@/api/oms/emisDestination";
|
|
|
|
import DestinationPicker from '@/views/oms/EmisBaseTools/DestinationPicker.vue';
|
|
|
|
import EmisUserSimplePicker0 from '@/views/oms/EmisBaseTools/EmisUserSimplePicker.vue';
|
|
import EmisUserSimplePicker1 from '@/views/oms/EmisBaseTools/EmisUserSimplePicker.vue';
|
|
import EmisUserSimplePicker2 from '@/views/oms/EmisBaseTools/EmisUserSimplePicker.vue';
|
|
import EmisUserSimplePicker3 from '@/views/oms/EmisBaseTools/EmisUserSimplePicker.vue';
|
|
import EmisSiteSimplePicker from '@/views/oms/EmisBaseTools/EmisSiteSimplePicker.vue';
|
|
|
|
import TransLinePicker from '@/views/oms/EmisBaseTools/TransLinePicker.vue';
|
|
import TransProductPicker from '@/views/oms/EmisBaseTools/TransProductPicker.vue';
|
|
|
|
import CountryPicker0 from '@/views/oms/EmisBaseTools/CountryPicker.vue';
|
|
import CountryPicker1 from '@/views/oms/EmisBaseTools/CountryPicker.vue';
|
|
|
|
import ProvincePicker1 from '@/views/oms/EmisBaseTools/ProvincePicker.vue';
|
|
import CityPicker1 from '@/views/oms/EmisBaseTools/CityPicker.vue';
|
|
import DistrictPicker1 from '@/views/oms/EmisBaseTools/DistrictPicker.vue';
|
|
|
|
import CountryPicker2 from '@/views/oms/EmisBaseTools/CountryPicker.vue';
|
|
import ProvincePicker2 from '@/views/oms/EmisBaseTools/ProvincePicker.vue';
|
|
import CityPicker2 from '@/views/oms/EmisBaseTools/CityPicker.vue';
|
|
import DistrictPicker2 from '@/views/oms/EmisBaseTools/DistrictPicker.vue';
|
|
|
|
import GoodsSimplePicker from '@/views/oms/EmisBaseTools/GoodsSimplePicker.vue';
|
|
import GoodsMultiplePicker from '@/views/oms/EmisBaseTools/GoodsMultiplePicker.vue';
|
|
import GoodsTablePicker from '@/views/oms/EmisBaseTools/GoodsTablePicker.vue';
|
|
|
|
|
|
|
|
import CustomerAddressSimplePicker0 from '@/views/oms/EmisBaseTools/CustomerAddressSimplePicker.vue';
|
|
import CustomerAddressSimplePicker1 from '@/views/oms/EmisBaseTools/CustomerAddressSimplePicker.vue';
|
|
import AddressSelectPicker0 from '@/views/oms/EmisBaseTools/AddressSelectPicker.vue';
|
|
import AddressSelectPicker1 from '@/views/oms/EmisBaseTools/AddressSelectPicker.vue';
|
|
import EmisMonthpayAccountPicker from '@/views/oms/EmisBaseTools/EmisMonthpayAccountPicker.vue';
|
|
import WarehouseInNoPicker from '@/views/oms/EmisBaseTools/WarehouseInNoPicker.vue';
|
|
|
|
|
|
import CustomerPrivEmpSimplePicker from '@/views/oms/EmisBaseTools/CustomerPrivEmpSimplePicker.vue';
|
|
|
|
import WarehouseSimplePicker from '@/views/oms/EmisBaseTools/WarehouseSimplePicker.vue';
|
|
|
|
import PayeePicker from '@/views/oms/EmisBaseTools/PayeePicker.vue';
|
|
import SalemanPicker from '@/views/oms/EmisBaseTools/SalemanPicker.vue';
|
|
|
|
import TimePicker from '@/components/DatePickerAdv/TimePicker';
|
|
|
|
import CardWithHeader from '@/components/CardWithHeader/index.vue';
|
|
|
|
import GoodsInput from '@/views/oms/EmisBaseTools/GoodsInput.vue';
|
|
|
|
import TransProductCasPicker from '@/views/oms/EmisBaseTools/TransProductCasPicker.vue';
|
|
|
|
// import TransProductCasPicker from '@/views/oms/EmisBaseTools/TransProductCasPicker.vue';
|
|
|
|
import { doScan } from "@/api/oms/emisTmsScanRecord";
|
|
import { deepClone } from '@/utils/index'
|
|
|
|
export default {
|
|
name: "OrderRecord",
|
|
// name: "WaybillModify",
|
|
components: {
|
|
TimePicker,
|
|
SalemanPicker,
|
|
PayeePicker,
|
|
TransProductCasPicker,
|
|
WarehouseInNoPicker,
|
|
EmisMonthpayAccountPicker,
|
|
AddressSelectPicker0,
|
|
AddressSelectPicker1,
|
|
CustomerAddressSimplePicker0,
|
|
CustomerAddressSimplePicker1,
|
|
GoodsSimplePicker,
|
|
GoodsMultiplePicker,
|
|
EmisUserSimplePicker0,
|
|
EmisUserSimplePicker1,
|
|
EmisUserSimplePicker2,
|
|
EmisUserSimplePicker3,
|
|
EmisSiteSimplePicker,
|
|
DestinationPicker,
|
|
TransLinePicker,
|
|
TransProductPicker,
|
|
CountryPicker0,
|
|
CountryPicker1,
|
|
ProvincePicker1,
|
|
CityPicker1,
|
|
DistrictPicker1,
|
|
CountryPicker2,
|
|
ProvincePicker2,
|
|
CityPicker2,
|
|
DistrictPicker2,
|
|
CardWithHeader,
|
|
GoodsTablePicker,
|
|
GoodsInput,
|
|
CustomerPrivEmpSimplePicker,
|
|
WarehouseSimplePicker
|
|
},
|
|
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 {
|
|
activeNames:['1','2','3','4'],
|
|
billCode:null,
|
|
emisWaybillOptions: [],
|
|
addressType:null,
|
|
// 遮罩层
|
|
loading: true,
|
|
isNeedSave:false,
|
|
triggerCount:0,
|
|
action:null,
|
|
sendDate:null,
|
|
// 表单参数
|
|
form: {},
|
|
timer:null,
|
|
isNeedCalc:false,
|
|
titleSelectAddress:'',
|
|
openSelectAddress:false,
|
|
printerStatus:0,
|
|
|
|
currentSelectProduct:null,
|
|
needDeclare:false,
|
|
productFeeList:[],
|
|
// 表单校验
|
|
rules: {
|
|
// billCode: [
|
|
// { required: true, message: "运单号不能为空", trigger: ["blur",'change'] }
|
|
// ],
|
|
destinationCountry: [
|
|
{ required: true, message: "目的国不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
reciever:{
|
|
name: [
|
|
{ required: true, message: "收货人名不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
phone: [
|
|
{ required: true, message: "收货人手机号不能为空", trigger: "blur" }
|
|
],
|
|
country: [
|
|
{ required: true, message: "收货人国家不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
province: [
|
|
{ required: true, message: "收货省不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
company: [
|
|
{ required: true, message: "收货公司不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
// city: [
|
|
// { required: true, message: "市不能为空", trigger: "blur" }
|
|
// ],
|
|
// county: [
|
|
// { required: true, message: "区不能为空", trigger: "blur" }
|
|
// ],
|
|
address: [
|
|
{ required: true, message: "收货地址不能为空", trigger: "blur" }
|
|
],
|
|
},
|
|
sender:{
|
|
name: [
|
|
{ required: true, message: "寄件人名不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
phone: [
|
|
{ required: true, message: "寄件人手机号不能为空", trigger: "blur" }
|
|
],
|
|
country: [
|
|
{ required: true, message: "寄件人国家不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
province: [
|
|
{ required: true, message: "寄件省不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
company: [
|
|
{ required: true, message: "寄件公司不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
|
|
// city: [
|
|
// { required: true, message: "寄件市不能为空", trigger: "blur" }
|
|
// ],
|
|
// county: [
|
|
// { required: true, message: "寄件区不能为空", trigger: "blur" }
|
|
// ],
|
|
address: [
|
|
{ required: true, message: "寄件地址不能为空", trigger: "blur" }
|
|
],
|
|
},
|
|
paymentType: [
|
|
{ required: true, message: "支付方式不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
calcFeeType: [
|
|
{ required: true, message: "计费方式不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
transLine: [
|
|
{ required: true, message: "快递线路不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
productType: [
|
|
{ required: true, message: "快递产品类型不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
customsClear: [
|
|
{ required: true, message: "清关方式不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
customsEclaration: [
|
|
{ required: true, message: "报关方式不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
packType: [
|
|
{ required: true, message: "包装类型不能为空",trigger: ["blur",'change'] }
|
|
],
|
|
dispatchMethod: [
|
|
{ required: true, message: "派件方式不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
pickupMethod: [
|
|
{ required: true, message: "取件方式为空", trigger: ["blur",'change'] }
|
|
],
|
|
goodsInfo: [
|
|
{ required: true, message: "货物名称不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
// totalVolume: [
|
|
// { required: true, message: "总体积不能为空", trigger: "blur" }
|
|
// ],
|
|
parcelQty: [
|
|
{ required: true, message: "件数不能为空", trigger: "blur" }
|
|
],
|
|
billWeight: [
|
|
{ required: true, message: "实际重量不能为空", trigger: "blur" }
|
|
],
|
|
// volumeWeight: [
|
|
// { required: true, message: "体积重量不能为空", trigger: "blur" }
|
|
// ],
|
|
// settlementWeight: [
|
|
// { required: true, message: "结算重量不能为空", trigger: "blur" }
|
|
// ],
|
|
freight: [
|
|
{ required: true, message: "运费不能为空", trigger: "blur" }
|
|
],
|
|
// sendSiteCode: [
|
|
// { required: true, message: "发件网点代码不能为空", trigger: ["blur",'change'] }
|
|
// ],
|
|
// sendDate: [
|
|
// { required: true, message: "发货时间不能为空", trigger: "blur" }
|
|
// ],
|
|
dispatchUnderlingSiteCode: [
|
|
{ required: true, message: "目的地网点代码不能为空", trigger: "blur" }
|
|
],
|
|
custNo: [
|
|
{ required: true, message: "月结卡号不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
payee: [
|
|
{ required: true, message: "销售回款人不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
salesmen: [
|
|
{ required: true, message: "销售联系人不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
takePieceEmployeeCode: [
|
|
{ required: true, message: "取件员代码不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
operateEmployeeCode: [
|
|
{ required: true, message: "操作员代码不能为空", trigger: ["blur",'change'] }
|
|
],
|
|
}
|
|
};
|
|
},
|
|
computed: {
|
|
},
|
|
watch: {
|
|
},
|
|
|
|
created() {
|
|
this.action=this.$route.query.action;
|
|
this.billCode=this.$route.query.billCode;
|
|
this.initData();
|
|
},
|
|
mounted() {
|
|
|
|
},
|
|
methods: {
|
|
initData() {
|
|
this.reset();
|
|
this.form.productTypeSelArr=null;
|
|
this.form.sendDate =parseTime(new Date());
|
|
|
|
if(this.billCode && this.billCode!=undefined) {
|
|
this.loading = true;
|
|
getWaybillDetail(this.billCode).then(response => {
|
|
this.form = response.data;
|
|
this.form.productTypeSelArr=[this.form.transLine,this.form.productType];
|
|
this.loading = false;
|
|
|
|
this.isNeedSave=true;
|
|
this.form.printTypeCheckList=[0,1,5]
|
|
this.form.destinationCountry=this.form.reciever.country;
|
|
|
|
if(this.form.packType){
|
|
this.form.packType=this.form.packType.split(",");
|
|
}
|
|
|
|
if(this.action=='copyOrder'){
|
|
this.billCode=null;
|
|
this.form.billCode=null;
|
|
}
|
|
|
|
// if(this.form.lockFlag=="T"){
|
|
// this.$confirm(this.form.lockReason, '提示', {
|
|
// confirmButtonText: '确认',
|
|
// cancelButtonText: '返回',
|
|
// type: 'warning'
|
|
// }).then(() => {
|
|
|
|
// }).catch(() => {
|
|
|
|
// })
|
|
// }
|
|
|
|
});
|
|
}else{
|
|
this.form.customsEclaration='1';
|
|
this.form.customsClear='1';
|
|
this.form.pickupMethod='2';
|
|
this.form.dispatchMethod='1';
|
|
this.form.parcelQty=1;
|
|
this.form.packType=['2'];
|
|
this.form.blGenSubbill='1';
|
|
this.form.paymentType='1';
|
|
this.form.calcFeeType='1';
|
|
this.form.blMessage='1'
|
|
this.form.blAcceptMessage='1'
|
|
this.isNeedSave=true;
|
|
this.productFeeList=[];
|
|
}
|
|
|
|
|
|
},
|
|
onSelectWarehouse(item){
|
|
this.form.intoWarehouseCode=item.code;
|
|
this.form.intoWarehouseName=item.name;
|
|
this.form.intoWarehouseAddress=item.address;
|
|
this.form.intoWarehouseContact=item.contact;
|
|
this.form.intoWarehousePhone=item.tel;
|
|
},
|
|
selectGoods(e){
|
|
this.form.goodsInfo = e.target.innerText;
|
|
},
|
|
onQuickRemark(e){
|
|
this.form.orderRemark = e.target.innerText;
|
|
},
|
|
onSelectProduct(item){
|
|
this.form.productType=item.productType;
|
|
this.form.freight=item.estFee;
|
|
|
|
},
|
|
onComplete(){
|
|
let msgInfo="下单成功,运单号是["+this.billCode+"]请等待快递小哥上门取件~";
|
|
if(this.form.pickMethod==1){
|
|
msgInfo="下单成功,运单号是["+this.billCode+"]请~";
|
|
}
|
|
|
|
this.$confirm(msgInfo, "提示", {
|
|
confirmButtonText: "再下一单",
|
|
type: "success",
|
|
distinguishCancelAndClose: true,
|
|
closeOnClickModal: false,
|
|
showCancelButton: false,
|
|
showClose: false
|
|
}).then(() => {
|
|
this.billCode=null;
|
|
this.form.billCode=null;
|
|
this.initData();
|
|
});
|
|
},
|
|
onPaymentTypeChange(){
|
|
// 非月结清空月结客户选择
|
|
if(this.form.paymentType == '1' ||
|
|
this.form.paymentType == '3' ||
|
|
this.form.paymentType == '6'
|
|
){
|
|
this.form.custNo=null;
|
|
this.form.customerCode=null;
|
|
}
|
|
|
|
},
|
|
onSelectMonthUser(item){
|
|
if(item!=null){
|
|
this.form.payee=item.payee;
|
|
this.form.salesmen=item.salesmen;
|
|
this.form.paymentType= '2';
|
|
}else{
|
|
this.form.paymentType= '1';
|
|
this.form.payee=null;
|
|
this.form.salesmen=null;
|
|
this.onPaymentTypeChange();
|
|
}
|
|
this.preCalcFee();
|
|
},
|
|
openCollapse(index){
|
|
|
|
},
|
|
|
|
// 取消按钮
|
|
cancel() {
|
|
this.reset();
|
|
this.$emit("on-cancel");
|
|
},
|
|
|
|
// 表单重置
|
|
reset() {
|
|
this.form = {
|
|
id:null,
|
|
reciever: {
|
|
country: null,
|
|
name: null,
|
|
phone:null,
|
|
province: null,
|
|
city: null,
|
|
district: null,
|
|
town: null,
|
|
address: null,
|
|
postCode: null,
|
|
email: null,
|
|
company: null,
|
|
},
|
|
sender: {
|
|
country: null,
|
|
name: null,
|
|
phone:null,
|
|
province: null,
|
|
city: null,
|
|
district: null,
|
|
town: null,
|
|
address: null,
|
|
postCode: null,
|
|
email: null,
|
|
company: null,
|
|
},
|
|
feeItems: [],
|
|
cargoList: [],
|
|
attachmentList: [],
|
|
printTypeCheckList:[],
|
|
billCode: null,
|
|
orderDate: null,
|
|
openId: null,
|
|
customerCode: null,
|
|
paymentType: null,
|
|
calcFeeType: '1',
|
|
custNo: null,
|
|
productTypeSelArr: null,
|
|
transLine: null,
|
|
productType: null,
|
|
customsClear: null,
|
|
customsEclaration: null,
|
|
packType: null,
|
|
dispatchMethod: "1",
|
|
pickupMethod: null,
|
|
pickTimeRange:null,
|
|
pickStartDate: null,
|
|
pickFinishDate: null,
|
|
intoWarehouseCode: null,
|
|
intoWarehouseName: null,
|
|
intoWarehouseAddress: null,
|
|
intoWarehouseContact: null,
|
|
intoWarehousePhone: null,
|
|
intoWarehouseBillCode: null,
|
|
customerDeliveryBeginTime: null,
|
|
warehouseInNo:null,
|
|
goodsType:null,
|
|
goodsInfo: null,
|
|
length:null,
|
|
width:null,
|
|
height:null,
|
|
totalWeight: null,
|
|
totalVolume: null,
|
|
parcelQty: null,
|
|
billWeight: null,
|
|
volumeWeight: null,
|
|
settlementWeight: null,
|
|
feeWeight: null,
|
|
freight: null,
|
|
blOverLong: null,
|
|
blOverWeight: null,
|
|
overWeightNumber: null,
|
|
feeRemark: null,
|
|
realValue: null,
|
|
takePieceEmployeeCode: null,
|
|
sendSiteCode: null,
|
|
sendSiteName: null,
|
|
destinationCountry: null,
|
|
destinationCode: null,
|
|
dispatchUnderlingSiteCode: null,
|
|
dispatchUnderlingSiteName:null,
|
|
destinationCenterCode: null,
|
|
marketManCode: null,
|
|
payee: null,
|
|
salesmen: null,
|
|
operateEmployeeCode: null,
|
|
blMessage: null,
|
|
blAcceptMessage: null,
|
|
meterType:null,
|
|
blGenSubbill:null,
|
|
billCodeSub:null,
|
|
blSpecialQuote:null,
|
|
blSensitive:null,
|
|
lockFlag:null,
|
|
lockReason:null,
|
|
blSelfBillCode:null,
|
|
extInfo:null,
|
|
orderRemark:null,
|
|
filePath:null,
|
|
};
|
|
this.resetForm("form");
|
|
},
|
|
/** 提交按钮 */
|
|
submitForm() {
|
|
|
|
this.$refs["form"].validate((valid,obj) => {
|
|
if (valid) {
|
|
|
|
this.realSaveOrderInfo();
|
|
}
|
|
else {
|
|
var fail = [];
|
|
for (let key in obj) {
|
|
fail.push(obj[key][0].message);
|
|
}
|
|
this.$notify({
|
|
title: '校验失败',
|
|
message: '<span style="color:red;font-weight:600">'+fail[0]+'</span>',
|
|
type: 'error',
|
|
dangerouslyUseHTMLString: true,
|
|
showClose: false,
|
|
duration: 2000,
|
|
// position: 'bottom-right',
|
|
offset: 100
|
|
});
|
|
return false;
|
|
}
|
|
});
|
|
},
|
|
|
|
realSaveOrderInfo(){
|
|
|
|
this.form.attachmentList=[];
|
|
let item={
|
|
fileName: "货物申报材料",
|
|
fileUrl: this.form.filePath,
|
|
fileDesc: ""
|
|
};
|
|
this.form.attachmentList.push(item);
|
|
|
|
// 不影响原表单提交,clone 一份数据
|
|
let postForm=deepClone(this.form)
|
|
// 调整包装类型为多选
|
|
if(this.form.packType&&this.form.packType.length>0){
|
|
postForm.packType=this.form.packType.join(",");
|
|
}
|
|
|
|
realSubmitOrder(postForm).then(res => {
|
|
console.log("===>realSubmitOrder==>",res)
|
|
this.billCode=res.data.billCode;
|
|
|
|
this.$modal.msgSuccess("下单成功");
|
|
this.onComplete();
|
|
});
|
|
},
|
|
// 弹出地址簿选择
|
|
handleSelectCustomerAddress(addressType){
|
|
this.addressType = addressType;
|
|
this.titleSelectAddress = this.addressType==1? this.$t('选择发货人'):this.$t('选择收货人');
|
|
this.openSelectAddress = true;
|
|
},
|
|
// 地址薄选择后返回
|
|
onAddressChangeSelect(item){
|
|
if(this.addressType == 1){
|
|
this.onChangeSelectSender(item);
|
|
}else{
|
|
this.onChangeSelectReceiver(item);
|
|
}
|
|
this.openSelectAddress = false;
|
|
|
|
},
|
|
onChangeSelectSender(value){
|
|
this.form.sender.name=value.name;
|
|
this.form.sender.phone=value.phone;
|
|
this.form.sender.country=value.country;
|
|
this.form.sender.province=value.province;
|
|
this.form.sender.city=value.city;
|
|
this.form.sender.county=value.county;
|
|
// this.form.receiveTown=value.town;
|
|
this.form.sender.address=value.address;
|
|
this.form.sender.company=value.company;
|
|
|
|
this.handleCalcSendSite();
|
|
},
|
|
onChangeSelectReceiver(value){
|
|
this.form.reciever.name=value.name;
|
|
this.form.reciever.phone=value.phone;
|
|
this.form.reciever.country=value.country;
|
|
this.form.reciever.province=value.province;
|
|
this.form.reciever.city=value.city;
|
|
this.form.reciever.county=value.county;
|
|
// this.form.receiveTown=value.town;
|
|
this.form.reciever.address=value.address;
|
|
this.form.reciever.company=value.company;
|
|
|
|
this.handleCalcDestSite();
|
|
|
|
},
|
|
onGoodsChange(goodsList,selNameStr){
|
|
this.form.goodsInfo = selNameStr;
|
|
},
|
|
|
|
handleAddGoods(){
|
|
if(!this.form.cargoList){
|
|
this.form.cargoList=[];
|
|
}
|
|
|
|
let cargo={
|
|
"goodsCode": "",
|
|
"goodsName": "填写货物名称",
|
|
"cargoQty": 1,
|
|
"length": 0,
|
|
"width": 0,
|
|
"height": 0,
|
|
"volume": 0,
|
|
}
|
|
this.form.cargoList.push(cargo);
|
|
},
|
|
|
|
|
|
handleCalcVolumeDebounce(row){
|
|
// 控制触发频率
|
|
debounce(250, this.handleCalcVolume(row))
|
|
},
|
|
handleCalcVolume(row){
|
|
// 初始化不计算
|
|
if(row!=null){
|
|
let singleVolume=parseFloat(row.length)*parseFloat(row.width)*parseFloat(row.height);
|
|
let singleTotalVolume=singleVolume*parseFloat(row.cargoQty);
|
|
row.volume=parseFloat( (singleTotalVolume/1000000).toFixed(5) );
|
|
}
|
|
|
|
let totalVolume=0.0;
|
|
this.form.cargoList.forEach(item=>{
|
|
totalVolume=totalVolume+item.volume;
|
|
});
|
|
|
|
this.form.totalVolume = parseFloat(totalVolume.toFixed(5));
|
|
|
|
},
|
|
|
|
|
|
handleCargoQtyChangeDebounce(row){
|
|
// 控制触发频率
|
|
debounce(250, this.handleCargoQtyChange(row))
|
|
},
|
|
handleCargoQtyChange(row){
|
|
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();
|
|
},
|
|
|
|
// 计算发出网点
|
|
handleCalcSendSite(){
|
|
this.calcSendSite();
|
|
},
|
|
calcSendSite(){
|
|
let queryParams = {
|
|
province:this.form.sender.province
|
|
};
|
|
if(this.form.sender.province){
|
|
getSendSite(queryParams).then(response => {
|
|
this.form.sendSiteCode= response.data.siteCode;
|
|
this.form.sendSiteName= response.data.siteName;
|
|
this.preCalcFee();
|
|
});
|
|
}
|
|
},
|
|
// 计算目的站点
|
|
handleCalcDestSite(){
|
|
this.calcDestSite();
|
|
},
|
|
calcDestSite(){
|
|
let queryParams = {
|
|
province:this.form.reciever.province
|
|
};
|
|
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.preCalcFee();
|
|
});
|
|
}
|
|
},
|
|
// onDestinationChange(item){
|
|
// this.form.dispatchUnderlingSiteCode= item.siteCode;
|
|
// this.form.dispatchUnderlingSite= item.siteName;
|
|
// },
|
|
preCalcFee(){
|
|
if(this.form.billWeight
|
|
&& this.form.transLine
|
|
&& this.form.sendSiteCode
|
|
&& this.form.dispatchUnderlingSiteCode
|
|
&& this.form.customsClear
|
|
&& this.form.customsEclaration
|
|
){
|
|
|
|
let postData={
|
|
transLine: this.form.transLine,
|
|
calcFeeType:this.form.calcFeeType,
|
|
sendSiteCode: this.form.sendSiteCode,
|
|
dispatchUnderlingSiteCode: this.form.dispatchUnderlingSiteCode,
|
|
billWeight: this.form.billWeight,
|
|
totalVolume: this.form.totalVolume,
|
|
custNo: this.form.custNo,
|
|
customsClear:this.form.customsClear,
|
|
customsEclaration:this.form.customsEclaration
|
|
}
|
|
|
|
// 通过服务器其计算，保留自定义费用
|
|
preCalcWaybillFee(postData).then(response => {
|
|
console.log(response);
|
|
|
|
this.productFeeList = response.data;
|
|
if(!this.productFeeList || this.productFeeList.length==0){
|
|
this.$message.error(`无报价`);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
}
|
|
};
|
|
</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: 14px!important;
|
|
}
|
|
|
|
|
|
.platform-auto-complete {
|
|
.el-autocomplete-suggestion__wrap {
|
|
padding: 5px 0;
|
|
ul li {
|
|
pointer-events: none; // 阻止可点击事件
|
|
.default {
|
|
text-align: center;
|
|
color: #999;
|
|
}
|
|
&:hover {
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.el-collapse {
|
|
border-top: none!important;
|
|
border-bottom: none!important;
|
|
}
|
|
|
|
.el-table .el-table__cell:first-child .cell {
|
|
padding: 0px;
|
|
}
|
|
|
|
.el-table .cell {
|
|
padding: 0px;
|
|
}
|
|
|
|
.cargoList{
|
|
.el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
border: none;
|
|
background: #ffffcd;
|
|
font-size: 10px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
// .el-input-number--mini {
|
|
// width: 100%;
|
|
// line-height: 26px;
|
|
// }
|
|
|
|
.el-input-number {
|
|
width: 100%!important;
|
|
}
|
|
|
|
.el-input-number.is-without-controls .el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
border: none;
|
|
background: #ffffcd;
|
|
font-size: 10px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.el-collapse-item__content {
|
|
padding-bottom: 0px;
|
|
}
|
|
.el-collapse-item__header{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-collapse-item__arrow {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
|
|
.goods-tag{
|
|
font-size: 12px;
|
|
/* border: 1px solid #e3dddd; */
|
|
padding: 5px 15px;
|
|
border-radius: 20px;
|
|
background: #ededed;
|
|
color: #383839;
|
|
font-weight: 500;
|
|
margin-right: 8px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.product-fee-select {
|
|
.item {
|
|
border: 1px #e6ebf5 solid;
|
|
padding: 1vh 1vw;
|
|
border-radius: 5px;
|
|
margin: 1vh 1vw;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.shift {
|
|
font-weight: 600;
|
|
margin-bottom: 0px;
|
|
width: 100px;
|
|
}
|
|
|
|
.select {
|
|
position: relative;
|
|
text-align: left;
|
|
color: #b12e29;
|
|
background-color: #fff;
|
|
-webkit-box-shadow: 0px 2px 7px 0px rgba(85, 110, 97, 0.35);
|
|
box-shadow: 0px 2px 7px 0px rgba(85, 110, 97, 0.35);
|
|
border-radius: 5px;
|
|
border: 1px solid #b12e29;
|
|
}
|
|
|
|
.select:before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
border: 10px solid #b12e29;
|
|
border-top-color: transparent;
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
.select:after {
|
|
content: '';
|
|
width: 4px;
|
|
height: 6px;
|
|
position: absolute;
|
|
right: 4px;
|
|
bottom: 3px;
|
|
border: 2px solid #fff;
|
|
border-top-color: transparent;
|
|
border-left-color: transparent;
|
|
transform: rotate(45deg);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
</style>
|