<template>
  <div class="chart-page">
    <section
      class="chart-section"
      style="width: 100%;">
      <el-card
        class="chart-card"
        style="width: 100%;">
        <div slot="header">
          <span>月度销售统计</span>
          <el-button type="text">操作按钮</el-button>
        </div>
        <div
          class="content"
          style="height: 300px;">
          <Chart1/>
        </div>
      </el-card>
      <el-card
        class="chart-card"
        style="width: 100%;">
        <div slot="header">
          <span>年度销售统计</span>
          <el-button type="text">操作按钮</el-button>
        </div>
        <div
          class="content"
          style="height: 300px;">
          <Chart2/>
        </div>
      </el-card>
    </section>
  </div>
</template>
<script>
import './chartAnalysis.scss'
import Chart1 from './salesReportCharts/chart1'
import Chart2 from './salesReportCharts/chart2'
export default {
  components: {
    Chart1,
    Chart2
  }
}
</script>
