72 lines
1.5 KiB
Vue
72 lines
1.5 KiB
Vue
<template>
|
|
<div class="ems-dashboard-editor-container">
|
|
<zd-info></zd-info>
|
|
<div class="ems-content-container ems-content-container-padding">
|
|
<div class="content-title">数据概览</div>
|
|
<el-row :gutter="32" style="background:#fff;margin:30px 0;">
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|
<dlzb-chart/>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|
<xtxl-chart/>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row :gutter="32" style="background:#fff;margin:0;">
|
|
<el-col :xs="24" :sm="8" :lg="8">
|
|
<gjqs-chart/>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="8" :lg="8">
|
|
<sbgjzb-chart/>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="8" :lg="8">
|
|
<gjdjfb-chart/>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ZdInfo from '@/components/Ems/ZdBaseInfo/index.vue'
|
|
import DlzbChart from './DlzbChart.vue'
|
|
import XtxlChart from './XtxlChart.vue'
|
|
import GjqsChart from './GjqsChart.vue'
|
|
import SbgjzbChart from './SbgjzbChart.vue'
|
|
import GjdjfbChart from './GjdjfbChart.vue'
|
|
export default {
|
|
name: 'Index',
|
|
components: {
|
|
ZdInfo,
|
|
DlzbChart,
|
|
XtxlChart,
|
|
GjqsChart,
|
|
SbgjzbChart,
|
|
GjdjfbChart
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.ems-dashboard-editor-container {
|
|
position: relative;
|
|
.content-title{
|
|
line-height: 16px;
|
|
color: #333333;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
}
|
|
</style>
|