我的补贴列表增加绑定银行卡

src/pages/MyAllowance.vue

@@ -36,6 +36,12 @@
               <div class="mt20 text-right" v-if="item.btn_info&&Number(item.btn_info.show)">
                 <van-button class="pl35 pr35" type="danger" plain size="small" round @click="handleGoToLink(item.btn_info.id)">提交资料</van-button>
               </div>
+              <div class="mt20 text-center font-24 text-color-theme" v-if="item.bind_btn_info.show">
+                {{ item.bind_btn_info.tip }}
+                <div class="mt15 text-center">
+                  <van-button type="danger" size="small" round @click="handleGoToBank(item.id)">{{ item.bind_btn_info.btText }}</van-button>
+                </div>
+              </div>
             </div>
           </div>
         </template>
@@ -155,8 +161,10 @@ const handleGoToLink = (id) => {
   }
 }
 
-const aaa = (e) => {
-  console.log(e);
+const handleGoToBank = (id) => {
+  if(id){
+    router.push({ path: '/my/bank', query: { subsidyId:id } })
+  }
 }
 </script>
 

src/pages/MyBank.vue

@@ -5,7 +5,7 @@
         <div class="fn-flex fn-flex-column" style="min-height:100vh;">
           <div class="fn-flex-item pt30">
             <div class="box-shadow-darkGray inner10 ulib-r20 pb30">
-              <div class="text-center mt20 font-28" style="color:#f84803">
+              <div class="text-center mt20 font-28 text-color-theme">
                 <div>仅支持客户本人在中国境内开设的银行卡</div>
                 <div class="mt10">若信息不一致，将导致补贴无法到账</div>
               </div>
@@ -35,12 +35,19 @@
                   </template>
                 </van-field>
               </div>
-              <van-field label="银行卡号" input-align="right" placeholder="请输入银行卡号" v-model="form.bankCardNum"
-                         :rules="[{ required: true, message: '请输入银行卡号' }]"/>
+              <van-field
+                  label="银行卡号"
+                  :type="!form.id ? 'number':''"
+                  input-align="right"
+                  placeholder="请输入银行卡号"
+                  v-model="form.bankCardNum"
+                  :rules="[{ required: true, message: '请输入银行卡号' }]"
+              />
               <van-field label="开户行名称" input-align="right" placeholder="请输入开户行名称"
                          v-model="form.bankName"
                          :rules="[{ required: true, message: '请输入开户行名称' }]"/>
               <van-field
+                  :type="!form.id ? 'number':''"
                   input-align="right"
                   placeholder="请输入手机号"
                   v-model="form.mobile"
@@ -57,6 +64,7 @@
                   v-model="form.code"
                   :rules="[{ required: true, message: '请输入验证码' }]"
                   v-if="!form.id"
+                  type="number"
               >
                 <template #button>
                   <van-button