Explorar o código

fix: 修复角色用户弹窗内容溢出及空白问题

Zimo hai 14 horas
pai
achega
4034f45627
Modificáronse 1 ficheiros con 15 adicións e 3 borrados
  1. 15 3
      src/views/system/role/RoleUsers.vue

+ 15 - 3
src/views/system/role/RoleUsers.vue

@@ -1,7 +1,11 @@
 <template>
-  <Dialog v-model="dialogVisible"
-          :title="t('monitor.details')"
-          style="width: 1000px; max-height: 800px" @close="handleClose" >
+  <Dialog
+    v-model="dialogVisible"
+    :title="t('monitor.details')"
+    class="role-users-dialog"
+    width="1000px"
+    @close="handleClose"
+  >
 
     <ContentWrap>
       <el-form
@@ -198,9 +202,17 @@ const resetQuery = () => {
 
 </script>
 <style lang="scss">
+.role-users-dialog {
+  .el-dialog__body {
+    max-height: min(716px, calc(100vh - 140px));
+    overflow-y: auto;
+  }
+}
+
 .no-label-radio .el-radio__label {
   display: none;
 }
+
 .no-label-radio .el-radio__inner {
   margin-right: 0;
 }