perf(views): 优化“角色管理”操作权限显示异常问题

src/views/role-manage/RoleManage.vue

@@ -87,6 +87,7 @@ const clickCharacter = (id: number) => {
   if (characterList.value.some((item) => !isValidString(item.name))) {
     return;
   }
+
   characterListId.value = id;
   getDeviceGroupList();
   getFunctionPermList();
@@ -306,7 +307,6 @@ const transformData = (data: TreeStructure[]): OperationPermissions[] => {
 
 const getFunctionPermList = () => {
   handleRequest(async () => {
-    // const data = await getSubPermList(0);
     const dataCheck = await getPermissionCheckTree(characterListId.value);
     checkedKeys.value = [];
     expandedKeys.value = [];
@@ -516,7 +516,12 @@ onMounted(() => {
           </AFlex>
           <div class="operation">
             <AFlex align="center" v-for="(item, index) in operationpermissions" :key="index" class="operation-div">
-              <ACheckboxGroup v-model:value="item.list" :options="item.subPermissions" :disabled="editorChecked" />
+              <ACheckboxGroup
+                v-if="item.subPermissions"
+                v-model:value="item.list"
+                :options="item.subPermissions"
+                :disabled="editorChecked"
+              />
             </AFlex>
           </div>
         </div>