longlong/xw_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改菜单栏 增加多窗口导航

Browse Source
This commit is contained in:
龙运模 2024-07-10 10:47:20 +08:00
parent 27b72b85dc
commit d8aa326825
8 changed files with 63 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/icons/index.js
View File

@ -56,10 +56,10 @@ export { default as Loading } from './menu/Loading.vue'
export { default as Authentication } from './menu/Authenticat.vue' export { default as Authentication } from './menu/Authenticat.vue'
export { default as Tags } from './menu/Tags.vue' export { default as Tags } from './menu/Tags.vue'
export { default as Order } from './menu/WorkOrder.vue' export { default as Order } from './menu/WorkOrder.vue'
export { default as Finance } from './menu/Finance.vue' export { default as FinanceMag } from './menu/Finance.vue'
export { default as Reports } from './menu/ReportForms.vue' export { default as Reports } from './menu/ReportForms.vue'
export { default as Shipment } from './menu/Shipment.vue' export { default as ShipmentMag } from './menu/Shipment.vue'
export { default as Stock } from './menu/Stock.vue' export { default as Inventory } from './menu/Stock.vue'
export { default as Gather } from './home/gather.vue' export { default as Gather } from './home/gather.vue'
export { default as HomeChart } from './home/chart.vue' export { default as HomeChart } from './home/chart.vue'

122
src/config/route.js
View File

@ -5,28 +5,6 @@
// 示例如下 // 示例如下
const routes = [ const routes = [
{
name: "add-permission",
path:"/setting/company/add-permission",
component:"setting/company/add-permission",
meta: {
code:"permission_system_company_permission",
icon: "sc-icon-Home",
title: "功能授权",
hidden: true
},
},
{
name: "company-user-permission",
path:"/setting/user/company-user-list",
component:"setting/user/company-user-list",
meta: {
code:"permission_system_user_list",
icon: "sc-icon-Home",
title: "用户列表",
hidden: true
},
},
{ {
name: "view-permission", name: "view-permission",
path:"/setting/user/view-permission", path:"/setting/user/view-permission",
@ -40,56 +18,56 @@ const routes = [
}, },
{ // {
name: "home", // name: "home",
path: "/home", // path: "/home",
meta: { // meta: {
icon: "sc-icon-Home", // icon: "sc-icon-Home",
title: "首页", // title: "首页",
hidden: true // hidden: true
}, // },
children: [{ // children: [{
name: "dashboard", // name: "dashboard",
path: "/dashboard", // path: "/dashboard",
component: "home/console", // component: "home/console",
meta: { // meta: {
icon: "sc-icon-Console", // icon: "sc-icon-Console",
title: "控制台", // title: "控制台",
} // }
},{ // },{
name: "userCenter", // name: "userCenter",
path: "/user-center", // path: "/user-center",
component: "userCenter", // component: "userCenter",
meta: { // meta: {
icon: "sc-icon-UserInfo", // icon: "sc-icon-UserInfo",
title: "个人信息", // title: "个人信息",
} // }
},{ // },{
name: "document", // name: "document",
path: "/document", // path: "/document",
component: "docsManager/index", // component: "docsManager/index",
meta: { // meta: {
icon: "sc-icon-UserInfo", // icon: "sc-icon-UserInfo",
title: "文档管理", // title: "文档管理",
} // }
},{ // },{
name: "earlyWarning", // name: "earlyWarning",
path: "/early-warning", // path: "/early-warning",
component: "earlyManager/index", // component: "earlyManager/index",
meta: { // meta: {
icon: "sc-icon-UserInfo", // icon: "sc-icon-UserInfo",
title: "预警管理", // title: "预警管理",
} // }
},{ // },{
name: "mail", // name: "mail",
path: "/mail", // path: "/mail",
component: "userCenter", // component: "userCenter",
meta: { // meta: {
icon: "sc-icon-UserInfo", // icon: "sc-icon-UserInfo",
title: "我的邮件", // title: "我的邮件",
} // }
}] // }]
}, // },
{ {
name: "order", name: "order",
path: "/order", path: "/order",

1
src/layout/components/topbar.vue
View File

@ -44,7 +44,6 @@
</script> </script>
<style scoped> <style scoped>
.el-breadcrumb {margin-left: 15px;}
.el-breadcrumb .el-breadcrumb__inner .icon {font-size: 14px;margin-right: 5px;float: left;} .el-breadcrumb .el-breadcrumb__inner .icon {font-size: 14px;margin-right: 5px;float: left;}
.breadcrumb-enter-active,.breadcrumb-leave-active {transition: all 0.3s;} .breadcrumb-enter-active,.breadcrumb-leave-active {transition: all 0.3s;}
.breadcrumb-enter-from,.breadcrumb-leave-active {opacity: 0;transform: translateX(20px);} .breadcrumb-enter-from,.breadcrumb-leave-active {opacity: 0;transform: translateX(20px);}

2
src/layout/index.vue
View File

@ -79,7 +79,7 @@
</div> </div>
<Side-m v-if="ismobile"></Side-m> <Side-m v-if="ismobile"></Side-m>
<div class="aminui-body el-container"> <div class="aminui-body el-container">
<!-- <Tags v-if="!ismobile && layoutTags"></Tags>--> <Tags v-if="!ismobile && layoutTags"></Tags>
<div class="adminui-main" id="adminui-main"> <div class="adminui-main" id="adminui-main">
<router-view v-slot="{ Component }"> <router-view v-slot="{ Component }">
<keep-alive :include="this.$store.state.keepAlive.keepLiveRoute"> <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">

8
src/style/app.scss
View File

@ -27,7 +27,7 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
.adminui-header {height: 50px;background: #fff;color: #222;display: flex;justify-content:space-between;} .adminui-header {height: 50px;background: #fff;color: #222;display: flex;justify-content:space-between;}
.adminui-header-left {display: flex;align-items: center;padding-left:20px;} .adminui-header-left {display: flex;align-items: center;padding-left:20px;}
.adminui-header-right {display: flex;align-items: center;} .adminui-header-right {display: flex;align-items: center;}
.adminui-header .logo-bar {font-size: 18px;font-weight: bold;display: flex;align-items: center;width: 170px;} .adminui-header .logo-bar {font-size: 18px;font-weight: bold;display: flex;align-items: center;width: 160px;height: 100%;border-right: 1px solid #f2f2f2;}
.adminui-header .logo-bar .logo {height: 42px;} .adminui-header .logo-bar .logo {height: 42px;}
.adminui-header .nav {display: flex;height: 100%;margin-left: 40px;} .adminui-header .nav {display: flex;height: 100%;margin-left: 40px;}
.adminui-header .nav li {padding:0 10px;margin: 0 10px 0 0;font-size: 14px;color: rgba(255, 255, 255, 0.6);list-style: none;height: 100%;display: flex;align-items: center;cursor: pointer;} .adminui-header .nav li {padding:0 10px;margin: 0 10px 0 0;font-size: 14px;color: rgba(255, 255, 255, 0.6);list-style: none;height: 100%;display: flex;align-items: center;cursor: pointer;}
@ -54,7 +54,7 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
.adminui-side-split-scroll::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0);} .adminui-side-split-scroll::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0);}
.adminui-side-split-scroll::-webkit-scrollbar-track:hover {background-color: rgba(255, 255, 255, 0);} .adminui-side-split-scroll::-webkit-scrollbar-track:hover {background-color: rgba(255, 255, 255, 0);}
.aminui-side {display: flex;flex-flow: column;flex-shrink:0;width:180px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: none;transition:width 0.3s;} .aminui-side {display: flex;flex-flow: column;flex-shrink:0;width:180px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: 1px solid #f2f2f2;transition:width 0.3s;}
.adminui-side-top {border-bottom: none;height:50px;line-height: 50px;display: flex;justify-content: space-between;} .adminui-side-top {border-bottom: none;height:50px;line-height: 50px;display: flex;justify-content: space-between;}
.adminui-side-top p {padding:0 0 0 20px;font-size: 14px;font-weight: 500;color: #38373F;} .adminui-side-top p {padding:0 0 0 20px;font-size: 14px;font-weight: 500;color: #38373F;}
.adminui-side-top .adminui-side-collapse{width: 64px;display: flex;align-items: center;justify-content: center;cursor: pointer;} .adminui-side-top .adminui-side-collapse{width: 64px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
@ -73,13 +73,13 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
//border-bottom: 1px solid #ebeef5;background: #fff;box-shadow: 0 1px 4px rgba(0,21,41,.08); //border-bottom: 1px solid #ebeef5;background: #fff;box-shadow: 0 1px 4px rgba(0,21,41,.08);
.adminui-topbar {height: 50px;display: flex;justify-content:space-between;} .adminui-topbar {height: 50px;display: flex;justify-content:space-between;}
.adminui-topbar .left-panel {display: flex;align-items: center;} .adminui-topbar .left-panel {display: flex;align-items: center;margin-left: 10px;}
.adminui-topbar .right-panel {display: flex;align-items: center;} .adminui-topbar .right-panel {display: flex;align-items: center;}
.right-panel-search {display: flex;align-items: center;} .right-panel-search {display: flex;align-items: center;}
.right-panel-search > * + * {margin-left:10px;} .right-panel-search > * + * {margin-left:10px;}
.adminui-tags {height:35px;background: #fff;border-bottom: 1px solid #e8e8e8;} .adminui-tags {height:35px;background: #fff;box-shadow: 0 2px 8px rgba(29, 35, 41, 0.05); border-bottom: 0;border-top: 1px solid #e8e8e8;}
.adminui-tags ul {display: flex;overflow: hidden;} .adminui-tags ul {display: flex;overflow: hidden;}
.adminui-tags li {cursor: pointer;display: inline-block;float: left;height:34px;line-height: 34px;position: relative;flex-shrink: 0;} .adminui-tags li {cursor: pointer;display: inline-block;float: left;height:34px;line-height: 34px;position: relative;flex-shrink: 0;}
.adminui-tags li::after {content: " ";width:1px;height:100%;position: absolute;right:0;background-image: linear-gradient(#fff, #e6e6e6);} .adminui-tags li::after {content: " ";width:1px;height:100%;position: absolute;right:0;background-image: linear-gradient(#fff, #e6e6e6);}

3
src/style/fix.scss
View File

@ -54,7 +54,8 @@
} }
.el-menu {border: none!important;} .el-menu {border: none!important;}
.el-menu .el-menu-item.is-active{background: var(--el-menu-hover-bg-color)} .el-menu .el-menu-item.is-active{background: var(--el-menu-hover-bg-color);position: relative;}
.el-menu .el-menu-item.is-active:after{content: "";position: absolute;top: 0;right: 0;height: 100%;width: 4px;background: var(--el-color-primary);}
.el-menu .el-menu-item a {color: inherit;text-decoration: none;display: block;width:100%;height:100%;position: absolute;top:0;left:0;} .el-menu .el-menu-item a {color: inherit;text-decoration: none;display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
.el-form-item-msg {font-size: 12px;color: #999;clear: both;width: 100%;} .el-form-item-msg {font-size: 12px;color: #999;clear: both;width: 100%;}
.el-container {height: 100%;} .el-container {height: 100%;}

1
src/style/media.scss
View File

@ -29,6 +29,7 @@
.right-panel .right-panel-search {display: block;} .right-panel .right-panel-search {display: block;}
.right-panel .right-panel-search >* {width: 100%;margin: 0;margin-top: 15px;} .right-panel .right-panel-search >* {width: 100%;margin: 0;margin-top: 15px;}
} }
.adminui-header .logo-bar{border-right: 0;}
.adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) {border: 0;margin-top: 0;} .adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) {border: 0;margin-top: 0;}
.adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) + .el-aside {margin-top: 0;} .adminui-main > .el-container >*:first-child:not(.el-aside):not(.el-header) + .el-aside {margin-top: 0;}
.adminui-main > .el-container > .el-aside {border-bottom: 1px solid var(--el-border-color-light)!important;} .adminui-main > .el-container > .el-aside {border-bottom: 1px solid var(--el-border-color-light)!important;}

2
src/views/home/console/index.vue
View File

@ -171,7 +171,7 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.consoleView{ .consoleView{
height: calc(100vh - 70px); height: calc(100vh - 105px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.headerBox{ .headerBox{