|
|
|
|
@ -15,15 +15,14 @@
|
|
|
|
|
v-model="shippername"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="shipperDataArr"
|
|
|
|
|
placeholder="请输入发货人"
|
|
|
|
|
@select="shipperSelect"
|
|
|
|
|
@change="shipperChange"
|
|
|
|
|
/>
|
|
|
|
|
<a-button class="save-btn" type="link" size="small" icon="save" @click="saveModel('shipper')"
|
|
|
|
|
>保存</a-button
|
|
|
|
|
>
|
|
|
|
|
<div class="right" >
|
|
|
|
|
<span class="btn-circle" @click="spliceMore('shipper')" :style="{fontSize:'14px'}">*</span>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<span class="btn-circle" @click="spliceMore('shipper')" :style="{ fontSize: '14px' }">*</span>
|
|
|
|
|
<span class="btn" @click="changeCode(35, 'shipper')">35</span>
|
|
|
|
|
<span class="btn" @click="changeCode(40, 'shipper')">40</span>
|
|
|
|
|
<span class="btn" @click="changeCode(50, 'shipper')">50</span>
|
|
|
|
|
@ -33,11 +32,14 @@
|
|
|
|
|
<a-textarea
|
|
|
|
|
id="shipper-scroll"
|
|
|
|
|
v-model="details.shipper"
|
|
|
|
|
placeholder="请输入内容"
|
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 6 }"
|
|
|
|
|
style="height: 130px"
|
|
|
|
|
/>
|
|
|
|
|
<div class="line-count" id="shipper-scroll-right" v-if="Object.keys(details).length > 1 && details.shipper.length > 1">
|
|
|
|
|
<div
|
|
|
|
|
class="line-count"
|
|
|
|
|
id="shipper-scroll-right"
|
|
|
|
|
v-if="Object.keys(details).length > 1 && details.shipper.length > 1"
|
|
|
|
|
>
|
|
|
|
|
<div v-for="(num, index) in details.shipper.split('\n')" :key="index">{{ num.length }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -50,7 +52,6 @@
|
|
|
|
|
v-model="consigneename"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="consigneeDataArr"
|
|
|
|
|
placeholder="请输入收货人"
|
|
|
|
|
@select="consigneeSelect"
|
|
|
|
|
@change="consigneeChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -58,7 +59,7 @@
|
|
|
|
|
>保存</a-button
|
|
|
|
|
>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<span class="btn-circle" @click="spliceMore('consignee')" :style="{fontSize:'14px'}">*</span>
|
|
|
|
|
<span class="btn-circle" @click="spliceMore('consignee')" :style="{ fontSize: '14px' }">*</span>
|
|
|
|
|
<span class="btn" @click="changeCode(35, 'consignee')">35</span>
|
|
|
|
|
<span class="btn" @click="changeCode(40, 'consignee')">40</span>
|
|
|
|
|
<span class="btn" @click="changeCode(50, 'consignee')">50</span>
|
|
|
|
|
@ -68,11 +69,14 @@
|
|
|
|
|
<a-textarea
|
|
|
|
|
id="consignee-scroll"
|
|
|
|
|
v-model="details.consignee"
|
|
|
|
|
placeholder="请输入内容"
|
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 6 }"
|
|
|
|
|
style="height: 130px"
|
|
|
|
|
/>
|
|
|
|
|
<div class="line-count" id="consignee-scroll-right" v-if="Object.keys(details).length > 1 && details.consignee.length > 1">
|
|
|
|
|
<div
|
|
|
|
|
class="line-count"
|
|
|
|
|
id="consignee-scroll-right"
|
|
|
|
|
v-if="Object.keys(details).length > 1 && details.consignee.length > 1"
|
|
|
|
|
>
|
|
|
|
|
<div v-for="(num, index) in details.consignee.split('\n')" :key="index">{{ num.length }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -85,7 +89,6 @@
|
|
|
|
|
v-model="notifypartyname"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="notifyDataArr"
|
|
|
|
|
placeholder="请输入通知人"
|
|
|
|
|
@select="notifySelect"
|
|
|
|
|
@change="notifyChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -93,7 +96,7 @@
|
|
|
|
|
>保存</a-button
|
|
|
|
|
>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<span class="btn-circle" @click="spliceMore('notifyparty')" :style="{fontSize:'14px'}">*</span>
|
|
|
|
|
<span class="btn-circle" @click="spliceMore('notifyparty')" :style="{ fontSize: '14px' }">*</span>
|
|
|
|
|
<span class="btn" @click="changeCode(35, 'notifyparty')">35</span>
|
|
|
|
|
<span class="btn" @click="changeCode(40, 'notifyparty')">40</span>
|
|
|
|
|
<span class="btn" @click="changeCode(50, 'notifyparty')">50</span>
|
|
|
|
|
@ -103,11 +106,14 @@
|
|
|
|
|
<a-textarea
|
|
|
|
|
id="notifyparty-scroll"
|
|
|
|
|
v-model="details.notifyparty"
|
|
|
|
|
placeholder="请输入内容"
|
|
|
|
|
:auto-size="{ minRows: 2, maxRows: 6 }"
|
|
|
|
|
style="height: 130px"
|
|
|
|
|
/>
|
|
|
|
|
<div class="line-count" id="notifyparty-scroll-right" v-if="Object.keys(details).length > 1 && details.notifyparty.length > 1">
|
|
|
|
|
<div
|
|
|
|
|
class="line-count"
|
|
|
|
|
id="notifyparty-scroll-right"
|
|
|
|
|
v-if="Object.keys(details).length > 1 && details.notifyparty.length > 1"
|
|
|
|
|
>
|
|
|
|
|
<div v-for="(num, index) in details.notifyparty.split('\n')" :key="index">{{ num.length }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -131,7 +137,7 @@
|
|
|
|
|
v-model="details.yard"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="yardDataArr"
|
|
|
|
|
placeholder="请输入场站"
|
|
|
|
|
|
|
|
|
|
@select="yardSelect"
|
|
|
|
|
@change="yardChange"
|
|
|
|
|
/> -->
|
|
|
|
|
@ -169,7 +175,6 @@
|
|
|
|
|
v-model="details.customser"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="customserDataArr"
|
|
|
|
|
placeholder="请输入报关行"
|
|
|
|
|
@select="customserSelect"
|
|
|
|
|
@change="customserChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -188,7 +193,6 @@
|
|
|
|
|
v-model="details.trucker"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="truckerDataArr"
|
|
|
|
|
placeholder="请输入车队"
|
|
|
|
|
@select="truckerSelect"
|
|
|
|
|
@change="truckerChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -207,7 +211,6 @@
|
|
|
|
|
v-model="details.agentid"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="agentidDataArr"
|
|
|
|
|
placeholder="请输入国外代理"
|
|
|
|
|
@select="agentidSelect"
|
|
|
|
|
@change="agentidChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -221,7 +224,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-date-picker format="YYYY-MM-DD" placeholder="预抵日期" v-model="details.eta">
|
|
|
|
|
<a-date-picker format="YYYY-MM-DD" v-model="details.eta">
|
|
|
|
|
<a-icon slot="suffixIcon" type="time" style="display: none" />
|
|
|
|
|
</a-date-picker>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
@ -238,7 +241,6 @@
|
|
|
|
|
style="min-width:100px"
|
|
|
|
|
show-time
|
|
|
|
|
format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
placeholder="截港时间"
|
|
|
|
|
v-model="details.closingdate"
|
|
|
|
|
>
|
|
|
|
|
<a-icon slot="suffixIcon" type="time" style="display: none" />
|
|
|
|
|
@ -257,7 +259,6 @@
|
|
|
|
|
style="min-width:100px"
|
|
|
|
|
show-time
|
|
|
|
|
format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
placeholder="截单时间"
|
|
|
|
|
v-model="details.closedocdate"
|
|
|
|
|
>
|
|
|
|
|
<a-icon slot="suffixIcon" type="time" style="display: none" />
|
|
|
|
|
@ -276,7 +277,6 @@
|
|
|
|
|
style="min-width:100px"
|
|
|
|
|
show-time
|
|
|
|
|
format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
placeholder="VGM时间"
|
|
|
|
|
v-model="details.closevgmdate"
|
|
|
|
|
>
|
|
|
|
|
<a-icon slot="suffixIcon" type="time" style="display: none" />
|
|
|
|
|
@ -296,7 +296,6 @@
|
|
|
|
|
v-model="details.portload"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="portloadDataArr"
|
|
|
|
|
placeholder="请输入装货港"
|
|
|
|
|
@select="portloadSelect"
|
|
|
|
|
@change="portloadChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -310,7 +309,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入装货港代码" v-model="details.portloadid" />
|
|
|
|
|
<a-input :allowClear="true" v-model="details.portloadid" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -326,7 +325,6 @@
|
|
|
|
|
v-model="details.transport"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="transportDataArr"
|
|
|
|
|
placeholder="请输入中转港"
|
|
|
|
|
@select="transportSelect"
|
|
|
|
|
@change="transportChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -340,7 +338,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入中转港代码" v-model="details.transportid" />
|
|
|
|
|
<a-input :allowClear="true" v-model="details.transportid" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -356,7 +354,6 @@
|
|
|
|
|
v-model="details.portdischarge"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="portdischargeDataArr"
|
|
|
|
|
placeholder="请输入卸货港"
|
|
|
|
|
@select="portdischargeSelect"
|
|
|
|
|
@change="portdischargeChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -370,7 +367,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入卸货港代码" v-model="details.portdischargeid" />
|
|
|
|
|
<a-input :allowClear="true" v-model="details.portdischargeid" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -386,7 +383,6 @@
|
|
|
|
|
v-model="details.destination"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="destinationDataArr"
|
|
|
|
|
placeholder="请输入目的地"
|
|
|
|
|
@select="destinationSelect"
|
|
|
|
|
@change="destinationChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -400,7 +396,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入目的代码" v-model="details.destinationid" />
|
|
|
|
|
<a-input :allowClear="true" v-model="details.destinationid" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -416,7 +412,6 @@
|
|
|
|
|
v-model="details.placedelivery"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="placedeliveryDataArr"
|
|
|
|
|
placeholder="请输入交货地"
|
|
|
|
|
@select="placedeliverySelect"
|
|
|
|
|
@change="placedeliveryChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -430,7 +425,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入交货代码" v-model="details.placedeliveryid" />
|
|
|
|
|
<a-input :allowClear="true" v-model="details.placedeliveryid" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -446,7 +441,6 @@
|
|
|
|
|
v-model="details.placereceipt"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="placereceiptDataArr"
|
|
|
|
|
placeholder="请输入收货地"
|
|
|
|
|
@select="placereceiptSelect"
|
|
|
|
|
@change="placereceiptChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -460,7 +454,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入收货代码" v-model="details.placereceiptid" />
|
|
|
|
|
<a-input :allowClear="true" v-model="details.placereceiptid" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -471,7 +465,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入件数" v-model="details.pkgs" />
|
|
|
|
|
<a-input :allowClear="true" v-model="details.pkgs" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -487,7 +481,6 @@
|
|
|
|
|
v-model="details.kindpkgs"
|
|
|
|
|
class="customer-input"
|
|
|
|
|
:data-source="kindpkgsDataArr"
|
|
|
|
|
placeholder="请输入包装"
|
|
|
|
|
@select="kindpkgsSelect"
|
|
|
|
|
@change="kindpkgsChange"
|
|
|
|
|
/>
|
|
|
|
|
@ -501,7 +494,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入毛重" v-model="details.kgs" />
|
|
|
|
|
<a-input :allowClear="true" v-model="details.kgs" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -512,7 +505,7 @@
|
|
|
|
|
:wrapperCol="wrapperCol"
|
|
|
|
|
has-feedback
|
|
|
|
|
>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入尺寸" v-model="details.cbm" />
|
|
|
|
|
<a-input :allowClear="true" v-model="details.cbm" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
@ -531,7 +524,7 @@
|
|
|
|
|
>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="label">模板名称</div>
|
|
|
|
|
<a-input :allowClear="true" placeholder="请输入模板名称" v-model="modelName" />
|
|
|
|
|
<a-input :allowClear="true" v-model="modelName" />
|
|
|
|
|
</div>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<a-modal
|
|
|
|
|
@ -543,7 +536,7 @@
|
|
|
|
|
>
|
|
|
|
|
<template v-if="yardType === 'remark'">
|
|
|
|
|
<div class="select-customer">
|
|
|
|
|
<a-textarea v-model="details.yardremark" placeholder="场站备注" :auto-size="{ minRows: 3, maxRows: 5 }" />
|
|
|
|
|
<a-textarea v-model="details.yardremark" :auto-size="{ minRows: 3, maxRows: 5 }" />
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-else-if="yardType === 'content'">
|
|
|
|
|
@ -558,7 +551,7 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
style="overflow: visible;"
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入联系人" v-model="details.yardcontract" />
|
|
|
|
|
<a-input v-model="details.yardcontract" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -570,7 +563,7 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
style="overflow: visible;"
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入电话" v-model="details.yardcontracttel" />
|
|
|
|
|
<a-input v-model="details.yardcontracttel" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="12">
|
|
|
|
|
@ -582,7 +575,7 @@
|
|
|
|
|
has-feedback
|
|
|
|
|
style="overflow: visible;"
|
|
|
|
|
>
|
|
|
|
|
<a-input placeholder="请输入邮箱" v-model="details.yardcontractemail" />
|
|
|
|
|
<a-input v-model="details.yardcontractemail" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
@ -869,7 +862,7 @@ export default {
|
|
|
|
|
created() {
|
|
|
|
|
this.init()
|
|
|
|
|
},
|
|
|
|
|
mounted () {
|
|
|
|
|
mounted() {
|
|
|
|
|
const shipperScroll = document.getElementById('shipper-scroll')
|
|
|
|
|
shipperScroll.addEventListener('scroll', () => {
|
|
|
|
|
document.getElementById('shipper-scroll-right').scrollTop = shipperScroll.scrollTop
|
|
|
|
|
@ -1404,7 +1397,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.right {
|
|
|
|
|
float: right;
|
|
|
|
|
margin-top:5px;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
margin-right: 25px;
|
|
|
|
|
}
|
|
|
|
|
.btn {
|
|
|
|
|
@ -1480,14 +1473,14 @@ export default {
|
|
|
|
|
height: 130px;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
|
display: none;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
// max-height: 192px;
|
|
|
|
|
// overflow-y: auto;
|
|
|
|
|
div {
|
|
|
|
|
text-align: right;
|
|
|
|
|
height: 22px;
|
|
|
|
|
line-height:22px;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
color: #999;
|
|
|
|
|
}
|
|
|
|
|
@ -1496,9 +1489,9 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.yard-box {
|
|
|
|
|
position: relative;
|
|
|
|
|
i{
|
|
|
|
|
i {
|
|
|
|
|
color: @primary-color;
|
|
|
|
|
margin-top:-3px !important;
|
|
|
|
|
margin-top: -3px !important;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -1512,7 +1505,7 @@ export default {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
/*多余线条去掉 */
|
|
|
|
|
.ant-collapse-item{
|
|
|
|
|
.ant-collapse-item {
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
张同海
2 years ago