commit

src/main/resources/static/components/member/MemChangeApply.vue

@@ -189,8 +189,8 @@
                 <el-form-item prop="oldMobile" label="原手机号码" style="width: 100%">
                     <el-input v-model="formData.oldMobile" readonly type="text"></el-input>
                 </el-form-item>
-                <el-form-item prop="mobile" label="新的手机号码" style="width: 100%">
-                    <el-input v-model="formData.changeMobile" placeholder="请输入新的手机号码" type="text"></el-input>
+                <el-form-item prop="changeMobile" label="新的手机号码" style="width: 100%">
+                    <el-input :value="formData.changeMobile" @input="setChangeMobile" maxlength="11" placeholder="请输入新的手机号码" type="text"></el-input>
                 </el-form-item>
             </div>
 
@@ -254,7 +254,10 @@ module.exports = {
                 currentUnitId: [{required: true, message: '必选', trigger: ['blur', 'change']}],
                 currentThreeUnitId: [{required: true, message: '请选择新三级单位', trigger: 'change'}],
                 idCard: [{required: true, message: '必填', trigger: ['blur', 'change']}],
-                mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
+                changeMobile: [
+                    {required: true, message: '必填', trigger: ['blur', 'change']},
+                    {pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: ['blur', 'change']}
+                ],
                 education: [{required: true, message: '必填', trigger: ['blur', 'change']}],
                 insertMember: [{required: true, message: '必填', trigger: ['blur', 'change']}],
             },
@@ -272,6 +275,10 @@ module.exports = {
         }
     },
     methods: {
+        // 手机号异动字段需要与表单校验 prop 保持一致，并通过 this.$set 写入。
+        setChangeMobile(mobile) {
+            this.$set(this.formData, 'changeMobile', mobile)
+        },
         typeChange(val) {
             if (val == '1') {
                 this.formData.updateWelfareMember = null