From 390d347586fec2911585dd38ec83daf9b9acda62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Wed, 25 Dec 2024 15:17:07 +0800
Subject: [PATCH] =?UTF-8?q?task=20=E9=93=B6=E5=86=9C=E6=89=8B=E6=9C=BA?=
 =?UTF-8?q?=E7=AB=AF=E5=BC=80=E6=88=B7=E8=A1=8C=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../collectionAccount/collectionAdd.vue       |  72 ++++++++++---
 .../collectionAccount/collectionModify.vue    | 101 +++++++++++++-----
 .../paymentApproval/approvalAdd.vue           |   5 +-
 .../paymentApproval/approvalAdd2.vue          |   2 -
 .../paymentApproval/approvalAdd3.vue          |   5 +-
 .../paymentApproval/approvalAdd4.vue          |   5 +-
 .../paymentApproval/approvalAdd5.vue          |   6 +-
 .../paymentApproval/approvalModify.vue        |   5 +-
 .../paymentApproval/approvalModify2.vue       |   6 +-
 .../paymentApproval/approvalModify3.vue       |   5 +-
 .../paymentApproval/approvalModify4.vue       |   5 +-
 .../paymentApproval/approvalModify5.vue       |   1 -
 .../paymentApproval/collectionAdd.vue         |  73 ++++++++++---
 .../paymentApproval/collectionAdd2.vue        |  72 ++++++++++---
 14 files changed, 268 insertions(+), 95 deletions(-)

diff --git a/src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue b/src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue
index 27aeed02..b9342336 100644
--- a/src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue
+++ b/src/views/yinnong/bankAgriculture/collectionAccount/collectionAdd.vue
@@ -41,19 +41,26 @@
             @cancel="showBankType = false"
           />
         </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-picker
             show-toolbar
@@ -130,6 +137,7 @@
         showBankType:false,
         showBankDeposit:false,
         showPayeeType:false,
+        depositListShow:false,
         form:{
           accountType:'1',
           status:'0'
@@ -223,6 +231,7 @@
         this.form.payeePaymentLines = data.payeePaymentLines
         this.form.alternateField10 = data.institutionNumber
         this.showBankDeposit = false;
+        this.depositListShow = false;
       },
       onConfirmPayeeType(data){
         this.payeeType = data.text;
@@ -239,12 +248,49 @@
       },
       goBack(){
         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>
 
 <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 {
     padding: 2% 0;
   }
diff --git a/src/views/yinnong/bankAgriculture/collectionAccount/collectionModify.vue b/src/views/yinnong/bankAgriculture/collectionAccount/collectionModify.vue
index fc296946..ad30c265 100644
--- a/src/views/yinnong/bankAgriculture/collectionAccount/collectionModify.vue
+++ b/src/views/yinnong/bankAgriculture/collectionAccount/collectionModify.vue
@@ -36,19 +36,26 @@
             @cancel="showBankType = false"
           />
         </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-picker
             show-toolbar
@@ -124,6 +131,7 @@
         showBankType:false,
         showBankDeposit:false,
         showPayeeType:false,
+        depositListShow:false,
         form:{
           accountType:'1',
           status:'0'
@@ -158,21 +166,22 @@
             }
             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.bankDeposit = response.data.bankDeposit;
         });
 
       },
@@ -204,6 +213,7 @@
         this.form.payeePaymentLines = data.payeePaymentLines
         this.form.alternateField10 = data.institutionNumber
         this.showBankDeposit = false;
+        this.depositListShow = false;
       },
       onConfirmPayeeType(data){
         this.payeeType = data.text;
@@ -221,12 +231,49 @@
       },
       goBack(){
         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>
 
 <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 {
     padding: 2% 0;
   }
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue
index 4b91b46f..6e17e4b0 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue
@@ -297,12 +297,11 @@
               @cancel="item.showPayee = false"
             />
           </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
             readonly
-            clickable
             label="所属银行"
             v-model="item.bankTypeText"
             input-align="right"
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue
index e1e6a160..6bcec707 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue
@@ -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
             readonly
-            clickable
             label="所属银行"
             placeholder="请选择收款方"
             v-model="item.bankTypeText"
-            @click="item.showbankType = true"
             input-align="right"
             required
             :rules="[{ required: true , message:'所属银行不能为空' }]"
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd3.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd3.vue
index 64041cd2..aa615ec5 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd3.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd3.vue
@@ -198,15 +198,14 @@
               @cancel="item.showPayee = false"
             />
           </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
             readonly
             label="所属银行"
             placeholder="请选择收款方"
             v-model="item.bankTypeText"
-            @click="item.showbankType = true"
             input-align="right"
             required
             :rules="[{ required: true , message:'请选择所属银行' }]"
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue
index f0bd7eae..26ac539c 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue
@@ -239,12 +239,11 @@
               @cancel="item.showPayee = false"
             />
           </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
             readonly
-            clickable
             label="所属银行"
             placeholder="请选择"
             v-model="item.bankTypeText"
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd5.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd5.vue
index 53b4bbc1..f1298b66 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd5.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd5.vue
@@ -198,16 +198,14 @@
               @cancel="item.showPayee = false"
             />
           </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
             readonly
-            clickable
             label="所属银行"
             placeholder="请选择收款方"
             v-model="item.bankTypeText"
-            @click="item.showbankType = true"
             input-align="right"
             required
             :rules="[{ required: true , message:'所属银行不能为空 ' }]"
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue
index 5dd635f0..310d45a9 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue
@@ -309,15 +309,14 @@
               @cancel="item.showPayee = false"
             />
           </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"/>
-          <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"/>
           <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额"
                      placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/>
           <van-field
             readonly
-            clickable
             label="所属银行"
             placeholder="请选择"
             v-model="item.bankTypeText"
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue
index ad12052e..eb3020dc 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue
@@ -261,16 +261,14 @@
               @cancel="item.showPayee = false"
             />
           </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
             readonly
-            clickable
             label="所属银行"
             placeholder="请选择"
             v-model="item.bankTypeText"
-            @click="item.showbankType = true"
             input-align="right"
             right-icon="arrow-down"
             required
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify3.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify3.vue
index 78c35aaf..0c571ee4 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify3.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify3.vue
@@ -198,15 +198,14 @@
               @cancel="item.showPayee = false"
             />
           </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
             readonly
             label="所属银行"
             placeholder="请选择"
             v-model="item.bankTypeText"
-            @click="item.showbankType = true"
             input-align="right"
             required
             :rules="[{ required: true , message:'请选择所属银行' }]"
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue
index fa73e351..522d39f9 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue
@@ -239,12 +239,11 @@
               @cancel="item.showPayee = false"
             />
           </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
             readonly
-            clickable
             label="所属银行"
             placeholder=""
             v-model="item.bankTypeText"
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify5.vue b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify5.vue
index 89257c91..c11c063d 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify5.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/approvalModify5.vue
@@ -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
             readonly
-            clickable
             label="所属银行"
             placeholder="请选择"
             v-model="item.bankTypeText"
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd.vue b/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd.vue
index d7f10dd4..b542985f 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd.vue
@@ -37,19 +37,26 @@
             @cancel="showBankType = false"
           />
         </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-picker
             show-toolbar
@@ -126,6 +133,7 @@
         showBankType:false,
         showBankDeposit:false,
         showPayeeType:false,
+        depositListShow:false,
         form:{
           accountType:'1',
           status:'0',
@@ -211,11 +219,13 @@
         });
       },
       onConfirmBankDeposit(data){
+        console.log(data)
         this.bankDeposit = data.text
         this.form.bankDeposit = data.text
         this.form.payeePaymentLines = data.payeePaymentLines
         this.form.alternateField10 = data.institutionNumber
         this.showBankDeposit = false;
+        this.depositListShow = false;
       },
       onConfirmPayeeType(data){
         this.payeeType = data.text;
@@ -235,12 +245,49 @@
       },
       goBack(){
         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>
 
 <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 {
     padding: 2% 0;
   }
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2.vue b/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2.vue
index 78bc199c..930204b3 100644
--- a/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2.vue
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/collectionAdd2.vue
@@ -37,19 +37,26 @@
             @cancel="showBankType = false"
           />
         </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-picker
             show-toolbar
@@ -126,6 +133,7 @@
         showBankType:false,
         showBankDeposit:false,
         showPayeeType:false,
+        depositListShow:false,
         form:{
           accountType:'1',
           status:'0',
@@ -216,6 +224,7 @@
         this.form.payeePaymentLines = data.payeePaymentLines
         this.form.alternateField10 = data.institutionNumber
         this.showBankDeposit = false;
+        this.depositListShow = false;
       },
       onConfirmPayeeType(data){
         this.payeeType = data.text;
@@ -235,12 +244,49 @@
       },
       goBack(){
         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>
 
 <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 {
     padding: 2% 0;
   }