1

src/views/admin/system/role/change-role.vue

@@ -2,7 +2,7 @@
   <el-dialog
     v-model="visible"
     :title="dialogTitle"
-    width="50%"
+    width="80%"
     :show-close="false"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
@@ -122,7 +122,13 @@ defineExpose({
   }
 }
 .role-group {
+  width: 100%;
+  flex: 0 0 100%;
   margin-bottom: 12px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 12px;
 
   &:last-child {
     margin-bottom: 0;
@@ -137,8 +143,9 @@ defineExpose({
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
+  align-items: flex-start;
 
-  /* 每个按钮独立边框，换行后左侧也有边线 */
+  /* 每个分组内按钮可换行，分组之间不重叠 */
   :deep(.el-radio-button) {
     margin: 0;
   }