角色管理

frontend/src/views/authority/role/components/rolePopup.vue

@@ -4,7 +4,7 @@
     <div>
 
         <el-form :model="formContent" 
-                  ref='formRuleRef'
+                  ref='dialogFormRef'
                   :rules='rules'
                   >
         <el-form-item label="名称" prop='name' :label-width="100">
@@ -84,7 +84,8 @@ const resetFormContent = () => {
   const formRuleRef = ref<FormInstance>()
   //定义校验规则
   const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
-    name: [{ required: true, message: '名称必填！', trigger: 'blur' }],
+    name: [{ required: true, message: '名称必填！', trigger: 'blur' },
+    { pattern: /^[\u4e00-\u9fa5]{1,20}$/, message: '名称为长度1-20的中文', trigger: 'blur' }],
     code: [{ required: true, message: '编码必填！', trigger: 'blur' }],
   })