merge

src/views/system/permission/index.vue

@@ -37,7 +37,7 @@
             </div>
             <div class="btn-list">
               <div v-for="(group, index) in permissionGroups" :key="index" class="permission-group">
-                <div class="group-name">
+                <div class="group-name" v-if="group.permissions.length">
                   <el-checkbox
                     :model-value="isGroupAllChecked(group)"
                     :indeterminate="isGroupIndeterminate(group)"
@@ -237,7 +237,13 @@ const handleGroupCheck = (group: any, checked: boolean) => {
         line-height: 30px;
         font-weight: bold;
         color: var(--el-text-color-secondary);
-        border-bottom: solid 1px var(--el-border-color);
+        background: linear-gradient(
+          to bottom,
+          var(--el-color-primary-light-9),
+          var(--el-color-primary-light-7)
+        );
+        padding-left: 6px;
+        border-radius: 4px;
       }
     }
   }
@@ -248,6 +254,7 @@ const handleGroupCheck = (group: any, checked: boolean) => {
 .group-list {
   display: flex;
   flex-wrap: wrap;
+  padding-left: 24px;
   .el-checkbox {
     width: 200px;
     .el-checkbox__label {