|
@@ -36,7 +36,28 @@ |
|
|
@cancel="showBankType = false" |
|
|
@cancel="showBankType = false" |
|
|
/> |
|
|
/> |
|
|
</van-popup> |
|
|
</van-popup> |
|
|
<van-field label="开户银行" required :rules="[{ required: true , message:'请输入开户银行' }]" v-model="form.bankDeposit" placeholder="请输入开户银行" input-align="right" label-width="auto"/> |
|
|
|
|
|
|
|
|
<van-field |
|
|
|
|
|
readonly |
|
|
|
|
|
clickable |
|
|
|
|
|
label="开户银行" |
|
|
|
|
|
placeholder="请选择" |
|
|
|
|
|
@click="showBankDeposit = true" |
|
|
|
|
|
v-model="bankDeposit" |
|
|
|
|
|
input-align="right" |
|
|
|
|
|
right-icon="arrow-down" |
|
|
|
|
|
label-width="auto" |
|
|
|
|
|
required |
|
|
|
|
|
:rules="[{ required: true , message:'请选择开户银行' }]" |
|
|
|
|
|
/> |
|
|
|
|
|
<van-popup v-model="showBankDeposit" position="bottom"> |
|
|
|
|
|
<van-picker |
|
|
|
|
|
show-toolbar |
|
|
|
|
|
:columns="bankDepositOptions" |
|
|
|
|
|
@confirm="onConfirmBankDeposit" |
|
|
|
|
|
@cancel="showBankDeposit = false" |
|
|
|
|
|
/> |
|
|
|
|
|
</van-popup> |
|
|
|
|
|
<van-field label="联行号" readonly required :rules="[{ required: true , message:'请输入联行号' }]" v-model="form.payeePaymentLines" input-align="right" label-width="auto"/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="main_box" style="margin-top: 10px;"> |
|
|
<div class="main_box" style="margin-top: 10px;"> |
|
@@ -95,21 +116,27 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { getPayee , updatePayee } from "@/api/onlineHome/bankAgriculture/collectionAccount"; |
|
|
|
|
|
|
|
|
import { getPayee , updatePayee,listDeposit } from "@/api/onlineHome/bankAgriculture/collectionAccount"; |
|
|
export default { |
|
|
export default { |
|
|
name: "collectionModify", |
|
|
name: "collectionModify", |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
showBankType:false, |
|
|
showBankType:false, |
|
|
|
|
|
showBankDeposit:false, |
|
|
showPayeeType:false, |
|
|
showPayeeType:false, |
|
|
form:{}, |
|
|
|
|
|
|
|
|
form:{ |
|
|
|
|
|
accountType:'1', |
|
|
|
|
|
status:'0' |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
bankType:'', |
|
|
bankType:'', |
|
|
payeeType:'', |
|
|
payeeType:'', |
|
|
|
|
|
|
|
|
|
|
|
bankDeposit:'', |
|
|
bankTypeOptions:[], |
|
|
bankTypeOptions:[], |
|
|
|
|
|
statusOptions:[], |
|
|
|
|
|
accountTypeOptions:[], |
|
|
payeeTypeOptions:[], |
|
|
payeeTypeOptions:[], |
|
|
|
|
|
|
|
|
|
|
|
bankDepositOptions:[], |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
@@ -118,19 +145,35 @@ |
|
|
methods: { |
|
|
methods: { |
|
|
getDictionaries(){ |
|
|
getDictionaries(){ |
|
|
getPayee(this.$route.query.id).then((response) => { |
|
|
getPayee(this.$route.query.id).then((response) => { |
|
|
|
|
|
let _this = this |
|
|
|
|
|
this.form = response.data; |
|
|
this.houseGetDicts("bank_type").then((res) => { |
|
|
this.houseGetDicts("bank_type").then((res) => { |
|
|
for(var i = 0 ; i < res.data.length ; i++){ |
|
|
for(var i = 0 ; i < res.data.length ; i++){ |
|
|
this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); |
|
|
|
|
|
|
|
|
_this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); |
|
|
} |
|
|
} |
|
|
this.bankType = this.selectDictLabel(res.data, response.data.bankType); |
|
|
this.bankType = this.selectDictLabel(res.data, response.data.bankType); |
|
|
}); |
|
|
}); |
|
|
this.houseGetDicts("payee_type").then((res) => { |
|
|
this.houseGetDicts("payee_type").then((res) => { |
|
|
for(var i = 0 ; i < res.data.length ; i++){ |
|
|
for(var i = 0 ; i < res.data.length ; i++){ |
|
|
this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); |
|
|
|
|
|
|
|
|
_this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); |
|
|
} |
|
|
} |
|
|
this.payeeType = this.selectDictLabel(res.data, response.data.payeeType); |
|
|
this.payeeType = this.selectDictLabel(res.data, response.data.payeeType); |
|
|
}); |
|
|
}); |
|
|
this.form = response.data; |
|
|
|
|
|
|
|
|
let queryParams={ |
|
|
|
|
|
"bankType":response.data.bankType, |
|
|
|
|
|
"status": "0", |
|
|
|
|
|
} |
|
|
|
|
|
listDeposit(queryParams).then(rr => { |
|
|
|
|
|
this.bankDepositOptions = [] |
|
|
|
|
|
for(var i = 0 ; i < rr.rows.length ; i++){ |
|
|
|
|
|
if(_this.form.bankDeposit==rr.rows[i].id){ |
|
|
|
|
|
_this.bankDeposit = rr.rows[i].bankDeposit |
|
|
|
|
|
} |
|
|
|
|
|
_this.bankDepositOptions.push({"text":rr.rows[i].bankDeposit,"value":rr.rows[i].id, |
|
|
|
|
|
"payeePaymentLines":rr.rows[i].payeePaymentLines,"institutionNumber":rr.rows[i].institutionNumber}); |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
@@ -141,7 +184,27 @@ |
|
|
onConfirmBankType(data){ |
|
|
onConfirmBankType(data){ |
|
|
this.bankType = data.text; |
|
|
this.bankType = data.text; |
|
|
this.form.bankType = data.value; |
|
|
this.form.bankType = data.value; |
|
|
|
|
|
this.bankDeposit = "" |
|
|
|
|
|
this.form.payeePaymentLines = "" |
|
|
this.showBankType = false; |
|
|
this.showBankType = false; |
|
|
|
|
|
let queryParams={ |
|
|
|
|
|
"bankType":this.form.bankType, |
|
|
|
|
|
"status": "0", |
|
|
|
|
|
} |
|
|
|
|
|
listDeposit(queryParams).then(response => { |
|
|
|
|
|
this.bankDepositOptions = [] |
|
|
|
|
|
for(var i = 0 ; i < response.rows.length ; i++){ |
|
|
|
|
|
this.bankDepositOptions.push({"text":response.rows[i].bankDeposit,"value":response.rows[i].id, |
|
|
|
|
|
"payeePaymentLines":response.rows[i].payeePaymentLines,"institutionNumber":response.rows[i].institutionNumber}); |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
onConfirmBankDeposit(data){ |
|
|
|
|
|
this.bankDeposit = data.text |
|
|
|
|
|
this.form.bankDeposit = data.value |
|
|
|
|
|
this.form.payeePaymentLines = data.payeePaymentLines |
|
|
|
|
|
this.form.alternateField10 = data.institutionNumber |
|
|
|
|
|
this.showBankDeposit = false; |
|
|
}, |
|
|
}, |
|
|
onConfirmPayeeType(data){ |
|
|
onConfirmPayeeType(data){ |
|
|
this.payeeType = data.text; |
|
|
this.payeeType = data.text; |
|
|