import React from 'react';
import './CollegeManagePage.less';

export default class CollegeManagePage extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      avatar: 'https://image.xiaomaiketang.com/xm/rJeQaZxtc7.png',
      name: '',
    };
  }

  render() {
    const {
      avatar,
    } = this.state;
    return (
      <div className="college-manage-page">
        <div className="college-header">
          <div className="box">
            <img className="box-image" src="https://image.xiaomaiketang.com/xm/HNHCAF6Fc2.png" />
            <div className="user">
              <img className="image" src={avatar} />
              <span className="name">Xiaomai</span>
              <span className="logout">退出</span>
            </div>
          </div>
        </div>
        <div className="college-box">
          <div className="user">
            <img className="image" src={avatar} />
            <span className="name">用户ID</span>
          </div>
          <div className="title-box">
            <span className="title">企学院 (1)</span>
            <span className="text">最多可创建10个企学院，您还能创建9个</span>
          </div>
          <div className="college-list">
            <div className="college-item">
              <div className="header">
                <img className="image" src="https://image.xiaomaiketang.com/xm/HNHCAF6Fc2.png" />
                <span className="tag">学院管理员</span>
              </div>
              <div className="title">小麦助教小麦助教小麦助教小麦助教小麦助教</div>
              <div className="time">2020-03-29 17:17</div>
            </div>
            <div
              className="college-create"
              onClick={() => {
                window.RCHistory.push('/college-manage/create')
              }}
            >
              <span className="create-word">+ 创建企学院</span>
            </div>
          </div>
        </div>
      </div>
    )
  }
}