From 9b7b2d5edd02e1630a28cdbdba868670643dc9d8 Mon Sep 17 00:00:00 2001
From: lyfO_o <764716047@qq.com>
Date: 星期五, 06 五月 2022 17:05:30 +0800
Subject: [PATCH] 忘记密码:v2:样式调整
---
src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue | 150 ++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 145 insertions(+), 5 deletions(-)
diff --git a/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue b/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue
index 24a2bdc..f938c1c 100644
--- a/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue
+++ b/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/index.vue
@@ -1,17 +1,157 @@
<template>
<div class="inspectionStatistics">
-
+ <div class="inspectionStatistics_part">
+ <div class="inspectionStatistics_part_person">
+ <div class="inspectionStatistics_part_title">{{"巡检人员统计"}}</div>
+ <div class="inspectionStatistics_part_time">
+ <el-date-picker
+ v-model="value1"
+ type="daterange"
+ range-separator="至"
+ start-placeholder="开始日期"
+ @change="changeInspectionPerson"
+ end-placeholder="结束日期">
+ </el-date-picker></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>
+ <div class="inspectionStatistics_part_time">
+ <el-date-picker
+ v-model="value2"
+ type="daterange"
+ range-separator="至"
+ start-placeholder="开始日期"
+ end-placeholder="结束日期">
+ </el-date-picker>
+ </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>
+ <div class="inspectionStatistics_part_time">
+ <el-date-picker
+ v-model="value3"
+ type="daterange"
+ range-separator="至"
+ start-placeholder="开始日期"
+ end-placeholder="结束日期">
+ </el-date-picker>
+ </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'
+import { getInspectionCount } from '../../../../api/inspectionTask'
export default {
- name: "index"
+ name: "index",
+ data() {
+ return {
+ value1:['',''],
+ value2:['',''],
+ value3:['',''],
+ listQuery:{
+ "dateList": [
+ ],
+ "endDate": "",
+ "execUid": null,
+ "startDate": ""
+ }
+ }
+ },
+ components : {
+ inspectionPerson,
+ inspectionComplete,
+ inspectionUnusual,
+ todayUnusual
+ },
+ created() {
+ this.setTimeValue()
+ this.getInspectionCount()
+ },
+ methods: {
+ setTimeValue() {
+ let newTime = new Date()
+ this.value1 = [(newTime.getFullYear()+ '-' + (newTime.getMonth() + 1) + '-' + 1).toString() + ' ' + '00:00:00',(newTime.getFullYear()+ '-' + (newTime.getMonth() + 1) + '-' + newTime.getDate()).toString() + ' ' + '23:59:59']
+ this.value2 = [(newTime.getFullYear()+ '-' + (newTime.getMonth() + 1) + '-' + 1).toString() + ' ' + '00:00:00',(newTime.getFullYear()+ '-' + (newTime.getMonth() + 1) + '-' + newTime.getDate()).toString() + ' ' + '23:59:59']
+ this.value3 = [(newTime.getFullYear()+ '-' + (newTime.getMonth() + 1) + '-' + 1).toString() + ' ' + '00:00:00',(newTime.getFullYear()+ '-' + (newTime.getMonth() + 1) + '-' + newTime.getDate()).toString() + ' ' + '23:59:59']
+ },
+ async getInspectionCount() {
+ this.listQuery.startDate = this.value1[0]
+ this.listQuery.endDate = this.value1[1]
+ let res = await getInspectionCount(this.listQuery)
+ // this.$refs.inspectionPerson.setCount(res.data.result)
+ },
+ async changeInspectionPerson() {
+ let res = await getInspectionCount(this.listQuery)
+ },
+ }
}
</script>
<style scoped>
-.inspectionStatistics{
-
-}
+ /deep/.el-divider--horizontal {
+ margin-top: 1px !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;
+ display: inline-block;
+ width:50%;
+ }
+ .inspectionStatistics_part_body{
+ width:100%;
+ height:410px;
+ }
+ .inspectionStatistics_part_time{
+ display: inline-block;
+
+ }
</style>
--
Gitblit v1.9.2