@@ -41,19 +41,26 @@ | |||||
@cancel="showBankType = false" | @cancel="showBankType = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<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:'请选择开户银行' }]" | |||||
/> | |||||
<div> | |||||
<van-field | |||||
label="开户银行" | |||||
placeholder="请输入开户银行" | |||||
v-model="bankDeposit" | |||||
input-align="right" | |||||
label-width="auto" | |||||
required | |||||
:rules="[{ required: true , message:'请输入开户银行' }]" | |||||
@input="selectDeposit" | |||||
@focus="selectDeposit" | |||||
/> | |||||
<!--readonly--> | |||||
<!--clickable--> | |||||
<!--@click="showBankDeposit = true"--> | |||||
<!--right-icon="arrow-down"payeePaymentLines--> | |||||
<div class="deposit_list" v-show="depositListShow"> | |||||
<van-cell style="cursor: pointer;" :title="item.text" @click="onConfirmBankDeposit(item)" v-for="(item,index) in bankDepositOptions" /> | |||||
</div> | |||||
</div> | |||||
<van-popup v-model="showBankDeposit" position="bottom"> | <van-popup v-model="showBankDeposit" position="bottom"> | ||||
<van-picker | <van-picker | ||||
show-toolbar | show-toolbar | ||||
@@ -130,6 +137,7 @@ | |||||
showBankType:false, | showBankType:false, | ||||
showBankDeposit:false, | showBankDeposit:false, | ||||
showPayeeType:false, | showPayeeType:false, | ||||
depositListShow:false, | |||||
form:{ | form:{ | ||||
accountType:'1', | accountType:'1', | ||||
status:'0' | status:'0' | ||||
@@ -223,6 +231,7 @@ | |||||
this.form.payeePaymentLines = data.payeePaymentLines | this.form.payeePaymentLines = data.payeePaymentLines | ||||
this.form.alternateField10 = data.institutionNumber | this.form.alternateField10 = data.institutionNumber | ||||
this.showBankDeposit = false; | this.showBankDeposit = false; | ||||
this.depositListShow = false; | |||||
}, | }, | ||||
onConfirmPayeeType(data){ | onConfirmPayeeType(data){ | ||||
this.payeeType = data.text; | this.payeeType = data.text; | ||||
@@ -239,12 +248,49 @@ | |||||
}, | }, | ||||
goBack(){ | goBack(){ | ||||
window.history.go(-1) | window.history.go(-1) | ||||
}, | |||||
selectDeposit(val){ | |||||
//depositListShow | |||||
if (val == '' || this.bankDeposit == ''){return;} | |||||
this.depositListShow = true; | |||||
let queryParams={ | |||||
"bankType":this.form.bankType, | |||||
"status": "0", | |||||
"bankDeposit":this.bankDeposit | |||||
} | |||||
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 | |||||
} | |||||
); | |||||
} | |||||
}); | |||||
} | } | ||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.deposit_list{ | |||||
height: 18vh; | |||||
width: 96%; | |||||
position: absolute; | |||||
background: #fff; | |||||
box-shadow: 0 10PX 10PX rgba(0, 0, 0, .5); | |||||
left: 2%; | |||||
z-index: 9; | |||||
border-radius: 0 0 5PX 5PX; | |||||
overflow-y: scroll; | |||||
} | |||||
.app-container { | .app-container { | ||||
padding: 2% 0; | padding: 2% 0; | ||||
} | } | ||||
@@ -36,19 +36,26 @@ | |||||
@cancel="showBankType = false" | @cancel="showBankType = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<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:'请选择开户银行' }]" | |||||
/> | |||||
<div> | |||||
<van-field | |||||
label="开户银行" | |||||
placeholder="请输入开户银行" | |||||
v-model="bankDeposit" | |||||
input-align="right" | |||||
label-width="auto" | |||||
required | |||||
:rules="[{ required: true , message:'请输入开户银行' }]" | |||||
@input="selectDeposit" | |||||
@focus="selectDeposit" | |||||
/> | |||||
<!--readonly--> | |||||
<!--clickable--> | |||||
<!--@click="showBankDeposit = true"--> | |||||
<!--right-icon="arrow-down"payeePaymentLines--> | |||||
<div class="deposit_list" v-show="depositListShow"> | |||||
<van-cell style="cursor: pointer;" :title="item.text" @click="onConfirmBankDeposit(item)" v-for="(item,index) in bankDepositOptions" /> | |||||
</div> | |||||
</div> | |||||
<van-popup v-model="showBankDeposit" position="bottom"> | <van-popup v-model="showBankDeposit" position="bottom"> | ||||
<van-picker | <van-picker | ||||
show-toolbar | show-toolbar | ||||
@@ -124,6 +131,7 @@ | |||||
showBankType:false, | showBankType:false, | ||||
showBankDeposit:false, | showBankDeposit:false, | ||||
showPayeeType:false, | showPayeeType:false, | ||||
depositListShow:false, | |||||
form:{ | form:{ | ||||
accountType:'1', | accountType:'1', | ||||
status:'0' | status:'0' | ||||
@@ -158,21 +166,22 @@ | |||||
} | } | ||||
this.payeeType = this.selectDictLabel(res.data, response.data.payeeType); | this.payeeType = this.selectDictLabel(res.data, response.data.payeeType); | ||||
}); | }); | ||||
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.payeePaymentLines==rr.rows[i].payeePaymentLines){ | |||||
_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}); | |||||
} | |||||
}); | |||||
// 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.payeePaymentLines==rr.rows[i].payeePaymentLines){ | |||||
// _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}); | |||||
// } | |||||
// }); | |||||
_this.form = response.data; | _this.form = response.data; | ||||
_this.bankDeposit = response.data.bankDeposit; | |||||
}); | }); | ||||
}, | }, | ||||
@@ -204,6 +213,7 @@ | |||||
this.form.payeePaymentLines = data.payeePaymentLines | this.form.payeePaymentLines = data.payeePaymentLines | ||||
this.form.alternateField10 = data.institutionNumber | this.form.alternateField10 = data.institutionNumber | ||||
this.showBankDeposit = false; | this.showBankDeposit = false; | ||||
this.depositListShow = false; | |||||
}, | }, | ||||
onConfirmPayeeType(data){ | onConfirmPayeeType(data){ | ||||
this.payeeType = data.text; | this.payeeType = data.text; | ||||
@@ -221,12 +231,49 @@ | |||||
}, | }, | ||||
goBack(){ | goBack(){ | ||||
window.history.go(-1) | window.history.go(-1) | ||||
}, | |||||
selectDeposit(val){ | |||||
//depositListShow | |||||
if (val == '' || this.bankDeposit == ''){return;} | |||||
this.depositListShow = true; | |||||
let queryParams={ | |||||
"bankType":this.form.bankType, | |||||
"status": "0", | |||||
"bankDeposit":this.bankDeposit | |||||
} | |||||
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 | |||||
} | |||||
); | |||||
} | |||||
}); | |||||
} | } | ||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.deposit_list{ | |||||
height: 18vh; | |||||
width: 96%; | |||||
position: absolute; | |||||
background: #fff; | |||||
box-shadow: 0 10PX 10PX rgba(0, 0, 0, .5); | |||||
left: 2%; | |||||
z-index: 9; | |||||
border-radius: 0 0 5PX 5PX; | |||||
overflow-y: scroll; | |||||
} | |||||
.app-container { | .app-container { | ||||
padding: 2% 0; | padding: 2% 0; | ||||
} | } | ||||
@@ -297,12 +297,11 @@ | |||||
@cancel="item.showPayee = false" | @cancel="item.showPayee = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入开户银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入开户银行银行" input-align="right" label-width="auto"/> | |||||
<van-field readonly required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field readonly required :rules="[{ required: true , message:'请输入开户银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入开户银行银行" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | |||||
label="所属银行" | label="所属银行" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
input-align="right" | input-align="right" | ||||
@@ -269,11 +269,9 @@ | |||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | |||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择收款方" | placeholder="请选择收款方" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
@click="item.showbankType = true" | |||||
input-align="right" | input-align="right" | ||||
required | required | ||||
:rules="[{ required: true , message:'所属银行不能为空' }]" | :rules="[{ required: true , message:'所属银行不能为空' }]" | ||||
@@ -198,15 +198,14 @@ | |||||
@cancel="item.showPayee = false" | @cancel="item.showPayee = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field required :rules="[{ required: true , message:'收款账户不能为空' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请选择收款方" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'开户银行不能为空' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请选择收款方" input-align="right" label-width="auto"/> | |||||
<van-field required readonly :rules="[{ required: true , message:'收款账户不能为空' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请选择收款方" input-align="right" label-width="auto"/> | |||||
<van-field required readonly :rules="[{ required: true , message:'开户银行不能为空' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请选择收款方" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择收款方" | placeholder="请选择收款方" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
@click="item.showbankType = true" | |||||
input-align="right" | input-align="right" | ||||
required | required | ||||
:rules="[{ required: true , message:'请选择所属银行' }]" | :rules="[{ required: true , message:'请选择所属银行' }]" | ||||
@@ -239,12 +239,11 @@ | |||||
@cancel="item.showPayee = false" | @cancel="item.showPayee = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||||
<van-field required readonly :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field required readonly :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | |||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择" | placeholder="请选择" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
@@ -198,16 +198,14 @@ | |||||
@cancel="item.showPayee = false" | @cancel="item.showPayee = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field required :rules="[{ required: true , message:'收款账户不能为空' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请选择收款方" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'开户银行不能为空' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请选择收款方" input-align="right" label-width="auto"/> | |||||
<van-field required readonly :rules="[{ required: true , message:'收款账户不能为空' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请选择收款方" input-align="right" label-width="auto"/> | |||||
<van-field required readonly :rules="[{ required: true , message:'开户银行不能为空' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请选择收款方" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" type="number" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | |||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择收款方" | placeholder="请选择收款方" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
@click="item.showbankType = true" | |||||
input-align="right" | input-align="right" | ||||
required | required | ||||
:rules="[{ required: true , message:'所属银行不能为空 ' }]" | :rules="[{ required: true , message:'所属银行不能为空 ' }]" | ||||
@@ -309,15 +309,14 @@ | |||||
@cancel="item.showPayee = false" | @cancel="item.showPayee = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" | |||||
<van-field readonly required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" | |||||
placeholder="请输入账户" input-align="right" label-width="auto"/> | placeholder="请输入账户" input-align="right" label-width="auto"/> | ||||
<van-field required :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" | |||||
<van-field readonly required :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" | |||||
placeholder="请输入银行" input-align="right" label-width="auto"/> | placeholder="请输入银行" input-align="right" label-width="auto"/> | ||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" | ||||
placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | |||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择" | placeholder="请选择" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
@@ -261,16 +261,14 @@ | |||||
@cancel="item.showPayee = false" | @cancel="item.showPayee = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||||
<van-field readonly required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field readonly required :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | |||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择" | placeholder="请选择" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
@click="item.showbankType = true" | |||||
input-align="right" | input-align="right" | ||||
right-icon="arrow-down" | right-icon="arrow-down" | ||||
required | required | ||||
@@ -198,15 +198,14 @@ | |||||
@cancel="item.showPayee = false" | @cancel="item.showPayee = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field required readonly :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field required readonly :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||||
<van-field readonly required readonly :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field readonly required readonly :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择" | placeholder="请选择" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
@click="item.showbankType = true" | |||||
input-align="right" | input-align="right" | ||||
required | required | ||||
:rules="[{ required: true , message:'请选择所属银行' }]" | :rules="[{ required: true , message:'请选择所属银行' }]" | ||||
@@ -239,12 +239,11 @@ | |||||
@cancel="item.showPayee = false" | @cancel="item.showPayee = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||||
<van-field readonly required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/> | |||||
<van-field readonly required :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/> | |||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | |||||
label="所属银行" | label="所属银行" | ||||
placeholder="" | placeholder="" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
@@ -211,7 +211,6 @@ | |||||
<van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | |||||
label="所属银行" | label="所属银行" | ||||
placeholder="请选择" | placeholder="请选择" | ||||
v-model="item.bankTypeText" | v-model="item.bankTypeText" | ||||
@@ -37,19 +37,26 @@ | |||||
@cancel="showBankType = false" | @cancel="showBankType = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<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:'请选择开户银行' }]" | |||||
/> | |||||
<div> | |||||
<van-field | |||||
label="开户银行" | |||||
placeholder="请输入开户银行" | |||||
v-model="bankDeposit" | |||||
input-align="right" | |||||
label-width="auto" | |||||
required | |||||
:rules="[{ required: true , message:'请输入开户银行' }]" | |||||
@input="selectDeposit" | |||||
@focus="selectDeposit" | |||||
/> | |||||
<!--readonly--> | |||||
<!--clickable--> | |||||
<!--@click="showBankDeposit = true"--> | |||||
<!--right-icon="arrow-down"payeePaymentLines--> | |||||
<div class="deposit_list" v-show="depositListShow"> | |||||
<van-cell style="cursor: pointer;" :title="item.text" @click="onConfirmBankDeposit(item)" v-for="(item,index) in bankDepositOptions" /> | |||||
</div> | |||||
</div> | |||||
<van-popup v-model="showBankDeposit" position="bottom"> | <van-popup v-model="showBankDeposit" position="bottom"> | ||||
<van-picker | <van-picker | ||||
show-toolbar | show-toolbar | ||||
@@ -126,6 +133,7 @@ | |||||
showBankType:false, | showBankType:false, | ||||
showBankDeposit:false, | showBankDeposit:false, | ||||
showPayeeType:false, | showPayeeType:false, | ||||
depositListShow:false, | |||||
form:{ | form:{ | ||||
accountType:'1', | accountType:'1', | ||||
status:'0', | status:'0', | ||||
@@ -211,11 +219,13 @@ | |||||
}); | }); | ||||
}, | }, | ||||
onConfirmBankDeposit(data){ | onConfirmBankDeposit(data){ | ||||
console.log(data) | |||||
this.bankDeposit = data.text | this.bankDeposit = data.text | ||||
this.form.bankDeposit = data.text | this.form.bankDeposit = data.text | ||||
this.form.payeePaymentLines = data.payeePaymentLines | this.form.payeePaymentLines = data.payeePaymentLines | ||||
this.form.alternateField10 = data.institutionNumber | this.form.alternateField10 = data.institutionNumber | ||||
this.showBankDeposit = false; | this.showBankDeposit = false; | ||||
this.depositListShow = false; | |||||
}, | }, | ||||
onConfirmPayeeType(data){ | onConfirmPayeeType(data){ | ||||
this.payeeType = data.text; | this.payeeType = data.text; | ||||
@@ -235,12 +245,49 @@ | |||||
}, | }, | ||||
goBack(){ | goBack(){ | ||||
window.history.go(-1) | window.history.go(-1) | ||||
}, | |||||
selectDeposit(val){ | |||||
//depositListShow | |||||
if (val == '' || this.bankDeposit == ''){return;} | |||||
this.depositListShow = true; | |||||
let queryParams={ | |||||
"bankType":this.form.bankType, | |||||
"status": "0", | |||||
"bankDeposit":this.bankDeposit | |||||
} | |||||
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 | |||||
} | |||||
); | |||||
} | |||||
}); | |||||
} | } | ||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.deposit_list{ | |||||
height: 18vh; | |||||
width: 96%; | |||||
position: absolute; | |||||
background: #fff; | |||||
box-shadow: 0 10PX 10PX rgba(0, 0, 0, .5); | |||||
left: 2%; | |||||
z-index: 9; | |||||
border-radius: 0 0 5PX 5PX; | |||||
overflow-y: scroll; | |||||
} | |||||
.app-container { | .app-container { | ||||
padding: 2% 0; | padding: 2% 0; | ||||
} | } | ||||
@@ -37,19 +37,26 @@ | |||||
@cancel="showBankType = false" | @cancel="showBankType = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<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:'请选择开户银行' }]" | |||||
/> | |||||
<div> | |||||
<van-field | |||||
label="开户银行" | |||||
placeholder="请输入开户银行" | |||||
v-model="bankDeposit" | |||||
input-align="right" | |||||
label-width="auto" | |||||
required | |||||
:rules="[{ required: true , message:'请输入开户银行' }]" | |||||
@input="selectDeposit" | |||||
@focus="selectDeposit" | |||||
/> | |||||
<!--readonly--> | |||||
<!--clickable--> | |||||
<!--@click="showBankDeposit = true"--> | |||||
<!--right-icon="arrow-down"payeePaymentLines--> | |||||
<div class="deposit_list" v-show="depositListShow"> | |||||
<van-cell style="cursor: pointer;" :title="item.text" @click="onConfirmBankDeposit(item)" v-for="(item,index) in bankDepositOptions" /> | |||||
</div> | |||||
</div> | |||||
<van-popup v-model="showBankDeposit" position="bottom"> | <van-popup v-model="showBankDeposit" position="bottom"> | ||||
<van-picker | <van-picker | ||||
show-toolbar | show-toolbar | ||||
@@ -126,6 +133,7 @@ | |||||
showBankType:false, | showBankType:false, | ||||
showBankDeposit:false, | showBankDeposit:false, | ||||
showPayeeType:false, | showPayeeType:false, | ||||
depositListShow:false, | |||||
form:{ | form:{ | ||||
accountType:'1', | accountType:'1', | ||||
status:'0', | status:'0', | ||||
@@ -216,6 +224,7 @@ | |||||
this.form.payeePaymentLines = data.payeePaymentLines | this.form.payeePaymentLines = data.payeePaymentLines | ||||
this.form.alternateField10 = data.institutionNumber | this.form.alternateField10 = data.institutionNumber | ||||
this.showBankDeposit = false; | this.showBankDeposit = false; | ||||
this.depositListShow = false; | |||||
}, | }, | ||||
onConfirmPayeeType(data){ | onConfirmPayeeType(data){ | ||||
this.payeeType = data.text; | this.payeeType = data.text; | ||||
@@ -235,12 +244,49 @@ | |||||
}, | }, | ||||
goBack(){ | goBack(){ | ||||
window.history.go(-1) | window.history.go(-1) | ||||
}, | |||||
selectDeposit(val){ | |||||
//depositListShow | |||||
if (val == '' || this.bankDeposit == ''){return;} | |||||
this.depositListShow = true; | |||||
let queryParams={ | |||||
"bankType":this.form.bankType, | |||||
"status": "0", | |||||
"bankDeposit":this.bankDeposit | |||||
} | |||||
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 | |||||
} | |||||
); | |||||
} | |||||
}); | |||||
} | } | ||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.deposit_list{ | |||||
height: 18vh; | |||||
width: 96%; | |||||
position: absolute; | |||||
background: #fff; | |||||
box-shadow: 0 10PX 10PX rgba(0, 0, 0, .5); | |||||
left: 2%; | |||||
z-index: 9; | |||||
border-radius: 0 0 5PX 5PX; | |||||
overflow-y: scroll; | |||||
} | |||||
.app-container { | .app-container { | ||||
padding: 2% 0; | padding: 2% 0; | ||||
} | } | ||||