Bläddra i källkod

task 银农手机端开户行优化

rongxin_dev
庞东旭 5 månader sedan
förälder
incheckning
390d347586
14 ändrade filer med 268 tillägg och 95 borttagningar
  1. +59
    -13
      src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue
  2. +74
    -27
      src/views/yinnong/bankAgriculture/collectionAccount/collectionModify.vue
  3. +2
    -3
      src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue
  4. +0
    -2
      src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue
  5. +2
    -3
      src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd3.vue
  6. +2
    -3
      src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue
  7. +2
    -4
      src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd5.vue
  8. +2
    -3
      src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue
  9. +2
    -4
      src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue
  10. +2
    -3
      src/views/yinnong/bankAgriculture/paymentApproval/approvalModify3.vue
  11. +2
    -3
      src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue
  12. +0
    -1
      src/views/yinnong/bankAgriculture/paymentApproval/approvalModify5.vue
  13. +60
    -13
      src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd.vue
  14. +59
    -13
      src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2.vue

+ 59
- 13
src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue Visa fil

@@ -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;
} }


+ 74
- 27
src/views/yinnong/bankAgriculture/collectionAccount/collectionModify.vue Visa fil

@@ -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;
} }


+ 2
- 3
src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue Visa fil

@@ -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"


+ 0
- 2
src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue Visa fil

@@ -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:'所属银行不能为空' }]"


+ 2
- 3
src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd3.vue Visa fil

@@ -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:'请选择所属银行' }]"


+ 2
- 3
src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue Visa fil

@@ -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"


+ 2
- 4
src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd5.vue Visa fil

@@ -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:'所属银行不能为空 ' }]"


+ 2
- 3
src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue Visa fil

@@ -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"


+ 2
- 4
src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue Visa fil

@@ -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


+ 2
- 3
src/views/yinnong/bankAgriculture/paymentApproval/approvalModify3.vue Visa fil

@@ -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:'请选择所属银行' }]"


+ 2
- 3
src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue Visa fil

@@ -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"


+ 0
- 1
src/views/yinnong/bankAgriculture/paymentApproval/approvalModify5.vue Visa fil

@@ -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"


+ 60
- 13
src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd.vue Visa fil

@@ -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;
} }


+ 59
- 13
src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2.vue Visa fil

@@ -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;
} }


Laddar…
Avbryt
Spara