You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.7 KiB
80 lines
1.7 KiB
<template>
|
|
<div class="container">
|
|
<top-header title="生产作业回报区" />
|
|
<div style="height: 15vh;">
|
|
<el-row>
|
|
<el-col :span="20">
|
|
<div class="item-container">
|
|
<Hcq />
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="item-container">
|
|
<Hlj />
|
|
</div>
|
|
|
|
</el-col>
|
|
</el-row>
|
|
<dv-decoration-2 style="height:5px;" />
|
|
</div>
|
|
<el-row>
|
|
<el-col :span="2">
|
|
<div class="item-container" style="width: 90%">
|
|
<Hgx />
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="17">
|
|
<div class="item-container">
|
|
<HTabs />
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="5">
|
|
<div class="item-container">
|
|
<Hgd />
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import HTabs from "@/views/hbao/comps/HTabs.vue";
|
|
import Hgx from "@/views/hbao/comps/Hgx.vue";
|
|
import TopHeader from "@/views/kban/comps/topHeader.vue";
|
|
import Hcq from "@/views/hbao/comps/Hcq.vue";
|
|
import Hlj from "@/views/hbao/comps/Hlj.vue";
|
|
import Hgd from "@/views/hbao/comps/Hgd.vue";
|
|
|
|
export default {
|
|
name: 'Hbao',
|
|
components: {Hgd, Hlj, Hcq, TopHeader, Hgx, HTabs},
|
|
data(){
|
|
return {
|
|
comp:null
|
|
}
|
|
},
|
|
methods:{
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.item-container{
|
|
width: 99%;
|
|
background-color: rgba(6, 30, 93, 0.5);
|
|
border-top: 2px solid rgba(1, 153, 209, .5);
|
|
}
|
|
.container {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #030409;
|
|
color: #fff;
|
|
background-image: url('../kban/img/bg_bak.png');
|
|
background-size: 100% 100%;
|
|
box-shadow: 0 0 3px blue;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
</style>
|