feat 清除权限字符

Co-authored-by: Copilot <copilot@github.com>

src/views/systemList/role/role.vue

@@ -85,7 +85,7 @@
         <el-form-item label="角色名称" prop="roleName">
           <el-input v-model="form.roleName" placeholder="请输入角色名称" />
         </el-form-item>
-        <el-form-item prop="roleKey">
+        <!-- <el-form-item prop="roleKey">
           <template #label>
             <span>
               <el-tooltip content="控制器中定义的权限字符，如：@SaCheckRole('admin')" placement="top">
@@ -95,7 +95,7 @@
             </span>
           </template>
           <el-input v-model="form.roleKey" placeholder="请输入权限字符" />
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="角色顺序" prop="roleSort">
           <el-input-number v-model="form.roleSort" controls-position="right" :min="0" />
         </el-form-item>
@@ -137,9 +137,9 @@
         <el-form-item label="角色名称">
           <el-input v-model="form.roleName" :disabled="true" />
         </el-form-item>
-        <el-form-item label="权限字符">
+        <!-- <el-form-item label="权限字符">
           <el-input v-model="form.roleKey" :disabled="true" />
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="权限范围">
           <el-select v-model="form.dataScope" @change="dataScopeSelectChange">
             <el-option v-for="item in dataScopeOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
@@ -431,6 +431,11 @@ const getMenuAllCheckedKeys = (): any => {
 const submitForm = () => {
   roleFormRef.value?.validate(async (valid: boolean) => {
     if (valid) {
+      // 如果 rolekey 为空，自动生成唯一标识
+      if (!form.value.roleKey) {
+        form.value.roleKey = `role_${Date.now()}_${Math.random().toString(36)}`;
+      }
+
       form.value.menuIds = getMenuAllCheckedKeys();
       form.value.roleId ? await updateRole(form.value) : await addRole(form.value);
       proxy?.$modal.msgSuccess('操作成功');