update: update

src/components/allCustomers/components/baseinfoDialog.vue

@@ -53,6 +53,7 @@
             style="width: 106px;margin-right:6px;"
             v-model="form.nationCode"
             :disabled="phoneNumber&&!isEditPhone"
+            @change="phoneNumberInput"
           >
             <el-option
               v-for="item in nationCodeList"
@@ -71,6 +72,7 @@
               v-model="form.phoneNumber"
               :style="{width: isEditPhone?'170px':'215px'}"
               :disabled="phoneNumber&&!isEditPhone"
+              @input="phoneNumberInput"
             />
             <el-button
               type="text"
@@ -84,12 +86,12 @@
               <el-button type="text" style="margin-left:20px;" @click="cancelPhoneEdit">
                 取消
               </el-button>
-              <el-button type="text" :disabled="!form.phoneNumber" @click="savePhoneEdit">
+              <el-button type="text" :disabled="!form.phoneNumber||showError" @click="savePhoneEdit">
                 保存
               </el-button>
             </template>
             <div v-if="showError" class="el-form-item__error" style="color:#c0c4cc;">
-              请输入正确的手机号码
+              {{erroeText}}
             </div>
           </el-form-item>
           <el-form-item
@@ -160,6 +162,7 @@ export default {
       },
       phoneNumber: '',
       showError: false,
+      erroeText:'',
       isEditPhone: false,
       rules: {
         remark: [{ required: true, message: '请输入原因备注', trigger: 'blur' }],
@@ -204,18 +207,25 @@ export default {
       this.$refs.form.resetFields();
       this.$emit('update:dialogVisible', false);
     },
-    cancelPhoneEdit () {
-      this.form.phoneNumber = this.phoneNumber;
-      this.isEditPhone = false;
-    },
-    savePhoneEdit () {
+    phoneNumberInput(){
       if (this.phoneNumber === this.form.phoneNumber || this.form.phoneNumber == Number(this.form.phoneNumber)) {
-        this.isEditPhone = false;
+         if (this.form.nationCode==='86'&&this.form.phoneNumber.length!==11) {
+          this.erroeText='请输入11位手机号码'
+          return this.showError = true;
+        }
         this.showError = false;
       } else {
+        this.erroeText='请输入正确的手机号码'
         this.showError = true;
       }
     },
+    cancelPhoneEdit () {
+      this.form.phoneNumber = this.phoneNumber;
+      this.isEditPhone = false;
+    },
+    savePhoneEdit () {
+      this.isEditPhone = false;
+    },
     submit () {
       this.$refs.form.validate(valid => {
         if (valid) {