【津贴模块，津贴申请和我的资料增加开户银行支行字段】银行名称值变化，开户银行分行名称清空，开户银行分行编码清空

src/components/ebiz/account/SelectBankBranch.vue

@@ -0,0 +1,104 @@
+<template>
+  <div>
+    <!-- 开户银行支行选择 -->
+    <van-popup v-model="show" position="bottom" :style="{ height: '50%' }">
+      <div v-if="inputShowBranch">
+        <van-field v-model="inputvalue" left-icon="search" placeholder="请输入开户银行支行" />
+      </div>
+      <div class="vanlist">
+        <van-list>
+          <van-cell v-for="item in bankList" :key="item.branchCode" :title="item.bankBranchName" class="text-center" @click="clickList(item)" />
+        </van-list>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import { Popup, Field, List } from 'vant'
+
+Vue.use(Popup)
+  .use(Field)
+  .use(List)
+import { getBranchCodeValue } from '@/api/ebiz/sale/sale'
+export default {
+  data() {
+    return {
+      inputvalue: '',
+      // 银行列表
+      bankList: [],
+      bankList1: []
+    }
+  },
+  components: {},
+  name: 'SelectBankBranch',
+  props: {
+    bankCode: {
+      type: String
+    },
+    islistShowBranch: {
+      type: Boolean,
+      default: false
+    },
+    inputShowBranch: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  created() {
+    // this.getBankList()
+  },
+  watch: {
+    inputvalue(val) {
+      if (val) {
+        this.bankList = this.bankList.filter(item => {
+          return item.bankName.indexOf(val) != -1
+        })
+      } else {
+        this.bankList = this.bankList1
+      }
+      document.querySelector('.vanlist').scrollTo(0, 0) //重置滚动条
+    }
+  },
+  computed: {
+    show: {
+      get() {
+        return this.islistShowBranch
+      },
+      set(value) {
+        this.$emit('update:islistShowBranch', value)
+      }
+    }
+  },
+  methods: {
+    // 获取银行卡列表
+    getBankList(bankCode) {
+      let data = {
+        code: bankCode
+      }
+      getBranchCodeValue(data).then(res => {
+        if (res.result == '0') {
+          this.bankList = res.content
+          this.bankList1 = res.content
+          this.$emit('getBankList', this.bankList)
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    },
+    // 选择银行卡
+    clickList(item) {
+      this.$emit('getBankBranch', item)
+      this.show = false
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.vanlist {
+  height: 100%;
+  overflow: auto;
+}
+</style>