入司基本信息增加字段

src/components/ebiz/account/SelectBankName.vue

@@ -90,17 +90,11 @@ export default {
       })
     },
     // 选择银行卡
-    clickList(item, bankCode) {
-      console.log(item, 'item')
+    clickList(item) {
       this.$emit('getBank', item)
       this.show = false
     }
   }
 }
 </script>
-<style lang="scss" scoped>
-.vanlist {
-  height: calc(100% - 50px);
-  overflow: auto;
-}
-</style>
+<style lang="scss" scoped></style>

src/components/ebiz/account/getBankCode.js

@@ -3,7 +3,6 @@ export default function getBankCode(data, bankName) {
     let list = data.filter(item => {
       return item.bankName == bankName
     })
-    console.log(list[0].code, 'list[0].code')
     if (list[0].code) {
       return list[0].code
     }

src/views/ebiz/agentEenter/AgentEenterBasicInfor.vue

@@ -121,21 +121,25 @@
       <van-field
         placeholder="请选择"
         @click="islistShow = true"
-        v-model="bankName"
+        v-model="userInfo.bankName"
         label="开户银行"
         name="开户银行"
         v-validate="'required'"
         required
         readonly
       />
-      <!-- @click="focus"
+      <van-field
+        v-model="areaName"
+        readonly
+        label="开户地"
+        name="开户地"
+        required
         right-icon="arrow"
-        data-vv-name="开户银行" -->
-
-      <!-- <van-field v-model="userInfo.bankName" label="开户银行" name="开户银行" placeholder="请输入" v-validate="'required'" /> -->
-      <!-- <van-field v-model="bank" label="开户银行" placeholder="请选择" required @click="focus" v-validate="'required'" data-vv-name="开户银行" /> -->
-
-      <van-field v-model="userInfo.bankAddress" label="开户地" name="开户地" placeholder="请输入" v-validate="'required'" required clearable />
+        placeholder="请选择"
+        v-validate="'required'"
+        @click="areaShow = true"
+      />
+      <van-field v-model="bankNum" readonly label="联行号" name="联行号" right-icon="arrow" placeholder="请选择" @click="isBankListShow = true" />
       <van-field v-model="userInfo.accountName" label="开户姓名" name="开户姓名" placeholder="请输入" v-validate="'required'" required clearable />
       <van-field
         v-model="userInfo.bankCode"
@@ -254,7 +258,7 @@
     </van-popup>
     <!-- 地区选择 -->
     <van-popup v-model="areaShow" position="bottom">
-      <van-area :area-list="areaList" value="110101" @confirm="sureArea($event, '1')" @cancel="areaShow = false" />
+      <van-area :area-list="areaList" :columns-num="2" value="110101" @confirm="setBankArea($event)" @cancel="areaShow = false" />
     </van-popup>
     <!-- 家庭地址选择 -->
     <van-popup v-model="homeShow" position="bottom">
@@ -283,6 +287,13 @@
     </van-dialog>
     <!--开户银行选择-->
     <SelectBankName :inputShow="inputShow" :listShow.sync="islistShow" :operateType="'enter_bank_type'" @getBank="getBank"></SelectBankName>
+    <van-popup v-model="areaShow" position="bottom">
+      <van-area :area-list="areaList" :columns-num="2" value="110101" @confirm="setBankArea($event)" @cancel="areaShow = false" />
+    </van-popup>
+    <!-- 联行号选择 -->
+    <van-popup v-model="isBankListShow" position="bottom">
+      <van-picker show-toolbar :columns="computedBankList" @confirm="setBankNum($event)" @cancel="isBankListShow = false" />
+    </van-popup>
   </div>
 </template>
 <script>
@@ -294,7 +305,6 @@ import CustomerPicker from '@/components/ebiz/customer/CustomerPicker'
 import BankCardScan from '@/components/ebiz/sale/BankCardScan'
 import areaList from '@/assets/js/utils/area'
 import idNoCheck from '@/assets/js/utils/idNoCheck'
-// import DataDictionary from '@/assets/js/utils/data-dictionary'
 import IdentityCardScan from '@/components/ebiz/sale/IdentityCardScan'
 import beforeDate from '@/assets/js/utils/getBeforeDate.js'
 
@@ -308,7 +318,6 @@ import { getBankList } from '@/api/ebiz/sale/sale'
 import MinXin from '@/components/ebiz/account/mixins'
 import {
   selectComp,
-  // appCallBack,
   chooseOccupation,
   toSelect,
   onConfirm,
@@ -319,6 +328,7 @@ import {
   getCode,
   effectiveDataTypeChange
 } from './js/methods'
+import bankListJson from './js/bankList.js'
 
 export default {
   name: 'insuredInfo',
@@ -345,6 +355,11 @@ export default {
   },
   data() {
     return {
+      bankNum: '',
+      bankChild: [],
+      computedBankList: [],
+      isBankListShow: false,
+      bankListJson,
       inputShow: false, //模糊查询功能
       islistShow: false, //选择银行弹窗
       bankList: [], //银行名称列表
@@ -387,14 +402,15 @@ export default {
       columns: [],
       valueKey: 'text',
       census: '', //户籍
-      // areaName: '', //单位地址
-      // homeName: '', //家庭地址
+      areaName: '', //单位地址
       companyDefault: false, //设置公司地址为默认地址
       homeDefault: false, //设置家庭地址为默认地址
       setDefaultAddress: false, //设为联系地址
       sessionId: '', //后台返回的 id
       effectiveDateTypeAble: false, //长期按钮是否禁用
       userInfo: {
+        mainCode: '',
+        bankNum: '',
         name: '', //姓名
         sex: '0', //性别
         age: '', // 年龄
@@ -402,14 +418,12 @@ export default {
         mobile: '', //移动电话
         nativePlace: '', //籍贯
         ethnic: '', //民族
-        // homeProvince: '', //家庭省
         health: '', //健康状况
         marriage: '', //婚姻状况
         political: '', //政治面貌
         degree: '', //学历
         school: '', // 学校
         discipline: '', // 专业
-        // homePhone: '', //家庭电话
         idType: '1', //证件类型
         idNo: '', //证件号码
         dateStart: '', //证件起始日期
@@ -418,6 +432,7 @@ export default {
         zip: '', //邮编
         address: '', //现住址
         bankProvince: '', // 开户省
+        bankAddress: '',
         bankCity: '', // 开户市
         bankName: '', // 开户银行
         // 银行卡号
@@ -455,11 +470,48 @@ export default {
   },
   mounted() {
     // 筛选按钮的点击事件
-    // window.appCallBack = this.appCallBack
     window.appCallBack = this.appCallBack
     this.agentAll()
   },
+  watch: {
+    code: {
+      handler: function() {
+        this.bankNum = ''
+        let bank = this.bankListJson.find(item => {
+          return item.code === this.code.trim()
+        })
+        if (bank) {
+          this.bankChild = bank.child
+          const bankNames = []
+          for (let bank of bank.child) {
+            bankNames.push(bank.name)
+          }
+          this.computedBankList = bankNames
+        } else {
+          this.computedBankList = ['暂无数据']
+        }
+      }
+    }
+  },
   methods: {
+    setBankNum(bankNum) {
+      this.bankNum = bankNum
+      for (let name of this.bankChild) {
+        if (name.name === bankNum) {
+          this.userInfo.bankNum = name.code
+          this.isBankListShow = false
+          return
+        }
+      }
+    },
+    setBankArea(area) {
+      const [province, city] = [...area]
+      this.userInfo.bankAddress = `${province.name}-${city.name}`
+      this.userInfo.bankProvince = province.code
+      this.userInfo.bankCity = city.code
+      this.areaName = this.userInfo.bankAddress
+      this.areaShow = false
+    },
     // 获取银行卡列表
     getBankList() {
       let data = {
@@ -468,25 +520,21 @@ export default {
       getBankList(data).then(res => {
         if (res.result == '0') {
           this.bankList = res.content
-          this.bankList1 = res.content
         } else {
           this.$toast(res.resultMessage)
         }
       })
     },
-
     getBank(bank) {
       //获取银行名称
-      this.bankName = bank.bankName
-      this.code = bank.code
+      this.userInfo.bankName = bank.bankName ? bank.bankName.trim() : ''
+      this.code = bank.code ? bank.code.trim() : ''
+      this.userInfo.mainCode = bank.code ? bank.code.trim() : ''
     },
     //获取推荐人信息
     agentAll() {
-      let data = {
-        // userModel: { mobile: 13000000000 } //线上去掉
-      }
-      let that = this
-      that.$toast.loading({
+      let data = {}
+      this.$toast.loading({
         duration: 0, // 持续展示 toast
         forbidClick: true, // 禁用背景点击
         loadingType: 'spinner',
@@ -494,7 +542,7 @@ export default {
       })
       agentAll(data).then(res => {
         if (res.result == '0') {
-          that.$toast.clear()
+          this.$toast.clear()
           this.userInfo = res.content.ebizEnterCustomerDto
           this.ebiz_referrer = res.content.ebizReferrerDto
           if (this.userInfo.idType == '1') {
@@ -506,26 +554,18 @@ export default {
           if (this.userInfo.bankName) {
             this.bankName = getBankName(this.bankList, this.userInfo.bankName)
           }
-
           this.userInfo.nationality = 'CHN'
         }
       })
     },
-
-    //监听名字变化
-    nameChange(name) {
-      this.userInfo.name = name
-    },
     selectClick(index) {
       selectComp(this, index, '1')
     },
-
     chooseOccupation() {
       chooseOccupation(this, '1')
     },
     //弹框选择
     toSelect(pickerType, valueKey) {
-      console.log(pickerType)
       toSelect(this, pickerType, valueKey, '1')
     },
     //确认选择字段
@@ -573,9 +613,6 @@ export default {
           if (this.userInfo.name != this.userInfo.accountName) {
             return this.$toast('姓名与开户名要一致')
           }
-          // if (this.userInfo.bankName == '工商银行') {
-          //   this.userInfo.bankName = '102'
-          // }
           this.userInfo.bankName = getBankCode(this.bankList, this.bankName)
           if (
             //学历为初中、小学、其他、文盲阻断入司
@@ -595,7 +632,6 @@ export default {
     save() {
       let data = {
         entryType: 'CUSTOMER_BASE',
-        // userModel: { mobile: 13000000000 }, //线上去掉
         ebizEnterCustomerDto: this.userInfo
       }
       saveOrUpdateInfo(data).then(res => {

src/views/ebiz/agentEenter/js/methods.js

@@ -830,6 +830,7 @@ export function sureArea(that, area, type, flag = false) {
       that.areaName = getAreaName(area)
       if (flag) {
         ;[that.userInfo.province, that.userInfo.city, that.userInfo.area] = [area[0].code, area[1].code, area[2].code]
+        ;[that.userInfo.bankProvince, that.userInfo.bankCity] = [area[0].code, area[1].code]
       } else {
         ;[that.userInfo.companyProvince, that.userInfo.companyCity, that.userInfo.companyArea] = [area[0].code, area[1].code, area[2].code]
       }