|
|
|
<template>
|
|
|
|
<div class="dashboard-editor-container">
|
|
|
|
<github-corner class="github-corner" />
|
|
|
|
<img style="height: 100%;width: 100%" src="~img/indexcp.jpg">
|
|
|
|
<!-- <github-corner class="github-corner" />-->
|
|
|
|
|
|
|
|
<panel-group @handleSetLineChartData="handleSetLineChartData" />
|
|
|
|
<!-- <panel-group @handleSetLineChartData="handleSetLineChartData" />-->
|
|
|
|
|
|
|
|
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
|
|
|
|
<line-chart :chart-data="lineChartData" />
|
|
|
|
</el-row>
|
|
|
|
<!-- <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">-->
|
|
|
|
<!-- <line-chart :chart-data="lineChartData" />-->
|
|
|
|
<!-- </el-row>-->
|
|
|
|
|
|
|
|
<el-row :gutter="20">
|
|
|
|
<el-col :span="7">
|
|
|
|
<div class="chart-wrapper">
|
|
|
|
<raddar-chart />
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
<!-- :xs="24" :sm="24" :lg="8"-->
|
|
|
|
<el-col :span="7">
|
|
|
|
<div class="chart-wrapper">
|
|
|
|
<pie-chart />
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="7">
|
|
|
|
<div class="chart-wrapper">
|
|
|
|
<bar-chart />
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!-- <el-row :gutter="20">-->
|
|
|
|
<!-- <el-col :span="7">-->
|
|
|
|
<!-- <div class="chart-wrapper">-->
|
|
|
|
<!-- <raddar-chart />-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </el-col>-->
|
|
|
|
<!--<!– :xs="24" :sm="24" :lg="8"–>-->
|
|
|
|
<!-- <el-col :span="7">-->
|
|
|
|
<!-- <div class="chart-wrapper">-->
|
|
|
|
<!-- <pie-chart />-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </el-col>-->
|
|
|
|
<!-- <el-col :span="7">-->
|
|
|
|
<!-- <div class="chart-wrapper">-->
|
|
|
|
<!-- <bar-chart />-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- </el-col>-->
|
|
|
|
<!-- </el-row>-->
|
|
|
|
|
|
|
|
<!-- <el-row :gutter="8">-->
|
|
|
|
<!-- <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 12}" :xl="{span: 12}" style="padding-right:8px;margin-bottom:30px;">-->
|
|
...
|
...
|
@@ -99,27 +100,30 @@ |
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.dashboard-editor-container {
|
|
|
|
padding: 32px;
|
|
|
|
background-color: rgb(240, 242, 245);
|
|
|
|
position: relative;
|
|
|
|
/*background: url("~img/indexcp.jpg");*/
|
|
|
|
/*padding: 32px;*/
|
|
|
|
/*background-color: rgb(0,0, 125);*/
|
|
|
|
/*background-repeat:no-repeat;*/
|
|
|
|
/*height: 100%;*/
|
|
|
|
/*position: relative;*/
|
|
|
|
|
|
|
|
.github-corner {
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
border: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
/* .github-corner {*/
|
|
|
|
/* position: absolute;*/
|
|
|
|
/* top: 0px;*/
|
|
|
|
/* border: 0;*/
|
|
|
|
/* right: 0;*/
|
|
|
|
/* }*/
|
|
|
|
|
|
|
|
.chart-wrapper {
|
|
|
|
background: #fff;
|
|
|
|
padding: 16px 16px 0;
|
|
|
|
margin-bottom: 32px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/* .chart-wrapper {*/
|
|
|
|
/* background: #fff;*/
|
|
|
|
/* padding: 16px 16px 0;*/
|
|
|
|
/* margin-bottom: 32px;*/
|
|
|
|
/* }*/
|
|
|
|
/*}*/
|
|
|
|
|
|
|
|
@media (max-width:1024px) {
|
|
|
|
.chart-wrapper {
|
|
|
|
padding: 6px;
|
|
|
|
}
|
|
|
|
/*@media (max-width:1024px) {*/
|
|
|
|
/* .chart-wrapper {*/
|
|
|
|
/* padding: 6px;*/
|
|
|
|
/* }*/
|
|
|
|
}
|
|
|
|
</style> |
...
|
...
|
|
