理赔处理: 理赔新增省市区传入 --提交人：阳华祥

src/views/ebiz/claims/ApplyInfo.vue

@@ -173,6 +173,16 @@
         placeholder="请选择"
         @click="toSelect('5')"
       />
+      <van-field
+        v-model="areaStr"
+        label="开户银行省市"
+        placeholder="请选择"
+        required
+        @click="areaSelect"
+        readonly
+        v-validate="'required'"
+        data-vv-name="开户银行省市"
+      />
       <van-field
         v-model="userInfo.applyerBankAccountNo"
         label="银行卡号"
@@ -403,6 +413,18 @@
       <BankCardScan :scanShow="isScans" @getScanInfo="getBankCardInfo" :clear="isClear"></BankCardScan>
     </van-popup>
 
+    <van-popup position="bottom" v-model="isAreaListShow" :lazy-render="false">
+      <van-area
+        ref="areaSelect"
+        title="请选择省市"
+        :visible-item-count="4"
+        :columns-num="2"
+        :area-list="areaList"
+        @confirm="setBankArea"
+        @cancel="isAreaListShow = false"
+      />
+    </van-popup>
+
     <div class="bottom-btn bg-white">
       <van-button type="danger" size="large" @click="nextStep" v-no-more-click="1000">下一步</van-button>
     </div>
@@ -442,6 +464,7 @@ import { getIdentityInfo, onDateConfirm, effectiveDataTypeChange } from '../sale
 import occupationList from '@/components/ebiz/occipation/data/occupation'
 import getAreaName from '@/assets/js/utils/get-area-name'
 import { getWhitelist } from '@/api/ebiz/whitelist'
+import areaList from '@/assets/js/utils/area'
 
 export default {
   name: 'applyInfo',
@@ -473,6 +496,11 @@ export default {
       countDownNum: 0,
       countDownTimer: null,
       isPassedCardCheck: false,
+      isAreaListShow: false, //开户行
+      areaList,
+      areaStr: '',
+      // change: '', //待修改！！
+      // OtherFeesList: [], //暂定其他费用的数组
       customerNo: '', //客户编号
       DataIndex: '', //点击客户的index，用来获取对应客户信息
       currentDate: new Date(), //当前时间
@@ -517,6 +545,8 @@ export default {
         applyerNationatlity: 'CHN', // 国家/地区
         applyerBankAccountName: '', // 账户户名
         applyerBankName: '', // 开户银行
+        applyAccBankProvince: '', //开户省
+        applyAccBankCity: '', //开户市
         applyerBankCode: '', //银行编码
         applyerBankAccountNo: '', // 银行卡号
         certiIsLong: '', //是否长期
@@ -656,6 +686,18 @@ export default {
       this.sid = ''
       this.code = ''
     },
+    areaSelect() {
+      this.isAreaListShow = true
+      this.$refs['areaSelect'].reset('450000')
+    },
+    setBankArea(areaInfo) {
+      let province = areaInfo[0]
+      let city = areaInfo[1]
+      this.userInfo.applyAccBankProvince = province.code
+      this.userInfo.applyAccBankCity = city.code
+      this.isAreaListShow = false
+      this.areaStr = `${province.name}-${city.name}`
+    },
     init() {
       let data = {
         slaveStatus: this.slaveStatus,
@@ -1206,6 +1248,9 @@ export default {
       //     that.userInfo.isPettyCase = '1'
       //     break
       // }
+      if (!this.userInfo.applyAccBankProvince || this.userInfo.applyAccBankProvince == '' || !this.userInfo.applyAccBankCity || this.userInfo.applyAccBankCity == '') {
+        return this.$toast('请选择开户行所在地')
+      }
       that.$toast.loading({
         duration: 0, // 持续展示 toast
         forbidClick: true, // 禁用背景点击