制衣模块新增-表单输入验证

ant-design-vue-jeecg/src/views/process/modules/ZyClothsModularForm.vue

@@ -1,7 +1,7 @@
 <template>
   <a-spin :spinning="confirmLoading">
     <j-form-container :disabled="formDisabled">
-      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
+      <a-form-model ref="model" :model="model" :rules="validatorRules" slot="detail">
         <a-row>
           <a-col :span="48">
             <a-form-model-item label="企业" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="enterpriseId">
@@ -12,6 +12,7 @@
         <a-row>
           <a-col :span="48">
             <a-form-model-item label="模块名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="modularName">
+<!--              <a-input v-model="model.modularName" placeholder="请输入模块名称(最多30字)"  :maxLength="30"></a-input>-->
               <a-input v-model="model.modularName" placeholder="请输入模块名称"  ></a-input>
             </a-form-model-item>
           </a-col>
@@ -123,6 +124,7 @@
           // ],
           modularName: [
             { required: true, message: '请输入模块名称!'},
+            { min: 1, max: 30, message: '最多输入30字！', trigger: 'blur' },
           ],
           clothsTypeId: [
             { required: true, message: '请选择衣服类型!'},