import React from 'react';
import CommonCard from '../../UI/CommonCard';
import YearSelect from '../../UI/YearSelect';
import './index.less';

const SiGuan = () => {
  return (
    <div className="siguan-view">
      <div className="side-panel left">
        <CommonCard title="安全鉴定" className="panel-card card-1" >
          <div className="placeholder-content">内容填充区域</div>
        </CommonCard>
        <CommonCard title="库区巡查" className="panel-card card-2" style={{minHeight:120}}>
          <div className="placeholder-content">内容填充区域</div>
        </CommonCard>
        <CommonCard title="闸门监控" className="panel-card card-3">
          <div className="placeholder-content">内容填充区域</div>
        </CommonCard>
        <CommonCard
          title="安全隐患"
          className="panel-card card-4"
          headerExtra={<YearSelect />}
        >
          <div className="placeholder-content">内容填充区域</div>
        </CommonCard>
      </div>

      <div className="side-panel right">
        <CommonCard title="水库划界" className="panel-card card-1">
          <div className="placeholder-content">内容填充区域</div>
        </CommonCard>
        <CommonCard title="白蚁防治" className="panel-card card-2">
          <div className="placeholder-content">内容填充区域</div>
        </CommonCard>
        <CommonCard title="维修养护" className="panel-card card-3">
          <div className="placeholder-content">内容填充区域</div>
        </CommonCard>
      </div>
    </div>
  );
};

export default SiGuan;