From 9c1d136e4f5ed9b5bce100147edbb52486da985a Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期五, 08 十二月 2023 13:57:32 +0800
Subject: [PATCH] 对飞行巡检和审核辅助对话框逻辑写成组件
---
src/views/exception/components/AnalysisCard.vue | 150 ++++++++++++++++++++++++++------------------------
1 files changed, 78 insertions(+), 72 deletions(-)
diff --git a/src/views/exception/components/AnalysisCard.vue b/src/views/exception/components/AnalysisCard.vue
index 7328b77..13b5eb5 100644
--- a/src/views/exception/components/AnalysisCard.vue
+++ b/src/views/exception/components/AnalysisCard.vue
@@ -6,26 +6,26 @@
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: {
@@ -48,39 +48,35 @@
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
},
data() {
- return {
- // 瀹℃牳杈呭姪鎸夐挳鏄剧ず
- // auditButton:false,
- }
+ 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
+ let today = dayjs().subtract(1, 'day').format('YYYY-MM-DD 00:00:00')
+ if (this.beginTime >= today && this.isNoDataStatus == false) {
+ return true
}
return false
}
@@ -88,7 +84,7 @@
mounted() {},
methods: {
getAbnormalDataByClick(val) {
- this.$emit('getAbnormalDataByClick',val)
+ this.$emit('getAbnormalDataByClick', val)
},
openDetail() {
this.$router.push(`/AuditDetail/${this.beginTime}/${this.endTime}/${this.exceptionType}`)
@@ -100,67 +96,77 @@
<template>
<el-card>
<template #header>
- <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="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;
+ 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