党员管理

packages/meta/AppPartyMember/components/Add.vue

@@ -2,7 +2,7 @@
   <ai-detail class="party">
     <ai-title slot="title" :title="isEdit ? '编辑党员' : '添加党员'" isShowBack isShowBottomBorder @onBackClick="cancel"/>
     <template slot="content">
-      <el-form ref="form" :model="form" label-width="110px" label-position="right">
+      <el-form ref="form" :model="form" label-width="110px" label-position="right" :rules="formRule">
         <ai-card title="个人信息">
           <template #content>
             <el-alert
@@ -48,15 +48,7 @@
                 <el-form-item
                     label="身份证号"
                     style="width: 100%"
-                    prop="idNumber"
-                    :rules="[
-                    {
-                      required: true,
-                      message: '请输入身份证号',
-                      trigger: 'change',
-                    },
-                  ]"
-                >
+                    prop="idNumber">
                   <el-input
                       size="small"
                       v-model="form.idNumber"
@@ -779,6 +771,22 @@ export default {
     isEdit() {
       return !!this.$route.query.id;
     },
+    formRule() {
+      let IdNumberPass = (rule, value, callback) => {
+        if (value) {
+          if (ID.check(value)) {
+            callback();
+          } else {
+            callback(new Error("身份证号格式错误"));
+          }
+        } else {
+          callback(new Error("请输入身份证号"));
+        }
+      };
+      return {
+        idNumber: [{required: true, validator: IdNumberPass, trigger: 'change'}],
+      }
+    }
   },
   data() {
     const validatorPhone = function (rule, value, callback) {