From cd79b3bfdbc33ffa79fefcf5d6fde287a1c05c2f Mon Sep 17 00:00:00 2001
From: panzy <225@qq.com>
Date: 星期六, 21 五月 2022 11:58:19 +0800
Subject: [PATCH] 表格添加loding转圈 隐患汇总添加导出
---
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