xiaoy
/
wxjt-asset-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2023-7-21

Browse Source
master
xy 2 years ago
parent 26fcdda180
commit d5235c5ae2
10 changed files with 122 additions and 170 deletions
Show Stats Download Patch File Download Diff File

BIN
src/assets/logo-mini.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 40 KiB

BIN
src/assets/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 50 KiB

168
src/layout/components/Sidebar/Logo.vue
Unescape View File

@ -1,89 +1,89 @@
<template> <template>
<div class="sidebar-logo-container" :class="{'collapse':collapse}"> <div class="sidebar-logo-container" :class="{'collapse':collapse}">
<transition name="sidebarLogoFade"> <transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/"> <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img src="../../../assets/logo-mini.png?v=1" class="sidebar-logo"> <img src="../../../assets/logo-mini.png?v=1" class="sidebar-logo">
</router-link> </router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/"> <router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img src="../../../assets/logo-mini.png?v=1" class="sidebar-logo"> <img src="../../../assets/logo-mini.png?v=1" class="sidebar-logo">
<img src="../../../assets/logo.png?v=2" class="sidebar-name-logo" /> <img src="../../../assets/logo.png?v=2" class="sidebar-name-logo" />
</router-link> </router-link>
</transition> </transition>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'SidebarLogo', name: 'SidebarLogo',
props: { props: {
collapse: { collapse: {
type: Boolean, type: Boolean,
required: true required: true
} }
}, },
data() { data() {
return { return {
title: '', title: '',
logo: false logo: false
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.sidebarLogoFade-enter-active { .sidebarLogoFade-enter-active {
transition: opacity 1.5s; transition: opacity 1.5s;
} }
.sidebar-name-logo { .sidebar-name-logo {
width: 120px; width: 120px;
height: 22px; object-fit: contain;
} }
.sidebarLogoFade-enter, .sidebarLogoFade-enter,
.sidebarLogoFade-leave-to { .sidebarLogoFade-leave-to {
opacity: 0; opacity: 0;
} }
.sidebar-logo-container { .sidebar-logo-container {
position: relative; position: relative;
width: 100%; width: 100%;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
background: #fff; background: #fff;
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
& .sidebar-logo-link { & .sidebar-logo-link {
height: 100%; height: 100%;
width: 100%; width: 100%;
display: flex !important; display: flex !important;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
& .sidebar-logo { & .sidebar-logo {
width: 38px; width: 38px;
height: 38px; height: 38px;
vertical-align: middle; vertical-align: middle;
margin-right: 12px; margin-right: 12px;
} }
& .sidebar-title { & .sidebar-title {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
line-height: 50px; line-height: 50px;
font-size: 14px; font-size: 14px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle; vertical-align: middle;
} }
} }
&.collapse { &.collapse {
.sidebar-logo { .sidebar-logo {
margin-right: 0px; margin-right: 0px;
} }
} }
} }
</style> </style>

4
src/store/modules/permission.js
Unescape View File

@ -96,6 +96,9 @@ const componentHandler = (path) => {
// path为#,左边栏根目录无视图，##下级根目录无视图，$不显示在左边栏视图，^左边栏根目录有视图 // path为#,左边栏根目录无视图，##下级根目录无视图，$不显示在左边栏视图，^左边栏根目录有视图
export function generaMenu(routes, data) { export function generaMenu(routes, data) {
data.forEach(item => { data.forEach(item => {
if (!item.path) {
item.path = item.url
}
let params = {}; let params = {};
if(item.path?.includes('?')){ if(item.path?.includes('?')){
let flag = item.path.split('?') let flag = item.path.split('?')
@ -128,6 +131,7 @@ export function generaMenu(routes, data) {
id: item.id, id: item.id,
roles: ['admin'], roles: ['admin'],
params, params,
auths:item.has_auth_node_tags,
icon: item.icon icon: item.icon
} }

4
src/styles/element-variables.scss
Unescape View File

@ -1,7 +1,7 @@
/* 改变主题色变量 */ /* 改变主题色变量 */
$--color-primary: #0077CC; $--color-primary: #5585bf;
/* 改变 icon 字体路径变量，必需 */ /* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts'; $--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index"; @import "~element-ui/packages/theme-chalk/src/index";

112
src/styles/iconfont.css
Unescape View File

@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: "iconfont"; /* Project id 4052909 */ font-family: "iconfont"; /* Project id 4177958 */
src: url('iconfont.woff2?t=1683361610626') format('woff2'), src: url('iconfont.woff2?t=1689926089256') format('woff2'),
url('iconfont.woff?t=1683361610626') format('woff'), url('iconfont.woff?t=1689926089256') format('woff'),
url('iconfont.ttf?t=1683361610626') format('truetype'); url('iconfont.ttf?t=1689926089256') format('truetype');
} }
.iconfont { .iconfont {
@ -13,107 +13,55 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-jurassic_process-list:before { .icon-zaixianquhao:before {
content: "\e6c4"; content: "\e63a";
} }
.icon-biaodan:before { .icon-anquan:before {
content: "\e663"; content: "\e865";
} }
.icon-biaozhunhuaguizeguanli:before { .icon-bencunjiadi:before {
content: "\e60a"; content: "\e606";
} }
.icon-a-zhidu6:before { .icon-jingyingzhuangkuang-2:before {
content: "\eb07"; content: "\e604";
} }
.icon-dat:before { .icon-zcjd:before {
content: "\e691"; content: "\e601";
} }
.icon-audio:before { .icon-jingyingfengxianfenxi:before {
content: "\e692"; content: "\e609";
} }
.icon-video:before { .icon-shujudizuo:before {
content: "\e693"; content: "\e6dc";
} }
.icon-zip:before { .icon-iconfontzhizuobiaozhunbduan27:before {
content: "\e694"; content: "\e6e1";
} }
.icon-image:before { .icon-chuzu:before {
content: "\e695"; content: "\e6d6";
} }
.icon-pdf:before { .icon-xunjian:before {
content: "\e696"; content: "\e685";
} }
.icon-ppt:before { .icon-taizhangzhangbumingxiweihu:before {
content: "\e697"; content: "\e654";
} }
.icon-21excel:before { .icon-shujutongji:before {
content: "\e698"; content: "\e614";
} }
.icon-21word:before { .icon-jingyingguanli:before {
content: "\e699"; content: "\e600";
}
.icon-21move:before {
content: "\e69a";
}
.icon-21setting:before {
content: "\e69b";
}
.icon-21upload:before {
content: "\e69c";
}
.icon-21download:before {
content: "\e69d";
}
.icon-21cancel:before {
content: "\e69e";
}
.icon-21ok:before {
content: "\e69f";
}
.icon-21copy:before {
content: "\e6a0";
}
.icon-21delete:before {
content: "\e6a1";
}
.icon-21edit:before {
content: "\e6a2";
}
.icon-21new:before {
content: "\e6a3";
}
.icon-21folder:before {
content: "\e6a4";
}
.icon-21mutil:before {
content: "\e6a5";
}
.icon-21file:before {
content: "\e6a6";
} }

BIN
src/styles/iconfont.woff
View File

Binary file not shown.

BIN
src/styles/iconfont.woff2
View File

Binary file not shown.

2
src/styles/variables.scss
Unescape View File

@ -13,7 +13,7 @@ $subMenuHover:rgba(242, 242, 242, .4);
$submenuActiveBg:rgba(242, 242, 242, .4); $submenuActiveBg:rgba(242, 242, 242, .4);
$sideBarWidth: 210px; $sideBarWidth: 210px;
$primaryColor: #0077CC; $primaryColor: #5585bf;
// the :export directive is the magic sauce for webpack // the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export { :export {

2
src/styles/viewui-mine.less
Unescape View File

@ -1,4 +1,4 @@
@import '~view-design/src/styles/index.less'; @import '~view-design/src/styles/index.less';
// Here are the variables to cover, such as: // Here are the variables to cover, such as:
@primary-color: #0077CC; @primary-color: #5585bf;

Write Preview
Loading…
Cancel
Save