product_platform/yxt-yyth-ui-admin
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

1111

Browse Source
This commit is contained in:
guoxing
2023-11-21 18:30:30 +08:00
parent e5b9c0d7ad
commit 4976da1570
61 changed files with 1075 additions and 8118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/layout/components/Navbar.vue
View File

@@ -1,15 +1,15 @@
<template>
<div>
<div class="navbar">
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;"/>山海光伏监管平台</p>
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;"/>汇融惠享管理平台</p>
<!-- <h3 class="breadcrumb-container">汇融银行供应链贷后监管平台</h3> -->
<div class="right-menu">
<!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>-->
<p>欢迎您，{{name}}</p>
<p class="dy" @click="logout()"><img src="@/assets/images/dy.png"></p>
<!-- <p>欢迎您，{{name}}</p>
<p class="dy" @click="logout()"><img src="@/assets/images/dy.png"></p> -->
</div>
</div>
<el-footer class="footer" height="40px">Copyright © {{ year }} 山海光伏监管平台 All Rights Reserved</el-footer>
<el-footer class="footer" height="40px">Copyright © {{ year }} 汇融惠享管理平台 All Rights Reserved</el-footer>
</div>
</template>

531
src/layout/components/Sidebar/index.vue
View File

@@ -1,282 +1,257 @@
<template>
<div :class="{ 'has-logo': showLogo }">
<logo v-if="showLogo" :collapse="isCollapse" />
<el-scrollbar wrap-class="scrollbar-wrapper">
<el-menu
:default-active="$route.path"
:background-color="variables.menuBg"
:text-color="variables.menuText"
:unique-opened="false"
:active-text-color="variables.menuActiveText"
:collapse-transition="false"
mode="vertical"
>
<sidebar-item
v-for="route in routes"
:key="route.path"
:item="route"
:base-path="route.path"
/>
</el-menu>
</el-scrollbar>
</div>
<div :class="{ 'has-logo': showLogo }">
<logo v-if="showLogo" :collapse="isCollapse" />
<el-scrollbar wrap-class="scrollbar-wrapper">
<el-menu :default-active="$route.path" :background-color="variables.menuBg" :text-color="variables.menuText"
:unique-opened="false" :active-text-color="variables.menuActiveText" :collapse-transition="false"
mode="vertical">
<sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
</el-menu>
</el-scrollbar>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import Logo from "./Logo";
import SidebarItem from "./SidebarItem";
import variables from "@/styles/variables.scss";
import { getrolemenus, loginDetails } from "@/api/system/Role/role.js";
import { getStorage } from "@/utils/auth";
export default {
components: {
SidebarItem,
Logo,
},
data() {
return {
YongHuid: [],
// routes: [],
params: {
sourceSid: "9d048c07-7677-4774-9177-aa02b049ff06",
userSid: "",
},
routes: [
{
alwaysShow: true,
component: "supervise",
meta: {
icon: "el-icon-menu",
title: "进销存管理",
},
name: "supervise",
path: "/supervise",
children: [
{
alwaysShow: true,
component: "recordOilTank",
meta: {
icon: "el-icon-help",
title: "出库申请",
},
name: "oilTypeInBound",
path: "/oilTypeInBound",
children: [
{
alwaysShow: true,
component: "oilTypeInBound",
meta: {
icon: "el-icon-help",
title: "出库申请",
},
name: "/supervise/oilTypeInBound",
path: "/supervise/oilTypeInBound",
},
{
alwaysShow: true,
component: "oilTypeOutBound",
meta: {
icon: "el-icon-help",
title: "出库记录列表",
},
name: "/supervise/oilTypeOutBound",
path: "/supervise/oilTypeOutBound",
}
],
},
{
alwaysShow: true,
component: "index",
meta: {
icon: "el-icon-help",
title: "入库申请",
},
name: "recordOilTank",
path: "/recordOilTank",
children: [
{
alwaysShow: true,
component: "recordOilTank",
meta: {
icon: "el-icon-help",
title: "入库申请",
},
name: "/supervise/recordOilTank",
path: "/supervise/recordOilTank",
},
{
alwaysShow: true,
component: "rukujilu",
meta: {
icon: "el-icon-help",
title: "入库记录列表",
},
name: "/supervise/rukujilu",
path: "/supervise/rukujilu",
}
],
},
{
alwaysShow: true,
component: "churuku",
meta: {
icon: "el-icon-help",
title: "出入库记录",
},
name: "/supervise/churuku",
path: "/supervise/churuku",
},
{
alwaysShow: true,
component: "inventory",
meta: {
icon: "el-icon-help",
title: "库存管理",
},
name: "/supervise/inventory",
path: "/supervise/inventory",
},
{
alwaysShow: true,
component: "churukuHT",
meta: {
icon: "el-icon-help",
title: "出入库合同管理",
},
name: "/supervise/churukuHT",
path: "/supervise/churukuHT",
}
],
},
{
alwaysShow: true,
component: "MaterialBrand",
meta: {
icon: "el-icon-menu",
title: "物料品牌",
},
name: "/MaterialBrand/index",
path: "/MaterialBrand/index"
},
{
alwaysShow: true,
component: "materialManagement",
meta: {
icon: "el-icon-menu",
title: "物料管理",
},
name: "/materialManagement/index",
path: "/materialManagement/index"
},
{
alwaysShow: true,
component: "storeManagement",
meta: {
icon: "el-icon-menu",
title: "仓库管理",
},
name: "/storeManagement/index",
path: "/storeManagement/index"
},
{
alwaysShow: true,
component: "supplierManagement",
meta: {
icon: "el-icon-menu",
title: "供应商管理",
},
name: "/supplierManagement/index",
path: "/supplierManagement/index"
},
],
};
},
computed: {
...mapGetters(["sidebar"]),
// routes() {
// f4d2e507-c4ed-451c-b364-04c08f962045
// console.log('78979789', this.$router.options.routes)
// return this.$router.options.routes
// },
activeMenu() {
// const route = this.$route
// const {
// meta,
// path
// } = route
// // if set path, the sidebar will highlight the path you set
// if (meta.activeMenu) {
// return meta.activeMenu
// }
return "/index";
},
showLogo() {
return this.$store.state.settings.sidebarLogo;
},
variables() {
return variables;
},
isCollapse() {
return !this.sidebar.opened;
},
},
created() {
this.postHuoquyonghu();
},
methods: {
// 获取用户信息
postHuoquyonghu() {
// var token = getStorage()
// loginDetails(token).then((response) => {
// console.log('resss', response)
// if (response.code === '200') {
// this.YongHuid = response.data
// this.params.userSid = this.YongHuid.sid
// getrolemenus(this.params).then((res) => {
// const userRoles = this.resRouter(res.data)
this.routes.push({
path: "*",
redirect: "/404",
hidden: true,
});
console.log("左侧菜单", this.routes);
return this.routes;
// })
// }
// })
},
resRouter(menus) {
// 递归，将后台传来数组
for (var i = 0; i < menus.length; i++) {
if (menus[i].children && menus[i].children.length != 0) {
this.resRouter(menus[i].children);
}
if (menus[i].children.length == 0) {
delete menus[i].children;
delete menus[i].redirect;
}
if (menus[i].component == "") {
console.log("55555", menus[i]);
menus[i] = {
path: menus[i].path,
component: "",
redirect: menus[i].path,
children: [menus[i]],
};
} else {
// menus[i] = {
// path: menus[i].path,
// component: '',
// redirect: menus[i].path,
// children: [menus[i]],
// }
}
}
this.routes = menus;
console.log("左侧菜单", this.routes);
return menus;
},
},
};
</script>
import {
mapGetters
} from "vuex";
import Logo from "./Logo";
import SidebarItem from "./SidebarItem";
import variables from "@/styles/variables.scss";
import {
getrolemenus,
loginDetails
} from "@/api/system/Role/role.js";
import {
getStorage
} from "@/utils/auth";
export default {
components: {
SidebarItem,
Logo,
},
data() {
return {
YongHuid: [],
// routes: [],
params: {
sourceSid: "",
userSid: "",
},
routes: [{
alwaysShow: true,
component: "userInfo",
meta: {
icon: "el-icon-menu",
title: "用户信息",
},
name: "/userInfo/index",
path: "/userInfo/index"
},
{
alwaysShow: true,
component: "marketingCard",
meta: {
icon: "el-icon-menu",
title: "营销卡设置",
},
name: "/marketingCard",
path: "/marketingCard",
children: [
{
alwaysShow: true,
component: "index",
meta: {
icon: "el-icon-help",
title: "礼包设置",
},
name: "/marketingCard/index",
path: "/marketingCard/index",
},
{
alwaysShow: true,
component: "packageDetails",
meta: {
icon: "el-icon-help",
title: "礼包奖品明细",
},
name: "/marketingCard/packageDetails",
path: "/marketingCard/packageDetails",
},
{
alwaysShow: true,
component: "pickupCardSet",
meta: {
icon: "el-icon-help",
title: "提货卡设置",
},
name: "/marketingCard/pickupCardSet",
path: "/marketingCard/pickupCardSet",
},
]
},
{
alwaysShow: true,
component: "pickupPoint",
meta: {
icon: "el-icon-menu",
title: "提货地点",
},
name: "/pickupPoint/index",
path: "/pickupPoint/index"
},
{
alwaysShow: true,
component: "commodity",
meta: {
icon: "el-icon-menu",
title: "商品信息",
},
name: "/commodity/index",
path: "/commodity/index"
},
{
alwaysShow: true,
component: "order",
meta: {
icon: "el-icon-menu",
title: "订单信息",
},
name: "/order/index",
path: "/order/index"
},
{
alwaysShow: true,
component: "statisticalReport",
meta: {
icon: "el-icon-menu",
title: "统计报表",
},
name: "/statisticalReport/index",
path: "/statisticalReport/index",
children: [
{
alwaysShow: true,
component: "index",
meta: {
icon: "el-icon-help",
title: "提货卡汇总",
},
name: "/statisticalReport/index",
path: "/statisticalReport/index",
},
{
alwaysShow: true,
component: "collectionSummary",
meta: {
icon: "el-icon-help",
title: "提货汇总",
},
name: "/statisticalReport/collectionSummary",
path: "/statisticalReport/collectionSummary",
},
{
alwaysShow: true,
component: "deliveryDetails",
meta: {
icon: "el-icon-help",
title: "客户提货明细",
},
name: "/statisticalReport/deliveryDetails",
path: "/statisticalReport/deliveryDetails",
},
]
},
],
};
},
computed: {
...mapGetters(["sidebar"]),
// routes() {
// f4d2e507-c4ed-451c-b364-04c08f962045
// console.log('78979789', this.$router.options.routes)
// return this.$router.options.routes
// },
activeMenu() {
// const route = this.$route
// const {
// meta,
// path
// } = route
// // if set path, the sidebar will highlight the path you set
// if (meta.activeMenu) {
// return meta.activeMenu
// }
return "/index";
},
showLogo() {
return this.$store.state.settings.sidebarLogo;
},
variables() {
return variables;
},
isCollapse() {
return !this.sidebar.opened;
},
},
created() {
this.postHuoquyonghu();
},
methods: {
// 获取用户信息
postHuoquyonghu() {
// var token = getStorage()
// loginDetails(token).then((response) => {
// console.log('resss', response)
// if (response.code === '200') {
// this.YongHuid = response.data
// this.params.userSid = this.YongHuid.sid
// getrolemenus(this.params).then((res) => {
// const userRoles = this.resRouter(res.data)
this.routes.push({
path: "*",
redirect: "/404",
hidden: true,
});
console.log("左侧菜单", this.routes);
return this.routes;
// })
// }
// })
},
resRouter(menus) {
// 递归，将后台传来数组
for (var i = 0; i < menus.length; i++) {
if (menus[i].children && menus[i].children.length != 0) {
this.resRouter(menus[i].children);
}
if (menus[i].children.length == 0) {
delete menus[i].children;
delete menus[i].redirect;
}
if (menus[i].component == "") {
console.log("55555", menus[i]);
menus[i] = {
path: menus[i].path,
component: "",
redirect: menus[i].path,
children: [menus[i]],
};
} else {
// menus[i] = {
// path: menus[i].path,
// component: '',
// redirect: menus[i].path,
// children: [menus[i]],
// }
}
}
this.routes = menus;
console.log("左侧菜单", this.routes);
return menus;
},
},
};
</script>

4
src/layout/index.vue
View File

@@ -10,8 +10,8 @@
/>
<div class="main-container">
<div class="home-box">
<a href="javascript:window.opener=null;window.open('','_self');window.close();" class="text-center">平台首页</a>
<a href="javascript:void(0);" class="text-center">光伏</a>
<!-- <a href="javascript:window.opener=null;window.open('','_self');window.close();" class="text-center">平台首页</a>
<a href="javascript:void(0);" class="text-center">光伏</a> -->
</div>
<sidebar class="sidebar-container" />
<!--菜单-->