<template>
    <div style="padding: 20px;">
        <el-row>
            <el-col :span="15">
                <el-row>
                    <TitleComponent title="设备情况" subtitle="电站一次监控数据" />
                    <sbqk />
                </el-row>
                <el-row>
                    <TitleComponent title="电站一次系统图" subtitle="电站一次监控数据" />
                    <dzt />
                </el-row>
                <el-row>
                    <TitleComponent title="运行步骤日志" subtitle="实时更新中" />
                    <!-- <sbqk /> -->
                </el-row>
            </el-col>
            <el-col :span="8" :push="1">
                <TitleComponent title="运行步骤日志" subtitle="实时更新中" />
                <el-card style="padding: 0;">
                    <sjjk />
                    <glsc />
                    <czzljl />
                </el-card>
            </el-col>
        </el-row>
    </div>

</template>
<style scoped>
.el-card {
    border-radius: 10px;
}
</style>
<script setup>
import TitleComponent from '@/components/TitleComponent';
import sbqk from './components/sbqk.vue';
import sjjk from './components/sjjk.vue';
import glsc from './components/glsc.vue';
import czzljl from './components/czzljl.vue';
import dzt from './components/dzt.vue';
</script>
