<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="niandu" type="year" formatter="yyyy"></DatePicker>
          </slot>

        </LxHeader>
      </div>
    </div>
    <line-chart :niandu="niandu" width="100%" height="300px"></line-chart>
    <bar-chart id="chart1" width="100%" height="300px" style="margin-top: 10px;"></bar-chart>
  </div>
</template>

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

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