865 lines
39 KiB
Vue
865 lines
39 KiB
Vue
<template>
|
|
<div class="app-container" >
|
|
<el-form ref="form" size="mini" :model="form" :rules="rules" label-width="100px">
|
|
<el-collapse v-model="activeNames">
|
|
<el-collapse-item title="" name="1">
|
|
<template slot="title">
|
|
<div class="form-group-title"><span class="title">{{ $t('发货信息') }}</span></div>
|
|
</template>
|
|
<div>
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
|
<el-col :span="6">
|
|
<el-form-item label="运单号:" prop="billCode" >
|
|
<div style="font-weight:600;color:black">
|
|
{{form.billCode}}
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="订单号:" prop="orderSn" >
|
|
<div style="font-weight:600;color:black">
|
|
{{form.orderSn}}
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="发货时间:" prop="sendDate" >
|
|
<div style="font-weight:600;color:black">
|
|
{{form.sendDate}}
|
|
</div>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="运单状态:" prop="waybillStatus" >
|
|
<dict-tag :options="dict.type.emis_waybill_status" :value="form.waybillStatus"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item label="目的国" prop="reciever.country">
|
|
<div style="font-weight:600;color:black">
|
|
{{form.reciever.countryName}}
|
|
</div>
|
|
<CountryPicker0 v-model="form.reciever.country"></CountryPicker0>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="产品类型" prop="productType">
|
|
<TransProductCasPicker v-model="form.productTypeSelArr" :countryCode="form.reciever.country" @onChange="onProductChange" ></TransProductCasPicker>
|
|
<!-- <trans-product-picker v-model="form.productType" :transLineCode="form.transLine"></trans-product-picker> -->
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="5">
|
|
<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="5">
|
|
<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" v-if="form.pickupMethod==2">
|
|
<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" v-if="form.pickupMethod==1">
|
|
<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="24">
|
|
<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"
|
|
>
|
|
<!-- style="font-size:10px" -->
|
|
<span >{{dict.label}}</span>
|
|
</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="寄件网点" prop="sendSiteName">
|
|
<el-input v-model="form.sendSiteName" placeholder="" disabled />
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="18">
|
|
<el-form-item label="打印选项:" prop="sendSiteName">
|
|
<el-checkbox-group v-model="printTypeCheckList">
|
|
<el-checkbox
|
|
v-for="dict in dict.type.emis_print_type"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
>
|
|
<span style="font-size:13px" >{{dict.label}}</span>
|
|
</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
<!-- <div style="display:flex;padding-left: 30px;">
|
|
<el-checkbox-group v-model="printTypeCheckList">
|
|
<el-checkbox
|
|
v-for="dict in dict.type.emis_print_type"
|
|
:key="dict.value"
|
|
:label="dict.label"
|
|
>
|
|
<span style="font-size:13px" >{{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>
|
|
|
|
</div>
|
|
</el-collapse-item>
|
|
<el-collapse-item title="" name="2">
|
|
<template slot="title">
|
|
<div class="form-group-title"><span class="title">{{ $t('收寄件信息') }}</span></div>
|
|
</template>
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;border: 1px dotted #f5f7fa;border-radius: 5px;">
|
|
<el-col :span="12">
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;background: #fdfdfd;padding:15px">
|
|
<el-col :span="24" style="display:inline-flex; margin-bottom: 10px;border-bottom: 1px dotted #e6ebf5">
|
|
<div class="form-group-title" style="width:50%">
|
|
<span style="border-radius: 15px;
|
|
padding: 5px 15px;
|
|
background: black;
|
|
font-size: 13px;
|
|
color: white;">寄件信息</span>
|
|
</div>
|
|
<div style="width:50%;text-align:right;padding-right: 15px;">
|
|
<!-- icon="el-icon-edit" -->
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;color: black;"
|
|
class="iconfont icon-dizhibao"
|
|
@click="handleSelectCustomerAddress(1)"
|
|
>寄件地址薄</el-button>
|
|
</div>
|
|
</el-col>
|
|
|
|
<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="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="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>
|
|
|
|
</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;">收件信息</span>
|
|
</div>
|
|
<div style="width:50%;text-align:right;padding-right: 15px;">
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
style="cursor:hand;font-weight:700;border:1px dotted #e2d8d8;padding: 2px 5px;"
|
|
class="iconfont icon-dizhibao"
|
|
@click="handleSelectCustomerAddress(2)"
|
|
>收件地址薄</el-button>
|
|
</div>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="收件人" prop="reciever.name">
|
|
<CustomerAddressSimplePicker1 addressType="2" :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="收件电话" prop="reciever.phone">
|
|
<el-input v-model="form.reciever.phone" placeholder="" />
|
|
</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> -->
|
|
</el-row>
|
|
</el-col>
|
|
</el-row>
|
|
</el-collapse-item>
|
|
<el-collapse-item title="" name="3">
|
|
<template slot="title">
|
|
<div class="form-group-title"><span class="title">{{ $t('重量收费信息') }}</span>
|
|
</div>
|
|
</template>
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
|
<el-col :span="12">
|
|
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;padding: 0px 15px;">
|
|
<el-col :span="24"><div style="font-weight:600">货物信息</div></el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="" prop="goodsType" label-width="0px">
|
|
<GoodsSimplePicker v-model="form.goodsType" @onChange="onGoodsChange" placeholder="选择货物信息"></GoodsSimplePicker>
|
|
<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 prop="goodsName" label="描述" align="center" min-width="100">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.goodsName" @input="(val)=>handleCalcQty(val,scope.row)" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="length" label="长(cm)" align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.length" @input="(val)=>handleCalcVolume(val,scope.row)" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="width" label="宽(cm)" align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.width" @input="(val)=>handleCalcVolume(val,scope.row)" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="height" label="高(cm)" align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.height" @input="(val)=>handleCalcVolume(val,scope.row)" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="volume" label="体积(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="件数" align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.cargoQty" @input="(val)=>handleCalcQty(val,scope.row)" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column label="操作" align="center" width="50">
|
|
<template slot-scope="scope">
|
|
<span class="icon iconfont"
|
|
style="cursor: pointer;font-size: 21px;color: #6e6e6e;"
|
|
@click="()=>deleteGoodsItem(scope.row)"></span>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
</el-table>
|
|
|
|
<el-input v-model="form.goodsInfo" type="textarea" placeholder="" disabled />
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="实际重量" prop="billWeight" label-width="70px">
|
|
<el-input v-model="form.billWeight" @blur="reCalcSettlementWeight" style="text-align: right;min-width: 80px" placeholder="请输入实际重量" >
|
|
<span slot="suffix">(kg)</span>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="总体积" prop="totalVolume" label-width="70px" >
|
|
<div style="">
|
|
<el-input v-model="form.totalVolume" 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="parcelQty" label-width="70px">
|
|
<el-input v-model="form.parcelQty" style="text-align: right;" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="体积重量" prop="volumeWeight" label-width="70px">
|
|
<el-input v-model="form.volumeWeight" placeholder="" disabled>
|
|
<span slot="suffix">(kg)</span>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="结算重量" prop="settlementWeight" label-width="70px">
|
|
<el-input v-model="form.settlementWeight" placeholder="" disabled >
|
|
<span slot="suffix">(kg)</span>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="包装类型" prop="packType" label-width="70px"">
|
|
<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="blOverWeight">
|
|
<el-checkbox style="font-size:400;margin-right:10px;font-size:10px" v-model="form.blOverWeight" :true-label="'1'" :false-label="'0'" ><span style="font-size:10px">是否超重</span></el-checkbox>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12" v-if="form.blOverWeight==1">
|
|
<el-form-item label="超重件数" prop="overWeightNumber" label-width="70px">
|
|
<el-input :disabled="!form.blOverWeight" v-model="form.overWeightNumber" placeholder="超重件数" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="生成子单" prop="blGenSubbill" label-width="70px" v-if="this.form.billCode && this.form.parcelQty>0">
|
|
<el-radio-group v-model="form.blGenSubbill" @change="handleGenSubbill">
|
|
<el-radio :key="1" :label="1">是</el-radio>
|
|
<el-radio :key="0" :label="0">否</el-radio>
|
|
</el-radio-group>
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24" v-if="form.blGenSubbill==1">
|
|
<el-form-item label="子单号" prop="billCodeSub" label-width="70px">
|
|
<el-input v-model="form.billCodeSub" rows="5" type="textarea" placeholder="" disabled />
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item label="进仓单" prop="warehouseInNo" label-width="70px">
|
|
<WarehouseInNoPicker v-model="form.warehouseInNo"></WarehouseInNoPicker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="合同号" prop="custOrderId" label-width="70px">
|
|
<el-input v-model="form.custOrderId" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="运单备注" prop="remark" label-width="70px">
|
|
<el-input v-model="form.remark" type="textarea" placeholder="" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</el-col>
|
|
<el-col :span="12" >
|
|
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;padding: 0px 15px;">
|
|
|
|
<el-col :span="24">
|
|
<el-form-item label="计费方式" prop="calcFeeType" label-width="70px">
|
|
<!-- <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-form-item label="" prop="goodsType" label-width="0px">
|
|
<el-table
|
|
class="cargoList"
|
|
:cell-style="{
|
|
'padding': '0px!important',
|
|
'padding-left': '0px!important',
|
|
'padding-right': '0px!important',
|
|
'font-size':'11px'
|
|
}"
|
|
:header-cell-style="{
|
|
'font-size':'11px'
|
|
}"
|
|
border
|
|
stripe
|
|
:data="form.feeItems"
|
|
size="mini"
|
|
max-height="300px"
|
|
style="width: 100%"
|
|
>
|
|
|
|
|
|
<el-table-column prop="feeName" label="收费项" align="center" width="70">
|
|
<template slot-scope="scope">
|
|
<span style="font-weight:600;color:red">{{ scope.row.feeName }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="fee" label="应收" align="center" width="50">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.fee }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="initialWeightFee" label="首重费" align="center" width="60">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.initialWeightFee" @input="(val)=>handleCalcFeeItem(val,scope.row)" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="addWeightPrice" label="续重单价" align="center" width="70">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.addWeightPrice" @input="(val)=>handleCalcFeeItem(val,scope.row)" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="realFee" label="实收" align="center" width="50">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.realFee" @input="(val)=>handleCalcFeeItem(val,scope.row)" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="remark" label="描述" align="center" min-width="50">
|
|
<template slot-scope="scope">
|
|
<el-input v-model="scope.row.remark" size="mini" placeholder=""></el-input>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" 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"
|
|
@click="handleAddFee"
|
|
>增加自定义费用</el-button>
|
|
</el-popover>
|
|
</div>
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="总运费" prop="freight" label-width="70px">
|
|
<el-input v-model="form.freight" placeholder="" >
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item label="费用备注" prop="feeRemaker" label-width="70px">
|
|
<el-input v-model="form.feeRemaker" type="textarea" placeholder="" >
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="付款方式" prop="paymentType" label-width="70px">
|
|
<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="12">
|
|
</el-col>
|
|
<el-col :span="24" v-show="form.paymentType == 2 || form.paymentType == 4 || form.paymentType == 5">
|
|
<el-form-item label="月结账号" prop="thirdCustomerCode" label-width="70px">
|
|
<EmisMonthpayAccountPicker v-model="form.custNo"></EmisMonthpayAccountPicker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="回款联系人" prop="payee" label-width="80px">
|
|
<EmisUserSimplePicker2 :placeholder="$t('回款联系人')" v-model="form.payee" ></EmisUserSimplePicker2>
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="销售联系人" prop="salesmen" label-width="80px">
|
|
<EmisUserSimplePicker3 :placeholder="$t('销售联系人')" v-model="form.salesmen" ></EmisUserSimplePicker3>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
</el-col>
|
|
</el-row>
|
|
</el-collapse-item>
|
|
|
|
</el-collapse>
|
|
|
|
</el-form>
|
|
<div style="text-align: center;margin-top: 10px;margin-bottom: 10px;">
|
|
<el-button type="primary" @click="back">返回</el-button>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { getWaybillDetail,realSubmitOrder,calcWaybillFee,calcSetteldWeight,calcVolumeWeight} from "@/api/emis/emisWaybill";
|
|
import { parseTime } from "@/utils/custom";
|
|
import { getDestSite } from "@/api/emis/emisDestination";
|
|
|
|
|
|
export default {
|
|
name: "WaybillDetail",
|
|
// props:{
|
|
// billCode:{
|
|
// type:String
|
|
// }
|
|
// },
|
|
components: {
|
|
|
|
},
|
|
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,
|
|
printTypeCheckList:['1','2','5'],
|
|
// 表单参数
|
|
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,
|
|
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,
|
|
blGenSubbill:null,
|
|
billCodeSub:null,
|
|
},
|
|
timer:null,
|
|
isNeedCalc:false,
|
|
titleSelectAddress:'',
|
|
openSelectAddress:false,
|
|
// 表单校验
|
|
rules: {
|
|
|
|
}
|
|
};
|
|
},
|
|
created() {
|
|
this.billCode=this.$route.query.billCode;
|
|
this.initData();
|
|
},
|
|
methods: {
|
|
initData() {
|
|
if(this.billCode !=null) {
|
|
this.loading = true;
|
|
getWaybillDetail(this.billCode).then(response => {
|
|
this.form = response.data;
|
|
this.form.productTypeSelArr=[this.form.transLine,this.form.productType];
|
|
this.loading = false;
|
|
});
|
|
}
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
.el-form-item__label {
|
|
color: #000;
|
|
}
|
|
|
|
.el-input-group__append {
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.el-row{
|
|
display:flex;
|
|
flex-wrap: wrap;
|
|
// padding-right: 10px;
|
|
}
|
|
|
|
.el-form-item__label {
|
|
font-size: 12px!important;
|
|
}
|
|
|
|
|
|
.platform-auto-complete {
|
|
.el-autocomplete-suggestion__wrap {
|
|
padding: 5px 0;
|
|
ul li {
|
|
pointer-events: none; // 阻止可点击事件
|
|
.default {
|
|
text-align: center;
|
|
color: #999;
|
|
}
|
|
&:hover {
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.el-collapse {
|
|
border-top: none!important;
|
|
border-bottom: none!important;
|
|
}
|
|
|
|
.el-table .el-table__cell:first-child .cell {
|
|
padding: 0px;
|
|
}
|
|
|
|
.el-table .cell {
|
|
padding: 0px;
|
|
}
|
|
|
|
.cargoList{
|
|
.el-input__inner {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
border: none;
|
|
background: #ffffcd;
|
|
font-size: 10px;
|
|
padding: 0px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.el-collapse-item__content {
|
|
padding-bottom: 0px;
|
|
}
|
|
.el-collapse-item__header{
|
|
pointer-events: none;
|
|
}
|
|
|
|
.el-collapse-item__arrow {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|