Kaynağa Gözat

fix(components): 修复表单规则返回值及控制台日志问题

- 在 `basic-form.vue` 中,修复 `getRules` 函数返回值,确保正确返回 schema.rules
- 在 `basic-model-form.vue` 中,移除未使用的 props 日志输出,并调整 setup 参数命名
- 在用户列表页面手机号验证规则中,增加 required 和自定义 validator 校验逻辑,确保必填和格式正确性
zhangtao 1 hafta önce
ebeveyn
işleme
af746d16fe

+ 1 - 1
src/components/zt/Form/basic-form.vue

@@ -147,7 +147,7 @@ export default defineComponent({
           }
         };
       }
-      return undefined;
+      return schema.rules;
     }
     function getShow(schema: FormSchema) {
       if (isBoolean(schema.show)) {

+ 1 - 2
src/components/zt/ModalForm/basic-model-form.vue

@@ -9,10 +9,9 @@ import type { ModalFromMethods } from './type';
 export default defineComponent({
   name: 'ModalForm',
   emits: ['registerModalForm', 'submitForm'],
-  setup(props, { emit }) {
+  setup(_props, { emit }) {
     const modelPropsRef = ref<Partial<modalProps>>();
     const formPropsRef = ref<Partial<FormProps>>();
-    console.log(props, 'registerModalForm');
 
     const formComputRef = computed(() => {
       return {

+ 12 - 2
src/views/government/user-list/index.vue

@@ -212,9 +212,19 @@ const [registerModalForm, { openModal, closeModal, getFieldsValue, setFieldsValu
         },
         rules: [
           {
-            pattern: /^1[3456789]\d{9}$/,
+            // pattern: /^1[3456789]\d{9}$/,
             message: '请输入正确的手机号',
-            trigger: ['blur', 'input']
+            trigger: ['blur', 'input'],
+            required: true,
+            validator: (_rule, value, callback) => {
+              if (!value) {
+                callback(new Error('请输入手机号'));
+              } else if (!/^1[3456789]\d{9}$/.test(value)) {
+                callback(new Error('请输入正确的手机号'));
+              }
+              callback();
+              return true;
+            }
           }
         ]
       },