业务管理，系统管理

src/views/system/auth/role/popupForm.vue

@@ -2,10 +2,10 @@
     <el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title">
         <el-scrollbar>
             <el-form :inline="false" :model="form" label-width="120px" :rules="rules" ref="formRef">
-                <el-form-item label="角色名称" required>
+                <el-form-item label="角色名称" prop="name">
                     <el-input v-model="form.name" placeholder="请输入菜单名称"  maxlength="32" show-word-limit @input="handleInput"/>
                 </el-form-item>
-                <el-form-item label="角色编码">
+                <el-form-item label="角色编码" prop="code">
                     <el-input v-model="form.code" placeholder="请输入菜单名称" />
                 </el-form-item>
                 <el-form-item label="角色描述">
@@ -61,10 +61,9 @@ const open = (text: string, data?: anyObj) => {
     }
 }
 const submit = async () => {
-    // 先进行表单验证
-    try {
-        await formRef.value.validate()
-        if (form.id) {
+    formRef.value.validate(async (valid: boolean) => {
+        if (valid) {
+          if (form.id) {
             await update(form)
         } else {
             form.type = adminInfo.$state.userType + 1
@@ -73,10 +72,8 @@ const submit = async () => {
         ElMessage.success('保存成功')
         tableStore.index()
         dialogVisible.value = false
-    } catch (error) {
-        // 验证失败，Element Plus 会自动显示错误信息
-        console.log('表单验证失败:', error)
-    }
+        }
+    })
 }
 
 const handleInput = (val: string) => {