表单验证

src/views/ecw/customer/edit.vue

@@ -690,7 +690,11 @@ export default {
       },
       contactRules: {
         name: [{ required: true, message: this.$t('请输入联系人'), trigger: "blur" }],
-        areaCode: [{ required: true, message: this.$t('请选择区号'), trigger: "change" }],
+        areaCode: [{ required: true, message: this.$t('请选择区号'), trigger: "change" },{
+          required: true,
+          trigger: 'change',
+          validator:this.codeValidator
+        }],
         phoneNew: [{
           required: true,
           trigger: "blur",
@@ -772,20 +776,45 @@ export default {
     phoneValidator(rule, value, callback){
       if (!value) {
         return callback(new Error(this.$t('请输入联系方式')));
+
       }
-      validatorMobile({
-        code: this.form.customerContacts.find(e => e.phoneNew === value).areaCode,
-        mobile: value
-      }).then(r => {
-        if (r.data){
+      let areaCode =  this.form.customerContacts.find(e => e.phoneNew === value).areaCode
+      if(areaCode){
+        validatorMobile({
+          code: areaCode,
+          mobile: value
+        }).then(r => {
+          if (r.data){
+            callback()
+          } else {
+            callback(new Error(r.msg || this.$t('手机号验证失败')))
+          }
+        }).catch(e => {
+          console.error(e)
+          callback(new Error(this.$t('手机号验证失败')))
+        })
+      }
+    },
+    codeValidator(rule, value, callback){
+       let index = +(rule.field.split('.')[1])
+      let phone = this.form.customerContacts[index].phoneNew
+      if(phone){
+        validatorMobile({
+          code:value,
+          mobile: phone
+        }).then(r => {
+          if (r.data){
+            callback()
+          } else {
+            callback()
+            this.$message.error(r.msg || this.$t('手机号验证失败'))
+          }
+        }).catch(e => {
+          console.error(e)
           callback()
-        } else {
-          callback(new Error(r.msg || this.$t('手机号验证失败')))
-        }
-      }).catch(e => {
-        console.error(e)
-        callback(new Error(this.$t('手机号验证失败')))
-      })
+          this.$message.error(this.$t('手机号验证失败'))
+        })
+      }
     },
     handleDefaultChange($index){
       // 只有一个联系人，设置成非默认