From bca4510c83404d12a47297eec25710506855f658 Mon Sep 17 00:00:00 2001
From: FatttSnake <fatttsnake@gmail.com>
Date: Sun, 4 Jun 2023 00:59:24 +0800
Subject: [PATCH] Optimized ui

---
 ui/src/pages/info/StaffManagement.vue | 108 ++++++++++++++------------
 ui/src/pages/power/RoleManagement.vue |   2 +-
 2 files changed, 58 insertions(+), 52 deletions(-)

diff --git a/ui/src/pages/info/StaffManagement.vue b/ui/src/pages/info/StaffManagement.vue
index 9b7d641..47271fa 100644
--- a/ui/src/pages/info/StaffManagement.vue
+++ b/ui/src/pages/info/StaffManagement.vue
@@ -110,58 +110,64 @@
 
     <el-dialog title="编辑员工信息" :close-on-click-modal="false" draggable v-model="dialogVisible">
         <template #default>
-            <el-form
-                label-width="100px"
-                :rules="rules"
-                ref="formRef"
-                :model="userForm"
-                v-loading="dialogLoading"
-            >
-                <el-form-item label="用户名" prop="inputUsername">
-                    <el-input v-model="userForm.inputUsername" disabled />
-                </el-form-item>
-                <el-form-item label="部门" prop="selectedDepartment">
-                    <el-select v-model="userForm.selectedDepartment">
-                        <el-option
-                            v-for="item in departments"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.id"
+            <el-scrollbar height="45vh" style="padding: 0 20px">
+                <el-form
+                    label-width="60px"
+                    :rules="rules"
+                    ref="formRef"
+                    :model="userForm"
+                    v-loading="dialogLoading"
+                >
+                    <el-form-item label="用户名" prop="inputUsername">
+                        <el-input v-model="userForm.inputUsername" disabled />
+                    </el-form-item>
+                    <el-form-item label="部门" prop="selectedDepartment">
+                        <el-select v-model="userForm.selectedDepartment">
+                            <el-option
+                                v-for="item in departments"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item.id"
+                            />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="姓氏" prop="inputLastName">
+                        <el-input v-model="userForm.inputLastName" maxlength="20" show-word-limit />
+                    </el-form-item>
+                    <el-form-item label="名字" prop="inputFirstName">
+                        <el-input
+                            v-model="userForm.inputFirstName"
+                            maxlength="20"
+                            show-word-limit
                         />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="姓氏" prop="inputLastName">
-                    <el-input v-model="userForm.inputLastName" maxlength="20" show-word-limit />
-                </el-form-item>
-                <el-form-item label="名字" prop="inputFirstName">
-                    <el-input v-model="userForm.inputFirstName" maxlength="20" show-word-limit />
-                </el-form-item>
-                <el-form-item label="性别" prop="selectedGender">
-                    <el-select v-model="userForm.selectedGender">
-                        <el-option label="未知" :value="0" />
-                        <el-option label="男" :value="1" />
-                        <el-option label="女" :value="2" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="生日" prop="inputBirth">
-                    <el-date-picker v-model="userForm.inputBirth" value-format="YYYY-MM-DD" />
-                </el-form-item>
-                <el-form-item label="邮箱" prop="inputEmail">
-                    <el-input v-model="userForm.inputEmail" maxlength="50" show-word-limit />
-                </el-form-item>
-                <el-form-item label="手机" prop="inputTel">
-                    <el-input v-model="userForm.inputTel" maxlength="20" show-word-limit />
-                </el-form-item>
-                <el-form-item label="地址" prop="inputAddress">
-                    <el-input
-                        v-model="userForm.inputAddress"
-                        type="textarea"
-                        resize="none"
-                        maxlength="100"
-                        show-word-limit
-                    />
-                </el-form-item>
-            </el-form>
+                    </el-form-item>
+                    <el-form-item label="性别" prop="selectedGender">
+                        <el-select v-model="userForm.selectedGender">
+                            <el-option label="未知" :value="0" />
+                            <el-option label="男" :value="1" />
+                            <el-option label="女" :value="2" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="生日" prop="inputBirth">
+                        <el-date-picker v-model="userForm.inputBirth" value-format="YYYY-MM-DD" />
+                    </el-form-item>
+                    <el-form-item label="邮箱" prop="inputEmail">
+                        <el-input v-model="userForm.inputEmail" maxlength="50" show-word-limit />
+                    </el-form-item>
+                    <el-form-item label="手机" prop="inputTel">
+                        <el-input v-model="userForm.inputTel" maxlength="20" show-word-limit />
+                    </el-form-item>
+                    <el-form-item label="地址" prop="inputAddress">
+                        <el-input
+                            v-model="userForm.inputAddress"
+                            type="textarea"
+                            resize="none"
+                            maxlength="100"
+                            show-word-limit
+                        />
+                    </el-form-item>
+                </el-form>
+            </el-scrollbar>
         </template>
         <template #footer>
             <el-button type="primary" @click="handleSubmit" :disabled="dialogLoading"
diff --git a/ui/src/pages/power/RoleManagement.vue b/ui/src/pages/power/RoleManagement.vue
index 1faca75..8ed5cc2 100644
--- a/ui/src/pages/power/RoleManagement.vue
+++ b/ui/src/pages/power/RoleManagement.vue
@@ -90,7 +90,7 @@
         @open="handleDialogOpen"
     >
         <template #default>
-            <el-scrollbar max-height="60vh">
+            <el-scrollbar max-height="60vh" style="padding: 0 20px">
                 <el-form
                     label-width="60px"
                     v-loading="dialogLoading"