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/DustExceptionText.vue | 1
src/utils/time.js | 99 ++
src/views/exception/FlightInspection.vue | 1355 --------------------------------
src/views/exception/components/AnalysisCard.vue | 150 +-
src/views/exception/components/CompDialogDetail.vue | 164 ++-
src/views/exception/components/CompFlightInspection.vue | 698 +--------------
6 files changed, 380 insertions(+), 2,087 deletions(-)
diff --git a/src/utils/time.js b/src/utils/time.js
index c416595..eac1bd6 100644
--- a/src/utils/time.js
+++ b/src/utils/time.js
@@ -1,7 +1,9 @@
/* 鏃堕棿鍑芥暟 */
-import dayjs from 'dayjs'
import lineChart from '@/utils/chartFunction/lineChart.js'
+import customParseFormat from 'dayjs/plugin/customParseFormat'
+import dayjs from 'dayjs'
+dayjs.extend(customParseFormat)
export default {
// 鍒ゆ柇宸查�夌殑鏈堜唤鏄惁澶т簬褰撳墠鏈堜唤
judgeDateValid(date) {
@@ -83,7 +85,26 @@
return time
},
+ /**
+ * 杩斿洖鏈夋晥鐨勬椂闂寸偣
+ * @param锛氭壃灏樻暟鎹�
+ * @returns锛氬崌搴忕殑鏃堕棿鐐�
+ */
+ validTime(dustData) {
+ // 鍙傛暟涓虹┖鍒欓��鍑�
+ if (!dustData.length) {
+ return []
+ }
+ let time = []
+ dustData.forEach((item) => {
+ if (item.flag != 'A') {
+ time.push(item.lst)
+ }
+ })
+
+ return time
+ },
/**
* 鍙栨寚瀹氶棿闅旂殑鏃堕棿涓鸿繛缁椂闂达紝鏀惧湪鏁扮粍涓�� 瀛ょ珛鐨勬椂闂寸偣涓庤嚜韬畻涓�涓繛缁�
* 鐩殑鏄瀯閫犳湁鏁堢巼缂哄け鐨勯鑹茶儗鏅尯闂�
@@ -142,5 +163,81 @@
result.push(temp)
}
return result
+ },
+
+ /**
+ *鍒ゆ柇鏄惁鏄湁鎰忎箟鐨勬棩鏈�
+ * @param锛�
+ * @returns锛�
+ */
+ judgeTimeValid(time) {
+ let r1 = dayjs(time, 'YYYY-MM-DD HH:mm:ss', true).isValid()
+ let r2 = dayjs(time, 'YYYY-MM-DD', true).isValid()
+ // 涓ょ鏃ユ湡鏍煎紡閮芥棤鏁堟椂
+ if (!r1 && !r2) {
+ return false
+ }
+ // 绗﹀悎浠绘剰涓�绉嶆牸寮�
+ return true
+ },
+ /**
+ * 'YYYY-MM-DD HH:mm:ss'杩斿洖true
+ * @param锛�
+ * @returns锛�
+ */
+ judgeTimeFormat(time) {
+ // 'YYYY-MM-DD HH:mm:ss'
+ const dateTimeRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/
+ // 'YYYY-MM-DD'
+ const dateRegex = /^\d{4}-\d{2}-\d{2}$/
+
+ if (dateTimeRegex.test(time)) {
+ return true
+ } else if (dateRegex.test(time)) {
+ return false
+ }
+ },
+
+ /**
+ * 鎵惧埌鍦ㄧ粰瀹氱殑寮�濮嬫椂闂碽t鍜岀粨鏉熸椂闂磂t涔嬮棿缂哄け鐨勬椂闂村尯闂�
+ * @param锛氬紑濮嬫椂闂达紝缁撴潫鏃堕棿锛屽湪杩欎釜鏃堕棿鑼冨洿鍐呭凡鏈夌殑鏃堕棿锛堟椂闂村瓧绗︿覆鏁扮粍锛�,鏁扮粍涓椂闂寸殑闂撮殧
+ * @returns锛�
+ */
+ getMissingDays(bt, et, timeArr, minutesNum = 1440) {
+ // 鍒ゆ柇鏃ユ湡鏄惁鏈夋剰涔�
+ if (!this.judgeTimeValid(bt) || !this.judgeTimeValid(et)) {
+ return false
+ }
+ // 瀛樺偍缂哄け鐨勬椂闂村尯闂�
+ const r = []
+ const begin = dayjs(bt)
+ const end = dayjs(et)
+ // 寮�濮嬫椂闂�
+ let current = begin
+
+ for (const time of timeArr) {
+ const currentTime = dayjs(time)
+ if (currentTime.isBefore(current)) {
+ continue
+ }
+
+ if (currentTime.isAfter(current)) {
+ r.push([current, currentTime])
+ }
+
+ current = currentTime.add(minutesNum, 'minute')
+ }
+
+ if (end.isAfter(current)) {
+ r.push([current, end])
+ }
+
+ let f = this.judgeTimeFormat(bt) ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD'
+ for (let i = 0; i < r.length; i++) {
+ for (let j = 0; j < r[i].length; j++) {
+ r[i][j] = r[i][j].format(f)
+ }
+ }
+ return r
}
}
diff --git a/src/views/exception/FlightInspection.vue b/src/views/exception/FlightInspection.vue
index b10b218..39a07e9 100644
--- a/src/views/exception/FlightInspection.vue
+++ b/src/views/exception/FlightInspection.vue
@@ -1,1353 +1,12 @@
-<!-- <script>
- import CompFlightInspection from '@/views/exception/components/CompFlightInspection.vue'
- export default {
- components: {
- CompFlightInspection
- },
- data() {
- return{
-
- }
- },
- mounted() {
-
- },
- methods: {
-
- }
+<script>
+import CompFlightInspection from '@/views/exception/components/CompFlightInspection.vue'
+export default {
+ components: {
+ CompFlightInspection
+ }
}
</script>
<template>
- <CompFlightInspection :show-all="true"> </CompFlightInspection>
+ <CompFlightInspection :show-all="true"> </CompFlightInspection>
</template>
-
-<style scoped>
-
-</style> -->
-
-
-
-<script>
- import { defineAsyncComponent } from 'vue'
- import TimeShortCuts from '@/sfc/TimeShortCuts.vue'
- import { useCommonFunction } from '@/utils/common.js'
- import AreaAndmonitorType from '@/sfc/AreaAndmonitorType.vue'
- import ButtonClick from '@/sfc/ButtonClick.vue'
- import index from '@/utils/exception_common_function/index.js'
-
- // 寮傚父鍥惧舰寮傛缁勪欢
- const DustLineChart = defineAsyncComponent(() => import('@/views/exception/components/DustLineChart.vue'))
- import exceptionApi from '@/api/exceptionApi.js'
- import dayjs from 'dayjs'
- import { ElMessage } from 'element-plus'
- import AnalysisCard from '@/views/exception/components/AnalysisCard.vue'
- import DutyCompany from '@/sfc/DutyCompany.vue'
- import StreetInfo from '@/sfc/StreetInfo.vue'
- 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'
- import exception0 from '@/assets/exception/exception0.png'
- import exception1 from '@/assets/exception/exception1.png'
- import exception2 from '@/assets/exception/exception2.png'
- import exception3 from '@/assets/exception/exception3.png'
- import exception4 from '@/assets/exception/exception4.png'
- import exception5 from '@/assets/exception/exception5.png'
- import exception6 from '@/assets/exception/exception6.png'
- import exception7 from '@/assets/exception/exception7.png'
-
- import CompDialogDetail from '@/views/exception/components/CompDialogDetail.vue'
- export default {
- props: {
- // 鐐逛綅鍚嶅瓧
- siteName: {
- type: String,
- default: ''
- },
- // 鏃ユ椂闂存垨鑰呮湀鏃堕棿
- time:{
- type:String,
- default:''
- },
- // 灞曠ず椤甸潰鐨勫叏閮�
- showAll: {
- type: Boolean,
- default: true
- },
-
- // 0浠ｈ〃鏃ユ椂闂达紝1浠ｈ〃鏈堟椂闂�
- timeType:{
- type:Number,
- default:-1
- }
- },
- components: {
- TimeShortCuts,
- DustLineChart,
- ButtonClick,
- AreaAndmonitorType,
- AnalysisCard,
- DutyCompany,
- StreetInfo,
- CompDialogDetail
- },
- data() {
- return {
- // 琛ㄥ崟鍐呭
- form: {
- // 绔欑偣鍚嶇О
- name: '',
- // 杩愮淮鍟�
- dutyCompany: [],
- // 琛楅亾
- street: [],
- // 閫夋嫨鐨勫紓甯哥被鍨�
- exceptionName: []
- },
- beginTime: '',
- endTime: '',
- // 杩斿洖鐨勬暟鎹�
- tableData: [],
- // 琛ㄦ牸灞曠ず鐨勬暟鎹�
- displayData: [],
- // 琛ㄦ牸楂樺害
- tableHeight: 400,
- // 琛ㄦ牸鏄剧ず
- isTableShow: false,
- // 瀹℃牳杈呭姪鎸夐挳鏄剧ず
- auditButton: false,
- // 褰撳墠椤�
- currentPage: 1,
- // 姣忛〉鏉℃暟
- pageSize: 20,
- // 琛ㄦ牸鐨勬�昏褰曟暟
- total: 0,
-
- // 鏌ヨ鎸夐挳鏃犳暟鎹椂
- isNoData: {
- exception0: true,
- exception1: true,
- exception2: true,
- exception3: true,
- exception4: true,
- exception5: true,
- exception6: true,
- exception7: true,
- exception8: true
- },
- // eslint-disable-next-line no-undef
- // 瀵硅瘽妗嗘樉绀�
- dialogTableVisible: false,
- // 淇濆瓨寮傚父瀵瑰簲鐨勫簵閾哄悕绉板拰璁惧缂栧彿
- exception: {
- // 鏂數鎴栨柇缃�
- exception0: [],
- // 鏁版嵁瓒呬綆
- exception1: [],
- // 瓒呮爣
- exception2: [],
- // 鏁版嵁闀挎椂娈垫棤娉㈠姩
- exception3: [],
- // 閲忕骇绐佸彉寮傚父
- exception4: [],
- // 涓磋繎瓒呮爣寮傚父
- exception5: [],
- // 鍗曟棩瓒呮爣娆℃暟涓寸晫寮傚父
- exception6: [],
- // 婊戝姩骞冲潎鍊煎紓甯�
- exception7: [],
- // 鏈夋晥鐜囧紓甯�
- exception8: [],
-
- // 璇ユ椂娈电殑寮傚父鏁伴噺
- exception0Num: 0,
- exception1Num: 0,
- exception2Num: 0,
- exception3Num: 0,
- exception4Num: 0,
- exception5Num: 0,
- exception6Num: 0,
- exception7Num: 0,
- exception8Num: 0
- },
- // 绔欑偣鎬绘暟閲�
- siteTotal: 0,
-
- // 閫変腑琛ㄦ牸褰撳墠琛岀殑鏁版嵁
- tableCurrentRowData: null,
- // 閫変腑琛ㄦ牸褰撳墠琛岀殑绱㈠紩
- selectedRowIndex: -2,
- // 椤甸潰涓婄殑鎸夐挳鍔犺浇鐘舵��
- loading: {
- // 鏌ヨ鎸夐挳
- queryButton: false,
- // 琛ㄦ牸鍔犺浇涓�
- tableLoading: false,
- // 涓婁竴鏉℃寜閽�
- preButton: false,
- // 涓嬩竴鏉℃寜閽�
- afterButton: false,
- // 鎶樼嚎鍥�
- lineChart: false
- },
-
- dialog: {
- // 鎵撳紑瀵硅瘽妗嗚姹傝鍖洪棿鐨勫巻鍙叉暟鎹�
- historyData: [],
- // 璇ユ椂闂存鐨勫紓甯告潯鏁�
- exceptionTotal: 0,
- // 鎶樼嚎鍥鹃厤缃」
- option: {},
- // 鈥欎笂涓�鏉♀�樻寜閽槸鍚﹀彲浠ヨ鐐瑰嚮鐘舵��
- isPreCantouch: false,
- // 鈥欎笅涓�鏉♀�樻寜閽槸鍚﹀彲浠ヨ鐐瑰嚮鐘舵��
- isNextCantouch: false,
- // 寮傚父鐨勫墠涓悗鍖洪棿鎵�鏈夋暟鎹�
- allExceptionTimeData: []
- },
-
- // 鏍囪浣�
- flag: {
- // 鏁版嵁鍔犺浇鏃� 涓婁笅鏉℃寜閽笉鑳藉啀鐐瑰嚮
- banTouch: 0,
- // 0浠ｈ〃鍒嗛〉锛�1浠ｈ〃涓嶅垎椤�
- originClick: 0
- },
- areaColor: null
- }
- },
- setup() {
- const { isExceedOneMonth } = useCommonFunction()
- return {
- isExceedOneMonth
- }
- },
- // 鐩戝惉 鍒ゆ柇鎸夐挳鏄惁鍙偣鍑�
- watch: {
- selectedRowIndex(newVaue) {
- // 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
- if (newVaue === 0) {
- this.dialog.isPreCantouch = true
- //鐢ㄦ埛鍏堢偣浜嗙涓�鏉★紝pre涓簍rue,鐒跺悗鐐瑰嚮鏈�鍚庝竴鏉�,next涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
- if (this.dialog.isNextCantouch == true) {
- this.dialog.isNextCantouch = false
- }
- }
- // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
- else if (newVaue === this.displayData.length - 1) {
- 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
- }
- },
- dialogTableVisible() {
- window.addEventListener('resize', this.updateChart)
- },
-
- // 椤甸潰鍔犺浇鏃秙howAll鎵嶄細鍙樺寲涓�娆�
- // 涓簍rue琛ㄧず鐨勯琛屽贰妫�椤甸潰
- showAll(){
- if(this.showAll){
- this.backExceptionDataAWeekAgo()
- }
- },
- // siteName(){
- // if(this.siteName!=''){
- // this.beginTime = dayjs(this.month).startOf('month').format('YYYY-MM-DD HH:mm:ss')
- // this.endTime = dayjs(this.month).endOf('month').format('YYYY-MM-DD HH:mm:ss')
- // this.backExceptionDataAWeekAgo()
- // this.getShopNames()
- // }
-
- // },
-
- timeType(){
- if(this.timeType == '0'){
- this.beginTime = dayjs(this.time).format('YYYY-MM-DD 00:00:00')
- this.endTime = dayjs(this.time).format('YYYY-MM-DD 23:59:59')
- }else if(this.timeType == '1'){
- this.beginTime = dayjs(this.time).startOf('month').format('YYYY-MM-DD HH:mm:ss')
- this.endTime = dayjs(this.time).endOf('month').format('YYYY-MM-DD HH:mm:ss')
- }
- this.backExceptionDataAWeekAgo()
- this.getShopNames()
- },
- watch:{
- dialogTableVisible:{
- handler(newValue){
- console.log('鐪熷亣1',this.dialogTableVisible);
- }
- }
-},
- },
- computed: {
- exceptionAllNum() {
- let sum =
- this.exception.exception0Num +
- this.exception.exception1Num +
- this.exception.exception2Num +
- this.exception.exception3Num +
- this.exception.exception4Num +
- this.exception.exception5Num +
- this.exception.exception6Num +
- this.exception.exception7Num +
- this.exception.exception8Num
- if (sum == 0) {
- return 1
- } else {
- return sum
- }
- },
- long_time_notchange() {
- let sum =
- this.exception.exception0Num +
- this.exception.exception1Num +
- this.exception.exception2Num +
- this.exception.exception3Num +
- this.exception.exception4Num +
- this.exception.exception5Num +
- this.exception.exception6Num +
- this.exception.exception7Num +
- this.exception.exception8Num
- if (sum == 0) {
- return 0
- } else {
- return (
- 100 -
- (this.exception.exception0Num / this.exceptionAllNum) * 100 -
- (this.exception.exception1Num / this.exceptionAllNum) * 100 -
- (this.exception.exception2Num / this.exceptionAllNum) * 100 -
- (this.exception.exception4Num / this.exceptionAllNum) * 100 -
- (this.exception.exception5Num / this.exceptionAllNum) * 100 -
- (this.exception.exception6Num / this.exceptionAllNum) * 100 -
- (this.exception.exception7Num / this.exceptionAllNum) * 100 -
- (this.exception.exception8Num / this.exceptionAllNum) * 100
- ).toFixed(1)
- }
- },
- // 绗竴鎺掑崱鐗�
- cardRow() {
- return [
- {
- siteName: this.exception.exception4,
- exceptionType: '4',
- exceptionName: '閲忕骇绐佸彉',
- iconSrc: exception4,
- siteNum: this.exception.exception4.length,
- exceptionNum: this.exception.exception4Num,
- isNoDataStatus: this.isNoData.exception4,
- span: 5
- },
- {
- siteName: this.exception.exception5,
- exceptionType: '5',
- exceptionName: '涓磋繎瓒呮爣寮傚父',
- iconSrc: exception5,
- siteNum: this.exception.exception5.length,
- exceptionNum: this.exception.exception5Num,
- isNoDataStatus: this.isNoData.exception5,
- span: 5
- },
- {
- siteName: this.exception.exception8,
- exceptionType: '8',
- exceptionName: '鏈夋晥鐜囧紓甯�',
- iconSrc: exception0,
- siteNum: this.exception.exception8.length,
- exceptionNum: this.exception.exception8Num,
- isNoDataStatus: this.isNoData.exception8,
- span: 5
- },
- {
- siteName: this.exception.exception6,
- exceptionType: '6',
- exceptionName: '鍗曟棩瓒呮爣娆℃暟涓寸晫寮傚父',
- iconSrc: exception6,
- siteNum: this.exception.exception6.length,
- exceptionNum: this.exception.exception6Num,
- isNoDataStatus: this.isNoData.exception6,
- span: 5
- },
-
- {
- siteName: this.exception.exception7,
- exceptionType: '7',
- exceptionName: '鍙樺寲瓒嬪娍寮傚父',
- iconSrc: exception7,
- siteNum: this.exception.exception7.length,
- exceptionNum: this.exception.exception7Num,
- isNoDataStatus: this.isNoData.exception7,
- span: 4
- },
- {
- siteName: this.exception.exception0,
- exceptionType: '0',
- exceptionName: '鏁版嵁缂哄け寮傚父',
- iconSrc: exception0,
- siteNum: this.exception.exception0.length,
- exceptionNum: this.exception.exception0Num,
- isNoDataStatus: this.isNoData.exception0,
- span: 6
- },
- {
- siteName: this.exception.exception1,
- exceptionType: '1',
- exceptionName: '鏁版嵁瓒呬綆',
- iconSrc: exception1,
- siteNum: this.exception.exception1.length,
- exceptionNum: this.exception.exception1Num,
- isNoDataStatus: this.isNoData.exception1,
- span: 6
- },
- {
- siteName: this.exception.exception2,
- exceptionType: '2',
- exceptionName: '瓒呮爣',
- iconSrc: exception2,
- siteNum: this.exception.exception2.length,
- exceptionNum: this.exception.exception2Num,
- isNoDataStatus: this.isNoData.exception2,
- span: 6
- },
- {
- siteName: this.exception.exception3,
- exceptionType: '3',
- exceptionName: '鏁版嵁闀挎椂娈垫棤娉㈠姩',
- iconSrc: exception3,
- siteNum: this.exception.exception3.length,
- exceptionNum: this.exception.exception3Num,
- isNoDataStatus: this.isNoData.exception3,
- span: 6
- }
- ]
- },
- },
- mounted() {
-
- this.getSiteNume()
-
- // 椋炶宸℃椤甸潰锛岃繘鍘诲姞杞�
- if(this.showAll == true){
- this.backExceptionDataAWeekAgo()
- this.getShopNames()
- }
- },
-
- 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, '寮傚父')
- // let lineColor = lineChart.getLineColor(rangeTime,xList)
- let lineColor = []
- // console.log('绾挎',lineColor);
- // 浼犲叆鍙傛暟
- this.dialog.option = exceptionOption.setExceptionChartOption(
- xList,
- yList,
- '',
- '',
- '',
- '',
- this.tableCurrentRowData.exception,
- areaObj,
- lineColor,
- this.tableCurrentRowData.exceptionType
- )
- },
-
- getImageUrl(name) {
- return new URL(`../../lib/Carousel/assets/${name}`, import.meta.url).href
- },
- // 鏀惧洖绔欑偣鎬绘暟閲�
- getSiteNume() {
- exceptionApi.getSitesNum().then((res) => {
- this.siteTotal = res.data.data.length
- })
- },
-
- /**
- * description锛氱偣鍑诲紓甯哥珯鐐瑰悕瀛楁椂 杩斿洖鐨勬暟鎹�
- * @param锛�
- * @createTime:2023-08-17
- * @returns锛�
- */
- getAbnormalDataByClick(val) {
- this.flag.originClick = 1
- // 鏄剧ず琛ㄦ牸
- this.isTableShow = true
- this.tableData = val
- this.total = this.tableData.length
- // 榛樿鏄剧ず绗竴椤�
- this.handleCurrentChange(1)
- },
- // 鐐瑰嚮琛ㄦ牸鐨勮鏃�
- selectTableRow() {
- // 鑾峰彇褰撳墠琛岀殑绱㈠紩
- this.selectedRowIndex = this.displayData.indexOf(this.tableCurrentRowData)
- },
- /**
- * description锛氭柇鐢垫垨鏂綉鏃惰缃殑琛ㄦ牸鏁版嵁
- */
- setOfflineTbleData() {
- // 鏃犳暟鎹椂鐨勬椂闂存暟缁� 鏃堕棿鐩稿樊15鍒嗛挓
- const abnormalTimeTenMinute = index.descFiftyTime(
- this.tableCurrentRowData.beginTime,
- this.tableCurrentRowData.endTime
- )
- // 淇濆瓨鏃犳暟鎹椂琛ㄦ牸鏉℃暟
- this.dialog.exceptionTotal = abnormalTimeTenMinute.length
-
- // 鍘婚櫎渚涚數寮傚父鍜屾帀绾垮尯闂寸殑绗竴涓湁鍏冪礌鐨勫��
- this.dialog.historyData = []
-
- for (let i = 0; i < abnormalTimeTenMinute.length; i++) {
- this.dialog.historyData.push({
- name: this.tableCurrentRowData.name,
- mnCode: this.tableCurrentRowData.mnCode,
- dutyCompany: this.tableCurrentRowData.dutyCompany,
- lst: abnormalTimeTenMinute[i],
- dustValue: ''
- })
- }
- },
-
- // 娈电數鎴栨柇缃戝尯闂存棤鏁版嵁锛岄渶瑕佽ˉ鍏呫�傚叾浠栫殑閮芥湁鏁版嵁锛岀洿鎺ヤ竴娆¤姹傚叏閮ㄦ椂娈靛氨濂�
-
- // 鏍规嵁寮傚父鍖洪棿鏋勯�犲墠鍚庣棣栧熬 鍓嶅尯闂� 涓棿鍖洪棿 鍚庡尯闂�
- // 鍒ゆ柇鏄鐢垫垨鏂綉锛熸槸鍒欒姹傚墠鍚庡尯闂达紝鍚﹀垯鍙姹備竴娆″畬鏁寸殑
- // 寰楀埌鏈�缁堟暟鎹�
- // 鍐嶅垽鏂紓甯哥绫� 锛岃繘琛岃缃厤缃」
-
- /**
- * description锛氫竴娆¤姹傚洖鍓嶄腑鍚庡尯闂寸殑鏁版嵁,瀵规暟鎹繘琛屽垎鏋�
- * @param锛� 鍓嶄腑鍚庡尯闂寸殑璇锋眰鍙傛暟锛屽墠涓悗鐨勬�诲尯闂存椂闂达紝寮傚父寮�濮嬫椂闂达紝涓�鍦虹粨鏉熸椂闂�
- */
- otherExceptionRequest(allTimeArgs, allTime, exceptionBT, exceptionET) {
- // 鎶樼嚎鍥惧姞杞戒腑鏁堟灉
- this.loading.lineChart = true
-
- historyApi.queryHistoryData(allTimeArgs).then((result) => {
- this.dialog.allExceptionTimeData = result.data.data
- // 鏁版嵁缂哄け寮傚父鏃堕噸鏂拌缃〃鏍�
- if (this.tableCurrentRowData.exceptionType == '0') {
- this.setOfflineTbleData()
- }
-
- // x杞存棩鏈熸椂闂�
- let dateList = []
- // y杞� 瓒呮爣娌圭儫娴撳害
- let dustValue = []
- let timeAndValue = {}
-
- // 浠庢坊鍔犱簡棣栦綅鍖洪棿鐨勫紑濮嬪拰缁撴潫鏃堕棿杩涜閬嶅巻 淇濊瘉鏃堕棿浠�15鍒嗛挓涓洪棿闅�
- timeAndValue = index.keepContinuousByEachFiftyMinutes(
- allTime[0],
- allTime[3],
- this.dialog.allExceptionTimeData
- )
- dateList = timeAndValue['xAxis']
- dustValue = timeAndValue['yAxis']
-
- // 鎻愬彇寮傚父璧峰鏃堕棿鐐瑰湪鏁翠釜鍖洪棿鍐呯殑鏁版嵁绱㈠紩
- let startIndex = dateList.findIndex((item) => item === exceptionBT)
- let endIndex = dateList.findIndex((item) => item === exceptionET)
-
- // 璁剧疆鎶樼嚎鍥鹃厤缃」
- // this.reSetChart(dateList, dustValue, exceptionBT, exceptionET, startIndex, endIndex)
- this.dialog.option = exceptionOption.setExceptionChartOption(
- dateList,
- dustValue,
- exceptionBT,
- exceptionET,
- startIndex,
- endIndex,
- this.tableCurrentRowData.exception,
- '',
- '',
- this.tableCurrentRowData.exceptionType
- )
- this.flag.banTouch = 0
- this.loading.lineChart = false
- })
- },
-
- /**
- * description锛氬垝鍒嗗嚭寮傚父璧峰鏃堕棿锛屾瀯閫犺姹傚墠涓悗鐨勫弬鏁�
- */
- timeAndDataProcessed() {
- //寮傚父鐨勫紑濮嬫椂闂� 缁撴潫鏃堕棿
- let exceptionBeginTime = this.tableCurrentRowData.beginTime
- let exceptionEndTime = this.tableCurrentRowData.endTime
-
- // beforeAndAfterTime[0]:鍓�45鍒嗛挓鐨勬椂闂寸偣
- // beforeAndAfterTime[1]:鍓�15鍒嗛挓鐨勬椂闂寸偣
- // beforeAndAfterTime[2]:鍚�15鍒嗛挓鐨勬椂闂寸偣
- // beforeAndAfterTime[3]:鍚�45鍒嗛挓鐨勬椂闂寸偣
- let beforeAndAfterTime = index.before45AndAfter45(exceptionBeginTime, exceptionEndTime)
-
- // 鏋勯�犲紓甯告椂闂村墠鍚庡尯闂存暟鎹姹傚弬鏁�(闄や簡鏂綉涓兘鐢ㄥ埌锛�
- let paramsAllTime = index.requestGetParms(
- this.tableCurrentRowData.name,
- beforeAndAfterTime[0],
- beforeAndAfterTime[3]
- )
-
- // 灏嗗紓甯告暟鎹繘琛岄澶勭悊锛岄殢鍚庡皢缁撴灉浣滀负鎶樼嚎鍥剧殑閰嶇疆椤�
- this.otherExceptionRequest(
- paramsAllTime,
- beforeAndAfterTime,
- exceptionBeginTime,
- exceptionEndTime
- )
- },
-
- /**
- * description锛氳幏鍙栦笅涓�鏉″紓甯镐俊鎭�
- */
- getPreviousRowData() {
- // // 涓嶆槸琛ㄦ牸鐨勬渶鍚庝竴琛�
- if (this.selectedRowIndex < this.displayData.length - 1) {
- // 鐐瑰嚮杩囩▼涓� 閿佷綇涓婁笅鏉℃寜閽� 鍦ㄨ缃畬鍥惧舰閰嶇疆椤瑰悗瑙ｉ攣
- this.flag.banTouch = 1
-
- //寰楀埌涓婁竴琛屾暟鎹储寮�
- this.selectedRowIndex = this.selectedRowIndex + 1
-
- // 寰楀埌涓婁竴琛岀殑鏁版嵁
- this.tableCurrentRowData = this.displayData[this.selectedRowIndex]
-
- this.loading.preButton = true
-
- 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
- // 閫昏緫澶勭悊
-
- 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
- })
- }
- },
- /**
- * description锛氳幏鍙栦笅涓�鏉″紓甯镐俊鎭�
- */
- getNextRowData() {
- // 涓嶆槸琛ㄦ牸鐨勭涓�琛�
- if (this.selectedRowIndex !== 0) {
- // 鐐瑰嚮杩囩▼涓� 閿佷綇涓婁笅鏉℃寜閽� 鍦ㄨ缃畬鍥惧舰閰嶇疆椤瑰悗瑙ｉ攣
- this.flag.banTouch = 1
-
- //寰楀埌涓婁竴琛屾暟鎹储寮�
- this.selectedRowIndex = this.selectedRowIndex - 1
-
- // 寰楀埌涓婁竴琛岀殑鏁版嵁
- this.tableCurrentRowData = this.displayData[this.selectedRowIndex]
-
- this.loading.afterButton = true
-
- 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
- // 閫昏緫澶勭悊
-
- 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
- })
- }
- },
-
- /**
- * description锛氫粠瀛愮粍浠惰幏寰楁煇绔欑偣璇ユ椂娈电殑寮傚父鏁版嵁
- * @createTime:2023-08-18
- */
- backExceptionData(val1, val2) {
- this.displayData = val1
- this.total = val2
- },
-
- // 鏌ヨ寮傚父鏁版嵁鐨勭珯鐐瑰悕瀛楀拰鏁伴噺
- queryExceptionSite(url, exceptionType) {
- let params = {}
- params['beginTime'] = this.beginTime
- params['endTime'] = this.endTime
- params['exceptionType'] = exceptionType
-
- if(this.siteName){
- params['siteName'] = this.siteName
- }
- // if (this.form.street.length != 0) {
- // params['street'] = this.form.street.join()
- // }
- if (this.form.dutyCompany.length != 0) {
- params['dutyCompany'] = this.form.dutyCompany.join()
- }
- return this.$http.get(url, { params: params })
- },
-
- /**
- * description锛氬綋鐢ㄦ埛鏀瑰彉鏌ヨ鐨勬椂闂村尯闂存椂锛屼細鏍规嵁璇ュ尯闂存煡璇㈠悇寮傚父鐨勭珯鐐癸紝鏌ヨ璇ユ椂闂村尯闂寸殑鍚勫紓甯告暟閲�
- * @createTime:2023-08-18
- */
- getShopNames() {
- /* 鏌ヨ寮傚父鐨勭珯鐐� */
- this.queryExceptionSite('/dust/sitenamecode', 0).then((result) => {
- this.exception.exception0 = result.data.data
- if (result.data.data.length == 0) {
- this.isNoData.exception0 = true
- return
- }
- this.isNoData.exception0 = false
- })
- this.queryExceptionSite('/dust/sitenamecode', 1).then((result) => {
- this.exception.exception1 = result.data.data
- if (result.data.data.length == 0) {
- this.isNoData.exception1 = true
- return
- }
- this.isNoData.exception1 = false
- })
- this.queryExceptionSite('/dust/sitenamecode', 2).then((result) => {
- this.exception.exception2 = result.data.data
- if (result.data.data.length == 0) {
- this.isNoData.exception2 = true
- return
- }
- this.isNoData.exception2 = false
- })
-
- this.queryExceptionSite('/dust/sitenamecode', 3).then((result) => {
- this.exception.exception3 = result.data.data
- if (result.data.data.length == 0) {
- this.isNoData.exception3 = true
- return
- }
- this.isNoData.exception3 = false
- })
-
- this.queryExceptionSite('/dust/sitenamecode', 4).then((result) => {
- this.exception.exception4 = result.data.data
- if (result.data.data.length == 0) {
- this.isNoData.exception4 = true
- return
- }
- this.isNoData.exception4 = false
- })
- this.queryExceptionSite('/dust/sitenamecode', 5).then((result) => {
- this.exception.exception5 = result.data.data
- if (result.data.data.length == 0) {
- this.isNoData.exception5 = true
- return
- }
- this.isNoData.exception5 = false
- })
- this.queryExceptionSite('/dust/sitenamecode', 6).then((result) => {
- this.exception.exception6 = result.data.data
- if (result.data.data.length == 0) {
- this.isNoData.exception6 = true
- return
- }
- this.isNoData.exception6 = false
- })
- this.queryExceptionSite('/dust/sitenamecode', 7).then((result) => {
- this.exception.exception7 = result.data.data
- if (result.data.data.length == 0) {
- this.isNoData.exception7 = true
- return
- }
- this.isNoData.exception7 = false
- })
- this.queryExceptionSite('/dust/sitenamecode', 8).then((result) => {
- this.exception.exception8 = result.data.data
- if (result.data.data.length == 0) {
- this.isNoData.exception8 = true
- return
- }
-
- this.isNoData.exception8 = false
- })
-
- /* 寮傚父寮傚父鏁伴噺 */
- this.queryExceptionSite('/dust/exceptionnum', 0).then((result) => {
- this.exception.exception0Num = result.data.data
- })
- this.queryExceptionSite('/dust/exceptionnum', 1).then((result) => {
- this.exception.exception1Num = result.data.data
- })
- this.queryExceptionSite('/dust/exceptionnum', 2).then((result) => {
- this.exception.exception2Num = result.data.data
- })
-
- this.queryExceptionSite('/dust/exceptionnum', 3).then((result) => {
- this.exception.exception3Num = result.data.data
- })
-
- this.queryExceptionSite('/dust/exceptionnum', 4).then((result) => {
- this.exception.exception4Num = result.data.data
- })
- this.queryExceptionSite('/dust/exceptionnum', 5).then((result) => {
- this.exception.exception5Num = result.data.data
- })
- this.queryExceptionSite('/dust/exceptionnum', 6).then((result) => {
- this.exception.exception6Num = result.data.data
- })
- this.queryExceptionSite('/dust/exceptionnum', 7).then((result) => {
- this.exception.exception7Num = result.data.data
- })
- this.queryExceptionSite('/dust/exceptionnum', 8).then((result) => {
- this.exception.exception8Num = result.data.data
- })
- },
-
- /**
- * description锛氭樉绀哄璇濇,杩斿洖璇ュ紓甯告椂闂存鐨勬墍鏈夋暟鎹�
- * @param锛氱偣鍑烩�樻煡鐪嬭鎯呪�欑殑璇ヨ鎵�鏈夊瓧娈垫暟鎹�
- * @createTime:2023-08-18
- */
- showDialog(row) {
- // 鎵撳紑瀵硅瘽妗�
- this.dialogTableVisible = true
-
- // 淇濆瓨褰撳墠琛屾暟鎹�
- this.tableCurrentRowData = row
-
- // // 鑾峰彇褰撳墠琛岀殑绱㈠紩
- // this.selectedRowIndex = this.displayData.indexOf(row)
-
- // //鏍规嵁褰撳墠琛岀殑缂栧彿锛岃捣濮嬫椂闂存潵 璇锋眰寮傚父鏁版嵁
- // // 瀵硅姹傚埌鐨勬暟鎹繘琛岄灏炬嫾鎺�
- // // 寰楀埌鍓嶅悗瀹屾暣鏁版嵁杩涜缁樺埗鍥惧舰
-
- // 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
- // // 閫昏緫澶勭悊
-
- // if (this.tableCurrentRowData.exceptionType != '8') {
- // this.timeAndDataProcessed()
- // } else {
- // this.loading.lineChart = true
- // this.validProcess()
- // this.loading.lineChart = false
- // this.flag.banTouch = 0
- // }
- // })
- },
- /**
- * description锛氭潯浠舵煡璇㈠紓甯哥殑鏁版嵁
- * @createTime:2023-08-18
- */
- handleSubmit() {
- if (this.isExceedOneMonth(this.beginTime, this.endTime)) {
- alert('鏃堕棿璺ㄥ害涓嶈兘瓒呰繃涓�涓湀')
- return
- }
- // 鏇存柊寮傚父鍒嗘瀽
- this.getShopNames()
-
- this.loading.queryButton = true
- this.flag.originClick = 0
- this.loading.tableLoading = true
- let params = {}
- params['page'] = this.currentPage
- params['pageSize'] = this.pageSize
- if (this.siteName) {
- params['siteName'] = this.siteName
- }
- // if (this.form.street.length != 0) {
- // params['street'] = this.form.street.join()
- // }
- if (this.form.dutyCompany.length != 0) {
- params['dutyCompany'] = this.form.dutyCompany.join()
- }
- params['beginTime'] = this.beginTime
- params['endTime'] = this.endTime
-
- this.$http.get('/dust/exceptiondata2', { params: params }).then((response) => {
- // 淇濆瓨杩斿洖鐨�
- this.displayData = response.data.data.rows
- this.loading.queryButton = false
- this.loading.tableLoading = false
-
- if (response.data.data.total == 0) {
- ElMessage('璇ユ椂娈垫棤鏁版嵁')
- this.isTableShow = false
- return
- }
- this.isTableShow = true
- this.total = response.data.data.total
- // 绉婚櫎绌烘暟鎹姸鎬�
- })
- },
-
- /**
- * description锛氭墦寮�椤甸潰榛樿鍔犺浇鏈�杩戜竴鍛ㄧ殑寮傚父鏁版嵁
- * @createTime:2023-08-18
- */
- backExceptionDataAWeekAgo() {
- this.loading.tableLoading = true
- let params = {}
- if (this.siteName) {
- params['siteName'] = this.siteName
- }
-
- params['beginTime'] = this.beginTime
- params['endTime'] = this.endTime
- console.log('name',this.siteName)
- this.$http.get('/dust/exceptiondata', { params: params }).then((response) => {
- // 淇濆瓨杩斿洖鐨�
- // this.tableData = response.data.data.rows;
- this.displayData = response.data.data.rows
- this.loading.tableLoading = false
-
- if (response.data.data.total == 0) {
- ElMessage('璇ユ椂娈垫棤鏁版嵁')
- this.isTableShow = false
- return
- }
-
- this.isTableShow = true
- this.total = response.data.data.total
- })
- },
-
- /**
- * description锛氬皢涓浗鏍囧噯鏃堕棿杞负鎸囧畾鏍煎紡(璇ョ粍浠惰繑鍥炵殑鏍囧噯鏃堕棿鐨勬牸寮忥紝鎵�浠ュ繀椤荤殑鍔犺繖涓嚱鏁�)
- * @createTime:2023-08-17
- */
- giveTime(val) {
- this.beginTime = dayjs(val[0]).format('YYYY-MM-DD HH:mm:ss')
- this.endTime = dayjs(val[1]).format('YYYY-MM-DD HH:mm:ss')
- },
-
- // 鍔熻兘锛氳〃鏍奸珮搴︽牴鎹唴瀹硅嚜閫傚簲
- calTableHeight() {
- const h1 = this.$refs.h1.$el.offsetHeight
- const h2 = this.$refs.h2.$el.offsetHeight
- const h3 = this.$refs.h3.$el.offsetHeight
- const h4 = this.$refs.h4.$el.offsetHeight
- // 鍏朵腑涓�涓�40鏄洅瀛愮殑鎬诲杈硅窛
- this.tableHeight = `calc(100vh - ${h1}px - ${h2}px - ${h3}px - ${h4}px - 40px - var(--el-main-padding) * 2)`
- },
-
- // 椤靛ぇ灏忔敼鍙樻椂瑙﹀彂
- handleSizeChange(val) {
- this.pageSize = val
-
- // 鏀瑰彉姣忛〉鏄剧ず鏁扮洰鏃惰烦鍒板綋鍓嶉〉
- this.handleCurrentChange(1)
- },
-
- // 椤靛彿鏀瑰彉鏃惰Е鍙�
- /**
- * description锛氶〉鍙锋敼鍙樻椂瑙﹀彂
- * @param锛� 褰撳墠椤碉紝鏍囪浣嶏紙0浠ｈ〃鏄偣鍑烩�樻煡璇⑩�欒Е鍙戠殑锛�1浠ｈ〃鏃剁偣鍑诲紓甯哥珯鐐规枃鏈寜閽Е鍙戠殑锛�
- * @createTime:2023-08-17
- * @returns锛�
- */
- handleCurrentChange(val) {
- // 灏嗗綋鍓嶉〉鍙风粰currentPage
- this.currentPage = val
-
- // 椤甸潰鍙樺寲鏃惰皟鐢� 鏌ヨ鏁版嵁鍑芥暟
- if (this.flag.originClick == 0) {
- this.handleSubmit()
- } else if (this.flag.originClick == 1) {
- const startIndex = (val - 1) * this.pageSize
- const endIndex = startIndex + this.pageSize
-
- this.displayData = this.tableData.slice(startIndex, endIndex)
- }
- },
- // 琛ㄦ牸搴忓彿閫掑
- indexMethod1(index) {
- return index + 1 + (this.currentPage - 1) * this.pageSize
- },
- // 琛ㄦ牸搴忓彿閫掑
- indexMethod2(index) {
- return index + 1
- }
- }
- }
- </script>
-
- <template>
- <div class="all-container">
- <el-row ref="h1">
- <el-col>
- <el-form :inline="true">
- <div class="head-container-text">
- <el-form-item>
- <AreaAndmonitorType></AreaAndmonitorType>
- </el-form-item>
-
- <el-form-item v-show="!showAll">
- <span class="site-text"> 鐐逛綅鍚嶇О:</span>
- <span> {{ this.siteName }}</span>
- </el-form-item>
-
- <el-form-item v-show="showAll">
- <DutyCompany @submitDutyCompanyValue="(n) => (form.dutyCompany = n)"> </DutyCompany>
- </el-form-item>
-
- <!-- <el-form-item v-show="showAll">
- <StreetInfo @submitStreetValue="(n) => (form.street = n)"> </StreetInfo>
- </el-form-item> -->
-
- <el-form-item>
- <TimeShortCuts timeType="day" @submit-time="giveTime" :beginAndEndTime="[beginTime,endTime]"></TimeShortCuts>
- </el-form-item>
-
- <el-form-item>
- <ButtonClick
- content="椋庨櫓璇勪及"
- type="warning"
- color="rgb(12,104,165)"
- :loading="loading.queryButton"
- :havaIcon="false"
- @do-search="handleSubmit"
- ><img src="@/assets/exception/riskButton.png" height="24" class="img-button"
- /></ButtonClick>
- </el-form-item>
- </div>
- </el-form>
- </el-col>
- </el-row>
-
- <!-- 鏃堕棿鎽樿 -->
- <el-row class="head-describtion-text" ref="h2">
- <el-row>
- <span> 閲戝北鍖� {{ beginTime }} 鈥斺�� {{ endTime }} 鎵皹鐩戞祴寮傚父淇℃伅姹囨��</span>
- </el-row>
- </el-row>
-
- <!-- 寮傚父鍒嗘瀽 -->
- <el-row ref="h3">
- <el-col>
- <el-card class="card-container">
- <template #header>
- <div class="card-header">寮傚父鍒嗘瀽</div>
- </template>
-
- <el-row :gutter="20">
- <el-col v-for="item in cardRow" :key="item.exceptionType" :span="item.span">
- <AnalysisCard
- :site-name="item.siteName"
- :exception-type="item.exceptionType"
- :begin-time="beginTime"
- :end-time="endTime"
- :exception-name="item.exceptionName"
- :site-num="item.siteNum"
- :exception-num="item.exceptionNum"
- :exception-all-num="exceptionAllNum"
- :site-num-all="siteTotal"
- :isNoDataStatus="item.isNoDataStatus"
- :icon="item.iconSrc"
- @get-abnormal-data-by-click="getAbnormalDataByClick"
- class="card-row"
- >
- >
- </AnalysisCard>
- </el-col>
- </el-row>
- </el-card>
- </el-col>
- </el-row>
-
- <el-button-group>
- <el-button color="#626aef" plain @click="isTableShow = true" v-show="!isTableShow">
- 鏄剧ず寮傚父娓呭崟<el-icon class="i-ep-Arrow"><i-ep-ArrowUp /></el-icon>
- </el-button>
- <el-button color="#626aef" plain @click="isTableShow = false" v-show="isTableShow">
- 闅愯棌寮傚父娓呭崟<el-icon class="i-ep-Arrow"><i-ep-ArrowDown /></el-icon>
- </el-button>
- </el-button-group>
-
- <!-- 琛ㄦ牸 -->
- <el-row v-show="isTableShow">
- <el-col>
- <el-table
- ref="table"
- :data="displayData"
- :height="tableHeight"
- :highlight-current-row="true"
- size="default"
- v-loading="loading.tableLoading"
- border
- >
- <el-table-column
- type="index"
- label="搴忓彿"
- width="60px"
- align="center"
- 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="exception" 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
- />
- <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">
- <template #default="{ row }">
- <el-button type="primary" class="table-button" @click="showDialog(row)"
- >鏌ョ湅璇︽儏</el-button
- >
- </template>
- </el-table-column>
- </el-table>
-
- <el-pagination
- ref="h4"
- background
- layout="total, sizes, prev, pager, next, jumper"
- v-model:current-page="currentPage"
- v-model:page-size="pageSize"
- :total="total"
- :page-sizes="[10, 20, 50, 100]"
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- >
- </el-pagination>
- </el-col>
- </el-row>
-
-
-
- <CompDialogDetail :row="tableCurrentRowData" v-model="dialogTableVisible"/>
- </div>
- </template>
-
- <style lang="scss" scoped>
- .el-row {
- margin-left: 10px;
- }
-
- /* 鏉′欢鏌ヨ妯″潡鐨勬牱寮� */
- .el-form {
- margin: 10px;
- }
- img {
- margin-right: 5px;
- }
- .head-container-search {
- float: right;
- }
-
- .head-describtion-text {
- justify-content: flex-end;
- margin-bottom: 2px;
- margin-right: 20px;
- font-size: 14px;
- color: gray;
- }
- .button-set {
- margin: 10px;
- }
- /* 鏉′欢鏌ヨ妯″潡缁撴潫 */
-
- /* 寮傚父鍒嗘瀽妯″潡鐨勬牱寮� */
-
- .card-text1 {
- /* 榛戜綋鐨勫紓甯稿悕瀛楅儴鍒� */
- margin: 10px;
- }
- .card-text1 + div {
- /* 榛戜綋鐨勫紓甯稿悕瀛椾笅闈㈢殑 */
- margin: 12px;
- }
- .card-exception-buttom {
- /* 寮傚父绔欑偣鏂囨湰鎸夐挳鍖哄煙 */
- padding: 11px;
- }
- .card-header {
- margin-left: 5px;
- font-size: 18px;
- font-weight: bold;
- }
- .card-content-unnormal {
- min-height: 200px;
- border: 2px solid #ffcf8b;
- border-radius: 20px;
- }
- .card-content-normal {
- min-height: 200px;
- border: 2px solid red;
- border-radius: 20px;
- }
-
- .card-header-text {
- font-size: 16px;
- font-weight: bold;
- margin-top: 4px;
- margin-left: 4px;
- }
- .card-content-text {
- white-space: nowrap;
- }
- .card-exceptionname-text1 {
- /* 寮傚父绔欑偣鍗犳瘮 */
- font-size: 14px;
- white-space: nowrap;
- }
-
- .card-exceptionname-text2 {
- /* 寮傚父鏁板崰姣旂殑澶栬竟璺� */
- font-size: 14px;
- white-space: nowrap;
- }
- .text-blank {
- /* 閫楀彿 */
- margin-right: 10px;
- color: #000000;
- }
- .card-row {
- margin-bottom: 10px;
- }
-
- /* 寮傚父鍒嗘瀽妯″潡缁撴潫 */
-
- /* 闅愯棌琛ㄦ牸鎸夐挳缁勬牱寮� */
- .el-button-group {
- margin: 10px 0px 10px 10px;
- }
- .i-ep-Arrow {
- margin-left: 6px;
- margin-bottom: 2px;
- font-size: 1.2em;
- }
- /* 闅愯棌琛ㄦ牸鎸夐挳缁勬牱寮忕粨鏉� */
-
- /* 琛ㄦ牸妯″潡鐨勬牱寮� */
- .el-table {
- color: #333333;
- }
- /* 琛ㄦ牸妯″潡缁撴潫 */
-
-
-
- /* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃殑鏍峰紡 */
-
- .diag-head {
- /* 瀵硅瘽妗嗗ご閮ㄥ尯鍩� */
- min-height: 200px;
- }
- .diag-head-text1 {
- /* 瀵硅瘽妗嗗ご閮ㄧ殑灞炴�у瓧娈靛姞绮� */
- font-weight: bold;
- }
-
- .diag-head-text > div {
- /* 瀵硅瘽妗嗗紓甯告椂闂存 */
- margin-top: 15px;
- }
- .diag-head-text {
- margin: 10px;
- padding: 10px;
- background: linear-gradient(90deg, #00c9ff 0%, #92fe9d 100%);
- border: 2px solid #7bc0fc;
- }
- .chart-jump-button {
- display: flex;
- justify-content: right;
- }
-
- .mx-1 {
- /* position: absolute;
- left: 10px;
- bottom: 10px; */
- justify-content: flex-start;
- }
- .dialog-footer{
- display: flex;
- }
- .dialog-footer-text {
- justify-content: flex-end;
- margin-left: auto;
- font-size: 14px;
- /* color: #333333; */
- }
- /* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃粨鏉� */
- </style>
-
\ No newline at end of file
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>
diff --git a/src/views/exception/components/CompDialogDetail.vue b/src/views/exception/components/CompDialogDetail.vue
index 67ef2a0..a83a4b9 100644
--- a/src/views/exception/components/CompDialogDetail.vue
+++ b/src/views/exception/components/CompDialogDetail.vue
@@ -1,31 +1,39 @@
<!-- 鐐瑰嚮 鈥濇煡鐪嬭缁嗏�� 鐨勫璇濇 -->
<!-- 涓婁竴鏉′笅涓�鏉＄敱瀛愮粍浠朵紶閫掔粰鐖剁粍浠讹紝鐖剁粍浠剁洃鍚俊鍙� -->
-
<script>
import exceptionOption from '@/utils/chartFunction/exceptionOption.js'
import index from '@/utils/exception_common_function/index.js'
import DustLineChart from '@/views/exception/components/DustLineChart.vue'
import historyApi from '@/api/historyApi.js'
-
+import lineChartFunc from '@/utils/chartFunction/lineChart.js'
+import time from '@/utils/time.js'
export default {
props: {
// 琛ㄦ牸鐨勪竴琛屾暟鎹�
row: {
type: Object,
- default: {}
+ default() {
+ return {}
+ }
},
// 瀵硅瘽妗嗘槸鍚︽樉绀�
dialogTableVisible: {
type: Boolean,
default: false
+ },
+ buttonDisabled: {
+ type: Object,
+ default() {
+ return { pre: false, next: false }
+ }
}
},
components: {
DustLineChart
},
- emits: ['update:dialogTableVisible'],
+ emits: ['update:dialogTableVisible', 'getPreRowData', 'getNextRowData'],
computed: {
- dialogTableVisible: {
+ visible: {
get() {
return this.dialogTableVisible
},
@@ -36,7 +44,7 @@
},
watch: {
row: {
- handler(newValue) {
+ handler() {
this.display()
},
deep: true
@@ -48,33 +56,34 @@
historyData: [],
// 鎶樼嚎鍥鹃厤缃」
lineChartOption: {},
+
+ // 鎸夐挳锛屽浘褰㈠姞杞戒腑
loading: {
// 涓婁竴鏉℃寜閽�
preButton: false,
// 涓嬩竴鏉℃寜閽�
- afterButton: false,
+ nextButton: false,
// 鎶樼嚎鍥�
lineChart: false
},
-
// 鏍囪浣�
flag: {
// 鏁版嵁鍔犺浇鏃� 涓婁笅鏉℃寜閽笉鑳藉啀鐐瑰嚮
banTouch: 0,
+ pre: false,
+ next: false
},
- isPreCantouch:false,
- isNextCantouch:false
-
+ isPreCanTouch: false,
+ isNextCanTouch: false
}
},
- mounted() {},
methods: {
- display() {
+ async display() {
// 琛ㄦ牸鏁版嵁
- this.getExceptionTableDataByCurrenrRow(this.row)
+ await this.getExceptionTableDataByCurrentRow(this.row)
// 鎶樼嚎鍥炬暟鎹�
this.setLineChart(this.row)
@@ -85,15 +94,23 @@
* @param锛� 鐐逛綅鍚嶇О锛屽紓甯稿紑濮嬫椂闂达紝寮傚父缁撴潫鏃堕棿
* @returns锛�
*/
- async getExceptionTableDataByCurrenrRow({ name, beginTime, endTime, exceptionType }) {
+ async getExceptionTableDataByCurrentRow({ name, exceptionType, beginTime, endTime }) {
if (!name || !beginTime || !endTime) {
return
}
+ console.log('寮傚父涓�', exceptionType)
// 鏁版嵁缂哄け寮傚父鏃讹紝鏋勯�犺〃鏍兼暟鎹�
- if (this.exceptionType == '0') {
- this.setOfflineTbleData(this.row)
+ if (exceptionType == '0') {
+ this.setOfflineTableData(this.row)
return
}
+ // 鏈夋晥鐜囧紓甯告椂 璁剧疆鎶樼嚎鍥惧姞杞戒腑鏁堟灉
+ if (exceptionType == '8') {
+ this.loading.lineChart = true
+ }
+
+ this.loading.preButton = true
+ this.loading.nextButton = true
// 鏍规嵁寮傚父鐨勭偣浣嶅悕绉般�佸紑濮嬨�佺粨鏉熸椂闂达紝鏌ヨ璇ユ椂娈电殑棰楃矑鐗╂祿搴︽暟鎹�
const response = await historyApi.queryHistoryData({
@@ -103,6 +120,12 @@
})
// 寮傚父琛ㄦ牸寰楀埌鏁版嵁
this.historyData = response.data.data
+
+ this.flag.pre = false
+ this.flag.next = false
+
+ this.loading.preButton = false
+ this.loading.nextButton = false
},
/* *********************************************************************************** 鎶樼嚎鍥� */
@@ -111,19 +134,20 @@
* @param锛�
* @returns锛�
*/
- async setLineChart({ beginTime, endTime }) {
+ async setLineChart({ exception, exceptionType, beginTime, endTime }) {
+ if (exceptionType == '8') {
+ this.validProcess(this.historyData, { exception, exceptionType, beginTime, endTime })
+ this.loading.lineChart = false
+ return
+ }
// 璁＄畻寮傚父鍖洪棿鐨勫墠鍚�45鍒嗛挓
const beforeAndAfterTime = index.before45AndAfter45(beginTime, endTime)
// 璇锋眰鏁存鏃堕棿娈电殑棰楃矑鐗╂祿搴︽暟鎹�
-
// 瀵硅姹傚洖鐨勬暟鎹繘琛屽垝鍒�
const chartParams = await this.organizeLineChartsOptionParams(beforeAndAfterTime, this.row)
this.lineChartOption = exceptionOption.setExceptionChartOption(chartParams)
-
},
-
-
/**
* 鏋勫缓鎶樼嚎鍥剧殑閰嶇疆椤圭殑鍙傛暟
@@ -187,7 +211,7 @@
/**
* description锛氭暟鎹己澶卞紓甯告椂锛岃缃殑琛ㄦ牸鏁版嵁
*/
- setOfflineTbleData({ name, mnCode, dutyCompany, beginTime, endTime }) {
+ setOfflineTableData({ name, mnCode, dutyCompany, beginTime, endTime }) {
// 鏃犳暟鎹椂鐨勬椂闂存暟缁� 鏃堕棿鐩稿樊15鍒嗛挓
const abnormalTimeTenMinute = index.descFiftyTime(beginTime, endTime)
@@ -202,6 +226,65 @@
yData: ''
})
}
+ },
+ /**
+ * 鏈夋晥鐜囧紓甯� 璁剧疆鎶樼嚎鍥鹃厤缃」
+ * @param锛�
+ * @returns锛�
+ */
+ validProcess(historyData, { exception, exceptionType, beginTime, endTime }) {
+ // x杞存暟鎹�
+ let xData = time.ascTime(beginTime, endTime, 15)
+ // y杞存暟鎹�
+ let yData = []
+ xData.forEach((item) => {
+ // 鏌ユ壘璇ユ椂闂寸殑鏁版嵁
+ let r = lineChartFunc.findDate(historyData, item)
+ if (r) {
+ yData.push(r.dustValue)
+ } else {
+ yData.push(null)
+ }
+ })
+ // 寰楀埌鏈夋晥鏁版嵁鐨勬椂闂寸偣
+ let DataTime = time.validTime(historyData)
+ let rangeTime = time.getMissingDays(xData[0], xData[xData.length - 1], DataTime, 15)
+ console.log('鏃犳暟鎹椂闂�', rangeTime)
+ // 寰楀埌鑳屾櫙鍖洪棿鐨勯厤缃�
+ let areaObj = lineChartFunc.getMarkArea(rangeTime, '寮傚父')
+ let lineColor = []
+ // 浼犲叆鍙傛暟
+ this.lineChartOption = exceptionOption.setExceptionChartOption({
+ xData,
+ yData,
+ exceptionBeginTime: beginTime,
+ exceptionEndTime: endTime,
+ beginIndex: '',
+ endIndex: '',
+ exceptionName: exception,
+ areaObj,
+ lineColor,
+ exceptionType
+ })
+ },
+
+ /**
+ * 鐐瑰嚮鈥滀笂涓�鏉♀��
+ * @param锛�
+ * @returns锛�
+ */
+ clickPre() {
+ this.flag.pre = true
+ this.$emit('getPreRowData')
+ },
+ /**
+ * 鐐瑰嚮鈥滀笅涓�鏉♀��
+ * @param锛�
+ * @returns锛�
+ */
+ clickNext() {
+ this.flag.next = true
+ this.$emit('getNextRowData')
}
}
}
@@ -210,14 +293,12 @@
<template>
<el-dialog
class="exception-dialog"
- v-model="dialogTableVisible"
+ v-model="visible"
draggable
align-center
height="700px"
width="700px"
>
-
-
<!-- 澶� -->
<template #header>
<div class="diag-head">
@@ -231,28 +312,25 @@
</div>
</div>
</div>
-
- <!-- <div class="chart-jump-button">
+ <div class="chart-jump-button">
<el-button
type="danger"
- :loading="loading.preButton"
- :disabled="isPreCantouch || flag.banTouch"
- @click="getNextRowData"
+ :loading="flag.pre && loading.preButton"
+ :disabled="buttonDisabled.pre"
+ @click="clickPre"
>涓婃潯寮傚父</el-button
>
+
<el-button
type="danger"
- :loading="loading.afterButton"
- :disabled="isNextCantouch || flag.banTouch"
- @click="getPreviousRowData"
+ :loading="flag.next && loading.nextButton"
+ :disabled="buttonDisabled.next"
+ @click="clickNext"
>涓嬫潯寮傚父</el-button
>
- </div> -->
-
-
+ </div>
</template>
-
<!-- 鍥惧舰 -->
<DustLineChart :option="lineChartOption" v-loading="loading.lineChart"></DustLineChart>
@@ -277,7 +355,7 @@
<template #footer>
<div class="dialog-footer">
<el-tag type="success" class="mx-1" effect="dark" round
- ><span class="table-line-lable" v-show="row.exceptionType == '0'">缂哄け鏁版嵁锛� </span>
+ ><span v-show="row.exceptionType == '0'">缂哄け鏁版嵁锛� </span>
<span
v-show="
row.exceptionType == '1' ||
@@ -291,7 +369,7 @@
"
>寮傚父鏁版嵁锛�</span
>
- <span class="table-line-num">{{ historyData.length }}鏉�</span>
+ <span class="table-line-num">{{ historyData?.length }}鏉�</span>
<span v-show="row.exceptionType == '0'"> (閫昏緫璁＄畻)</span>
</el-tag>
<el-text v-show="row.exceptionType == '8'" type="warning" class="dialog-footer-text"
@@ -299,14 +377,11 @@
>
</div>
</template>
-
-
</el-dialog>
</template>
<style scoped>
/* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃殑鏍峰紡 */
-
.diag-head {
/* 瀵硅瘽妗嗗ご閮ㄥ尯鍩� */
min-height: 200px;
@@ -332,9 +407,6 @@
}
.mx-1 {
- /* position: absolute;
- left: 10px;
- bottom: 10px; */
justify-content: flex-start;
}
.dialog-footer {
diff --git a/src/views/exception/components/CompFlightInspection.vue b/src/views/exception/components/CompFlightInspection.vue
index b860699..4030ecf 100644
--- a/src/views/exception/components/CompFlightInspection.vue
+++ b/src/views/exception/components/CompFlightInspection.vue
@@ -1,23 +1,15 @@
+<!-- 椋炶宸℃椤甸潰 -->
+
<script>
-import { defineAsyncComponent } from 'vue'
import TimeShortCuts from '@/sfc/TimeShortCuts.vue'
import { useCommonFunction } from '@/utils/common.js'
-import AreaAndmonitorType from '@/sfc/AreaAndmonitorType.vue'
+import AreaAndMonitorType from '@/sfc/AreaAndmonitorType.vue'
import ButtonClick from '@/sfc/ButtonClick.vue'
-import index from '@/utils/exception_common_function/index.js'
-
-// 寮傚父鍥惧舰寮傛缁勪欢
-const DustLineChart = defineAsyncComponent(() => import('@/views/exception/components/DustLineChart.vue'))
import exceptionApi from '@/api/exceptionApi.js'
import dayjs from 'dayjs'
import { ElMessage } from 'element-plus'
-import AnalysisCard from './AnalysisCard.vue'
+import AnalysisCard from '@/views/exception/components/AnalysisCard.vue'
import DutyCompany from '@/sfc/DutyCompany.vue'
-import StreetInfo from '@/sfc/StreetInfo.vue'
-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'
import exception0 from '@/assets/exception/exception0.png'
import exception1 from '@/assets/exception/exception1.png'
import exception2 from '@/assets/exception/exception2.png'
@@ -26,6 +18,8 @@
import exception5 from '@/assets/exception/exception5.png'
import exception6 from '@/assets/exception/exception6.png'
import exception7 from '@/assets/exception/exception7.png'
+
+import CompDialogDetail from '@/views/exception/components/CompDialogDetail.vue'
export default {
props: {
// 鐐逛綅鍚嶅瓧
@@ -34,37 +28,34 @@
default: ''
},
// 鏃ユ椂闂存垨鑰呮湀鏃堕棿
- time:{
- type:String,
- default:''
+ time: {
+ type: String,
+ default: ''
},
// 灞曠ず椤甸潰鐨勫叏閮�
showAll: {
type: Boolean,
default: true
},
-
+
// 0浠ｈ〃鏃ユ椂闂达紝1浠ｈ〃鏈堟椂闂�
- timeType:{
- type:Number,
- default:-1
+ timeType: {
+ type: Number,
+ default: -1
}
},
components: {
TimeShortCuts,
- DustLineChart,
ButtonClick,
- AreaAndmonitorType,
+ AreaAndMonitorType,
AnalysisCard,
DutyCompany,
- StreetInfo
+ CompDialogDetail
},
data() {
return {
// 琛ㄥ崟鍐呭
form: {
- // 绔欑偣鍚嶇О
- name: '',
// 杩愮淮鍟�
dutyCompany: [],
// 琛楅亾
@@ -103,7 +94,6 @@
exception7: true,
exception8: true
},
- // eslint-disable-next-line no-undef
// 瀵硅瘽妗嗘樉绀�
dialogTableVisible: false,
// 淇濆瓨寮傚父瀵瑰簲鐨勫簵閾哄悕绉板拰璁惧缂栧彿
@@ -150,38 +140,13 @@
// 鏌ヨ鎸夐挳
queryButton: false,
// 琛ㄦ牸鍔犺浇涓�
- tableLoading: false,
- // 涓婁竴鏉℃寜閽�
- preButton: false,
- // 涓嬩竴鏉℃寜閽�
- afterButton: false,
- // 鎶樼嚎鍥�
- lineChart: false
+ tableLoading: false
},
-
- dialog: {
- // 鎵撳紑瀵硅瘽妗嗚姹傝鍖洪棿鐨勫巻鍙叉暟鎹�
- historyData: [],
- // 璇ユ椂闂存鐨勫紓甯告潯鏁�
- exceptionTotal: 0,
- // 鎶樼嚎鍥鹃厤缃」
- option: {},
- // 鈥欎笂涓�鏉♀�樻寜閽槸鍚﹀彲浠ヨ鐐瑰嚮鐘舵��
- isPreCantouch: false,
- // 鈥欎笅涓�鏉♀�樻寜閽槸鍚﹀彲浠ヨ鐐瑰嚮鐘舵��
- isNextCantouch: false,
- // 寮傚父鐨勫墠涓悗鍖洪棿鎵�鏈夋暟鎹�
- allExceptionTimeData: []
- },
-
// 鏍囪浣�
flag: {
- // 鏁版嵁鍔犺浇鏃� 涓婁笅鏉℃寜閽笉鑳藉啀鐐瑰嚮
- banTouch: 0,
// 0浠ｈ〃鍒嗛〉锛�1浠ｈ〃涓嶅垎椤�
originClick: 0
- },
- areaColor: null
+ }
}
},
setup() {
@@ -192,55 +157,19 @@
},
// 鐩戝惉 鍒ゆ柇鎸夐挳鏄惁鍙偣鍑�
watch: {
- selectedRowIndex(newVaue) {
- // 澶勪簬琛ㄦ牸鐨勬渶鍚庝竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
- if (newVaue === 0) {
- this.dialog.isPreCantouch = true
- //鐢ㄦ埛鍏堢偣浜嗙涓�鏉★紝pre涓簍rue,鐒跺悗鐐瑰嚮鏈�鍚庝竴鏉�,next涓簍rue銆傛鏃朵袱涓寜閽兘琚皝閿�
- if (this.dialog.isNextCantouch == true) {
- this.dialog.isNextCantouch = false
- }
+ // 椤甸潰鍔犺浇鏃秙howAll鎵嶄細鍙樺寲涓�娆�
+ // 涓簍rue琛ㄧず鐨勯琛屽贰妫�椤甸潰
+ showAll() {
+ if (this.showAll) {
+ this.backExceptionDataAWeekAgo()
}
- // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
- else if (newVaue === this.displayData.length - 1) {
- 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
- }
- },
- dialogTableVisible() {
- window.addEventListener('resize', this.updateChart)
},
- // 椤甸潰鍔犺浇鏃秙howAll鎵嶄細鍙樺寲涓�娆�
- // 涓簍rue琛ㄧず鐨勯琛屽贰妫�椤甸潰
- showAll(){
- if(this.showAll){
- this.backExceptionDataAWeekAgo()
- }
- },
- // siteName(){
- // if(this.siteName!=''){
- // this.beginTime = dayjs(this.month).startOf('month').format('YYYY-MM-DD HH:mm:ss')
- // this.endTime = dayjs(this.month).endOf('month').format('YYYY-MM-DD HH:mm:ss')
- // this.backExceptionDataAWeekAgo()
- // this.getShopNames()
- // }
-
- // },
-
- timeType(){
- if(this.timeType == '0'){
+ timeType() {
+ if (this.timeType == '0') {
this.beginTime = dayjs(this.time).format('YYYY-MM-DD 00:00:00')
this.endTime = dayjs(this.time).format('YYYY-MM-DD 23:59:59')
- }else if(this.timeType == '1'){
+ } else if (this.timeType == '1') {
this.beginTime = dayjs(this.time).startOf('month').format('YYYY-MM-DD HH:mm:ss')
this.endTime = dayjs(this.time).endOf('month').format('YYYY-MM-DD HH:mm:ss')
}
@@ -249,6 +178,23 @@
}
},
computed: {
+ // 璁剧疆瀵硅瘽妗嗕腑鐨勬寜閽槸鍚﹁兘琚偣鍑�
+ buttonDisabled() {
+ // 琛ㄦ牸鍙湁涓�鏉℃暟鎹椂
+ if (this.selectedRowIndex === 0 && this.selectedRowIndex === this.displayData.length - 1) {
+ return { pre: true, next: true }
+ } else if (this.selectedRowIndex === 0) {
+ return { pre: true, next: false }
+ }
+ // 澶勪簬琛ㄦ牸绗竴鏉℃暟鎹� 璁剧疆鈥樹笂涓�鏉♀�欐寜閽笉鍙偣
+ else if (this.selectedRowIndex === this.displayData.length - 1) {
+ return { pre: false, next: true }
+ }
+ // 澶勪簬琛ㄦ牸鐨勪腑闂磋 灏嗘寜閽缃负鍙偣鍑荤姸鎬�
+ else {
+ return { pre: false, next: false }
+ }
+ },
exceptionAllNum() {
let sum =
this.exception.exception0Num +
@@ -266,34 +212,8 @@
return sum
}
},
- long_time_notchange() {
- let sum =
- this.exception.exception0Num +
- this.exception.exception1Num +
- this.exception.exception2Num +
- this.exception.exception3Num +
- this.exception.exception4Num +
- this.exception.exception5Num +
- this.exception.exception6Num +
- this.exception.exception7Num +
- this.exception.exception8Num
- if (sum == 0) {
- return 0
- } else {
- return (
- 100 -
- (this.exception.exception0Num / this.exceptionAllNum) * 100 -
- (this.exception.exception1Num / this.exceptionAllNum) * 100 -
- (this.exception.exception2Num / this.exceptionAllNum) * 100 -
- (this.exception.exception4Num / this.exceptionAllNum) * 100 -
- (this.exception.exception5Num / this.exceptionAllNum) * 100 -
- (this.exception.exception6Num / this.exceptionAllNum) * 100 -
- (this.exception.exception7Num / this.exceptionAllNum) * 100 -
- (this.exception.exception8Num / this.exceptionAllNum) * 100
- ).toFixed(1)
- }
- },
- // 绗竴鎺掑崱鐗�
+
+ // 鍗＄墖鏁版嵁
cardRow() {
return [
{
@@ -388,74 +308,21 @@
span: 6
}
]
- },
+ }
},
mounted() {
-
- this.getSiteNume()
+ this.getSiteNum()
// 椋炶宸℃椤甸潰锛岃繘鍘诲姞杞�
- if(this.showAll == true){
+ if (this.showAll == true) {
this.backExceptionDataAWeekAgo()
this.getShopNames()
}
},
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, '寮傚父')
- // let lineColor = lineChart.getLineColor(rangeTime,xList)
- let lineColor = []
- // console.log('绾挎',lineColor);
- // 浼犲叆鍙傛暟
- this.dialog.option = exceptionOption.setExceptionChartOption(
- xList,
- yList,
- '',
- '',
- '',
- '',
- this.tableCurrentRowData.exception,
- areaObj,
- lineColor,
- this.tableCurrentRowData.exceptionType
- )
- },
-
- getImageUrl(name) {
- return new URL(`../../lib/Carousel/assets/${name}`, import.meta.url).href
- },
// 鏀惧洖绔欑偣鎬绘暟閲�
- getSiteNume() {
+ getSiteNum() {
exceptionApi.getSitesNum().then((res) => {
this.siteTotal = res.data.data.length
})
@@ -476,36 +343,6 @@
// 榛樿鏄剧ず绗竴椤�
this.handleCurrentChange(1)
},
- // 鐐瑰嚮琛ㄦ牸鐨勮鏃�
- selectTableRow() {
- // 鑾峰彇褰撳墠琛岀殑绱㈠紩
- this.selectedRowIndex = this.displayData.indexOf(this.tableCurrentRowData)
- },
- /**
- * description锛氭柇鐢垫垨鏂綉鏃惰缃殑琛ㄦ牸鏁版嵁
- */
- setOfflineTbleData() {
- // 鏃犳暟鎹椂鐨勬椂闂存暟缁� 鏃堕棿鐩稿樊15鍒嗛挓
- const abnormalTimeTenMinute = index.descFiftyTime(
- this.tableCurrentRowData.beginTime,
- this.tableCurrentRowData.endTime
- )
- // 淇濆瓨鏃犳暟鎹椂琛ㄦ牸鏉℃暟
- this.dialog.exceptionTotal = abnormalTimeTenMinute.length
-
- // 鍘婚櫎渚涚數寮傚父鍜屾帀绾垮尯闂寸殑绗竴涓湁鍏冪礌鐨勫��
- this.dialog.historyData = []
-
- for (let i = 0; i < abnormalTimeTenMinute.length; i++) {
- this.dialog.historyData.push({
- name: this.tableCurrentRowData.name,
- mnCode: this.tableCurrentRowData.mnCode,
- dutyCompany: this.tableCurrentRowData.dutyCompany,
- lst: abnormalTimeTenMinute[i],
- dustValue: ''
- })
- }
- },
// 娈电數鎴栨柇缃戝尯闂存棤鏁版嵁锛岄渶瑕佽ˉ鍏呫�傚叾浠栫殑閮芥湁鏁版嵁锛岀洿鎺ヤ竴娆¤姹傚叏閮ㄦ椂娈靛氨濂�
@@ -515,168 +352,18 @@
// 鍐嶅垽鏂紓甯哥绫� 锛岃繘琛岃缃厤缃」
/**
- * description锛氫竴娆¤姹傚洖鍓嶄腑鍚庡尯闂寸殑鏁版嵁,瀵规暟鎹繘琛屽垎鏋�
- * @param锛� 鍓嶄腑鍚庡尯闂寸殑璇锋眰鍙傛暟锛屽墠涓悗鐨勬�诲尯闂存椂闂达紝寮傚父寮�濮嬫椂闂达紝涓�鍦虹粨鏉熸椂闂�
- */
- otherExceptionRequest(allTimeArgs, allTime, exceptionBT, exceptionET) {
- // 鎶樼嚎鍥惧姞杞戒腑鏁堟灉
- this.loading.lineChart = true
-
- historyApi.queryHistoryData(allTimeArgs).then((result) => {
- this.dialog.allExceptionTimeData = result.data.data
- // 鏁版嵁缂哄け寮傚父鏃堕噸鏂拌缃〃鏍�
- if (this.tableCurrentRowData.exceptionType == '0') {
- this.setOfflineTbleData()
- }
-
- // x杞存棩鏈熸椂闂�
- let dateList = []
- // y杞� 瓒呮爣娌圭儫娴撳害
- let dustValue = []
- let timeAndValue = {}
-
- // 浠庢坊鍔犱簡棣栦綅鍖洪棿鐨勫紑濮嬪拰缁撴潫鏃堕棿杩涜閬嶅巻 淇濊瘉鏃堕棿浠�15鍒嗛挓涓洪棿闅�
- timeAndValue = index.keepContinuousByEachFiftyMinutes(
- allTime[0],
- allTime[3],
- this.dialog.allExceptionTimeData
- )
- dateList = timeAndValue['xAxis']
- dustValue = timeAndValue['yAxis']
-
- // 鎻愬彇寮傚父璧峰鏃堕棿鐐瑰湪鏁翠釜鍖洪棿鍐呯殑鏁版嵁绱㈠紩
- let startIndex = dateList.findIndex((item) => item === exceptionBT)
- let endIndex = dateList.findIndex((item) => item === exceptionET)
-
- // 璁剧疆鎶樼嚎鍥鹃厤缃」
- this.dialog.option = exceptionOption.setExceptionChartOption(
- dateList,
- dustValue,
- exceptionBT,
- exceptionET,
- startIndex,
- endIndex,
- this.tableCurrentRowData.exception,
- '',
- '',
- this.tableCurrentRowData.exceptionType
- )
- this.flag.banTouch = 0
- this.loading.lineChart = false
- })
- },
-
- /**
- * description锛氬垝鍒嗗嚭寮傚父璧峰鏃堕棿锛屾瀯閫犺姹傚墠涓悗鐨勫弬鏁�
- */
- timeAndDataProcessed() {
- //寮傚父鐨勫紑濮嬫椂闂� 缁撴潫鏃堕棿
- let exceptionBeginTime = this.tableCurrentRowData.beginTime
- let exceptionEndTime = this.tableCurrentRowData.endTime
-
- // beforeAndAfterTime[0]:鍓�45鍒嗛挓鐨勬椂闂寸偣
- // beforeAndAfterTime[1]:鍓�15鍒嗛挓鐨勬椂闂寸偣
- // beforeAndAfterTime[2]:鍚�15鍒嗛挓鐨勬椂闂寸偣
- // beforeAndAfterTime[3]:鍚�45鍒嗛挓鐨勬椂闂寸偣
- let beforeAndAfterTime = index.before45AndAfter45(exceptionBeginTime, exceptionEndTime)
-
- // 鏋勯�犲紓甯告椂闂村墠鍚庡尯闂存暟鎹姹傚弬鏁�(闄や簡鏂綉涓兘鐢ㄥ埌锛�
- let paramsAllTime = index.requestGetParms(
- this.tableCurrentRowData.name,
- beforeAndAfterTime[0],
- beforeAndAfterTime[3]
- )
-
- // 灏嗗紓甯告暟鎹繘琛岄澶勭悊锛岄殢鍚庡皢缁撴灉浣滀负鎶樼嚎鍥剧殑閰嶇疆椤�
- this.otherExceptionRequest(
- paramsAllTime,
- beforeAndAfterTime,
- exceptionBeginTime,
- exceptionEndTime
- )
- },
-
- /**
* description锛氳幏鍙栦笅涓�鏉″紓甯镐俊鎭�
*/
getPreviousRowData() {
- // // 涓嶆槸琛ㄦ牸鐨勬渶鍚庝竴琛�
- if (this.selectedRowIndex < this.displayData.length - 1) {
- // 鐐瑰嚮杩囩▼涓� 閿佷綇涓婁笅鏉℃寜閽� 鍦ㄨ缃畬鍥惧舰閰嶇疆椤瑰悗瑙ｉ攣
- this.flag.banTouch = 1
-
- //寰楀埌涓婁竴琛屾暟鎹储寮�
- this.selectedRowIndex = this.selectedRowIndex + 1
-
- // 寰楀埌涓婁竴琛岀殑鏁版嵁
- this.tableCurrentRowData = this.displayData[this.selectedRowIndex]
-
- this.loading.preButton = true
-
- 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
- // 閫昏緫澶勭悊
-
- 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
- })
- }
+ this.selectedRowIndex < this.displayData.length - 1
+ ? this.showDialog(this.selectedRowIndex + 1)
+ : ''
},
/**
* description锛氳幏鍙栦笅涓�鏉″紓甯镐俊鎭�
*/
getNextRowData() {
- // 涓嶆槸琛ㄦ牸鐨勭涓�琛�
- if (this.selectedRowIndex !== 0) {
- // 鐐瑰嚮杩囩▼涓� 閿佷綇涓婁笅鏉℃寜閽� 鍦ㄨ缃畬鍥惧舰閰嶇疆椤瑰悗瑙ｉ攣
- this.flag.banTouch = 1
-
- //寰楀埌涓婁竴琛屾暟鎹储寮�
- this.selectedRowIndex = this.selectedRowIndex - 1
-
- // 寰楀埌涓婁竴琛岀殑鏁版嵁
- this.tableCurrentRowData = this.displayData[this.selectedRowIndex]
-
- this.loading.afterButton = true
-
- 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
- // 閫昏緫澶勭悊
-
- 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
- })
- }
+ this.selectedRowIndex > 0 ? this.showDialog(this.selectedRowIndex - 1) : ''
},
/**
@@ -695,12 +382,9 @@
params['endTime'] = this.endTime
params['exceptionType'] = exceptionType
- if(this.siteName){
+ if (this.siteName) {
params['siteName'] = this.siteName
}
- // if (this.form.street.length != 0) {
- // params['street'] = this.form.street.join()
- // }
if (this.form.dutyCompany.length != 0) {
params['dutyCompany'] = this.form.dutyCompany.join()
}
@@ -826,41 +510,14 @@
* @param锛氱偣鍑烩�樻煡鐪嬭鎯呪�欑殑璇ヨ鎵�鏈夊瓧娈垫暟鎹�
* @createTime:2023-08-18
*/
- showDialog(row) {
+ showDialog(rowIndex) {
+ // 褰撳墠琛ㄦ牸琛岀殑绱㈠紩
+ this.selectedRowIndex = rowIndex
+
// 鎵撳紑瀵硅瘽妗�
this.dialogTableVisible = true
- // 淇濆瓨褰撳墠琛屾暟鎹�
- this.tableCurrentRowData = row
-
- // 鑾峰彇褰撳墠琛岀殑绱㈠紩
- this.selectedRowIndex = this.displayData.indexOf(row)
-
- //鏍规嵁褰撳墠琛岀殑缂栧彿锛岃捣濮嬫椂闂存潵 璇锋眰寮傚父鏁版嵁
- // 瀵硅姹傚埌鐨勬暟鎹繘琛岄灏炬嫾鎺�
- // 寰楀埌鍓嶅悗瀹屾暣鏁版嵁杩涜缁樺埗鍥惧舰
-
- 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
- // 閫昏緫澶勭悊
-
- if (this.tableCurrentRowData.exceptionType != '8') {
- this.timeAndDataProcessed()
- } else {
- this.loading.lineChart = true
- this.validProcess()
- this.loading.lineChart = false
- this.flag.banTouch = 0
- }
- })
+ this.tableCurrentRowData = this.displayData[rowIndex]
},
/**
* description锛氭潯浠舵煡璇㈠紓甯哥殑鏁版嵁
@@ -883,9 +540,7 @@
if (this.siteName) {
params['siteName'] = this.siteName
}
- // if (this.form.street.length != 0) {
- // params['street'] = this.form.street.join()
- // }
+
if (this.form.dutyCompany.length != 0) {
params['dutyCompany'] = this.form.dutyCompany.join()
}
@@ -922,10 +577,8 @@
params['beginTime'] = this.beginTime
params['endTime'] = this.endTime
- console.log('name',this.siteName)
this.$http.get('/dust/exceptiondata', { params: params }).then((response) => {
// 淇濆瓨杩斿洖鐨�
- // this.tableData = response.data.data.rows;
this.displayData = response.data.data.rows
this.loading.tableLoading = false
@@ -991,10 +644,6 @@
// 琛ㄦ牸搴忓彿閫掑
indexMethod1(index) {
return index + 1 + (this.currentPage - 1) * this.pageSize
- },
- // 琛ㄦ牸搴忓彿閫掑
- indexMethod2(index) {
- return index + 1
}
}
}
@@ -1007,7 +656,7 @@
<el-form :inline="true">
<div class="head-container-text">
<el-form-item>
- <AreaAndmonitorType></AreaAndmonitorType>
+ <AreaAndMonitorType></AreaAndMonitorType>
</el-form-item>
<el-form-item v-show="!showAll">
@@ -1020,11 +669,15 @@
</el-form-item>
<!-- <el-form-item v-show="showAll">
- <StreetInfo @submitStreetValue="(n) => (form.street = n)"> </StreetInfo>
- </el-form-item> -->
+ <StreetInfo @submitStreetValue="(n) => (form.street = n)"> </StreetInfo>
+ </el-form-item> -->
<el-form-item>
- <TimeShortCuts timeType="day" @submit-time="giveTime" :beginAndEndTime="[beginTime,endTime]"></TimeShortCuts>
+ <TimeShortCuts
+ timeType="day"
+ @submit-time="giveTime"
+ :beginAndEndTime="[beginTime, endTime]"
+ ></TimeShortCuts>
</el-form-item>
<el-form-item>
@@ -1044,7 +697,7 @@
</el-row>
<!-- 鏃堕棿鎽樿 -->
- <el-row class="head-describtion-text" ref="h2">
+ <el-row class="head-description-text" ref="h2">
<el-row>
<span> 閲戝北鍖� {{ beginTime }} 鈥斺�� {{ endTime }} 鎵皹鐩戞祴寮傚父淇℃伅姹囨��</span>
</el-row>
@@ -1129,8 +782,8 @@
<el-table-column prop="dutyCompany" label="杩愮淮鍟�" align="center" show-overflow-tooltip />
<el-table-column label="鎿嶄綔" align="center">
- <template #default="{ row }">
- <el-button type="primary" class="table-button" @click="showDialog(row)"
+ <template #default="{ $index }">
+ <el-button type="primary" class="table-button" @click="showDialog($index)"
>鏌ョ湅璇︽儏</el-button
>
</template>
@@ -1151,108 +804,13 @@
</el-pagination>
</el-col>
</el-row>
-
- <!-- 瀵硅瘽妗� -->
- <el-dialog
- class="exception-dialog"
+ <CompDialogDetail
+ :row="tableCurrentRowData"
+ :button-disabled="buttonDisabled"
v-model="dialogTableVisible"
- draggable
- align-center
- height="700px"
- width="700px"
- >
- <!-- 澶� -->
- <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.mnCode }}
- </div>
- <div>
- <span class="diag-head-text1">杩愮淮鍟嗭細</span>{{ tableCurrentRowData.dutyCompany }}
- </div>
-
- <div>
- <span class="diag-head-text1">寮傚父鏃堕棿娈碉細</span>{{ tableCurrentRowData.beginTime }} ~
- {{ tableCurrentRowData.endTime }}
- </div>
- </div>
-
- <div class="chart-jump-button">
- <el-button
- type="danger"
- :loading="loading.preButton"
- :disabled="dialog.isPreCantouch || flag.banTouch"
- @click="getNextRowData"
- >涓婃潯寮傚父</el-button
- >
- <el-button
- type="danger"
- :loading="loading.afterButton"
- :disabled="dialog.isNextCantouch || flag.banTouch"
- @click="getPreviousRowData"
- >涓嬫潯寮傚父</el-button
- >
- </div>
- </div>
- </template>
-
- <!-- 鍥惧舰 -->
- <DustLineChart
- :option="dialog.option"
- :is-open-dialog="dialogTableVisible"
- v-loading="loading.lineChart"
- ></DustLineChart>
-
- <!-- 琛ㄦ牸 -->
- <div>
- <el-table :data="dialog.historyData" size="default" height="200" border>
- <el-table-column
- type="index"
- label="搴忓彿"
- width="60px"
- align="center"
- fixed
- :index="indexMethod2"
- ></el-table-column>
-
- <el-table-column prop="lst" label="閲囬泦鏃堕棿" align="center" show-overflow-tooltip />
- <el-table-column
- prop="dustValue"
- 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>
- <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>
- </div>
- </template>
- </el-dialog>
+ @get-pre-row-data="getNextRowData"
+ @get-next-row-data="getPreviousRowData"
+ />
</div>
</template>
@@ -1265,90 +823,37 @@
.el-form {
margin: 10px;
}
+
img {
margin-right: 5px;
}
-.head-container-search {
- float: right;
-}
-.head-describtion-text {
+.head-description-text {
justify-content: flex-end;
margin-bottom: 2px;
margin-right: 20px;
font-size: 14px;
color: gray;
}
-.button-set {
- margin: 10px;
-}
/* 鏉′欢鏌ヨ妯″潡缁撴潫 */
/* 寮傚父鍒嗘瀽妯″潡鐨勬牱寮� */
-
-.card-text1 {
- /* 榛戜綋鐨勫紓甯稿悕瀛楅儴鍒� */
- margin: 10px;
-}
-.card-text1 + div {
- /* 榛戜綋鐨勫紓甯稿悕瀛椾笅闈㈢殑 */
- margin: 12px;
-}
-.card-exception-buttom {
- /* 寮傚父绔欑偣鏂囨湰鎸夐挳鍖哄煙 */
- padding: 11px;
-}
.card-header {
margin-left: 5px;
font-size: 18px;
font-weight: bold;
}
-.card-content-unnormal {
- min-height: 200px;
- border: 2px solid #ffcf8b;
- border-radius: 20px;
-}
-.card-content-normal {
- min-height: 200px;
- border: 2px solid red;
- border-radius: 20px;
-}
-.card-header-text {
- font-size: 16px;
- font-weight: bold;
- margin-top: 4px;
- margin-left: 4px;
-}
-.card-content-text {
- white-space: nowrap;
-}
-.card-exceptionname-text1 {
- /* 寮傚父绔欑偣鍗犳瘮 */
- font-size: 14px;
- white-space: nowrap;
-}
-
-.card-exceptionname-text2 {
- /* 寮傚父鏁板崰姣旂殑澶栬竟璺� */
- font-size: 14px;
- white-space: nowrap;
-}
-.text-blank {
- /* 閫楀彿 */
- margin-right: 10px;
- color: #000000;
-}
.card-row {
margin-bottom: 10px;
}
-
/* 寮傚父鍒嗘瀽妯″潡缁撴潫 */
/* 闅愯棌琛ㄦ牸鎸夐挳缁勬牱寮� */
.el-button-group {
margin: 10px 0px 10px 10px;
}
+
.i-ep-Arrow {
margin-left: 6px;
margin-bottom: 2px;
@@ -1361,49 +866,4 @@
color: #333333;
}
/* 琛ㄦ牸妯″潡缁撴潫 */
-
-
-
-/* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃殑鏍峰紡 */
-
-.diag-head {
- /* 瀵硅瘽妗嗗ご閮ㄥ尯鍩� */
- min-height: 200px;
-}
-.diag-head-text1 {
- /* 瀵硅瘽妗嗗ご閮ㄧ殑灞炴�у瓧娈靛姞绮� */
- font-weight: bold;
-}
-
-.diag-head-text > div {
- /* 瀵硅瘽妗嗗紓甯告椂闂存 */
- margin-top: 15px;
-}
-.diag-head-text {
- margin: 10px;
- padding: 10px;
- background: linear-gradient(90deg, #00c9ff 0%, #92fe9d 100%);
- border: 2px solid #7bc0fc;
-}
-.chart-jump-button {
- display: flex;
- justify-content: right;
-}
-
-.mx-1 {
- /* position: absolute;
- left: 10px;
- bottom: 10px; */
- justify-content: flex-start;
-}
-.dialog-footer{
- display: flex;
-}
-.dialog-footer-text {
- justify-content: flex-end;
- margin-left: auto;
- font-size: 14px;
- /* color: #333333; */
-}
-/* 鏌ョ湅璇︽儏瀵硅瘽妗嗘ā鍧楃粨鏉� */
</style>
diff --git a/src/views/exception/components/DustExceptionText.vue b/src/views/exception/components/DustExceptionText.vue
index 2de8fd2..1c6112f 100644
--- a/src/views/exception/components/DustExceptionText.vue
+++ b/src/views/exception/components/DustExceptionText.vue
@@ -35,7 +35,6 @@
.then((result) => {
//灏嗚繑鍥炵殑缁撴灉浼犻�掔粰鐖剁粍浠�
this.$emit('submitExceptionData', result.data.data);
- // this.$emit('subloading',false)
});
}
}
--
Gitblit v1.9.3