From b8b2820d1a0a55a5555434a3ec95f8bbec1db06d Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期四, 14 十二月 2023 15:22:54 +0800
Subject: [PATCH] 1.飞行巡检和审核辅助页面中的对话框写成组件 2.增加了数据请求和异常分析配置参数的可视化页面 3.修改了站点输入框，使能够模糊匹配
---
src/views/exception/components/AnalysisCard.vue | 156 ++++++++++++++++++++++++++++++---------------------
1 files changed, 92 insertions(+), 64 deletions(-)
diff --git a/src/views/exception/components/AnalysisCard.vue b/src/views/exception/components/AnalysisCard.vue
index 82e6b0d..13b5eb5 100644
--- a/src/views/exception/components/AnalysisCard.vue
+++ b/src/views/exception/components/AnalysisCard.vue
@@ -2,30 +2,30 @@
<script>
import DustExceptionText from './DustExceptionText.vue'
import NoDataStatus from './NoDataStatus.vue'
-
+import dayjs from 'dayjs'
export default {
props: {
// 寮傚父鐨勭珯鐐瑰悕绉�
- siteName:{
- type:Array,
- default:()=>{
- return ['绔欑偣1','绔欑偣2']
- }
+ siteName: {
+ type: Array,
+ default: () => {
+ return ['绔欑偣1', '绔欑偣2']
+ }
},
// 寮傚父绫诲瀷
- exceptionType:{
- type:String,
- default:'0'
+ exceptionType: {
+ type: String,
+ default: '0'
},
// 寮�濮嬫椂闂�
- beginTime:{
- type:String,
- default:'2023-09-11 00:00:00'
+ beginTime: {
+ type: String,
+ default: '2023-09-11 00:00:00'
},
// 缁撴潫鏃堕棿
- endTime:{
- type:String,
- default:'2023-09-15 00:00:00'
+ endTime: {
+ type: String,
+ default: '2023-09-15 00:00:00'
},
// 寮傚父鐨勫悕瀛�
exceptionName: {
@@ -33,7 +33,7 @@
default: '寮傚父'
},
// 鍥炬爣鍦板潃
- iconsrc: {
+ icon: {
type: String,
default: '111'
},
@@ -48,22 +48,22 @@
default: 90
},
// 璇ュ紓甯稿湪鏌愭鏃堕棿鐨勬暟閲�
- exceptionNum:{
- type:Number,
- default:10
+ exceptionNum: {
+ type: Number,
+ default: 10
},
// 鎵�鏈夊紓甯稿湪鏌愭鏃堕棿鏁伴噺鐨勭疮鍔犲拰
- exceptionAllNum :{
- type:Number,
- default:100
+ exceptionAllNum: {
+ type: Number,
+ default: 100
},
- // 鏄惁鏄棤鏁版嵁
- isNoDataStatus:{
- type:Boolean,
- default:false
+ // 鏄惁鏃犳暟鎹�
+ isNoDataStatus: {
+ type: Boolean,
+ default: false
}
},
- emits:['getAbnormalDataByClick'],
+ emits: ['getAbnormalDataByClick'],
components: {
DustExceptionText,
NoDataStatus
@@ -71,11 +71,24 @@
data() {
return {}
},
+
+ computed: {
+ auditButton_1() {
+ let today = dayjs().subtract(1, 'day').format('YYYY-MM-DD 00:00:00')
+ if (this.beginTime >= today && this.isNoDataStatus == false) {
+ return true
+ }
+ return false
+ }
+ },
mounted() {},
methods: {
getAbnormalDataByClick(val) {
- this.$emit('getAbnormalDataByClick',val)
+ this.$emit('getAbnormalDataByClick', val)
},
+ openDetail() {
+ this.$router.push(`/AuditDetail/${this.beginTime}/${this.endTime}/${this.exceptionType}`)
+ }
}
}
</script>
@@ -83,62 +96,77 @@
<template>
<el-card>
<template #header>
- <div class="icon-text">
- <!-- <img :src="iconsrc" height="24" width="24"> -->
- <slot/>
- <div class="exception-name">{{ exceptionName }}</div>
- </div>
+ <div class="icon-text">
+ <!-- <slot/> -->
+ <img :src="icon" height="24" width="24" />
+ <div class="exception-name">{{ exceptionName }}</div>
+ <el-button
+ type="danger"
+ size="small"
+ class="audit-button"
+ v-show="auditButton_1"
+ @click="openDetail"
+ >瀹℃牳</el-button
+ >
+ </div>
<div class="exception-num">
- <div><span class="exception-num-text">寮傚父绔欑偣鍗犳瘮</span> <span>{{ siteNum }}/{{ siteNumAll }}</span>
- <span>
- ({{ ((siteNum/siteNumAll) * 100).toFixed(1) }}%)</span>
+ <div>
+ <span class="exception-num-text">寮傚父绔欑偣鍗犳瘮</span>
+ <span>{{ siteNum }}/{{ siteNumAll }}</span>
+ <span> ({{ ((siteNum / siteNumAll) * 100).toFixed(1) }}%)</span>
</div>
- <div><span class="exception-num-text">寮傚父鏁板崰姣�</span> <span>{{ ((exceptionNum / exceptionAllNum) * 100).toFixed(1) }}%</span></div>
+ <div>
+ <span class="exception-num-text">寮傚父鏁板崰姣�</span>
+ <span>{{ ((exceptionNum / exceptionAllNum) * 100).toFixed(1) }}%</span>
+ </div>
</div>
</template>
- <div class="card-exception-buttom" v-show="!isNoDataStatus" >
- <el-scrollbar max-height="190px">
- <DustExceptionText
- :site-name="item.name"
- :exception-type=exceptionType
- :begin-time="beginTime"
- :end-time="endTime"
- @submit-exception-data="getAbnormalDataByClick"
- v-for="(item, index) in siteName"
- :key="item"
- >{{ item.name }}
- <span v-if="index < siteName.length - 1" class="text-blank">,</span>
- </DustExceptionText>
- </el-scrollbar>
+ <div class="card-exception-buttom" v-show="!isNoDataStatus">
+ <el-scrollbar max-height="190px">
+ <DustExceptionText
+ :site-name="item.name"
+ :exception-type="exceptionType"
+ :begin-time="beginTime"
+ :end-time="endTime"
+ @submit-exception-data="getAbnormalDataByClick"
+ v-for="(item, index) in siteName"
+ :key="item"
+ >{{ item.name }}
+ <span v-if="index < siteName.length - 1" class="text-blank">,</span>
+ </DustExceptionText>
+ </el-scrollbar>
</div>
<NoDataStatus :is-no-data="isNoDataStatus"></NoDataStatus>
</el-card>
</template>
<style scoped>
-.el-card{
- height:300px;
+.el-card {
+ height: 300px;
}
.icon-text {
- display:flex;
- margin-bottom:10px;
+ display: flex;
+ margin-bottom: 10px;
+}
+.audit-button {
+ margin-left: auto;
}
.exception-name {
- font-size:18px;
- font-weight:600;
- color:#333333;
- letter-spacing:3px;
+ font-size: 18px;
+ font-weight: 600;
+ color: #333333;
+ letter-spacing: 3px;
}
.exception-num {
-display: flex;
-justify-content: space-between;
-font-size:14px;
-color:#666666;
+ display: flex;
+ justify-content: space-between;
+ font-size: 14px;
+ color: #666666;
}
.exception-num-text {
- margin-right: 4px
+ margin-right: 4px;
}
</style>
--
Gitblit v1.9.3