add

src/views/login/index.vue

 <template>
   <div class="insurance-login">
     <van-form
+      ref="loginForm"
       class="insurance-login-form"
     >
+      <!-- 控制补全信息显示隐藏 -->
       <template v-if="!need">
         <div>
           <div class="login-form-label">
@@ -17,7 +19,7 @@
             name="手机号"
             clearable
             placeholder="手机号"
-            :rules="[{ required: true, message: '请输入手机号' }]"
+            :rules="[{ required: true, message: '请输入手机号' },{ validator:validatorPhoneNum, message: '手机号格式填写有误' }]"
           />
           <div
             class="login-form-message"
@@ -53,7 +55,8 @@
             clearable
             name="领取人姓名"
             placeholder="请输入领取人姓名"
-            :rules="[{ required: true, message: '请输入领取人姓名' }]"
+            :rules="[{ required: true, message: '请输入领取人姓名' },
+                     { validator:validatorName, message: '请输入正确姓名，不少于两个字' }]"
           />
           <div class="login-form-label">
             <span>*</span>领取人身份证
@@ -64,7 +67,7 @@
             clearable
             name="领取人身份证"
             placeholder="请输入领取人身份证"
-            :rules="[{ required: true, message: '请输入领取人身份证' }]"
+            :rules="[{ required: true, message: '请输入领取人身份证' },{ validator:validatorIdCard, message: '身份证号码格式填写有误' }]"
           />
         </div>
       </template>
@@ -73,15 +76,17 @@
         class="login-form-submit"
         @click="submit"
       >
-        领取/查看权益
+        {{ need ? '领取权益':'领取/查看权益' }}
       </div>
     </van-form>
+    <!-- 滑块验证 -->
     <slideToCheck
       v-if="showCheckDialog"
       :mobile="formData.mobilePhone"
       @closeSlideCheckpageDialog="closeSlideCheckpageDialog"
       @refreshGetMsg="refreshGetMsg"
     />
+    <!-- 用户协议 -->
     <div
       v-if="need"
       class="insurance-login-agreement"
@@ -89,7 +94,7 @@
       <van-checkbox
         v-model="checked"
       >
-        我已阅读并同意 <span @click="goProtocol(42)">《云鹊健康用户协议》</span> 和 <span @click="goProtocol(5)">《云鹊隐私声明》</span>
+        我已阅读并同意 <span @click="goProtocol(prototypes.yqjkyhxy)">《云鹊健康用户协议》</span> 和 <span @click="goProtocol(prototypes.yhzqtys)">《云鹊隐私声明》</span>
       </van-checkbox>
     </div>
   </div>
@@ -110,7 +115,7 @@ export default {
     return {
       formData: {
         patientName: '',
-        mobilePhone: '13783339933',
+        mobilePhone: '13783339943',
         idCard: '',
         checkCode:''
       },
@@ -122,7 +127,10 @@ export default {
       sixThen: 60,
       showCheckDialog: false,
       prototypeId:'',
-      prototypeLogId:'',
+      prototypeLogId: '',
+      prototypes: {},
+      token: '',
+      patientId:''
     };
   },
   computed: {
@@ -135,17 +143,48 @@ export default {
   },
   methods: {
     ...mapActions('home', ['setImgCodeData', 'setNeedTimer']),
+    // 验证姓名
+    validatorName(val) {
+      console.log(val);
+      if (val === '') {
+        return true;
+      }
+      return /^[\u4E00-\u9FA5A-Za-z\s]+(·[\u4E00-\u9FA5A-Za-z]+)*$/.test(val);
+    },
+    // 验证手机号码
+    validatorPhoneNum(val) {
+      console.log(val);
+      if (val === '') {
+        return true;
+      }
+      return /^([1][3,4,5,6,7,8,9])\d{9}$/.test(val);
+
+    },
+    // 验证身份证
+    validatorIdCard(val) {
+      console.log(val);
+      if (val === '') {
+        return true;
+      }
+      return /^[1-9]\d{5}(?:18|19|20)\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\d|30|31)\d{3}[\dXx]$/.test(val);
+
+    },
+    // 关闭 滑块
     closeSlideCheckpageDialog() {
       this.showCheckDialog = false;
     },
+    // 获取协议id
     getPrototypes(projectEquityNo) {
       getPrototypes(projectEquityNo).then(res => {
         console.log(res);
+        this.prototypes = res.data;
       });
     },
+    // 获取验证码
     getCode() {
       this.checkControlStatus();
     },
+    // 发送验证码
     refreshGetMsg() {
       this.$toast({
         message: '验证码已发送',
@@ -195,44 +234,54 @@ export default {
         });
       });
     },
+    // 提交事件
     submit() {
+      this.$refs.loginForm.validate().then(res => {
+        console.log(res);
+        if (this.formData.checkCode == '') {
+          this.$toast('请输入验证码');
+          return;
+        }
         if (this.need && !this.checked) {
           this.$toast('请勾选同意底部协议后进行登录');
           return;
         }
-//       {
-//   "checkCode": "string",
-//   "idCard": "string",
-//   "mobilePhone": "string",
-//   "patientName": "string",
-//   "projectEquityNo": "string",
-//   "prototypeId": 0,
-//   "prototypeLogId": 0
-// }
+
         const data = {
           checkCode: this.formData.checkCode,
-        idCard: this.formData.checkCidCardode,
+          idCard: this.formData.idCard,
           mobilePhone: this.formData.mobilePhone,
           patientName: this.formData.patientName,
           projectEquityNo:this.projectEquityNo,
         };
+        if (this.need) {
+          data.checkCode = '';
+          data.token = this.token;
+        }
         insuranceLogin(data).then(res => {
+          console.log(res.code);
           if (res.code == '000000') {
+            this.patientId = res.data.patientId;
             if (res.data.status == '0') {
               this.need = true;
+              this.token = res.data.token;
               this.$dialog.alert({
                 title: '温馨提示',
                 message: '您尚未领取过本权益，需要完善相关信息',
                 theme: 'round-button',
                 confirmButtonColor:'#00bda5'
               });
+            } else {
+
+              window.location.href = res.data.questionnaireUrl;
             }
+          }else {
+            this.$toast(res.message);
           }
         });
+      });
     },
-    phoneFun() {
-
-    },
+   // 页面跳转
     goProtocol(type) {
       this.$router.push({
         path: '/protocol',