task 银农手机端开户行优化

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

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

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"

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

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

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"

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

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"

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

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

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"

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"

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

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