FatttSnake/Pinnacle-OA
1
0
Fork 0
mirror of https://github.com/FatttSnake/Pinnacle-OA.git synced 2026-04-05 23:11:24 +08:00
Code Packages Releases Activity

Fixed scrollbar

Browse Source
This commit is contained in:
Fat Snake
2023-05-31 19:06:18 +08:00
parent 4e4baf81ed
commit e696b20c5b
4 changed files with 178 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/assets/css/common.css
View File

@@ -5,7 +5,7 @@
--font-secondary-color: #9E9E9E;
}
body {
.body {
color: var(--font-main-color);
user-select: none;
min-width: 1100px;

29
ui/src/pages/Main.vue
View File

@@ -1,5 +1,7 @@
<template>
<el-backtop target=".main-box" :right="80" :bottom="80" />
<el-scrollbar style="height: 100vh; width: 100vw">
<div class="body">
<div class="background">
<el-container class="fill">
<el-aside width="collapse" class="background-white aside">
@@ -8,7 +10,10 @@
:collapse="isCollapsed"
:unique-opened="true"
:default-active="
this.$route.path.indexOf('/', this.$route.path.indexOf('/') + 1) !== -1
this.$route.path.indexOf(
'/',
this.$route.path.indexOf('/') + 1
) !== -1
? this.$route.path.indexOf(
'/',
this.$route.path.indexOf(
@@ -37,7 +42,11 @@
<el-menu-item
@mousedown.left="changeCollapsed"
:disabled="true"
style="cursor: pointer; opacity: 1; border-bottom: 1px #ddd solid"
style="
cursor: pointer;
opacity: 1;
border-bottom: 1px #ddd solid;
"
>
<el-icon :size="SIZE_ICON_LG()">
<icon-pinnacle-pinnacle :color="COLOR_PRODUCTION()" />
@@ -120,7 +129,10 @@
<div style="display: flex">
<div class="user-head">
<el-avatar>
<el-icon :size="SIZE_ICON_SM()" :color="COLOR_FONT_MAIN()">
<el-icon
:size="SIZE_ICON_SM()"
:color="COLOR_FONT_MAIN()"
>
<icon-pinnacle-user />
</el-icon>
</el-avatar>
@@ -143,14 +155,19 @@
>
</div>
<div>
<el-button @click="logout" style="width: 100%">退出</el-button>
<el-button @click="logout" style="width: 100%"
>退出</el-button
>
</div>
</div>
</template>
</el-popover>
</el-header>
<ElScrollbar v-if="$route.meta.requiresScrollbar">
<ElMain class="main-box" :class="{ noPadding: !$route.meta.requiresPadding }">
<ElMain
class="main-box"
:class="{ noPadding: !$route.meta.requiresPadding }"
>
<ElBacktop :right="100" :bottom="100" />
<RouterView></RouterView>
</ElMain>
@@ -166,6 +183,8 @@
</el-container>
</el-container>
</div>
</div>
</el-scrollbar>
</template>
<script lang="ts">

4
ui/src/router/info.ts
View File

@@ -10,7 +10,7 @@ const infoRouter = {
meta: {
title: '员工信息管理',
requiresMenu: true,
requiresScrollbar: false,
requiresScrollbar: true,
requiresPadding: true
}
}
@@ -19,8 +19,6 @@ const infoRouter = {
title: '信息管理',
icon: shallowRef(IconPinnacleInfo),
requiresMenu: true,
requiresScrollbar: false,
requiresPadding: true,
requiresAuth: true
}
}

8
ui/src/router/power.ts
View File

@@ -10,7 +10,7 @@ const powerRouter = {
meta: {
title: '角色管理',
requiresMenu: true,
requiresScrollbar: false,
requiresScrollbar: true,
requiresPadding: true
}
},
@@ -21,7 +21,7 @@ const powerRouter = {
meta: {
title: '用户组管理',
requiresMenu: true,
requiresScrollbar: false,
requiresScrollbar: true,
requiresPadding: true
}
},
@@ -32,7 +32,7 @@ const powerRouter = {
meta: {
title: '用户管理',
requiresMenu: true,
requiresScrollbar: false,
requiresScrollbar: true,
requiresPadding: true
}
}
@@ -41,8 +41,6 @@ const powerRouter = {
title: '权限管理',
icon: shallowRef(IconPinnaclePower),
requiresMenu: true,
requiresScrollbar: false,
requiresPadding: true,
requiresAuth: true
}
}