From b9d975dd685d18f73ac36cacb91095a5aaf5ed1d Mon Sep 17 00:00:00 2001
From: FatttSnake <fatttsnake@gmail.com>
Date: Tue, 23 May 2023 01:55:46 +0800
Subject: [PATCH] Added scrollbar to add role panel in RoleManagement

---
 ui/src/pages/power/RoleManagement.vue | 68 ++++++++++++++-------------
 1 file changed, 35 insertions(+), 33 deletions(-)

diff --git a/ui/src/pages/power/RoleManagement.vue b/ui/src/pages/power/RoleManagement.vue
index 6b1f3b1..f8930c8 100644
--- a/ui/src/pages/power/RoleManagement.vue
+++ b/ui/src/pages/power/RoleManagement.vue
@@ -29,39 +29,41 @@
         @open="handleDialogOpen"
     >
         <template #default>
-            <el-form
-                label-width="80px"
-                v-loading="dialogLoading"
-                :rules="rules"
-                ref="formRef"
-                :model="roleForm"
-            >
-                <el-form-item label="角色名称" prop="inputRoleName">
-                    <el-input autocomplete="off" v-model="roleForm.inputRoleName" />
-                </el-form-item>
-                <el-form-item label="角色权限">
-                    <el-tree
-                        :data="powerTree"
-                        node-key="powerId"
-                        :props="powerProps"
-                        show-checkbox
-                        :render-after-expand="false"
-                        :default-checked-keys="defaultSelectedPower"
-                        style="min-width: 120px"
-                        @check-change="handleSelectedPowerChange"
-                    />
-                </el-form-item>
-                <el-form-item label="状态">
-                    <el-switch
-                        v-model="roleForm.enable"
-                        inline-prompt
-                        active-text="启用"
-                        :active-value="1"
-                        inactive-text="禁用"
-                        :inactive-value="0"
-                    />
-                </el-form-item>
-            </el-form>
+            <el-scrollbar max-height="60vh">
+                <el-form
+                    label-width="80px"
+                    v-loading="dialogLoading"
+                    :rules="rules"
+                    ref="formRef"
+                    :model="roleForm"
+                >
+                    <el-form-item label="角色名称" prop="inputRoleName">
+                        <el-input autocomplete="off" v-model="roleForm.inputRoleName" />
+                    </el-form-item>
+                    <el-form-item label="角色权限">
+                        <el-tree
+                            :data="powerTree"
+                            node-key="powerId"
+                            :props="powerProps"
+                            show-checkbox
+                            :render-after-expand="false"
+                            :default-checked-keys="defaultSelectedPower"
+                            style="min-width: 120px"
+                            @check-change="handleSelectedPowerChange"
+                        />
+                    </el-form-item>
+                    <el-form-item label="状态">
+                        <el-switch
+                            v-model="roleForm.enable"
+                            inline-prompt
+                            active-text="启用"
+                            :active-value="1"
+                            inactive-text="禁用"
+                            :inactive-value="0"
+                        />
+                    </el-form-item>
+                </el-form>
+            </el-scrollbar>
         </template>
         <template #footer>
             <el-button type="primary" @click="handleSubmit" :disabled="dialogLoading"