<template>
|
<div class="inspectionStatistics">
|
<div class="inspectionStatistics_part">
|
<div class="inspectionStatistics_part_person">
|
<div class="inspectionStatistics_part_title">{{"巡检人员统计"}}</div>
|
<el-divider></el-divider>
|
<div class="inspectionStatistics_part_body">
|
<inspection-person></inspection-person>
|
</div>
|
</div>
|
</div>
|
<div class="inspectionStatistics_part">
|
<div class="inspectionStatistics_part_complete">
|
<div class="inspectionStatistics_part_title">{{"巡检完成统计"}}</div>
|
<el-divider></el-divider>
|
<div class="inspectionStatistics_part_body">
|
<inspection-complete></inspection-complete>
|
</div>
|
</div>
|
</div>
|
<div class="inspectionStatistics_part">
|
<div class="inspectionStatistics_part_today">
|
<div class="inspectionStatistics_part_title">{{"今日异常完成"}}</div>
|
<el-divider></el-divider>
|
<div class="inspectionStatistics_part_body">
|
<today-unusual></today-unusual>
|
</div>
|
</div>
|
</div>
|
<div class="inspectionStatistics_part">
|
<div class="inspectionStatistics_part_unusual">
|
<div class="inspectionStatistics_part_title">{{"巡检异常统计"}}</div>
|
<el-divider></el-divider>
|
<div class="inspectionStatistics_part_body">
|
<inspection-unusual></inspection-unusual>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import inspectionPerson from './components/inspectionPerson/index'
|
import inspectionComplete from './components/inspectionComplete/index'
|
import inspectionUnusual from './components/inspectionUnusual/index'
|
import todayUnusual from './components/todayUnusual/index'
|
export default {
|
name: "index",
|
components : {
|
inspectionPerson,
|
inspectionComplete,
|
inspectionUnusual,
|
todayUnusual
|
}
|
}
|
</script>
|
|
<style scoped>
|
/deep/.el-divider--horizontal {
|
margin-top: 0px !important;
|
}
|
.inspectionStatistics{
|
width:100%;
|
height:100%;
|
display: flex;
|
flex-wrap: wrap;
|
justify-content: space-around;
|
}
|
.inspectionStatistics_part{
|
width:800px;
|
height:500px;
|
background-color: #FFFFFF;
|
margin-bottom: 6.5px;
|
}
|
inspectionStatistics_part_person{
|
width:100%;
|
height: 200px;
|
}
|
.inspectionStatistics_part_title{
|
height:60px;
|
line-height: 60px;
|
padding-left:20px;
|
}
|
.inspectionStatistics_part_body{
|
width:100%;
|
height:410px;
|
}
|
</style>
|