|
@@ -48,6 +48,7 @@
|
|
|
v-model="form.paymentMethod"
|
|
|
clearable
|
|
|
filterable
|
|
|
+ @change="paymentMethodChange"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in dc_data.COLLECTION_METHODS"
|
|
@@ -72,25 +73,27 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
+ <el-col :span="3" class="col-txt"><span>到账银行开户行</span></el-col>
|
|
|
+ <el-col :span="9" class="col-input">
|
|
|
+ <el-form-item>
|
|
|
+ <el-autocomplete
|
|
|
+ v-model="form.bankName"
|
|
|
+ class="inline-input"
|
|
|
+ :fetch-suggestions="querySearch"
|
|
|
+ placeholder="请输入银行账号"
|
|
|
+ style="width: 100%"
|
|
|
+ @select="handleSelect"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
<el-col :span="3" class="col-txt"><span>到账银行账号</span></el-col>
|
|
|
<el-col :span="9" class="col-input">
|
|
|
<el-form-item>
|
|
|
- <el-select
|
|
|
- v-model="bankObject"
|
|
|
- placeholder=""
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- @change="bankChange"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in bankOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.bankName + (item.bankBranchName?item.bankBranchName:'') + item.bankNumber"
|
|
|
- :value="item.id"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
+ <el-input v-model="form.bankNumber" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
<el-col :span="3" class="col-txt"><span>到账金额</span></el-col>
|
|
|
<el-col :span="9" class="col-input">
|
|
|
<el-form-item>
|
|
@@ -208,7 +211,10 @@ export default {
|
|
|
if (data.id) {
|
|
|
this.getById(data)
|
|
|
} else {
|
|
|
- this.getBankByFloor()
|
|
|
+ // 默认带出合同里的 银行信息
|
|
|
+ // this.getBankByFloor()
|
|
|
+ this.form.bankName = data.bankName
|
|
|
+ this.form.bankNumber = data.bankNumber
|
|
|
}
|
|
|
this.addLoading = false
|
|
|
})
|
|
@@ -230,7 +236,7 @@ export default {
|
|
|
if (res.data.createdAt) {
|
|
|
this.dateStr = res.data.createdAt
|
|
|
}
|
|
|
- this.bankObject = res.data.bankName + res.data.bankBranchName + res.data.bankNumber
|
|
|
+ // this.bankObject = res.data.bankName + res.data.bankBranchName + res.data.bankNumber
|
|
|
})
|
|
|
},
|
|
|
confirmSubmit: function() {
|
|
@@ -281,31 +287,60 @@ export default {
|
|
|
this.AllData.splice(index, 1)
|
|
|
},
|
|
|
getBankOptions() {
|
|
|
+ this.bankOptions = []
|
|
|
this.bankRequest('listAll', {}).then(res => {
|
|
|
- this.bankOptions = res.data || []
|
|
|
- })
|
|
|
- },
|
|
|
- bankChange(data) {
|
|
|
- const val = this.bankOptions.find(e => { return data == e.id })
|
|
|
- this.form.bankName = val.bankName
|
|
|
- this.form.bankBranchName = val.bankBranchName
|
|
|
- this.form.bankNumber = val.bankNumber
|
|
|
- },
|
|
|
- getBankByFloor() {
|
|
|
- this.fundRequest('getBankByFloor', { contractId: this.contractId }).then(res => {
|
|
|
- if (res.data) {
|
|
|
- this.bankObject = res.data.bankFullName
|
|
|
- this.form.bankName = res.data.bankName
|
|
|
- this.form.bankBranchName = res.data.bankBranchName
|
|
|
- this.form.bankNumber = res.data.bankNumber
|
|
|
- }
|
|
|
+ const bankList = res.data || []
|
|
|
+ bankList.forEach(item => {
|
|
|
+ const obj = {
|
|
|
+ value: item.bankBranchName + item.bankName,
|
|
|
+ label: item.bankNumber,
|
|
|
+ id: item.id
|
|
|
+ }
|
|
|
+ this.bankOptions.push(obj)
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
+ // bankChange(data) {
|
|
|
+ // const val = this.bankOptions.find(e => { return data == e.id })
|
|
|
+ // this.form.bankName = val.bankName
|
|
|
+ // this.form.bankBranchName = val.bankBranchName
|
|
|
+ // this.form.bankNumber = val.bankNumber
|
|
|
+ // },
|
|
|
+ // getBankByFloor() {
|
|
|
+ // this.fundRequest('getBankByFloor', { contractId: this.contractId }).then(res => {
|
|
|
+ // if (res.data) {
|
|
|
+ // this.bankObject = res.data.bankFullName
|
|
|
+ // this.form.bankName = res.data.bankName
|
|
|
+ // this.form.bankBranchName = res.data.bankBranchName
|
|
|
+ // this.form.bankNumber = res.data.bankNumber
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // },
|
|
|
uploadPhoto: function(param) {
|
|
|
upload(param, true).then((res) => {
|
|
|
this.fileList.push(res)
|
|
|
})
|
|
|
},
|
|
|
+ querySearch(queryString, cb) {
|
|
|
+ var restaurants = this.bankOptions
|
|
|
+ var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
|
|
|
+ // 调用 callback 返回建议列表的数据
|
|
|
+ cb(results)
|
|
|
+ },
|
|
|
+ createFilter(queryString) {
|
|
|
+ return (restaurant) => {
|
|
|
+ return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSelect(item) {
|
|
|
+ this.form.bankNumber = item.label
|
|
|
+ },
|
|
|
+ paymentMethodChange(item) {
|
|
|
+ if (item == '1') {
|
|
|
+ this.form.bankName = ''
|
|
|
+ this.form.bankNumber = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
baseRequest(opUrl, postData) {
|
|
|
return this.$channel.globeRequest('PayLogController', opUrl, postData, 'project')
|
|
|
},
|
|
@@ -314,6 +349,9 @@ export default {
|
|
|
},
|
|
|
fundRequest(opUrl, postData) {
|
|
|
return this.$channel.globeRequest('MaintenanceFundsManagementController', opUrl, postData, 'project')
|
|
|
+ },
|
|
|
+ baseContractRequest(opUrl, postData) {
|
|
|
+ return this.$channel.globeRequest('ContractManageController', opUrl, postData, 'project')
|
|
|
}
|
|
|
|
|
|
}
|