import React, { Component } from 'react'
|
|
import avatar from '@/assets/img/avatar.jpg'
|
import MainLogo from '@/assets/img/main-logo.png'
|
import './index.scss'
|
|
class SysCheckHeader extends Component {
|
state = {
|
avatar: sessionStorage.getItem('CloudAvatar') || avatar,
|
userName: sessionStorage.getItem('CloudUserName'),
|
logo: sessionStorage.getItem('CloudLogo') || MainLogo
|
}
|
|
render () {
|
const { logo } = this.state
|
|
return (
|
<header className="sys-header-container">
|
<div className="header-logo"><img src={logo} alt=""/></div>
|
<div className="title">
|
系统检查
|
</div>
|
<div className="header-user">
|
<img src={this.state.avatar} alt=""/>
|
<span>
|
<span className="username">{this.state.userName}</span>
|
</span>
|
</div>
|
</header>
|
)
|
}
|
}
|
|
export default SysCheckHeader
|
