You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
2.3 KiB
111 lines
2.3 KiB
<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>
|
|
|