// 污水
import React, { PureComponent } from "react";
import { LeftPage, RightPage } from "./style";
import ChartBox from "../ChartBox";
import BMap from "../centerPage/charts/BMap";
import WaterVolumeStat from "../Overview/WaterVolumeStat";
import PipelineMonitoring from "../Overview/PipelineMonitoring";
import WornAnalyze from "./WornAnalyze";
import DrainWaterPine from "./DrainWaterPine";

class index extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <LeftPage>
        <ChartBox title="当年水量统计" style={{ flex: 1 }}>
          <WaterVolumeStat />
        </ChartBox>
        <ChartBox
          title="不同分区管网漏损分析"
          style={{ flex: 1, marginTop: 30 }}
        >
          <WornAnalyze />
        </ChartBox>
        <ChartBox
          title="当月管网监测"
          style={{ flex: 1, marginTop: 30, marginBottom: 30 }}
        >
          <PipelineMonitoring />
        </ChartBox>
      </LeftPage>
    );
  }
}

export default index;