|
@@ -15,7 +15,7 @@
|
|
|
<!-- :remote="true"-->
|
|
|
<!-- :disabled="detailData.seeDisabled || generateBillsfalse"-->
|
|
|
<!-- :buttonIf="false"-->
|
|
|
- <!-- :forParameter="{key:'id',label:'cnName',value:'cnName'}"-->
|
|
|
+ <!-- :forParameter="{key:'id',label:'cnNafme',value:'cnName'}"-->
|
|
|
<!-- placeholder="请选择场站"-->
|
|
|
<!-- @remoteMethod="remoteMethod($event,'cy')"-->
|
|
|
<!-- @corpChange="corpChange($event,'cy')"-->
|
|
@@ -75,7 +75,8 @@
|
|
|
<span style="color: #1e9fff">装箱方式</span>
|
|
|
</span>
|
|
|
<search-query :datalist="loadTypeData" :selectValue="assemblyForm.loadType" :filterable="true"
|
|
|
- :clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false" :forParameter="{ key: 'dictKey', label: 'dictValue', value: 'dictKey', }"
|
|
|
+ :clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
+ :forParameter="{ key: 'dictKey', label: 'dictValue', value: 'dictKey', }"
|
|
|
placeholder="请选择装箱方式" @corpChange="corpChange($event, 'loadType')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
@@ -85,8 +86,9 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">业务类型</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="businessTypesData" :selectValue="assemblyForm.businessTypes" :forParameter="{ key: 'dictKey', label: 'dictValue', value: 'dictKey', }"
|
|
|
- :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
+ <search-query :datalist="businessTypesData" :selectValue="assemblyForm.businessTypes"
|
|
|
+ :forParameter="{ key: 'dictKey', label: 'dictValue', value: 'dictKey', }" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
placeholder="请选择业务类型" @corpChange="corpChange($event, 'businessTypes')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
@@ -135,10 +137,11 @@
|
|
|
@remoteMethod="remoteMethod($event, 'issueType')" @corpChange="corpChange($event, 'issueType')"
|
|
|
@corpFocus="remoteMethod($event, 'issueType')">
|
|
|
</search-query> -->
|
|
|
- <el-select style="width: 100%" v-model="assemblyForm.issueType" size="small" placeholder="请选择签单方式"
|
|
|
- :filterable="true" :clearable="true" :disabled="detailData.seeDisabled">
|
|
|
- <el-option v-for="item in issueTypeData" :key="item.dictKey"
|
|
|
- :label="item.dictValue" :value="item.dictKey">
|
|
|
+ <el-select style="width: 100%" v-model="assemblyForm.issueType" size="small"
|
|
|
+ placeholder="请选择签单方式" :filterable="true" :clearable="true"
|
|
|
+ :disabled="detailData.seeDisabled">
|
|
|
+ <el-option v-for="item in issueTypeData" :key="item.dictKey" :label="item.dictValue"
|
|
|
+ :value="item.dictKey">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
@@ -161,10 +164,11 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">副本份数</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="numberOfData" :selectValue="assemblyForm.numberOfCopy" :clearable="true"
|
|
|
- :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
- :forParameter="{ key: 'dictKey', label: 'dictValue', value: 'dictValue' }" placeholder="请选择副本份数"
|
|
|
- @corpChange="corpChange($event, 'Copy')" @corpFocus="remoteMethod($event, 'numberOfCopy')">
|
|
|
+ <search-query :datalist="numberOfData" :selectValue="assemblyForm.numberOfCopy"
|
|
|
+ :clearable="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
+ :forParameter="{ key: 'dictKey', label: 'dictValue', value: 'dictValue' }"
|
|
|
+ placeholder="请选择副本份数" @corpChange="corpChange($event, 'Copy')"
|
|
|
+ @corpFocus="remoteMethod($event, 'numberOfCopy')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -176,7 +180,8 @@
|
|
|
<search-query :datalist="hpayplaceData" :selectValue="assemblyForm.hpayplace" :filterable="true"
|
|
|
:clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
:forParameter="{ key: 'id', label: 'enName', value: 'enName' }" placeholder="请选择HB/L付款地点"
|
|
|
- @remoteMethod="remoteMethod($event, 'hpayplace')" @corpChange="corpChange($event, 'hpayplace')"
|
|
|
+ @remoteMethod="remoteMethod($event, 'hpayplace')"
|
|
|
+ @corpChange="corpChange($event, 'hpayplace')"
|
|
|
@corpFocus="remoteMethod($event, 'hpayplace')">
|
|
|
</search-query>
|
|
|
<!--<el-input type="age" style="width: 100%;" v-model="assemblyForm.hpayplace"-->
|
|
@@ -193,7 +198,8 @@
|
|
|
<search-query :datalist="mpayplaceData" :selectValue="assemblyForm.mpayplace" :filterable="true"
|
|
|
:clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
:forParameter="{ key: 'id', label: 'enName', value: 'enName' }" placeholder="请选择MB/L付款地点"
|
|
|
- @remoteMethod="remoteMethod($event, 'mpayplace')" @corpChange="corpChange($event, 'mpayplace')"
|
|
|
+ @remoteMethod="remoteMethod($event, 'mpayplace')"
|
|
|
+ @corpChange="corpChange($event, 'mpayplace')"
|
|
|
@corpFocus="remoteMethod($event, 'mpayplace')">
|
|
|
</search-query>
|
|
|
<!--<el-input type="age" style="width: 100%;" v-model="assemblyForm.mPayplace"-->
|
|
@@ -217,7 +223,8 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-button size="small" style="margin:3px 0 0 10px;" type="primary" @click="inttraAdd">发送 INTTRA EDI 时 DOOR TO 或
|
|
|
+ <el-button size="small" style="margin:3px 0 0 10px;" type="primary" @click="inttraAdd">发送 INTTRA EDI
|
|
|
+ 时 DOOR TO 或
|
|
|
TO DOOR 联系人信息</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -239,8 +246,7 @@
|
|
|
<span style="color: #1e9fff">退舱日期</span>
|
|
|
</span>
|
|
|
<el-date-picker v-model="assemblyForm.bookingWithdrawTime" type="date" style="width: 100%;"
|
|
|
- value-format="yyyy-MM-dd HH:mm" size="small" disabled
|
|
|
- placeholder="请选择退舱日期">
|
|
|
+ value-format="yyyy-MM-dd HH:mm" size="small" disabled placeholder="请选择退舱日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -261,20 +267,39 @@
|
|
|
<!-- clearable placeholder="请输入签单地点" ></el-input>-->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="6">
|
|
|
- <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled"
|
|
|
- v-model="assemblyForm.isLargeCargo">大件货</el-checkbox>
|
|
|
+ <el-form-item label="客户来源" prop="corpSource">
|
|
|
+ <template slot-scope="{}" slot="label">
|
|
|
+ <span style="color: #409EFF;cursor: pointer" @click.stop="addDic('客户来源')">客户来源</span>
|
|
|
+ </template>
|
|
|
+ <el-select v-model="assemblyForm.corpSource" size="small" placeholder="请选择客户来源" clearable
|
|
|
+ :style="{ width: '100%' }">
|
|
|
+ <el-option v-for="(item, index) in corpSourceDict" :key="index" :label="item.dictValue"
|
|
|
+ :value="item.dictKey" :disabled="item.disabled"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+
|
|
|
<div>
|
|
|
<el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled"
|
|
|
- v-model="assemblyForm.isNeedLand">陆运</el-checkbox>
|
|
|
+ v-model="assemblyForm.isCutOffTheOrder">截单</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled"
|
|
|
+ v-model="assemblyForm.isManifest">舱单</el-checkbox>
|
|
|
<el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled"
|
|
|
- v-model="assemblyForm.isNeedDeclare">需报关</el-checkbox>
|
|
|
+ v-model="assemblyForm.isNeedDeclare">报关</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled"
|
|
|
+ v-model="assemblyForm.isVgm">VGM</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled"
|
|
|
+ v-model="assemblyForm.isPutOrder">放单</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled"
|
|
|
+ v-model="assemblyForm.isNeedLand">陆运</el-checkbox>
|
|
|
<el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled"
|
|
|
v-model="assemblyForm.isNeedIq">需三检</el-checkbox>
|
|
|
+ <el-checkbox size="medium" :true-label="1" :false-label="0" :disabled="detailData.seeDisabled"
|
|
|
+ v-model="assemblyForm.isLargeCargo">大件货</el-checkbox>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
@@ -282,8 +307,9 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">箱数或件数大写</span>
|
|
|
</span>
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.quantityPackingDescr" size="small"
|
|
|
- autocomplete="off" :disabled="true" clearable placeholder="请输入箱数或件数大写"></el-input>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.quantityPackingDescr"
|
|
|
+ size="small" autocomplete="off" :disabled="true" clearable
|
|
|
+ placeholder="请输入箱数或件数大写"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
@@ -300,7 +326,8 @@
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
- <el-dialog title="INTTRA EDI" :visible.sync="inttraVisible" width="50%" append-to-body :before-close="beforeClose">
|
|
|
+ <el-dialog title="INTTRA EDI" :visible.sync="inttraVisible" width="50%" append-to-body
|
|
|
+ :before-close="beforeClose">
|
|
|
<div>
|
|
|
<el-form :model="assemblyForm" ref="form" label-width="160px">
|
|
|
<!-- <el-row :gutter="20">-->
|
|
@@ -359,33 +386,36 @@
|
|
|
<el-row v-if="inttraDoorToVisible" :gutter="20">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item :label="`DOOR TO 客户名称`" prop="hNotify2CnName">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail[`inttraDoorToCorpName`]"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail[`inttraDoorToCorpName`]" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
:placeholder="`请输入 DOOR TO 客户名称`"
|
|
|
@input="inttraTitleInput($event, 'CorpName')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item :label="`DOOR TO 客户地址`">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail[`inttraDoorToCorpAddr`]"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail[`inttraDoorToCorpAddr`]" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
:placeholder="`请输入${inttraText} 客户地址`"
|
|
|
@input="inttraTitleInput($event, 'CorpAddr')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item :label="`DOOR TO 联系人`">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail[`inttraDoorToCorpContacts`]"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail[`inttraDoorToCorpContacts`]" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
:placeholder="`请输入 DOOR TO 联系人`"
|
|
|
@input="inttraTitleInput($event, 'CorpContacts')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item :label="`DOOR TO 联系电话`">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail[`inttraDoorToCorpTel`]"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- :placeholder="`请输入 DOOR TO 联系人电话`"
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail[`inttraDoorToCorpTel`]" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" clearable :placeholder="`请输入 DOOR TO 联系人电话`"
|
|
|
@input="inttraTitleInput($event, 'CorpTel')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -395,33 +425,36 @@
|
|
|
<el-row v-if="inttraToDoorVisible" :gutter="20">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item :label="`TO DOOR 客户名称`" prop="hNotify2CnName">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail[`inttraToDoorCorpName`]"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail[`inttraToDoorCorpName`]" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
:placeholder="`请输入 TO DOOR 客户名称`"
|
|
|
@input="inttraTitleInput($event, 'CorpName')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item :label="`TO DOOR 客户地址`">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail[`inttraToDoorCorpAddr`]"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail[`inttraToDoorCorpAddr`]" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
:placeholder="`请输入 TO DOOR 客户地址`"
|
|
|
@input="inttraTitleInput($event, 'CorpAddr')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item :label="`TO DOOR 联系人`">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail[`inttraToDoorCorpContacts`]"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail[`inttraToDoorCorpContacts`]" size="small"
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
:placeholder="`请输入 TO DOOR 联系人`"
|
|
|
@input="inttraTitleInput($event, 'CorpContacts')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item :label="`TO DOOR 联系电话`">
|
|
|
- <el-input type="age" style="width: 100%;" v-model="assemblyForm.detail[`inttraToDoorCorpTel`]"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
- :placeholder="`请输入 TO DOOR 联系人电话`"
|
|
|
+ <el-input type="age" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail[`inttraToDoorCorpTel`]" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" clearable :placeholder="`请输入 TO DOOR 联系人电话`"
|
|
|
@input="inttraTitleInput($event, 'CorpTel')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -468,6 +501,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ corpSourceDict: [],
|
|
|
emailhash: emailhash, // 邮箱跳转地址
|
|
|
// 场站
|
|
|
cyData: [],
|
|
@@ -527,7 +561,7 @@ export default {
|
|
|
this.cyBcorpslistByType(value)
|
|
|
} else if (inttraArr.indexOf(name) != -1) {
|
|
|
this.inttraBcorpslistByType(value)
|
|
|
- }
|
|
|
+ }
|
|
|
// else if (name == 'issueType') {
|
|
|
// // 签单方式
|
|
|
// this.getWorkDictsfun()
|
|
@@ -718,7 +752,7 @@ export default {
|
|
|
},
|
|
|
// 弹窗关闭
|
|
|
beforeClose(done) {
|
|
|
- done();
|
|
|
+ done();
|
|
|
},
|
|
|
// 邮箱跳转
|
|
|
emailJump() {
|
|
@@ -771,6 +805,9 @@ export default {
|
|
|
getWorkDicts('business_Type_detail').then(res => {
|
|
|
this.businessTypesData = res.data.data
|
|
|
})
|
|
|
+ getWorkDicts('corp_Source').then((res) => {
|
|
|
+ this.corpSourceDict = res.data.data
|
|
|
+ });
|
|
|
},
|
|
|
// 获取份数数据
|
|
|
numberoforiginalWorkDicts() {
|
|
@@ -815,4 +852,8 @@ export default {
|
|
|
::v-deep.el-form-item {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
+
|
|
|
+::v-deep .el-checkbox {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
</style>
|