2021-10-25 17:45:14 +08:00
|
|
|
import ReactDOM from 'react-dom';
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
|
|
|
|
import "./App.css"
|
|
|
|
import "./assets/comm.css"
|
2021-10-25 11:49:03 +08:00
|
|
|
|
2021-10-25 17:45:14 +08:00
|
|
|
import { Avatar, Badge } from 'zent';
|
|
|
|
import extension from './pages/extension/main/main';
|
|
|
|
import overview from './pages/overview/main/main';
|
2021-10-28 09:32:19 +08:00
|
|
|
import newplan from './pages/newplan/main';
|
2021-10-25 17:45:14 +08:00
|
|
|
export default class App extends Component {
|
|
|
|
state = {
|
|
|
|
pathname:'',
|
|
|
|
};
|
|
|
|
componentWillMount(){
|
|
|
|
const pathname=window.location.href.lastIndexOf('\/');
|
|
|
|
const pathnamestr=window.location.href.substr(pathname);
|
|
|
|
this.setState({pathname:`${pathnamestr}`});
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<Router>
|
|
|
|
<div className="start dflexajc">
|
|
|
|
<div className="header dflexaj boxs">
|
|
|
|
{/* logo */}
|
|
|
|
<div className="log dflexaj">
|
|
|
|
<img src="https://qzonestyle.gdtimg.com/gdt_ui_proj/dist/phoenix/images/ams-logo.svg?max_age=31536000" alt=""/>
|
|
|
|
<span>营销系统管理平台</span>
|
|
|
|
</div>
|
|
|
|
{/* 顶部导航 */}
|
|
|
|
<div className="nav dflexa">
|
|
|
|
<Link to="/overview" className={this.state.pathname=='/overview'?'active':''} onClick={()=>this.setState({pathname:'/overview'})}>概览</Link>
|
|
|
|
<Link to="/extension" className={this.state.pathname=='/extension'?'active':''} onClick={()=>this.setState({pathname:'/extension'})}>推广</Link>
|
|
|
|
</div>
|
|
|
|
{/* 用户头像信息 */}
|
|
|
|
<div className="userImg dflexa">
|
2021-10-26 16:01:18 +08:00
|
|
|
<Link to="https://youzan.com" target="_blank" className="mr15 helpcenter">帮助中心</Link>
|
2021-10-25 17:45:14 +08:00
|
|
|
<Avatar style={{ backgroundColor: '#296bef' }}>Red</Avatar>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<aside className="mainbody" >
|
|
|
|
<div>
|
|
|
|
<Route exact path="/extension" component={extension} />
|
2021-10-28 09:32:19 +08:00
|
|
|
<Route exact path="/overview" component={overview} />
|
|
|
|
<Route exact path="/newplan" component={newplan} />
|
2021-10-25 17:45:14 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</aside>
|
|
|
|
</div>
|
|
|
|
</Router>
|
|
|
|
);
|
|
|
|
}
|
2021-10-25 11:49:03 +08:00
|
|
|
}
|
|
|
|
|