import React, { Component } from 'react';
import PropTypes from 'prop-types';
import GrowthStatistics from './GrowthStatistics';
import RecentStatistics from './RecentStatistics';
import RiskFailure from './RiskFailure';
import RiskTrend from './RiskTrend';
import Statistics from './Statistics';
import SafetyRate from './SafetyRate';

/**
 * situation
 *安全态势
 * @class situation
 * @extends {Component}
 */
class Situation extends Component {
  constructor(props) {
    super(props);
    this.state = {

    };
  }

  componentWillMount() {

  }

  componentDidMount() {

  }

  componentWillUnmount() {

  }

  render() {
    return (
      <div className='class-Situation'>
        <div className='daily-duties-content'>
          <div className='daily-duties-left'>
            <div>
              <SafetyRate />
            </div>
            <div>
              <GrowthStatistics/>
            </div>
          </div>
          <div className='daily-duties-middle'>
          <div>
              <Statistics/>
            </div>
            <div>
              <RiskTrend/>
            </div>
          </div>
          <div className='daily-duties-right'>
          <div>
              <RiskFailure/>
            </div>
            <div>
              <RecentStatistics/>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

Situation.propTypes = {

};

export default Situation;
