银农 增加联行号

src/api/onlineHome/bankAgriculture/collectionAccount.js

@@ -42,3 +42,12 @@ export function delPayee(id) {
     method: 'get'
   })
 }
+
+// 查询开户行信息列表
+export function listDeposit(query) {
+  return request({
+    url: '/yinnong/deposit/list',
+    method: 'get',
+    params: query
+  })
+}

src/views/onlineHome/bankAgriculture/collectionAccount/collectionAdd.vue

@@ -37,7 +37,28 @@
             @cancel="showBankType = false"
           />
         </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 class="main_box" style="margin-top: 10px;">
@@ -96,12 +117,13 @@
 </template>
 
 <script>
-  import { addPayee } from "@/api/onlineHome/bankAgriculture/collectionAccount";
+  import { addPayee,listDeposit } from "@/api/onlineHome/bankAgriculture/collectionAccount";
   export default {
     name: "collectionAdd",
     data() {
       return {
         showBankType:false,
+        showBankDeposit:false,
         showPayeeType:false,
         form:{
           accountType:'1',
@@ -110,12 +132,12 @@
 
         bankType:'',
         payeeType:'',
-
+        bankDeposit:'',
         bankTypeOptions:[],
         statusOptions:[],
         accountTypeOptions:[],
         payeeTypeOptions:[],
-
+        bankDepositOptions:[],
       };
     },
     created() {
@@ -154,7 +176,26 @@
       onConfirmBankType(data){
         this.bankType = data.text;
         this.form.bankType = data.value;
+        this.bankDeposit = ""
+        this.form.payeePaymentLines = ""
         this.showBankType = false;
+        let queryParams={
+          "pageNum": 1,
+          "pageSize": 20,
+          "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});
+          }
+        });
+      },
+      onConfirmBankDeposit(data){
+        this.bankDeposit = data.text
+        this.form.payeePaymentLines = data.value;
+        this.showBankDeposit = false;
       },
       onConfirmPayeeType(data){
         this.payeeType = data.text;
@@ -162,9 +203,7 @@
         this.showPayeeType = false;
       },
       goAdd(){
-        console.log(this.form)
         addPayee(this.form).then(response => {
-          console.log(response);
           this.$toast.success('新增成功');
           setTimeout(function(){
             history.go(-1)

src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd.vue

@@ -446,7 +446,6 @@
         this.queryParams.accountType = this.form.accountType
         this.queryParams.status = "0"
         listPayee(this.queryParams).then((response) => {
-          console.log(response)
           this.payeeList = response.rows;
           response.rows.map((res,index) => {
               this.payeeList[index].text = res.payee;
@@ -500,6 +499,7 @@
         this.chargeItme[index].payeeId = data.value;
         this.chargeItme[index].showpayee = false;
         this.payeeSelectChange(data.value , index)
+        console.log(data)
       },
       onConfirmBankType(data,index){
         for (var i = 0 ; i < this.chargeItme.length ; i++){
@@ -787,6 +787,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -794,6 +795,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -802,6 +804,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },

src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd2.vue

@@ -782,6 +782,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -789,6 +790,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -797,6 +799,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },

src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd3.vue

@@ -802,6 +802,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -809,6 +810,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -817,6 +819,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },

src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd4.vue

@@ -786,6 +786,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -793,6 +794,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -801,6 +803,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },

src/views/onlineHome/bankAgriculture/paymentApproval/approvalAdd5.vue

@@ -803,6 +803,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -810,6 +811,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -818,6 +820,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },

src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify.vue

@@ -778,6 +778,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -785,6 +786,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -793,6 +795,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },

src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify2.vue

@@ -779,6 +779,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -786,6 +787,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -794,6 +796,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },

src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify3.vue

@@ -787,6 +787,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -794,6 +795,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -802,6 +804,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },

src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify4.vue

@@ -781,6 +781,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -788,6 +789,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -796,6 +798,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },

src/views/onlineHome/bankAgriculture/paymentApproval/approvalModify5.vue

@@ -781,6 +781,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
           this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
           this.$set(this.chargeItme[i], "accountType", obj.accountType);
+          this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
         }else if(fuzhitype == 1){
           this.$set(this.chargeItme[i], "payee",'')
           this.$set(this.chargeItme[i], "bankType",'')
@@ -788,6 +789,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
         }else if(fuzhitype == 2){
           this.$set(this.chargeItme[i], "payee",'')
@@ -796,6 +798,7 @@
           this.$set(this.chargeItme[i], "payeeAccount", '');
           this.$set(this.chargeItme[i], "bankDeposit", '');
           this.$set(this.chargeItme[i], "accountType", '');
+          this.$set(this.chargeItme[i], "payeePaymentLines", '');
           this.$notify({ type: 'danger', message: '收款方已存在！' });
         }
       },