|
|
@@ -741,42 +741,51 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="POL场站" prop="cyCnName">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #4c9e44;cursor: pointer;text-decoration: underline"
|
|
|
- @click="emailJump('cy')">POL场站</span>
|
|
|
- </span>
|
|
|
- <!-- :disabled="detailData.seeDisabled || generateBillsfalse" :buttonIf="false"-->
|
|
|
- <search-query :datalist="cyData" :selectValue="assemblyForm.cyCnName" :filterable="true"
|
|
|
- :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
- :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择场站"
|
|
|
- @remoteMethod="remoteMethod($event, 'cy')" @corpChange="corpChange($event, 'cy')"
|
|
|
- @corpFocus="remoteMethod($event, 'cy')">
|
|
|
- </search-query>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="联系人" prop="cyContacts">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">联系人</span>
|
|
|
- </span>
|
|
|
- <!--<el-input type="age" style="width: 100%;" v-model="assemblyForm.cyContacts"-->
|
|
|
- <!-- size="small" autocomplete="off"-->
|
|
|
- <!-- :disabled="detailData.seeDisabled || generateBillsfalse"-->
|
|
|
- <!-- clearable placeholder="请输入联系人" ></el-input>-->
|
|
|
- <search-query :datalist="cyContactsData" :selectValue="assemblyForm.cyContacts"
|
|
|
- :filterable="true" :clearable="true"
|
|
|
- :disabled="detailData.seeDisabled || generateBillsfalse || !assemblyForm.cyCnName"
|
|
|
- :buttonIf="false" :forParameter="{ key: 'id', label: 'cname', value: 'cname' }"
|
|
|
- placeholder="联系人" @corpChange="corpChange($event, 'cyContacts')"
|
|
|
- @corpFocus="remoteMethod($event, 'cyContacts')">
|
|
|
- </search-query>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="POL场站" prop="cyCnName">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #4c9e44;cursor: pointer;text-decoration: underline"
|
|
|
+ @click="emailJump('cy')">POL场站</span>
|
|
|
+ </span>
|
|
|
+ <!-- :disabled="detailData.seeDisabled || generateBillsfalse" :buttonIf="false"-->
|
|
|
+ <search-query :datalist="cyData" :selectValue="assemblyForm.cyCnName" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择场站"
|
|
|
+ @remoteMethod="remoteMethod($event, 'cy')" @corpChange="corpChange($event, 'cy')"
|
|
|
+ @corpFocus="remoteMethod($event, 'cy')">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="联系人" prop="cyContacts">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">联系人</span>
|
|
|
+ </span>
|
|
|
+ <!--<el-input type="age" style="width: 100%;" v-model="assemblyForm.cyContacts"-->
|
|
|
+ <!-- size="small" autocomplete="off"-->
|
|
|
+ <!-- :disabled="detailData.seeDisabled || generateBillsfalse"-->
|
|
|
+ <!-- clearable placeholder="请输入联系人" ></el-input>-->
|
|
|
+ <search-query :datalist="cyContactsData" :selectValue="assemblyForm.cyContacts"
|
|
|
+ :filterable="true" :clearable="true"
|
|
|
+ :disabled="detailData.seeDisabled || generateBillsfalse || !assemblyForm.cyCnName"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cname', value: 'cname' }"
|
|
|
+ placeholder="联系人" @corpChange="corpChange($event, 'cyContacts')"
|
|
|
+ @corpFocus="remoteMethod($event, 'cyContacts')">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="电话" prop="cyTel">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">电话</span>
|
|
|
+ </span>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.cyTel" size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled || generateBillsfalse || !assemblyForm.cyCnName" clearable
|
|
|
+ placeholder="电话"></el-input>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item label="地址" prop="cyAddress">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">地址</span>
|
|
|
@@ -789,42 +798,99 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="POD场站" prop="podCyCnName">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #4c9e44;cursor: pointer;text-decoration: underline"
|
|
|
- @click="emailJump('cy')">POD场站</span>
|
|
|
- </span>
|
|
|
- <search-query :datalist="podCyData" :selectValue="assemblyForm.podCyCnName"
|
|
|
- :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
- :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择场站"
|
|
|
- @remoteMethod="remoteMethod($event, 'podCyCnName')"
|
|
|
- @corpChange="corpChange($event, 'podCyCnName')"
|
|
|
- @corpFocus="remoteMethod($event, 'podCyCnName')">
|
|
|
- </search-query>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="联系人" prop="podCyContacts">
|
|
|
- <span slot="label">
|
|
|
- <span style="color: #1e9fff">联系人</span>
|
|
|
- </span>
|
|
|
- <!--<el-input type="age" style="width: 100%;" v-model="assemblyForm.cyContacts"-->
|
|
|
- <!-- size="small" autocomplete="off"-->
|
|
|
- <!-- :disabled="detailData.seeDisabled || generateBillsfalse"-->
|
|
|
- <!-- clearable placeholder="请输入联系人" ></el-input>-->
|
|
|
- <search-query :datalist="podCyCnNameData" :selectValue="assemblyForm.podCyContacts"
|
|
|
- :filterable="true" :clearable="true"
|
|
|
- :disabled="detailData.seeDisabled || generateBillsfalse || !assemblyForm.podCyCnName"
|
|
|
- :buttonIf="false" :forParameter="{ key: 'id', label: 'cname', value: 'cname' }"
|
|
|
- placeholder="联系人" @corpChange="corpChange($event, 'cyContacts')"
|
|
|
- @corpFocus="remoteMethod($event, 'cyContacts')">
|
|
|
- </search-query>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="POD场站" prop="podCyCnName">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #4c9e44;cursor: pointer;text-decoration: underline"
|
|
|
+ @click="emailJump('cy')">POD场站</span>
|
|
|
+ </span>
|
|
|
+ <search-query :datalist="podCyData" :selectValue="assemblyForm.podCyCnName" :filterable="true"
|
|
|
+ :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择场站"
|
|
|
+ @remoteMethod="remoteMethod($event, 'podCyCnName')"
|
|
|
+ @corpChange="corpChange($event, 'podCyCnName')"
|
|
|
+ @corpFocus="remoteMethod($event, 'podCyCnName')">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="联系人" prop="c">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">联系人</span>
|
|
|
+ </span>
|
|
|
+ <search-query :datalist="podCyCnNameData" :selectValue="assemblyForm.podCyContacts"
|
|
|
+ :filterable="true" :clearable="true"
|
|
|
+ :disabled="detailData.seeDisabled || generateBillsfalse || !assemblyForm.podCyCnName"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cname', value: 'cname' }"
|
|
|
+ placeholder="联系人" @corpChange="corpChange($event, 'podCyContacts')"
|
|
|
+ @corpFocus="remoteMethod($event, 'podCyContacts')">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="电话" prop="podCyTel">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">电话</span>
|
|
|
+ </span>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.podCyTel" size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled || generateBillsfalse || !assemblyForm.podCyCnName"
|
|
|
+ clearable placeholder="电话"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="地址" prop="podCyAddress">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">地址</span>
|
|
|
+ </span>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.podCyAddress" size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled || generateBillsfalse || !assemblyForm.podCyCnName"
|
|
|
+ clearable placeholder="地址"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="集港码头" prop="portTerminalCyCnName">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">集港码头</span>
|
|
|
+ </span>
|
|
|
+ <search-query :datalist="portTerminalData" :selectValue="assemblyForm.portTerminalCyCnName"
|
|
|
+ :filterable="true" :clearable="true" :remote="true" :disabled="detailData.seeDisabled"
|
|
|
+ :forParameter="{ key: 'id', label: 'cnName', value: 'cnName' }" placeholder="请选择集港码头"
|
|
|
+ @remoteMethod="remoteMethod($event, 'portTerminalCyCnName')"
|
|
|
+ @corpChange="corpChange($event, 'portTerminalCyCnName')"
|
|
|
+ @corpFocus="remoteMethod($event, 'portTerminalCyCnName')">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="联系人" prop="c">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">联系人</span>
|
|
|
+ </span>
|
|
|
+ <search-query :datalist="podCyCnNameData" :selectValue="assemblyForm.podCyContacts"
|
|
|
+ :filterable="true" :clearable="true"
|
|
|
+ :disabled="detailData.seeDisabled || generateBillsfalse || !assemblyForm.podCyCnName"
|
|
|
+ :buttonIf="false" :forParameter="{ key: 'id', label: 'cname', value: 'cname' }"
|
|
|
+ placeholder="联系人" @corpChange="corpChange($event, 'podCyContacts')"
|
|
|
+ @corpFocus="remoteMethod($event, 'podCyContacts')">
|
|
|
+ </search-query>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="电话" prop="podCyTel">
|
|
|
+ <span slot="label">
|
|
|
+ <span style="color: #1e9fff">电话</span>
|
|
|
+ </span>
|
|
|
+ <el-input type="age" style="width: 100%;" v-model="assemblyForm.podCyTel" size="small"
|
|
|
+ autocomplete="off"
|
|
|
+ :disabled="detailData.seeDisabled || generateBillsfalse || !assemblyForm.podCyCnName"
|
|
|
+ clearable placeholder="电话"></el-input>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item label="地址" prop="podCyAddress">
|
|
|
<span slot="label">
|
|
|
<span style="color: #1e9fff">地址</span>
|
|
|
@@ -1090,6 +1156,7 @@ export default {
|
|
|
// 场站
|
|
|
cyData: [],
|
|
|
podCyData: [],
|
|
|
+ portTerminalData: [],
|
|
|
cyContactsData: [], // 场站联系人
|
|
|
podCyCnNameData: [],
|
|
|
// 多选的数据
|
|
|
@@ -1352,12 +1419,20 @@ export default {
|
|
|
else if (name == 'cy') {
|
|
|
this.cyBcorpslistByType(value)
|
|
|
}
|
|
|
+ // 场站联系人
|
|
|
+ else if (name == 'cyContacts') {
|
|
|
+ this.cyBcorpsattnListfun()
|
|
|
+ }
|
|
|
else if (name == 'podCyCnName') {
|
|
|
this.cyBcorpslistByType2(value)
|
|
|
}
|
|
|
// 场站联系人
|
|
|
- else if (name == 'podCyCnName') {
|
|
|
- this.cyBcorpsattnListfun()
|
|
|
+ else if (name == 'podCyContacts') {
|
|
|
+ this.cyBcorpsattnListfun2()
|
|
|
+ }
|
|
|
+ // 码头
|
|
|
+ else if (name == 'portTerminalCyCnName') {
|
|
|
+ this.cyBcorpslistByType3()
|
|
|
}
|
|
|
// 货物
|
|
|
// else if (name == 'commodity') {
|
|
|
@@ -1677,7 +1752,7 @@ export default {
|
|
|
this.$set(this.assemblyForm, 'podCyEnName', item.enName)
|
|
|
// this.$set(this.assemblyForm, 'cyRemarks', item.details) // 客户里的详情信息
|
|
|
// 查询场站联系人
|
|
|
- getBcorpsattnList(1, 20, { pid: this.assemblyForm.cyId }).then(res => {
|
|
|
+ getBcorpsattnList(1, 20, { pid: this.assemblyForm.podCyId }).then(res => {
|
|
|
if (res.data.data.records.length > 0) {
|
|
|
this.$set(this.assemblyForm, 'podCyTel', res.data.data.records[0].tel)
|
|
|
this.$set(this.assemblyForm, 'podCyAddress', res.data.data.records[0].addr)
|
|
|
@@ -1687,6 +1762,34 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ else if (name == 'portTerminalCyCnName') {
|
|
|
+ if (!value) {
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyId', '')
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyCode', '')
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyCnName', '')
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyEnName', '')
|
|
|
+ // 联系人
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyTel', '')
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyAddress', '')
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyContacts', '')
|
|
|
+ }
|
|
|
+ for (let item of this.podCyData) {
|
|
|
+ if (item.cnName == value) {
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyId', item.id)
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyCode', item.code)
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyCnName', item.cnName)
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyEnName', item.enName)
|
|
|
+ // 查询场站联系人
|
|
|
+ getBcorpsattnList(1, 20, { pid: this.assemblyForm.portTerminalCyId }).then(res => {
|
|
|
+ if (res.data.data.records.length > 0) {
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyTel', res.data.data.records[0].tel)
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyAddress', res.data.data.records[0].addr)
|
|
|
+ this.$set(this.assemblyForm, 'portTerminalCyContacts', res.data.data.records[0].cname)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
// 场站联系人
|
|
|
else if (name == 'cyContacts') {
|
|
|
if (!value) {
|
|
|
@@ -1702,6 +1805,20 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ else if (name == 'podCyContacts') {
|
|
|
+ if (!value) {
|
|
|
+ this.$set(this.assemblyForm, 'podCyTel', '')
|
|
|
+ this.$set(this.assemblyForm, 'podCyAddress', '')
|
|
|
+ this.$set(this.assemblyForm, 'podCyContacts', '')
|
|
|
+ }
|
|
|
+ for (let item of this.podCyCnNameData) {
|
|
|
+ if (item.cname == value) {
|
|
|
+ this.$set(this.assemblyForm, 'podCyTel', item.tel)
|
|
|
+ this.$set(this.assemblyForm, 'podCyAddress', item.addr)
|
|
|
+ this.$set(this.assemblyForm, 'podCyContacts', item.cname)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
else {
|
|
|
this.$set(this.assemblyForm, name, value ? value : '')
|
|
|
}
|
|
|
@@ -1891,6 +2008,12 @@ export default {
|
|
|
this.podCyData = res.data.data.records
|
|
|
})
|
|
|
},
|
|
|
+ cyBcorpslistByType3(cnName) {
|
|
|
+ let corpTypeName = '码头'
|
|
|
+ getBcorpslistByType(1, 10, { cnName, status: 0, corpTypeName }).then(res => {
|
|
|
+ this.portTerminalData = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
// 获取场站下的联系人数据
|
|
|
cyBcorpsattnListfun() {
|
|
|
getBcorpsattnList(1, 20, { pid: this.assemblyForm.cyId }).then(res => {
|