From c24a5a2a99515b365ebc343b04538bb862790de1 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 21 十二月 2023 11:44:22 +0800
Subject: [PATCH] Merge branch 'feature-code-refactoring' and 'feature-002'
---
src/views/exception/SiteAuditAssistance.vue | 432 ++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 306 insertions(+), 126 deletions(-)
diff --git a/src/views/exception/SiteAuditAssistance.vue b/src/views/exception/SiteAuditAssistance.vue
index 0fa2676..c56b980 100644
--- a/src/views/exception/SiteAuditAssistance.vue
+++ b/src/views/exception/SiteAuditAssistance.vue
@@ -12,6 +12,14 @@
import { ElMessage, ElMessageBox } from 'element-plus'
import ButtonClick from '@/sfc/ButtonClick.vue'
import index from '@/utils/exception_common_function/index.js'
+import DaySelect from '@/sfc/DaySelect.vue';
+// import {useLoginUserStore} from '@/stores/user.js'
+import { useLoginUserStore } from '@/stores/user'
+import historyApi from '@/api/historyApi.js'
+import time from '@/utils/time.js'
+import lineChart from '@/utils/chartFunction/lineChart.js'
+import exceptionOption from '@/utils/chartFunction/exceptionOption.js'
+
export default {
components: {
ExceptionType,
@@ -19,7 +27,8 @@
TimeShortCuts,
DustLineChart,
AreaAndmonitorType,
- ButtonClick
+ ButtonClick,
+ DaySelect
},
data() {
return {
@@ -30,6 +39,9 @@
// 閫夋嫨鐨勫紓甯哥被鍨�
exceptionName: []
},
+ // 鏃ユ湡閫夋嫨
+ day:'',
+ // 鏃ユ湡鏃堕棿閫夋嫨
beginTime: '',
endTime: '',
// 杩斿洖鐨勬暟鎹�
@@ -109,23 +121,25 @@
},
setup() {
const { isExceedOneMonth } = useCommonFunction()
+ const userName = useLoginUserStore()
+
return {
- isExceedOneMonth
+ isExceedOneMonth,userName
}
},
// 鐩戝惉 鍒ゆ柇鎸夐挳鏄惁鍙偣鍑�
watch: {
selectedRowIndex(newVaue) {
- // 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
- if (newVaue === this.displayData.length - 1) {
- this.dialog.isPreCantouch = true
+ // 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
+ if (newVaue === 0) {
+ this.dialog.isPreCantouch = true
//鐢ㄦ埛鍏堢偣浜嗙涓�鏉★紝pre涓簍rue,鐒跺悗鐐瑰嚮鏈�鍚庝竴鏉�,next涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
if (this.dialog.isNextCantouch == true) {
this.dialog.isNextCantouch = false
}
}
- // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笅涓�鏉♀�欐寜閽笉鍙偣
- else if (newVaue === 0) {
+ // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
+ else if (newVaue === this.displayData.length - 1) {
this.dialog.isNextCantouch = true
//鐢ㄦ埛鍏堢偣浜嗚〃鏍兼渶鍚庝竴鏉�,next涓簍rue,鐒跺悗鐐瑰嚮绗竴鏉★紝pre涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
if (this.dialog.isPreCantouch == true) {
@@ -137,6 +151,7 @@
this.dialog.isPreCantouch = false
this.dialog.isNextCantouch = false
}
+
},
dialogTableVisible() {
@@ -184,9 +199,64 @@
mounted() {
this.backExceptionDataAWeekAgo()
this.calTableHeight()
+
},
methods: {
+ /**
+ * 鏈夋晥鐜囧紓甯� 璁剧疆鎶樼嚎鍥鹃厤缃」
+ * @param锛�
+ * @returns锛�
+ */
+ validProcess() {
+ // x杞存暟鎹�
+ let xList = time.ascTime(
+ this.tableCurrentRowData.beginTime,
+ this.tableCurrentRowData.endTime,
+ 15
+ )
+
+ // y杞存暟鎹�
+ let yList = []
+ xList.forEach((item) => {
+ // 鏌ユ壘璇ユ椂闂寸殑鏁版嵁
+ let r = lineChart.findDate(this.dialog.historyData, item)
+ if (r) {
+ yList.push(r.dustValue)
+ } else {
+ yList.push(null)
+ }
+ })
+ // 棰滆壊鑳屾櫙鍖洪棿
+ // 寰楀埌鏃犳暟鎹殑鏃堕棿鐐规垨flag涓嶇瓑浜嶯鐨勬椂闂寸偣
+ let noDataTime = time.invalidTime(this.dialog.historyData, xList)
+ let rangeTime = time.seriesTime(noDataTime, 15)
+ // let rangeTime_1 = time.splitTime(rangeTime)
+ // 寰楀埌鑳屾櫙鍖洪棿鐨勯厤缃�
+ let areaObj = lineChart.getMarkArea(rangeTime, '寮傚父')
+
+ // 浼犲叆鍙傛暟
+ this.dialog.option = exceptionOption.setExceptionChartOption(
+ xList,
+ yList,
+ '',
+ '',
+ '',
+ '',
+ this.tableCurrentRowData.exception,
+ areaObj,
+ '',
+ this.tableCurrentRowData.exceptionType
+ )
+ },
+
+ giveDay(val){
+ // 灏嗕腑鍥芥爣鍑嗘椂闂磋浆涓烘寚瀹氭牸寮�(璇ョ粍浠惰繑鍥炵殑鏍囧噯鏃堕棿鐨勬牸寮忥紝鎵�浠ュ繀椤荤殑鍔犺繖涓嚱鏁�)
+
+ this.beginTime = dayjs(val).format('YYYY-MM-DD 00:00:00');
+ this.endTime = dayjs(val).format('YYYY-MM-DD 23:59:59');
+ },
+
/**
* 瀹¤鍐呭淇濆瓨涓鸿崏绋�
* @param锛�
@@ -208,6 +278,7 @@
this.auditData = res.data.data
})
},
+
/**
* 澶氶�夊垪锛堝凡瀹℃牳鐨勮涓嶄細鍔犲叆鍏朵腑锛�
* @param
@@ -262,25 +333,7 @@
})
},
close() {
- // if (this.auditDialog.checkerNotes || this.auditDialog.enterpriseNotes) {
- // ElMessageBox.confirm('杩欏皢浼氾紝纭畾瑕佸叧闂悧', '鎻愮ず',
- // {
- // confirmButtonText: '纭畾',
- // cancelButtonText: '鍙栨秷',
- // type: 'warning',
- // center :'true',
- // icon: markRaw(Delete),
- // draggable: true,
- // }).then(() => {
- // ElMessage({
- // type: 'success',
- // message: '宸插叧闂�',
- // })
- // this.auditDialog.visible = false
- // })
- // }else{
- // this.auditDialog.visible = false
- // }
+
this.auditDialog.visible = false
},
// 琛ㄦ牸琛岀殑棰滆壊
@@ -365,6 +418,10 @@
submitAudit() {
// 鍚屾椂濉啓浜嗗鏍镐汉鍛樺拰浼佷笟鐨勫娉�
this.loading.submitAudit = true
+ // 鎶婄櫥闄嗙殑鐢ㄦ埛濮撳悕缁欏鏍镐汉
+ if(this.userName.getUserName != '-1'){
+ this.auditDialog.checker = this.userName.getUserName
+ }
if (this.auditDialog.checkerNotes && this.auditDialog.enterpriseNotes) {
this.sendAudit(
this.auditDialog.checker,
@@ -435,11 +492,21 @@
openAuditDiag(row) {
this.auditDialog.visible = true
this.tableCurrentRowData = row
-
// 杩涘叆瀹℃牳椤垫椂锛屽皢琛ㄦ牸褰撳墠琛岀殑瀹℃牳淇℃伅缁欒緭鍏ユ
this.auditDialog.checkerNotes = this.tableCurrentRowData.checkerContent
this.auditDialog.enterpriseNotes = this.tableCurrentRowData.enterpriseContent
+
+ // // 鏈鏍� 灏辨妸褰撳墠鐧婚檰鍚嶇粰瀹℃牳浜�
+ // if(this.tableCurrentRowData.uiRealName == null){
+ // this.auditDialog.checker = this.userName.getUserName
+ // }
+ // // 宸插鏍�
+ // else{
+ // this.auditDialog.checker = this.tableCurrentRowData.uiRealName
+ // }
+
},
+
/**
* description锛氱偣鍑诲紓甯哥珯鐐瑰悕瀛楁椂 杩斿洖鐨勬暟鎹�
@@ -544,6 +611,14 @@
// 鏂數鎴栨柇缃� 鏃堕棿娈�
case '0':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
+
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
@@ -597,7 +672,16 @@
break
// 瓒呮爣
case '2':
+ case '5':
+ case '6':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
@@ -710,6 +794,13 @@
// 鏁版嵁瓒呬綆 鍙湁鏃堕棿鐐�
case '1':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
@@ -805,6 +896,13 @@
break
case '3':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
@@ -888,14 +986,20 @@
}
break
case '4':
+ case '7':
this.dialog.option = {
+ title: {
+ text: this.tableCurrentRowData.exception,
+ left: '1%',
+ textStyle:{
+ fontSize:14
+ }
+ },
tooltip: {},
toolbox: {
// 宸ュ叿鏍�
feature: {
- // dataZoom: {
- // yAxisIndex: 'none'
- // },
+
// 淇濆瓨涓哄浘鐗�
saveAsImage: {}
}
@@ -1013,20 +1117,42 @@
// 寰楀埌涓婁竴琛岀殑鏁版嵁
this.tableCurrentRowData = this.displayData[this.selectedRowIndex]
- let params = index.requestGetParms(
- this.tableCurrentRowData.name,
- this.tableCurrentRowData.beginTime,
- this.tableCurrentRowData.endTime
- )
this.loading.preButton = true
- this.$http.get('/dust/history', { params: params }).then((response) => {
+
+ historyApi.queryHistoryData({
+ siteName:this.tableCurrentRowData.name,
+ beginTime:this.tableCurrentRowData.beginTime,
+ endTime:this.tableCurrentRowData.endTime
+ }).then(response => {
// 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
this.dialog.historyData = response.data.data
this.dialog.exceptionTotal = response.data.data.length
// 閫昏緫澶勭悊
- this.timeAndDataProcessed()
+
+ if (this.tableCurrentRowData.exceptionType != '8') {
+ this.timeAndDataProcessed()
+ } else {
+ this.loading.lineChart = true
+ this.validProcess()
+ this.loading.lineChart = false
+ this.flag.banTouch = 0
+ }
this.loading.preButton = false
})
+
+ // let params = index.requestGetParms(
+ // this.tableCurrentRowData.name,
+ // this.tableCurrentRowData.beginTime,
+ // this.tableCurrentRowData.endTime
+ // )
+ // this.$http.get('/dust/history', { params: params }).then((response) => {
+ // // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
+ // this.dialog.historyData = response.data.data
+ // this.dialog.exceptionTotal = response.data.data.length
+ // // 閫昏緫澶勭悊
+ // this.timeAndDataProcessed()
+ // this.loading.preButton = false
+ // })
}
},
/**
@@ -1044,21 +1170,44 @@
// 寰楀埌涓婁竴琛岀殑鏁版嵁
this.tableCurrentRowData = this.displayData[this.selectedRowIndex]
-
- let params = index.requestGetParms(
- this.tableCurrentRowData.name,
- this.tableCurrentRowData.beginTime,
- this.tableCurrentRowData.endTime
- )
this.loading.afterButton = true
- this.$http.get('/dust/history', { params: params }).then((response) => {
+
+ historyApi.queryHistoryData({
+ siteName:this.tableCurrentRowData.name,
+ beginTime:this.tableCurrentRowData.beginTime,
+ endTime:this.tableCurrentRowData.endTime
+ }).then(response => {
// 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
this.dialog.historyData = response.data.data
this.dialog.exceptionTotal = response.data.data.length
// 閫昏緫澶勭悊
- this.timeAndDataProcessed()
+
+ if (this.tableCurrentRowData.exceptionType != '8') {
+ this.timeAndDataProcessed()
+ } else {
+ this.loading.lineChart = true
+ this.validProcess()
+ this.loading.lineChart = false
+ this.flag.banTouch = 0
+ }
this.loading.afterButton = false
})
+
+
+ // let params = index.requestGetParms(
+ // this.tableCurrentRowData.name,
+ // this.tableCurrentRowData.beginTime,
+ // this.tableCurrentRowData.endTime
+ // )
+
+ // this.$http.get('/dust/history', { params: params }).then((response) => {
+ // // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
+ // this.dialog.historyData = response.data.data
+ // this.dialog.exceptionTotal = response.data.data.length
+ // // 閫昏緫澶勭悊
+ // this.timeAndDataProcessed()
+ // this.loading.afterButton = false
+ // })
}
},
@@ -1081,24 +1230,44 @@
// 瀵硅姹傚埌鐨勬暟鎹繘琛岄灏炬嫾鎺�
// 寰楀埌鍓嶅悗瀹屾暣鏁版嵁杩涜缁樺埗鍥惧舰
- let params = {}
- if (row.name) {
- params['siteName'] = row.name
- }
- if (row.beginTime) {
- params['beginTime'] = row.beginTime
- }
- if (row.endTime) {
- params['endTime'] = row.endTime
- }
+ historyApi.queryHistoryData({
+ siteName:row.name,
+ beginTime:row.beginTime,
+ endTime:row.endTime
+ }).then(response => {
+ // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
+ this.dialog.historyData = response.data.data
+ this.dialog.exceptionTotal = response.data.data.length
+ // 閫昏緫澶勭悊
- this.$http.get('/dust/history', { params: params }).then((response) => {
- // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
- this.dialog.historyData = response.data.data
- this.dialog.exceptionTotal = response.data.data.length
- // 閫昏緫澶勭悊
- this.timeAndDataProcessed()
- })
+ if (this.tableCurrentRowData.exceptionType != '8') {
+ this.timeAndDataProcessed()
+ } else {
+ this.loading.lineChart = true
+ this.validProcess()
+ this.loading.lineChart = false
+ this.flag.banTouch = 0
+ }
+ })
+
+ // let params = {}
+ // if (row.name) {
+ // params['siteName'] = row.name
+ // }
+ // if (row.beginTime) {
+ // params['beginTime'] = row.beginTime
+ // }
+ // if (row.endTime) {
+ // params['endTime'] = row.endTime
+ // }
+
+ // this.$http.get('/dust/history', { params: params }).then((response) => {
+ // // 淇濆瓨杩斿洖鐨勮秴鏍囨暟鎹�
+ // this.dialog.historyData = response.data.data
+ // this.dialog.exceptionTotal = response.data.data.length
+ // // 閫昏緫澶勭悊
+ // this.timeAndDataProcessed()
+ // })
},
/**
@@ -1110,12 +1279,12 @@
alert('鏃堕棿璺ㄥ害涓嶈兘瓒呰繃涓�涓湀')
return
}
-
this.flag.originClick = 0
-
+
let params = {}
params['page'] = this.currentPage
params['pageSize'] = this.pageSize
+
if (this.form.name) {
params['siteName'] = this.form.name
}
@@ -1126,6 +1295,9 @@
params['endTime'] = this.endTime
this.loading.tableLoading = true
this.loading.queryButton = true
+
+ console.log('绔欑偣锛�',params['siteName']);
+ console.log('绫诲瀷',params['exceptionType']);
this.$http.get('/dust/exceptiondata', { params: params }).then((response) => {
// 淇濆瓨杩斿洖鐨�
// this.tableData = response.data.data.rows;
@@ -1155,6 +1327,8 @@
if (this.form.name) {
params['siteName'] = this.form.name
}
+
+
if (this.form.exceptionName) {
params['exceptionType'] = this.form.exceptionName
}
@@ -1193,7 +1367,7 @@
const h2 = this.$refs.h2.$el.offsetHeight
const h4 = this.$refs.h4.$el.offsetHeight
// 鍏朵腑涓�涓�40鏄洅瀛愮殑鎬诲杈硅窛
- this.tableHeight = `calc(100vh - ${h1}px - ${h2}px - ${h4}px - 20px - 100px - var(--el-main-padding) * 2)`
+ this.tableHeight = `calc(100vh - ${h1}px - ${h2}px - ${h4}px - 20px - 10px - var(--el-main-padding) * 2)`
// this.tableHeight = `calc(100vh - ${h1}px - ${h4}px - 100px - var(--el-main-padding) * 2)`;
},
@@ -1245,23 +1419,31 @@
<el-form :inline="true">
<div class="head-container-text">
<el-form-item>
- <AreaAndmonitorType></AreaAndmonitorType>
+ <AreaAndmonitorType :isHideArea="1"></AreaAndmonitorType>
</el-form-item>
+
<el-form-item>
<InputSearch isNeedDefaultSite="0" isNeedRealTimeAdvice="1" :exceptionType="form.exceptionName" :beginTime="beginTime" :endTime="endTime" @submit-value="(n) => (form.name = n)">
</InputSearch>
</el-form-item>
<el-form-item>
+ <DaySelect
+ @submit-time="giveDay"
+ :day-begin="beginTime"
+ ></DaySelect>
+ </el-form-item>
+
+ <el-form-item>
<TimeShortCuts
@submit-time="giveTime"
timeType="day"
+ :begin-and-end-time="[beginTime,endTime]"
></TimeShortCuts>
</el-form-item>
<el-form-item>
- <!-- <el-button type="warning" :loading="loading.queryButton" @click="handleSubmit"><el-icon
- style="margin-right: 6px;font-size: 1.2em;"><i-ep-Search /></el-icon>鏌ヨ</el-button> -->
+
<ButtonClick
content="鎼滅储"
type="warning"
@@ -1288,7 +1470,7 @@
<el-col>
<div class="checknum">
<div class="checknum-text">
- <el-tag>搴斿鏍告暟</el-tag><span>{{ total }} ({{ checkedRate }}%)</span>
+ <el-tag>搴斿鏍告暟</el-tag><span >{{ total }} ({{ checkedRate }}%)</span>
</div>
<div class="checknum-text">
@@ -1329,13 +1511,13 @@
fixed
:index="indexMethod1"
/>
- <el-table-column prop="name" label="绔欑偣鍚嶇О" show-overflow-tooltip />
- <el-table-column prop="mnCode" label="璁惧缂栧彿" align="center" show-overflow-tooltip />
+ <el-table-column prop="name" label="鐐逛綅鍚嶇О" show-overflow-tooltip />
+ <el-table-column prop="mnCode" label="璁惧缂栫爜" align="center" show-overflow-tooltip />
<el-table-column prop="exception" label="寮傚父绫诲瀷" align="center" show-overflow-tooltip />
- <el-table-column prop="region" label="鍖哄煙" align="center" show-overflow-tooltip />
+ <el-table-column prop="region" label="鍖哄幙" align="center" show-overflow-tooltip />
<el-table-column prop="beginTime" label="寮�濮嬫椂闂�" align="center" show-overflow-tooltip />
<el-table-column prop="endTime" label="缁撴潫鏃堕棿" align="center" show-overflow-tooltip />
- <el-table-column prop="typename" label="鍦烘櫙" align="center" show-overflow-tooltip />
+ <el-table-column prop="typename" label="鍦烘櫙" align="center" width="82" show-overflow-tooltip />
<el-table-column prop="address" label="鍦板潃" align="center" show-overflow-tooltip />
<el-table-column prop="dutyCompany" label="杩愮淮鍟�" align="center" show-overflow-tooltip />
<el-table-column label="鎿嶄綔" align="center" width="200" fixed="right">
@@ -1413,7 +1595,7 @@
<el-form label-position="top">
<el-form-item label="瀹℃牳浜�">
- <el-input v-model="auditDialog.checker"></el-input>
+ <el-input v-model="userName.getUserName"></el-input>
</el-form-item>
<el-form-item label="瀹℃牳鎯呭喌">
<el-input
@@ -1471,19 +1653,10 @@
<template #header>
<div class="diag-head">
<div class="diag-head-text">
- <div><span class="diag-head-text1">绔欑偣鍚嶇О锛�</span>{{ tableCurrentRowData.name }}</div>
-
- <div>
- <span class="diag-head-text1">寮傚父绫诲瀷锛�</span>
- <span v-if="tableCurrentRowData.exceptionType == '0'">鏁版嵁缂哄け寮傚父</span>
- <span v-else-if="tableCurrentRowData.exceptionType == '1'">鏁版嵁瓒呬綆</span>
- <span v-else-if="tableCurrentRowData.exceptionType == '2'">瓒呮爣</span>
- <span v-else-if="tableCurrentRowData.exceptionType == '3'">鏁版嵁闀挎椂闂存棤娉㈠姩</span>
- <span v-else-if="tableCurrentRowData.exceptionType == '4'">閲忕骇绐佸彉寮傚父</span>
- <span v-else-if="tableCurrentRowData.exceptionType == '5'">涓磋繎瓒呮爣寮傚父</span>
- <span v-else-if="tableCurrentRowData.exceptionType == '6'">鍗曟棩瓒呮爣娆℃暟涓寸晫寮傚父</span>
- <span v-else-if="tableCurrentRowData.exceptionType == '7'">婊戝姩骞冲潎鍊煎紓甯�</span>
- </div>
+ <div><span class="diag-head-text1">鐐逛綅鍚嶇О锛�</span>{{ tableCurrentRowData.name }}</div>
+ <div><span class="diag-head-text1">璁惧缂栧彿锛�</span>{{ tableCurrentRowData.mnCode }}</div>
+ <div><span class="diag-head-text1">杩愮淮鍟嗭細</span>{{ tableCurrentRowData.dutyCompany }}</div>
+
<div>
<span class="diag-head-text1">寮傚父鏃堕棿娈碉細</span>{{ tableCurrentRowData.beginTime }} ~
@@ -1496,14 +1669,14 @@
type="danger"
:loading="loading.preButton"
:disabled="dialog.isPreCantouch || flag.banTouch"
- @click="getPreviousRowData"
+ @click="getNextRowData"
>涓婃潯寮傚父</el-button
>
<el-button
type="danger"
:loading="loading.afterButton"
:disabled="dialog.isNextCantouch || flag.banTouch"
- @click="getNextRowData"
+ @click="getPreviousRowData"
>涓嬫潯寮傚父</el-button
>
</div>
@@ -1529,35 +1702,42 @@
fixed
:index="indexMethod2"
></el-table-column>
- <el-table-column fixed prop="name" label="绔欑偣鍚嶇О" show-overflow-tooltip />
- <el-table-column prop="mnCode" label="璁惧缂栧彿" align="center" show-overflow-tooltip />
- <el-table-column prop="dutyCompany" label="杩愮淮鍟�" align="center" show-overflow-tooltip />
+
<el-table-column prop="lst" label="閲囬泦鏃堕棿" align="center" show-overflow-tooltip />
<el-table-column
prop="dustValue"
- label="棰楃矑鐗╂祿搴�(mg/m鲁)"
+ label="TSP(mg/m鲁)"
align="center"
show-overflow-tooltip
/>
+ <el-table-column prop="flag" label="鏁版嵁鏍囪瘑" align="center" show-overflow-tooltip />
</el-table>
</div>
<template #footer>
- <el-tag type="success" class="mx-1" effect="dark" round
- ><span class="table-line-lable" v-show="tableCurrentRowData.exceptionType == '0'"
- >缂哄け鏁版嵁锛�
- </span>
- <span
- v-show="
- tableCurrentRowData.exceptionType == '1' ||
- tableCurrentRowData.exceptionType == '2' ||
- tableCurrentRowData.exceptionType == '3' ||
- tableCurrentRowData.exceptionType == '4'
- "
- >寮傚父鏁版嵁锛�</span
- >
- <span class="table-line-num">{{ dialog.exceptionTotal }}鏉�</span>
- <span v-show="tableCurrentRowData.exceptionType === '0'"> (閫昏緫璁＄畻)</span>
- </el-tag>
+ <div class="dialog-footer">
+ <el-tag type="success" class="mx-1" effect="dark" round
+ ><span class="table-line-lable" v-show="tableCurrentRowData.exceptionType == '0'"
+ >缂哄け鏁版嵁锛�
+ </span>
+ <span
+ v-show="
+ tableCurrentRowData.exceptionType == '1' ||
+ tableCurrentRowData.exceptionType == '2' ||
+ tableCurrentRowData.exceptionType == '3' ||
+ tableCurrentRowData.exceptionType == '4' ||
+ tableCurrentRowData.exceptionType == '5' ||
+ tableCurrentRowData.exceptionType == '6' ||
+ tableCurrentRowData.exceptionType == '7' ||
+ tableCurrentRowData.exceptionType == '8'
+ "
+ >寮傚父鏁版嵁锛�</span
+ >
+ <span class="table-line-num">{{ dialog.exceptionTotal }}鏉�</span>
+ <span v-show="tableCurrentRowData.exceptionType == '0'"> (閫昏緫璁＄畻)</span>
+ </el-tag>
+ <el-text v-show="tableCurrentRowData.exceptionType == '8'" type="warning" class="dialog-footer-text">鏁版嵁鏍囪瘑A涓烘暟鎹暱鏈熺己澶�,绯荤粺鑷姩琛ュ叏</el-text>
+ <!-- <el-text class="mx-1" type="warning">Warning</el-text> -->
+ </div>
</template>
</el-dialog>
</template>
@@ -1574,7 +1754,7 @@
.head-container-search {
display: flex;
justify-content: space-between;
- // float: right;
+
}
.head-describtion-text {
justify-content: flex-end;
@@ -1585,9 +1765,7 @@
/* 鏉′欢鏌ヨ妯″潡缁撴潫 */
/*鍒嗘瀽 */
-
.checknum {
- // border: 2px solid orange;
margin: 10px 5px 20px 20px;
display: flex;
}
@@ -1597,6 +1775,7 @@
}
.el-tag {
font-size: 14px;
+ vertical-align: baseline;
}
.checknum-rate {
@@ -1616,7 +1795,7 @@
:global(.el-table .deep-gray-row) {
color: #7f9fcf;
}
-//瀵硅瘽妗嗘爣棰�
+/* 瀵硅瘽妗嗘爣棰� */
.el-form-item__labe {
font-weight: bold;
}
@@ -1625,7 +1804,6 @@
margin-right: 20px;
}
.check-button {
- // justify-content: flex-end;
float: right;
margin-top: 10px;
margin-right: 20px;
@@ -1636,19 +1814,15 @@
/* 琛ㄦ牸妯″潡缁撴潫 */
/* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃殑鏍峰紡 */
-.diag-head {
- // 瀵硅瘽妗嗗ご閮ㄥ尯鍩�
- // min-height: 200px;
- // border: 1px solid #fdc2db;
-}
+
.diag-head-text1 {
- // 瀵硅瘽妗嗗ご閮ㄧ殑灞炴�у瓧娈靛姞绮�
+ /* 瀵硅瘽妗嗗ご閮ㄧ殑灞炴�у瓧娈靛姞绮� */
font-weight: bold;
}
.diag-head-text > div {
- // 瀵硅瘽妗嗗紓甯告椂闂存
+ /* 瀵硅瘽妗嗗紓甯告椂闂存 */
margin-top: 15px;
}
@@ -1660,16 +1834,13 @@
}
.chart-jump-button {
- // 鈥樹笂涓�鏉♀�欙紝鈥樹笅涓�鏉♀�� 鎸夐挳
- // min-height: 30px;
- // width: 200px;
- // float: right;
+
display: flex;
justify-content: right;
}
.line-chart {
- // 寮傚父鎶樼嚎鍥�
+ /* 寮傚父鎶樼嚎鍥� */
width: 920px;
height: 300px;
margin-bottom: 20px;
@@ -1681,6 +1852,15 @@
left: 10px;
bottom: 10px;
}
+.dialog-footer{
+ display: flex;
+}
+.dialog-footer-text {
+ justify-content: flex-end;
+ margin-left: auto;
+ font-size: 14px;
+ /* color: #333333; */
+}
/* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃粨鏉� */
</style>
--
Gitblit v1.9.3