| | |
| | | <script> |
| | | import DustRadarChart from '../../sfc/DustRadarChart.vue'; |
| | | import TimeSelectWithShortCuts from '../../sfc/TimeSelectWithShortCuts.vue' |
| | | // import DustRadarChart from '../../sfc/DustRadarChart.vue'; |
| | | // import TimeSelectWithShortCuts from '../../sfc/TimeSelectWithShortCuts.vue' |
| | | import dayjs from 'dayjs'; |
| | | export default { |
| | | components :{ |
| | |
| | | |
| | | <template> |
| | | <div> |
| | | <DustRadarChart></DustRadarChart> |
| | | 数据接入配置 |
| | | </div> |
| | | |
| | | <!-- <div class="container"> |
| | | <el-space wrap :size="20" > |
| | | <el-card v-for="i in 6" :key="i"> |
| | | 111 |
| | | </el-card> |
| | | </el-space> |
| | | <el-card v-for="i in 5" :key="i"> |
| | | 111 |
| | | </el-card> |
| | | <el-card> |
| | | 22 |
| | | </el-card> |
| | | |
| | | </div> --> |
| | | |
| | | </template> |
| | | |
| | | <style scoped> |
| | | |
| | | .container { |
| | | margin: 20px 20px; |
| | | display: flex; |
| | | flex-flow: row wrap; |
| | | gap: 20px; |
| | | height: 100%; |
| | | } |
| | | .el-card { |
| | | min-width: 500px; |
| | | min-height: 400px; |
| | | flex: 1 200px; |
| | | /* flex: 1; */ |
| | | |
| | | } |
| | | </style> |