<template>
  <div>
    <!-- 查询配置 -->
    <div>
      <div ref="lxHeader">
        <LxHeader
          :icon="$route.meta.icon"
          :text="$route.meta.title"
          style="margin-bottom: 10px; border: 0px; margin-top: 15px"
        >
          <div slot="content"></div>
          <slot>
            <DatePicker v-model="year" type="year" formatter="yyyy"></DatePicker>

          </slot>

        </LxHeader>
      </div>
    </div>
    <lineChart1 :year="year" id="line-chart1" width="100%" height="300px"></lineChart1>
    <pieChart :year="year" id="pie-chart" style="margin-top: 20px;" width="100%" height="300px"></pieChart>
  </div>
</template>

<script>
import LxHeader from '@/components/LxHeader';
import lineChart1 from '@/views/statics/component/lineChart1.vue'
import lineChart from '@/views/statics/component/lineChart.vue'
import pieChart from '@/views/statics/component/pieChart.vue'
export default {
  components: {
    lineChart,
    LxHeader,
    lineChart1,
    pieChart
  },
  data() {
    return {
      year: new Date()
    }
  },
  methods: {},
  computed: {}
}
</script>

<style scoped lang="scss">
</style>
