From a969126ac530da96b1edb02152db87f0ad317f6e Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期三, 22 十一月 2023 13:20:17 +0800
Subject: [PATCH] 1. 传递相对路径 2.使用循环展示异常卡片 3.飞行巡检写成组件
---
src/views/exception/SiteAuditAssistance.vue | 309 ++++++++++++++++++++++++++++++++-------------------
1 files changed, 192 insertions(+), 117 deletions(-)
diff --git a/src/views/exception/SiteAuditAssistance.vue b/src/views/exception/SiteAuditAssistance.vue
index 310bb40..333691e 100644
--- a/src/views/exception/SiteAuditAssistance.vue
+++ b/src/views/exception/SiteAuditAssistance.vue
@@ -13,6 +13,13 @@
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,
@@ -114,35 +121,15 @@
},
setup() {
const { isExceedOneMonth } = useCommonFunction()
+ const userName = useLoginUserStore()
+
return {
- isExceedOneMonth
+ isExceedOneMonth,userName
}
},
// 鐩戝惉 鍒ゆ柇鎸夐挳鏄惁鍙偣鍑�
watch: {
selectedRowIndex(newVaue) {
- // // 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
- // if (newVaue === this.displayData.length - 1) {
- // this.dialog.isPreCantouch = true
- // //鐢ㄦ埛鍏堢偣浜嗙涓�鏉★紝pre涓簍rue,鐒跺悗鐐瑰嚮鏈�鍚庝竴鏉�,next涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
- // if (this.dialog.isNextCantouch == true) {
- // this.dialog.isNextCantouch = false
- // }
- // }
- // // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笅涓�鏉♀�欐寜閽笉鍙偣
- // else if (newVaue === 0) {
- // this.dialog.isNextCantouch = true
- // //鐢ㄦ埛鍏堢偣浜嗚〃鏍兼渶鍚庝竴鏉�,next涓簍rue,鐒跺悗鐐瑰嚮绗竴鏉★紝pre涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
- // if (this.dialog.isPreCantouch == true) {
- // this.dialog.isPreCantouch = false
- // }
- // }
- // // 澶勪簬琛ㄦ牸鐨勪腑闂磋 灏嗘寜閽缃负鍙偣鍑荤姸鎬�
- // else {
- // this.dialog.isPreCantouch = false
- // this.dialog.isNextCantouch = false
- // }
-
// 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
if (newVaue === 0) {
this.dialog.isPreCantouch = true
@@ -212,15 +199,63 @@
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锛�
@@ -242,6 +277,7 @@
this.auditData = res.data.data
})
},
+
/**
* 澶氶�夊垪锛堝凡瀹℃牳鐨勮涓嶄細鍔犲叆鍏朵腑锛�
* @param
@@ -296,25 +332,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
},
// 琛ㄦ牸琛岀殑棰滆壊
@@ -399,6 +417,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,
@@ -469,11 +491,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锛氱偣鍑诲紓甯哥珯鐐瑰悕瀛楁椂 杩斿洖鐨勬暟鎹�
@@ -1084,20 +1116,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
+ // })
}
},
/**
@@ -1115,21 +1169,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
+ // })
}
},
@@ -1152,24 +1229,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()
+ // })
},
/**
@@ -1181,12 +1278,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
}
@@ -1197,6 +1294,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;
@@ -1226,6 +1326,8 @@
if (this.form.name) {
params['siteName'] = this.form.name
}
+
+
if (this.form.exceptionName) {
params['exceptionType'] = this.form.exceptionName
}
@@ -1264,7 +1366,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)`;
},
@@ -1340,8 +1442,7 @@
</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"
@@ -1368,7 +1469,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">
@@ -1409,10 +1510,10 @@
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" width="82" show-overflow-tooltip />
@@ -1493,7 +1594,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
@@ -1551,20 +1652,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>{{ 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>
- <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.beginTime }} ~
@@ -1572,22 +1663,6 @@
</div>
</div>
- <!-- <div class="chart-jump-button">
- <el-button
- type="danger"
- :loading="loading.preButton"
- :disabled="dialog.isPreCantouch || flag.banTouch"
- @click="getPreviousRowData"
- >涓婃潯寮傚父</el-button
- >
- <el-button
- type="danger"
- :loading="loading.afterButton"
- :disabled="dialog.isNextCantouch || flag.banTouch"
- @click="getNextRowData"
- >涓嬫潯寮傚父</el-button
- >
- </div> -->
<div class="chart-jump-button">
<el-button
type="danger"
@@ -1626,16 +1701,15 @@
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="flag" align="center" show-overflow-tooltip />
</el-table>
</div>
<template #footer>
@@ -1692,6 +1766,7 @@
}
.el-tag {
font-size: 14px;
+ vertical-align: baseline;
}
.checknum-rate {
--
Gitblit v1.9.3