修改问题
parent
da0ae3a235
commit
cc1932607f
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,196 +0,0 @@
|
||||
<template>
|
||||
<a-collapse class="collapse-box bill-info-box" :bordered="false" v-model="showKey">
|
||||
<a-collapse-panel key="1" :showArrow="false">
|
||||
<div class="container bill-info">
|
||||
<a-form-model ref="billFrom" :model="details" :rules="rules">
|
||||
<a-row :gutter="10">
|
||||
<template v-if="details.cargoid == 'D'">
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品等级"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="dclass"
|
||||
>
|
||||
<inputView type="dclass" size="small" :parentVal="details.dclass" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品编号"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="dunno"
|
||||
>
|
||||
<inputView type="dunno" size="small" :parentVal="details.dunno" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品页号"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="dpage"
|
||||
>
|
||||
<inputView type="dpage" size="small" :parentVal="details.dpage" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品标签"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="dlabel"
|
||||
>
|
||||
<inputView type="dlabel" size="small" :parentVal="details.dlabel" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
|
||||
<a-form-model-item
|
||||
class="from-label"
|
||||
label="危险品联系人"
|
||||
:labelCol="labelCol"
|
||||
:wrapperCol="wrapperCol"
|
||||
has-feedback
|
||||
prop="linkman"
|
||||
>
|
||||
<inputView type="linkman" size="small" :parentVal="details.linkman" @getInputChange="inputChange"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</template>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</div>
|
||||
</a-collapse-panel>
|
||||
</a-collapse>
|
||||
</template>
|
||||
<script>
|
||||
import inputView from '../components/inputView'
|
||||
import selectView from '../components/selectView'
|
||||
import datePickerView from '../components/datePickerView'
|
||||
|
||||
export default {
|
||||
name: '',
|
||||
components: {
|
||||
selectView,
|
||||
inputView,
|
||||
datePickerView
|
||||
},
|
||||
props: {
|
||||
details: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
rules: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
inSave: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isParent: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
labelCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 8 },
|
||||
md: { span: 10 }
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: { span: 24 },
|
||||
sm: { span: 15 },
|
||||
md: { span: 13 }
|
||||
},
|
||||
showKey: ['1']
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
details: {
|
||||
handler(nval, oval) {
|
||||
if (!this.inSave) {
|
||||
this.$emit('changeDetail', {
|
||||
detail: nval,
|
||||
type: 'billInfo'
|
||||
})
|
||||
}
|
||||
this.$forceUpdate()
|
||||
},
|
||||
deep: true
|
||||
},
|
||||
'$route.query': {
|
||||
immediate: true,
|
||||
handler(nD, oD) {
|
||||
this.id = this.$route.query.id
|
||||
}
|
||||
}
|
||||
},
|
||||
created() { },
|
||||
methods: {
|
||||
checkbasic () {
|
||||
this.$refs.billFrom.validate(valid => {
|
||||
if (valid) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
getSelectViewRes({ type, res }) {
|
||||
if (['issuetype', 'blfrt'].includes(type)) {
|
||||
this.details[type] = res.enName || ''
|
||||
if (type === 'blfrt') {
|
||||
if (this.details.blfrt === 'FREIGHT COLLECT') {
|
||||
this.details.payableat = this.details.payableat ? this.details.payableat : this.details.portdischarge || ''
|
||||
this.details.payableatid = this.details.payableatid ? this.details.payableatid : this.details.portdischargeid || ''
|
||||
} else {
|
||||
this.details.prepardat = this.details.prepardat ? this.details.prepardat : this.details.portload || ''
|
||||
this.details.prepardatid = this.details.prepardatid ? this.details.prepardatid : this.details.portloadid || ''
|
||||
}
|
||||
}
|
||||
} else if (['issueplace', 'prepardat', 'payableat'].includes(type)) {
|
||||
this.details[type] = res.enName || ''
|
||||
this.details[`${type}id`] = res.ediCode || ''
|
||||
} else if (['service'].includes(type)) {
|
||||
this.details[type] = res.name || ''
|
||||
} else if (['nobill', 'copynobill'].includes(type)) {
|
||||
this.details[type] = res.code || ''
|
||||
}
|
||||
},
|
||||
inputChange({ type, value }) {
|
||||
this.details[type] = value
|
||||
this.$forceUpdate()
|
||||
},
|
||||
dateChangeFun ({ type, value }) {
|
||||
this.details[type] = value || ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/ .ant-form-explain{
|
||||
display: none !important;
|
||||
}
|
||||
/deep/ .ant-form-item-children-icon .anticon-check-circle{
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
@import url('../style/billInfo.less');
|
||||
</style>
|
||||
@ -1,713 +0,0 @@
|
||||
<template>
|
||||
<div class="more-edi" :style="{ paddingTop: '20px', paddingBottom: '10px' }">
|
||||
<a-form-model ref="ediFrom" :model="details" :rules="rules" v-if="details">
|
||||
<div class="normal">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="发送方EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.sendCode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.sendCode" /> -->
|
||||
<inputView type="sendCode" :parentVal="details.bookingEDIExt.sendCode" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="接收方EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.receiveCode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.receiveCode" /> -->
|
||||
<inputView
|
||||
type="receiveCode"
|
||||
:parentVal="details.bookingEDIExt.receiveCode"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="EDI联系人名称"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.ediAttn"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttn" /> -->
|
||||
<inputView type="ediAttn" :parentVal="details.bookingEDIExt.ediAttn" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="EDI联系人电话"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.ediAttnTel"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttnTel" /> -->
|
||||
<inputView
|
||||
type="ediAttnTel"
|
||||
:parentVal="details.bookingEDIExt.ediAttnTel"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="EDI联系人邮箱"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.ediAttnMail"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.ediAttnMail" /> -->
|
||||
<inputView
|
||||
type="ediAttnMail"
|
||||
:parentVal="details.bookingEDIExt.ediAttnMail"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="AMS收货人"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.amsConsignee"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.amsConsignee" /> -->
|
||||
<inputView
|
||||
type="amsConsignee"
|
||||
:parentVal="details.bookingEDIExt.amsConsignee"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="AMS通知人"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.amsNotifyParty"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.amsNotifyParty" /> -->
|
||||
<inputView
|
||||
type="amsNotifyParty"
|
||||
:parentVal="details.bookingEDIExt.amsNotifyParty"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="操作英文名称"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.opEName"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.opEName" /> -->
|
||||
<inputView type="opEName" :parentVal="details.bookingEDIExt.opEName" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="操作电话"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.opTel"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.opTel" /> -->
|
||||
<inputView type="opTel" :parentVal="details.bookingEDIExt.opTel" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="操作邮箱"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.opEmail"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.opEmail" /> -->
|
||||
<inputView type="opEmail" :parentVal="details.bookingEDIExt.opEmail" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="商品名称"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.goodsName"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.goodsName" /> -->
|
||||
<inputView type="goodsName" :parentVal="details.bookingEDIExt.goodsName" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="SOC箱"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="iscontainersoc"
|
||||
>
|
||||
<a-select size="small" :default-value="iscontainersoc" style="width: 120px" v-model="iscontainersoc">
|
||||
<a-select-option value="1"> 是 </a-select-option>
|
||||
<a-select-option value="0"> 否 </a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="SCAC代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="scaccode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.scaccode" /> -->
|
||||
<inputView type="scaccode" :parentVal="details.scaccode" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="ITN编号"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="itncode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.itncode" /> -->
|
||||
<inputView type="itncode" :parentVal="details.itncode" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="订舱人说明"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.orderRemark"
|
||||
>
|
||||
<!-- <a-input v-model="details.bookingEDIExt.orderRemark" /> -->
|
||||
<inputView
|
||||
type="orderRemark"
|
||||
:placeholder="'订舱人说明或ESL BP CODE'"
|
||||
:parentVal="details.bookingEDIExt.orderRemark"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="付款方"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="freightpayer"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.freightpayer" /> -->
|
||||
<inputView type="freightpayer" :parentVal="details.freightpayer" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="第一层包装皮重"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.kingTareweight"
|
||||
>
|
||||
<inputView
|
||||
type="kingTareweight"
|
||||
:parentVal="details.bookingEDIExt.kingTareweight"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="8">
|
||||
<a-form-model-item
|
||||
label="指定业务员"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.xmcywy"
|
||||
>
|
||||
<inputView
|
||||
type="xmcywy"
|
||||
:parentVal="details.bookingEDIExt.xmcywy"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col v-if="details.carrierid == 'EMC'" :span="8">
|
||||
<a-form-model-item
|
||||
label="Name accout"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.emcNameAccount"
|
||||
>
|
||||
<inputView
|
||||
type="emcNameAccount"
|
||||
:parentVal="details.bookingEDIExt.emcNameAccount"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="23">
|
||||
<a-form-model-item
|
||||
label="委托方"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 3 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 21 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.weiTuoFang"
|
||||
style="margin-top:4px;"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
v-model="details.bookingEDIExt.weiTuoFang"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
<div class="ex-remark">
|
||||
<div class="title">
|
||||
<span class="line left"></span>
|
||||
<span class="text">业务备注</span>
|
||||
<span class="line right"></span>
|
||||
</div>
|
||||
<div class="ex-remark-content">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="辅助字段1"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.exRemark1"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.exRemark1"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="辅助字段2"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.exRemark2"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.exRemark2"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="辅助字段3"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.exRemark3"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.exRemark3"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="辅助字段4"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.exRemark4"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.exRemark4"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</div>
|
||||
<!-- === 太平添加 start === -->
|
||||
<template v-if="details.carrierid == 'PIL'">
|
||||
<div class="taiping">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="收货人EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.consigneeEdiCode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.consigneeEdiCode" /> -->
|
||||
<inputView
|
||||
type="consigneeEdiCode"
|
||||
:parentVal="details.bookingEDIExt.consigneeEdiCode"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="发货人EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.shipperEdiCode"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.shipperEdiCode" /> -->
|
||||
<inputView
|
||||
type="shipperEdiCode"
|
||||
:parentVal="details.bookingEDIExt.shipperEdiCode"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="通知方EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.notifyCdoe"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.notifyCdoe" /> -->
|
||||
<inputView
|
||||
type="notifyCdoe"
|
||||
:parentVal="details.bookingEDIExt.notifyCdoe"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="太平销售EDI代码"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.salerCode"
|
||||
>
|
||||
<selectView
|
||||
type="salerCode"
|
||||
:defaultVal="details.bookingEDIExt.salerCode"
|
||||
searchApi="salerCode"
|
||||
:searchQuery="{ NAME: '' }"
|
||||
:showLabel="['NAME']"
|
||||
:openSearch="false"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
<!-- <a-select size="small" default-value="CN087 | GRACE SUN" v-model="details.bookingEDIExt.salerCode" @change="handleSaleChange">
|
||||
<a-select-option v-for="(sales, sindex) in StoreSalesRepCode" :value="sales.NAME" :key="sindex">
|
||||
{{ sales.NAME }}
|
||||
</a-select-option>
|
||||
</a-select> -->
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="EMANIFEST HBL"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.emanifestHbl"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.emanifestHbl" /> -->
|
||||
<inputView
|
||||
type="emanifestHbl"
|
||||
:parentVal="details.bookingEDIExt.emanifestHbl"
|
||||
@getInputChange="inputChange"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="Master Bol Indicator"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.masterBolIndicator"
|
||||
>
|
||||
<selectView
|
||||
type="masterBolIndicator"
|
||||
:defaultVal="details.bookingEDIExt.masterBolIndicatorName"
|
||||
searchApi="StoreMasterBOLIndicator"
|
||||
:searchQuery="{ NAME: '' }"
|
||||
:showLabel="['NAME']"
|
||||
:openSearch="false"
|
||||
@change="getSelectViewRes"
|
||||
></selectView>
|
||||
<!-- <a-select size="small" v-model="details.bookingEDIExt.masterBolIndicator" @change="handleMasterBolChange" optionLabelProp="label">
|
||||
<a-select-option v-for="(master, mindex) in StoreMasterBOLIndicator" :value="mindex" :key="mindex">
|
||||
{{ master.NAME }}
|
||||
</a-select-option>
|
||||
</a-select> -->
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="S0C C0C:"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.s0CC0C"
|
||||
style="margin-top:4px;"
|
||||
>
|
||||
<a-textarea
|
||||
size="small"
|
||||
:allowClear="true"
|
||||
v-model="details.bookingEDIExt.s0CC0C"
|
||||
:auto-size="{ minRows: 2, maxRows: 5 }"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="欧盟港口、伊朗港口、KHI"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.ckhi"
|
||||
style="margin-top:4px;"
|
||||
>
|
||||
<a-textarea size="small" v-model="details.bookingEDIExt.ckhi" :auto-size="{ minRows: 2, maxRows: 5 }" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
<div class="taiping-2">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="南美东"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.cncm"
|
||||
>
|
||||
<a-textarea size="small" v-model="details.bookingEDIExt.cncm" :auto-size="{ minRows: 2, maxRows: 5 }" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="巴西线木质包装情况"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.wncm"
|
||||
>
|
||||
<a-textarea size="small" v-model="details.bookingEDIExt.wncm" :auto-size="{ minRows: 2, maxRows: 5 }" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="ACI HBL:"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.acihbl"
|
||||
>
|
||||
<!-- <a-input :allowClear="true" v-model="details.bookingEDIExt.acihbl" /> -->
|
||||
<inputView type="acihbl" :parentVal="details.bookingEDIExt.acihbl" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item
|
||||
label="CNPT No:"
|
||||
:labelCol="{ xs: { span: 24 }, sm: { span: 9 } }"
|
||||
:wrapperCol="{ xs: { span: 24 }, sm: { span: 15 } }"
|
||||
has-feedback
|
||||
prop="bookingEDIExt.cnptNo"
|
||||
>
|
||||
<inputView type="CNPTNo" :parentVal="details.bookingEDIExt.cnptNo" @getInputChange="inputChange" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</template>
|
||||
<!-- === 太平添加 END === -->
|
||||
</a-form-model>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import inputView from '../components/inputView'
|
||||
import selectView from '../components/selectView'
|
||||
let timer
|
||||
export default {
|
||||
components: {
|
||||
inputView,
|
||||
selectView
|
||||
},
|
||||
props: {
|
||||
details: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
rules: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
inSave: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isParent: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
iscontainersoc: '',
|
||||
StoreSalesRepCode: [
|
||||
{ ID: 'CN087', NAME: 'CN087 | GRACE SUN' },
|
||||
{ ID: 'CN096', NAME: 'CN096 | LEON LIANG' },
|
||||
{ ID: 'CN097', NAME: 'CN097 | CHARLES GAO' },
|
||||
{ ID: 'CN098', NAME: 'CN098 | TERESA LIU SHAN' },
|
||||
{ ID: 'CN106', NAME: 'CN106 | HOKI YU' },
|
||||
{ ID: 'CN107', NAME: 'CN107 | WILLIAM YANG JING YU' },
|
||||
{ ID: 'CN099', NAME: 'CN099 | HELEN ZHANG' },
|
||||
{ ID: 'CN100', NAME: 'CN100 | LEOREN' }
|
||||
],
|
||||
StoreMasterBOLIndicator: [
|
||||
{ ID: '1', NAME: 'Carrier filing HBL | 船公司发HBL' },
|
||||
{ ID: '2', NAME: 'Self filing HBL | 自己发' },
|
||||
{ ID: '3', NAME: 'Not Applicable/Straight bl | 无HBL' }
|
||||
]
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
details: {
|
||||
handler(nval, oval) {
|
||||
if (!this.inSave) {
|
||||
this.$emit('changeDetail', {
|
||||
detail: nval,
|
||||
type: 'ediMore'
|
||||
})
|
||||
}
|
||||
},
|
||||
deep: true
|
||||
},
|
||||
iscontainersoc(nval, oval) {
|
||||
this.details.iscontainersoc = nval !== '0'
|
||||
},
|
||||
'$route.query': {
|
||||
immediate: true,
|
||||
handler(nD, oD) {
|
||||
if (this.$route.name === 'BookingDetailTest') {
|
||||
this.id = this.$route.query.id
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
mounted() {
|
||||
this.iscontainersoc = this.details.iscontainersoc ? '1' : '0'
|
||||
},
|
||||
methods: {
|
||||
debounce(func, wait, ...args) {
|
||||
if (timer) clearTimeout(timer)
|
||||
timer = setTimeout(() => {
|
||||
func.apply(this, args)
|
||||
}, wait)
|
||||
},
|
||||
checkbasic() {
|
||||
this.$refs.ediFrom.validate(valid => {
|
||||
if (valid) {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
})
|
||||
},
|
||||
inputChange({ type, value }) {
|
||||
const bookingEDIExtArr = [
|
||||
'sendCode',
|
||||
'receiveCode',
|
||||
'ediAttn',
|
||||
'ediAttnTel',
|
||||
'ediAttnMail',
|
||||
'amsConsignee',
|
||||
'amsNotifyParty',
|
||||
'opEName',
|
||||
'opTel',
|
||||
'opEmail',
|
||||
'goodsName',
|
||||
'orderRemark',
|
||||
'consigneeEdiCode',
|
||||
'shipperEdiCode',
|
||||
'notifyCdoe',
|
||||
'emanifestHbl',
|
||||
'acihbl',
|
||||
'CNPTNo',
|
||||
'kingTareweight',
|
||||
'xmcywy',
|
||||
'emcNameAccount'
|
||||
]
|
||||
if (bookingEDIExtArr.includes(type)) {
|
||||
this.details.bookingEDIExt[type] = value
|
||||
} else {
|
||||
this.details[type] = value
|
||||
}
|
||||
this.$forceUpdate()
|
||||
},
|
||||
getSelectViewRes({ type, res }) {
|
||||
if (type === 'masterBolIndicator') {
|
||||
this.details.bookingEDIExt.masterBolIndicator = res.ID || ''
|
||||
this.details.bookingEDIExt.masterBolIndicatorName = res.NAME || ''
|
||||
} else if (type === 'salerCode') {
|
||||
this.details.bookingEDIExt.salerCode = res.ID
|
||||
this.details.bookingEDIExt.salerCodeName = res.NAME
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/ .ant-form-explain {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-form-item-children-icon .anticon-check-circle {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
@import url('../style/ediMore.less');
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,100 +0,0 @@
|
||||
<template>
|
||||
<a-card class="ramark-box" :bordered="false">
|
||||
<!-- <a-button type="primary" @click="checkbasic"> 验证 </a-button> -->
|
||||
<a-form-model ref="remarkFrom" :model="details" :rules="rules">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<a-form-model-item prop="soremark">
|
||||
<div class="tit" :class="{'required':rules['soremark'] && rules['soremark'][0].required}"><span class="iconfont icon-bianji"></span>订舱备注</div>
|
||||
<a-textarea :auto-size="{ minRows: 4, maxRows: 7 }" class="input-box" v-model="details.soremark" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item prop="siremark">
|
||||
<div class="tit" :class="{'required':rules['siremark'] && rules['siremark'][0].required}"><span class="iconfont icon-bianji"></span>截单备注</div>
|
||||
<a-textarea :auto-size="{ minRows: 4, maxRows: 7 }" class="input-box" v-model="details.siremark" data-next="box-ctnall"/>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-card>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: '',
|
||||
props: {
|
||||
details: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
rules: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
inSave: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isParent: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
remarks: ''
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
details: {
|
||||
handler(nval, oval) {
|
||||
if (!this.inSave) {
|
||||
this.$emit('changeDetail', {
|
||||
detail: nval,
|
||||
type: 'remarksInfo'
|
||||
})
|
||||
}
|
||||
},
|
||||
deep: true
|
||||
},
|
||||
'$route.query': {
|
||||
immediate: true,
|
||||
handler(nD, oD) {
|
||||
this.id = this.$route.query.id
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
checkbasic () {
|
||||
this.$refs.remarkFrom.validate(valid => {
|
||||
if (valid) {
|
||||
console.log('验证成功!');
|
||||
return true;
|
||||
} else {
|
||||
console.log('验证失败!');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
|
||||
/deep/ .ant-form-explain{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/deep/ .ant-form-item-children-icon .anticon-check-circle{
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
<style lang="less" scoped>
|
||||
@import url('../style/remarksInfo.less');
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue