import React, { useMemo, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import PanelBox from '../../components/PanelBox';
import AreaDrpChart from './chart';


function DrpReal({ style }) {
  const dispatch = useDispatch();

  return (
    <PanelBox
      style={style}
      title="报警分析"
      color="green"
      extra={
        <>
          <div style={{cursor:'pointer',color:'#3c88f7'}} onClick={()=>dispatch?.runtime.setInfoDlg({ layerId: 'BjLayer', properties: {} })}>更多</div> 
        </>
      }
    >
      <img  src='/assets/报警分析.jpg' style={{width:'26.5rem', height:'13.5rem',marginLeft:'0rem',marginTop:'1rem'}}/>
    </PanelBox>
  )
} 

export default DrpReal;