HandOver-liuwu
/
frontend
mirror of https://codeup.aliyun.com/lsxd/marketing/frontend.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/mouseMenu/main.js
View File

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

4
src/pages/home/home.js
View File

@ -185,7 +185,9 @@ export default class App extends Component {
{/* logo */} {/* logo */}
<div className="log"> <div className="log">
<img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/Marketing/logo.svg" alt="" /> <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>
{/* 顶部导航 */} {/* 顶部导航 */}
<div className="nav"> <div className="nav">

89
src/pages/home/home.less
View File

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

9
src/pages/login/login.js
View File

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