{"size": 1332, "ext": "js", "max_stars_repo_path": "src/pages/dashboard/monitor.js", "max_stars_repo_name": "MagicHacker/admin-pro", "max_stars_repo_stars_event_min_datetime": "2021-02-13T03:36:43.000Z", "max_stars_repo_stars_event_max_datetime": "2021-02-13T03:36:43.000Z", "max_issues_repo_path": "src/pages/dashboard/monitor.js", "max_issues_repo_name": "MagicHacker/admin-pro", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/dashboard/monitor.js", "max_forks_repo_name": "MagicHacker/admin-pro", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.6666666667, "max_line_length": 79, "alphanum_fraction": 0.4069069069}
import { Component } from 'react';
import { Card, Row, Col } from 'antd';
import './monitor.less';
class Monitor extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <div className="monitor_wrapper">
        <div className="monitor_top">
          <Row gutter={30}>
            <Col span={18}>
              <Card title="活动实时交易" bordered={false}>
                1
              </Card>
            </Col>
            <Col span={6}>
              <Card title="活动情况预测" bordered={false}>
                2
              </Card>
              <Card title="券核效率" bordered={false} style={{ 'margin-top': 20 }}>
                3
              </Card>
            </Col>
          </Row>
        </div>
        <div className="monitor_footer">
          <Row gutter={30}>
            <Col span={12}>
              <Card title="活动情况预测" bordered={false}>
                4
              </Card>
            </Col>
            <Col span={6}>
              <Card title="活动情况预测" bordered={false}>
                5
              </Card>
            </Col>
            <Col span={6}>
              <Card title="活动情况预测" bordered={false}>
                6
              </Card>
            </Col>
          </Row>
        </div>
      </div>
    );
  }
}

export default Monitor;
