fix: 增加版本号

This commit is contained in:
zhangds 2024-06-20 15:16:50 +08:00
parent febcb51570
commit 792df5edfc
4 changed files with 99 additions and 79 deletions

View File

@ -1,24 +1,24 @@
import React from "react";
import "./main.less";
import { Link } from "react-router-dom";
import React from "react"
import "./main.less"
import { Link } from "react-router-dom"
export default class MouseMenu extends React.Component {
constructor(props) {
super(props);
super(props)
this.state = {
activeMenuList: [] //总动态路由数据
};
}
}
componentDidMount() {
let activeMenuList = JSON.parse(sessionStorage.getItem("activeMenu"));
this.setState({ activeMenuList });
let activeMenuList = JSON.parse(sessionStorage.getItem("activeMenu"))
this.setState({ activeMenuList })
}
closeMenuMask() {
this.props.mouseLeaveFn();
this.props.mouseLeaveFn()
}
//点击菜单
clickMenuItem(e, it) {
if (it.router == "/home/distributor-add") {
sessionStorage.setItem("pathname2", "/home/system/distributor-add");
sessionStorage.setItem("pathname2", "/home/system/distributor-add")
let activerou = [
{
pagetitle: "新建",
@ -33,24 +33,26 @@ export default class MouseMenu extends React.Component {
}
]
}
];
sessionStorage.setItem("breaknav", JSON.stringify(activerou));
]
sessionStorage.setItem("breaknav", JSON.stringify(activerou))
}
this.props.mouseLeaveFn();
this.props.mouseLeaveFn()
}
render() {
let menuList = this.state.activeMenuList; //路由表
let urlHref = window.location.href.replace(/^\/|\/$/g, "");
const pathname = urlHref.lastIndexOf("/");
const pathnamestr = urlHref.substr(pathname);
let menuList = this.state.activeMenuList //路由表
let urlHref = window.location.href.replace(/^\/|\/$/g, "")
const pathname = urlHref.lastIndexOf("/")
const pathnamestr = urlHref.substr(pathname)
return (
<div
className='mouseMenu'
className="mouseMenu"
onMouseLeave={this.closeMenuMask.bind(this)}
onMouseEnter={this.props.mouseEnter}>
<div className='menuBody'>
<div className='first_menu'>
onMouseEnter={this.props.mouseEnter}
>
<div className="menuBody">
<div className="first_menu">
{menuList?.map((item, i) => {
return (
<div key={i}>
@ -60,23 +62,23 @@ export default class MouseMenu extends React.Component {
key={childI}
to={childItem.router}
className={
childItem.router.includes(pathnamestr) &&
item.children.length >= 1
childItem.router.includes(pathnamestr) && item.children.length >= 1
? "mouse_menuactive menu_items"
: "menu_items"
}
onClick={(e) => this.clickMenuItem(e, childItem)}>
onClick={(e) => this.clickMenuItem(e, childItem)}
>
{childItem.title}
</Link>
) : null;
) : null
})}
</div>
);
)
})}
</div>
{/* <Icon type="close" className="closeMenu" onClick={this.closeMenuMask.bind(this)} /> */}
</div>
</div>
);
)
}
}

View File

@ -185,7 +185,9 @@ export default class App extends Component {
{/* logo */}
<div className="log">
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/Marketing/logo.svg" alt="" />
<span>营销系统管理平台</span>
<span className="name">营销系统管理平台</span>
<span className="versions">V2.9.7.8</span>
</div>
{/* 顶部导航 */}
<div className="nav">

View File

@ -1,22 +1,22 @@
.start{
.start {
width: 100%;
height: 100%;
background: #F5F6F7;
background: #f5f6f7;
// overflow-y: scroll;
}
.navicon{
.navicon {
display: flex;
align-items: center;
img{
img {
width: 20px;
margin-right: 5px;
}
}
.exitIcon{
font-size: 24px;
.exitIcon {
font-size: 24px;
cursor: pointer;
}
.start .header{
.start .header {
width: 100%;
height: 60px;
color: inherit;
@ -33,7 +33,7 @@
align-items: center;
padding: 0 20px;
}
.start .log{
.start .log {
// margin-right: 80px;
font-size: 20px;
font-weight: 500;
@ -41,118 +41,125 @@
display: flex;
align-items: center;
}
.start .log img{
.start .log img {
margin-right: 15px;
width: 36px;
height: 36px;
}
.start .log span{
.start .log .name {
padding-left: 15px;
width: 200px;
border-left: 1px solid #ccc;
}
.nav{
.start .log .versions {
font-size: 12px;
padding: 0 5px;
margin-top: 28px;
}
.nav {
height: 100%;
width: 60vw;
// min-width: 300px;
// flex:1;
}
//导航栏个人信息
.nav-person{
display: flex;
.nav-person {
display: flex;
min-width: 130px;
flex: 1;
justify-content: flex-end;
}
.start .helpcenter{
.start .helpcenter {
color: #666;
font-weight: bold;
}
.start .mainbody{
.start .mainbody {
width: 100%;
flex: 1;
margin-top: 60px;
overflow: scroll;
.subtitle{
.subtitle {
height: 60px;
line-height: 60px;
padding-left:30px;
padding-left: 30px;
color: #313233;
font-size: 16px;
}
}
}
.route-box{
width: 100%;
.route-box {
width: 100%;
// height: 100%;
// overflow-y: scroll;
}
.exit-box{
width:100%;
.exit-box {
width: 100%;
background: #fff;
border-radius: 12px;
overflow: hidden;
}
.exit-header{
.exit-header {
width: 200px;
display: flex;
padding: 15px;
background: #F7F9FC;
background: #f7f9fc;
border-bottom: 1px solid #e0e0e0;
}
.exit-userInfo{
.exit-userInfo {
line-height: 1.5rem;
color: #333;
font-size: 14px;
margin-left: 15px;
}
.exit-btn,.modify-btn{
.exit-btn,
.modify-btn {
flex: 1;
display: flex;
align-items: center;
padding:10px;
padding: 10px;
justify-content: center;
font-size: 16px;
color: #939599;
cursor: pointer;
}
.exit-btn:hover,.modify-btn:hover{
.exit-btn:hover,
.modify-btn:hover {
color: #296bef;
}
.modify-btn{
.modify-btn {
border-left: 1px solid #e0e0e0;
}
.userImg{
.userImg {
cursor: pointer;
}
.exitPop {
border-radius: 12px!important;
border-radius: 12px !important;
border: 1px solid #e0e0e0;
overflow: hidden!important;
z-index: 8888!important;
overflow: hidden !important;
z-index: 8888 !important;
}
.exitPop .zent-pop-v2-inner{
padding: 0!important;
border-radius: 12px!important;
.exitPop .zent-pop-v2-inner {
padding: 0 !important;
border-radius: 12px !important;
background: transparent!important;
background: transparent !important;
}
.nameItem{
.nameItem {
height: 100%;
display: flex;
align-items: center;
font-weight: bold;
}
.help{
.help {
font-size: 12px;
color: #296bef;
padding-right: 10px;
cursor: pointer;
margin-right: 15px;
font-weight: bold;
color: #296bef;
padding-right: 10px;
cursor: pointer;
margin-right: 15px;
font-weight: bold;
}
.moveMenu{
.moveMenu {
width: 100%;
// height: 400px;
background: #fff;
@ -161,12 +168,12 @@
z-index: 9;
left: 0;
}
.maskMenu{
width:100vw;
.maskMenu {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,0.2);
background: rgba(0, 0, 0, 0.2);
z-index: 5;
}
}

View File

@ -79,7 +79,16 @@ export default class App extends Component {
this.getAccountList()
sessionStorage.setItem("showflag", true)
if (menuList && menuList.length > 0) {
sessionStorage.setItem("activeMenu", JSON.stringify(menuList))
// 过滤 系统管理 ***
let xtIndex = menuList.findIndex((item) => item.title === "系统管理")
if (xtIndex !== -1) {
menuList[xtIndex].children = menuList[xtIndex].children.filter(
(item) => item.title !== "定制化模板"
)
sessionStorage.setItem("activeMenu", JSON.stringify(menuList))
} else {
sessionStorage.setItem("activeMenu", JSON.stringify(menuList))
}
let market = menuList.filter((item) => item.id == 16)
if (market && market[0]?.children.length > 0) {
//菜单有营销计划