import React, { Component } from 'react';
import { Modal } from 'amos-framework';
import FireStrengthDetail from'./../firestrength/FireStrengthDetail';

/**
 * 消防实力统计
 */


class FireStrength extends Component {

  constructor(props) {
    super(props);
    this.state = {
      data: {}
    };
  }

  componentDidMount() {
 
  }

 onClick=()=>
 {
alert(123);
 }

  render() {
   
    return (
      <div className="FireStrength">
        <FireStrengthDetail />
         <div className="strength-safety-content">
          <div className="strength-safety-font">消防实力情况(累计)         </div>
          <div className="strength-safety-content-box">
          <div style={{margin:'auto'}}>
            <div className="item" style={{marginTop:"0%"}} onClick={this.onClick} >
              <div className="item-content">  <div className="item-img-div"><img className="item-img"src='mods/components/centerLevel/assets/centerLevel/xfsl/zzxfd.png'/></div><span>驻站消防队:</span><span className="item-value">18支</span> </div>
            </div>
            <div className="item">
              <div  className="item-content">  <div className="item-img-div"><img className="item-img"src='mods/components/centerLevel/assets/centerLevel/xfsl/zzxfy.png'/></div><span>驻站消防员:</span><span className="item-value">300人</span> </div>
              </div>
              <div className="item">
              <div  className="item-content"> <div className="item-img-div"><img className="item-img"src='mods/components/centerLevel/assets/centerLevel/xfsl/znzs.png'/></div><span>站内值守:</span><span className="item-value">200人</span> </div>
              </div>
              <div className="item">
              <div  className="item-content"> <div className="item-img-div"><img className="item-img"src='mods/components/centerLevel/assets/centerLevel/xfsl/xfc.png'/></div><span>消防车:</span><span className="item-value">50辆</span> </div>
              </div>
              <div className="item">
              <div  className="item-content"> <div className="item-img-div"> <img className="item-img"src='mods/components/centerLevel/assets/centerLevel/xfsl/xfqc.png'/></div><span>消防器材:</span><span className="item-value">20000件</span> </div>
              </div>
          </div>
          </div>
        </div>
        <Modal
        width={1000}
        height={1000}
        content={<FireStrengthDetail/>}
        visible={false}
        ></Modal>
      </div>
    );
  }
}

FireStrength.propTypes = {

};

export default FireStrength;
