From 96ef52970c4ee8244d7ad4c50ef1808afe430421 Mon Sep 17 00:00:00 2001 From: songhuangfeng123 <shf18767906695@163.com> Date: 星期五, 15 四月 2022 11:38:18 +0800 Subject: [PATCH] fix --- src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue | 81 ++++++++++++++++++++++++++++++++++++++-- 1 files changed, 76 insertions(+), 5 deletions(-) diff --git a/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue b/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue index 24a2bdc..8e7db67 100644 --- a/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue +++ b/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue @@ -1,17 +1,88 @@ <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" + name: "index", + components : { + inspectionPerson, + inspectionComplete, + inspectionUnusual, + todayUnusual + } } </script> <style scoped> -.inspectionStatistics{ - -} + /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> -- Gitblit v1.9.2