46 lines
1.0 KiB
Vue
46 lines
1.0 KiB
Vue
|
|
<template>
|
|
<div class="ssyx-ems-dashboard-editor-container">
|
|
<!-- 6个方块-->
|
|
<real-time-base-info/>
|
|
<!-- echart图表-->
|
|
<el-row :gutter="32" style="background:#fff;margin:30px 0;">
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|
<cnglqx-chart/>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|
<pocpjwd-chart/>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="32" style="margin:30px 0;">
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|
<dcpjsoc-chart/>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="12">
|
|
<dcpjwd-chart/>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|
|
<script>
|
|
import RealTimeBaseInfo from "./../RealTimeBaseInfo.vue";
|
|
import CnglqxChart from './CnglqxChart.vue'
|
|
import PocpjwdChart from './PocpjwdChart.vue'
|
|
import DcpjwdChart from './DcpjwdChart.vue'
|
|
import DcpjsocChart from './DcpjsocChart.vue'
|
|
|
|
export default {
|
|
name:'ZdjkSbjkSsyx',
|
|
components:{RealTimeBaseInfo,CnglqxChart,PocpjwdChart,DcpjwdChart,DcpjsocChart},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
|
|
}
|
|
</script>
|