|
@@ -8,7 +8,8 @@
|
|
|
<span style="color: #1e9fff">提单号</span>
|
|
|
</span>
|
|
|
<el-input type="age" style="width: 100%;" v-model="assemblyForm.mblno" size="small"
|
|
|
- autocomplete="off" :disabled="detailData.seeDisabled" clearable placeholder="请输入提单号"></el-input>
|
|
|
+ autocomplete="off" :disabled="detailData.seeDisabled" clearable
|
|
|
+ placeholder="请输入提单号"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
@@ -17,10 +18,12 @@
|
|
|
<span style="color: #1e9fff">船名</span>
|
|
|
</span>
|
|
|
<search-query :datalist="vesselData" :selectValue="assemblyForm.vesselCnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
- placeholder="请选择船名" @remoteMethod="remoteMethod($event, 'vessel')"
|
|
|
- @corpChange="corpChange($event, 'vessel')" @corpFocus="remoteMethod($event, 'vessel')">
|
|
|
+ :filterable="true" :clearable="true" :remote="true"
|
|
|
+ :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
+ :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择船名"
|
|
|
+ @remoteMethod="remoteMethod($event, 'vessel')"
|
|
|
+ @corpChange="corpChange($event, 'vessel')"
|
|
|
+ @corpFocus="remoteMethod($event, 'vessel')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -39,11 +42,11 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">船公司</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="carrierData" :selectValue="assemblyForm.carrierCnName" :filterable="true"
|
|
|
- :clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
- :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择船公司"
|
|
|
- @remoteMethod="remoteMethod($event, 'carrier')" @corpChange="corpChange($event, 'carrier')"
|
|
|
- @corpFocus="remoteMethod($event, 'carrier')">
|
|
|
+ <search-query :datalist="carrierData" :selectValue="assemblyForm.carrierCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ placeholder="请选择船公司" @remoteMethod="remoteMethod($event, 'carrier')"
|
|
|
+ @corpChange="corpChange($event, 'carrier')" @corpFocus="remoteMethod($event, 'carrier')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="订舱代理" prop="bookingAgentCnName">
|
|
@@ -52,8 +55,8 @@
|
|
|
</span>
|
|
|
<search-query :datalist="bookingAgentData" :selectValue="assemblyForm.bookingAgentCnName"
|
|
|
:filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
- :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择订舱代理"
|
|
|
- @remoteMethod="remoteMethod($event, 'bookingAgent')"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ placeholder="请选择订舱代理" @remoteMethod="remoteMethod($event, 'bookingAgent')"
|
|
|
@corpChange="corpChange($event, 'bookingAgent')"
|
|
|
@corpFocus="remoteMethod($event, 'bookingAgent')">
|
|
|
</search-query>
|
|
@@ -62,9 +65,9 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">订舱备注</span>
|
|
|
</span>
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.bookingRemarks" size="small"
|
|
|
- autocomplete="off" :disabled="detailData.seeDisabled" rows="3" clearable
|
|
|
- placeholder="请输入订舱备注"></el-input>
|
|
|
+ <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.bookingRemarks"
|
|
|
+ size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="3" clearable
|
|
|
+ placeholder="请输入订舱备注" @change="textareaBlur('bookingRemarks')"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
@@ -117,11 +120,12 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">航线</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="lineData" :selectValue="assemblyForm.lineCnName" :filterable="true"
|
|
|
- :clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
+ <search-query :datalist="lineData" :selectValue="assemblyForm.lineCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true"
|
|
|
+ :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
:forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择航线"
|
|
|
- @remoteMethod="remoteMethod($event, 'line')" @corpChange="corpChange($event, 'line')"
|
|
|
- @corpFocus="remoteMethod($event, 'line')">
|
|
|
+ @remoteMethod="remoteMethod($event, 'line')"
|
|
|
+ @corpChange="corpChange($event, 'line')" @corpFocus="remoteMethod($event, 'line')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -144,7 +148,7 @@
|
|
|
</span>
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.siRemarks" size="small"
|
|
|
autocomplete="off" :disabled="detailData.seeDisabled" rows="3" clearable
|
|
|
- placeholder="请输入SI备注"></el-input>
|
|
|
+ placeholder="请输入SI备注" @change="textareaBlur('siRemarks')"></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-col>
|
|
@@ -156,18 +160,18 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">MB/L 发货人</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="mshipperData" :selectValue="assemblyForm.detail.mshipperCnName" :filterable="true"
|
|
|
- :clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
- :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择MB/L 发货人"
|
|
|
- @remoteMethod="remoteMethod($event, 'mshipper')" @corpChange="corpChange($event, 'mshipper')"
|
|
|
- @corpFocus="remoteMethod($event, 'mshipper')">
|
|
|
+ <search-query :datalist="mshipperData" :selectValue="assemblyForm.detail.mshipperCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ placeholder="请选择MB/L 发货人" @remoteMethod="remoteMethod($event, 'mshipper')"
|
|
|
+ @corpChange="corpChange($event, 'mshipper')" @corpFocus="remoteMethod($event, 'mshipper')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<div style="margin-top: 10px">
|
|
|
<el-form-item label="" prop="mshipperDetails">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.mshipperDetails"
|
|
|
size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="4" clearable
|
|
|
- placeholder="MB/L 发货人"></el-input>
|
|
|
+ placeholder="MB/L 发货人" @change="textareaBlur('mshipperDetails')"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -180,14 +184,16 @@
|
|
|
:filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
:buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
placeholder="请选择MB/L 收货人" @remoteMethod="remoteMethod($event, 'mconsignee')"
|
|
|
- @corpChange="corpChange($event, 'mconsignee')" @corpFocus="remoteMethod($event, 'mconsignee')">
|
|
|
+ @corpChange="corpChange($event, 'mconsignee')"
|
|
|
+ @corpFocus="remoteMethod($event, 'mconsignee')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<div style="margin-top: 10px">
|
|
|
<el-form-item label="" prop="mconsigneeDetails">
|
|
|
- <el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.mconsigneeDetails"
|
|
|
- size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="4" clearable
|
|
|
- placeholder="MB/L 收货人"></el-input>
|
|
|
+ <el-input type="textarea" style="width: 100%;"
|
|
|
+ v-model="assemblyForm.detail.mconsigneeDetails" size="small" autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled" rows="4" clearable placeholder="MB/L 收货人"
|
|
|
+ @change="textareaBlur('mconsigneeDetails')"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -196,18 +202,18 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">MB/L 通知人</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="mnotifyData" :selectValue="assemblyForm.detail.mnotifyCnName" :filterable="true"
|
|
|
- :clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
- :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择MB/L 通知人"
|
|
|
- @remoteMethod="remoteMethod($event, 'mnotify')" @corpChange="corpChange($event, 'mnotify')"
|
|
|
- @corpFocus="remoteMethod($event, 'mnotify')">
|
|
|
+ <search-query :datalist="mnotifyData" :selectValue="assemblyForm.detail.mnotifyCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ placeholder="请选择MB/L 通知人" @remoteMethod="remoteMethod($event, 'mnotify')"
|
|
|
+ @corpChange="corpChange($event, 'mnotify')" @corpFocus="remoteMethod($event, 'mnotify')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<div style="margin-top: 10px">
|
|
|
<el-form-item label="" prop="mnotifyDetails">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.mnotifyDetails"
|
|
|
size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="4" clearable
|
|
|
- placeholder="MB/L 通知人"></el-input>
|
|
|
+ placeholder="MB/L 通知人" @change="textareaBlur('mnotifyDetails')"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -216,18 +222,18 @@
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">第二通知人</span>
|
|
|
</span>
|
|
|
- <search-query :datalist="mnotify2Data" :selectValue="assemblyForm.detail.mnotify2CnName" :filterable="true"
|
|
|
- :clearable="true" :remote="true" :disabled="detailData.seeDisabled" :buttonIf="false"
|
|
|
- :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择第二通知人"
|
|
|
- @remoteMethod="remoteMethod($event, 'mnotify2')" @corpChange="corpChange($event, 'mnotify2')"
|
|
|
- @corpFocus="remoteMethod($event, 'mnotify2')">
|
|
|
+ <search-query :datalist="mnotify2Data" :selectValue="assemblyForm.detail.mnotify2CnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }"
|
|
|
+ placeholder="请选择第二通知人" @remoteMethod="remoteMethod($event, 'mnotify2')"
|
|
|
+ @corpChange="corpChange($event, 'mnotify2')" @corpFocus="remoteMethod($event, 'mnotify2')">
|
|
|
</search-query>
|
|
|
</el-form-item>
|
|
|
<div style="margin-top: 10px">
|
|
|
<el-form-item label="" prop="mnotify2Details">
|
|
|
<el-input type="textarea" style="width: 100%;" v-model="assemblyForm.detail.mnotify2Details"
|
|
|
size="small" autocomplete="off" :disabled="detailData.seeDisabled" rows="4" clearable
|
|
|
- placeholder="请输入第二通知人提单描述"></el-input>
|
|
|
+ placeholder="请输入第二通知人提单描述" @change="textareaBlur('mnotify2Details')"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -242,7 +248,7 @@ import { getBvesselsList } from "@/api/iosBasicData/bvessels";
|
|
|
import { getBcorpsList, getBcorpslistByType } from "@/api/iosBasicData/bcorps";
|
|
|
import { blinesList } from "@/api/iosBasicData/blines";
|
|
|
import { NdayDate } from "@/util/date";
|
|
|
-
|
|
|
+import _ from "lodash";
|
|
|
export default {
|
|
|
components: { SearchQuery },
|
|
|
props: {
|
|
@@ -285,6 +291,27 @@ export default {
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
+ // text文本框input
|
|
|
+ textareaBlur(name) {
|
|
|
+ console.log(name, 1160)
|
|
|
+ // if (this.assemblyForm[name].length > (35 * 5)) {
|
|
|
+ // this.$message({
|
|
|
+ // message: '输入的字体已经超出五行',
|
|
|
+ // type: 'warning'
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ let arr = ['mshipperDetails', 'mconsigneeDetails', 'mnotifyDetails', 'mnotify2Details']
|
|
|
+ if (arr.indexOf(name) != -1) {
|
|
|
+ this.assemblyForm.detail[name] = _.toUpper(this.assemblyForm.detail[name])
|
|
|
+
|
|
|
+ }
|
|
|
+ let arr2 = ['bookingRemarks', 'siRemarks']
|
|
|
+ if (arr2.indexOf(name) != -1) {
|
|
|
+ this.assemblyForm[name] = _.toUpper(this.assemblyForm[name])
|
|
|
+
|
|
|
+ }
|
|
|
+ // this.assemblyForm[name] = textareaWrap(this.assemblyForm[name])
|
|
|
+ },
|
|
|
/* 远程模糊查询操作用户 */
|
|
|
remoteMethod(value, name) {
|
|
|
let arr = ['mshipper', 'mconsignee', 'mnotify', 'mnotify2']
|
|
@@ -353,7 +380,7 @@ export default {
|
|
|
else if (arr.indexOf(name) != -1) {
|
|
|
for (let item of this[name + 'Data']) {
|
|
|
if (item.cnName == value) {
|
|
|
- console.log(item,1111)
|
|
|
+ console.log(item, 1111)
|
|
|
this.$set(this.assemblyForm.detail, name + 'Id', item.id)
|
|
|
this.$set(this.assemblyForm.detail, name + 'CnName', item.cnName)
|
|
|
this.$set(this.assemblyForm.detail, name + 'EnName', item.enName)
|