<template>
  <div class="dashboard-editor-container">
    <!-- @handleSetLineChartData="handleSetLineChartData" -->
    <panel-group />
    <!-- <panel-group2 :chart-data="lineChartData2" />
    <panel-group3 :chart-data="lineChartData3" /> -->

    <!-- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;"> -->
    <!-- <line-chart :chart-data="lineChartData" /> -->
    <!-- <bar-chart :chart-data="lineChartData" /> -->

    <!-- </el-row> -->

    <!-- <el-row :gutter="32">
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
          <raddar-chart />
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
          <pie-chart />
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
         
        </div>
      </el-col>
    </el-row> -->
  </div>
</template>

<script>
import PanelGroup from "./dashboard/PanelGroup";
import PanelGroup2 from "./dashboard/PanelGroup2";
import PanelGroup3 from "./dashboard/PanelGroup3";
import LineChart from "./dashboard/LineChart";
import RaddarChart from "./dashboard/RaddarChart";
import PieChart from "./dashboard/PieChart";
import BarChart from "./dashboard/BarChart";
import { common_api } from "@/api/form";


const lineChartData = {
  newVisitis: {
    cancel: [],
    danwei: ["人"],
  },
};

export default {
  name: "Index",
  components: {
    PanelGroup,
    PanelGroup2,
    PanelGroup3,

    LineChart,
    RaddarChart,
    PieChart,
    BarChart,
  },
  data() {
    return {
      lineChartData: {},

      dateRange: [],
      startDateRange: "",
      endDateRange: "",
      // 查询参数
      queryParams: {},
      bigData: {},
      loading: true,
    };
  },

  methods: {
    // 结算记录统计-结算统计
    calcInit() {
      common_api.homeData().then((response) => {
        this.lineChartData = response.data
      });
    },
  },

  created() {
    this.calcInit();
  },
};
</script>
<style lang="scss" scoped>
.dashboard-editor-container {
  padding: 32px;
  padding-top: 15px;
  // background-color: rgb(240, 242, 245);
  position: relative;

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}

@media (max-width: 1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}
</style>
