告警修改
This commit is contained in:
geting
parent
ff933c877c
commit
601df9c4a4
@ -40,6 +40,11 @@
|
||||
<el-table-column prop="eventTimeFormate" :label="AlarmsFieldsEnums['alarmTime']" align="center"> </el-table-column>
|
||||
<el-table-column prop="deviceName" :label="AlarmsFieldsEnums['airBlowerName']" align="center"> </el-table-column>
|
||||
<el-table-column prop="deviceCode" :label="AlarmsFieldsEnums['airBlowerNumber']" align="center"> </el-table-column>
|
||||
<el-table-column prop="codeDescriptions" :label="AlarmsFieldsEnums['deflautCode']" align="center">
|
||||
<template #default="scope">
|
||||
<div class="tableColumnClick" @click="openDefalt(scope.row)">{{ scope.row.codeDescriptions }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="eventText" :label="AlarmsFieldsEnums['faultDescription']" align="center">
|
||||
<template #default="{ row }">
|
||||
<span v-html="formatText(row.eventText)"></span>
|
||||
@ -81,13 +86,17 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref, onMounted } from 'vue'
|
||||
import { reactive, ref, onMounted, computed } from 'vue'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import { Search } from '@element-plus/icons-vue'
|
||||
import { AlarmsFieldsEnums, AlarmsTableType, GetAlarmsTableParam } from './type'
|
||||
import { getAlarmListReq, eventComfirm } from '/@/api/backend/alarms/request'
|
||||
import { queryfaultCodeDict, theoreticalpowerCurveList } from '/@/api/backend/theoreticalpowerCurve/request'
|
||||
import { equipList } from '/@/api/backend/realData/request'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { useRouter, useRoute } from 'vue-router'
|
||||
const router = useRouter()
|
||||
|
||||
const { t } = useI18n()
|
||||
import { useAdminInfo } from '/@/stores/adminInfo'
|
||||
const adminInfo = useAdminInfo()
|
||||
@ -194,29 +203,46 @@ const getcurrentPage = () => {
|
||||
getalarmsList()
|
||||
}
|
||||
|
||||
const getalarmsList = () => {
|
||||
const getalarmsList = async () => {
|
||||
const transparams = searchalarms()
|
||||
getAlarmListReq(transparams)
|
||||
.then((res: any) => {
|
||||
isLoading.value = false
|
||||
if (res.code == 200) {
|
||||
paginationOptions.total = res.total
|
||||
alarmsTableData.value = res.rows.map((item: any) => {
|
||||
return {
|
||||
...item,
|
||||
eventTimeFormate: timestampToTime(item.eventTime),
|
||||
}
|
||||
})
|
||||
} else {
|
||||
ElMessage.error(res.msg ?? '查询失败')
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
isLoading.value = false
|
||||
ElMessage.error(err?.response?.data?.msg ?? '查询失败')
|
||||
})
|
||||
console.log('🚀 ~ getalarmsList ~ transparams:', transparams)
|
||||
getAlarmListReq(transparams).then((res: any) => {
|
||||
isLoading.value = false
|
||||
if (res.code == 200) {
|
||||
paginationOptions.total = res.total
|
||||
alarmsTableData.value = res.rows.map((item: any) => {
|
||||
const descriptions = descriptionMap.value[`${item.madeinfactory}_${item.model}`] || {}
|
||||
console.log('🚀 ~ alarmsTableData.value=res.rows.map ~ descriptions:', descriptions)
|
||||
|
||||
return {
|
||||
...item,
|
||||
eventTimeFormate: timestampToTime(item.eventTime),
|
||||
codeDescriptions: descriptions['firstTriggeredCode'] || '-',
|
||||
}
|
||||
})
|
||||
} else {
|
||||
ElMessage.error(res.msg ?? '查询失败')
|
||||
}
|
||||
})
|
||||
// .catch((err) => {
|
||||
// isLoading.value = false
|
||||
// ElMessage.error(err ?? '查询失败')
|
||||
// })
|
||||
}
|
||||
|
||||
const descriptionMap = computed(() => {
|
||||
const map: any = {}
|
||||
Object.keys(faultCodeMap).forEach((item: any) => {
|
||||
map[item] = faultCodeMap[item].reduce((acc: any, desc: any) => {
|
||||
acc[desc.code] = desc.description
|
||||
return acc
|
||||
}, {})
|
||||
})
|
||||
console.log('🚀 ~ map[item.key]=item.value.reduce ~ map:', map)
|
||||
|
||||
return map
|
||||
})
|
||||
|
||||
const formatText = (text: any) => {
|
||||
text = text.replace(/ 动作/g, '<span style="color:#a03b1d;"> 动作</span>')
|
||||
text = text.replace(/复归/g, '<span style="color:#39baf4;">复归</span>')
|
||||
@ -295,6 +321,7 @@ const getDateRange = (type: 'week' | 'month') => {
|
||||
}
|
||||
}
|
||||
|
||||
const faultCodeMap: any = {}
|
||||
onMounted(() => {
|
||||
equipList({
|
||||
// orgId: adminInfo.orgid,
|
||||
@ -310,7 +337,49 @@ onMounted(() => {
|
||||
getalarmsList()
|
||||
}
|
||||
})
|
||||
|
||||
theoreticalpowerCurveList()
|
||||
.then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
paginationOptions.total = res.total
|
||||
res.rows.forEach((item: any, index: number) => {
|
||||
getfaultCodeDict(item)
|
||||
})
|
||||
} else {
|
||||
ElMessage.error(res.msg ?? '查询失败')
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
ElMessage.error(err?.response?.data?.msg ?? '查询失败')
|
||||
})
|
||||
})
|
||||
|
||||
const getfaultCodeDict = (data: any) => {
|
||||
queryfaultCodeDict({ madeinfactory: data.madeinfactory, model: data.model }).then((res: any) => {
|
||||
if (res.code == 200) {
|
||||
const deflautList: any = []
|
||||
res.data.forEach((item: any) => {
|
||||
deflautList.push({
|
||||
code: item.code,
|
||||
description: item.description,
|
||||
})
|
||||
})
|
||||
faultCodeMap[`${data.madeinfactory}_${data.model}`] = deflautList
|
||||
} else {
|
||||
ElMessage.warning('查询失败')
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const openDefalt = (row: any) => {
|
||||
router.push({
|
||||
name: 'faultRecord',
|
||||
query: {
|
||||
eventTime: row.eventTime,
|
||||
deviceId: row.deviceId,
|
||||
},
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@ -356,6 +425,11 @@ $paginationHeight: 32px;
|
||||
.tabsPart {
|
||||
height: calc(100% - $paginationHeight);
|
||||
padding-bottom: 5px;
|
||||
.tableColumnClick {
|
||||
text-decoration: underline;
|
||||
color: #00a4ff;
|
||||
cursor: pointer;
|
||||
}
|
||||
:deep(.el-tabs__content) {
|
||||
height: calc(100% - 55px);
|
||||
.el-tab-pane {
|
||||
|
||||
@ -36,4 +36,5 @@ export enum AlarmsFieldsEnums {
|
||||
'faultDescription' = '故障描述',
|
||||
'alarmGrade' = '报警等级',
|
||||
'alarmType' = '报警类别',
|
||||
'deflautCode' = '首触故障码',
|
||||
}
|
||||
|
||||
@ -194,6 +194,9 @@ import { equipList } from '/@/api/backend/temperature/request'
|
||||
import * as echarts from 'echarts'
|
||||
import { tableItemData } from './type'
|
||||
import ContextMenu from '/@/views/backend/auth/model/contextMenu.vue'
|
||||
import { useRouter, useRoute } from 'vue-router'
|
||||
|
||||
const route = useRoute()
|
||||
|
||||
const defaultProps = {
|
||||
children: 'children',
|
||||
@ -310,11 +313,14 @@ const getTreeDataList = () => {
|
||||
})
|
||||
})
|
||||
}
|
||||
const initDatestart = route.query.eventTime ? dayjs(Number(route.query.eventTime)) : dayjs().startOf('month')
|
||||
const initDateend = route.query.eventTime ? dayjs(Number(route.query.eventTime)) : dayjs()
|
||||
|
||||
const searchData = reactive<{ fileName: ''; date: Date[] }>({
|
||||
fileName: '',
|
||||
date: [dayjs().startOf('month').toDate(), dayjs().toDate()],
|
||||
date: [initDatestart.toDate(), initDateend.toDate()],
|
||||
})
|
||||
|
||||
const shortcuts = [
|
||||
{
|
||||
text: '本月',
|
||||
@ -368,6 +374,7 @@ const getListForAirBlower = () => {
|
||||
startTime: dayjs(searchData.date[0]).format('YYYY-MM-DD'),
|
||||
endTime: dayjs(searchData.date[1]).format('YYYY-MM-DD'),
|
||||
}
|
||||
console.log('🚀 ~ getListForAirBlower ~ data:', data)
|
||||
|
||||
if (activeName.value === 'malFunction') {
|
||||
getMalFunctionListReq(data).then((res) => {
|
||||
@ -862,8 +869,9 @@ const checkTab = () => {
|
||||
|
||||
onMounted(() => {
|
||||
getTreeDataList().then((data: any) => {
|
||||
treeRef.value && treeRef.value.setCurrentKey(data.id, true)
|
||||
curTreeData.value = data
|
||||
const queryId = route.query.deviceId ?? data.id
|
||||
treeRef.value && treeRef.value.setCurrentKey(queryId, true)
|
||||
curTreeData.value = treeRef.value?.getCurrentNode()
|
||||
getListForAirBlower()
|
||||
})
|
||||
})
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<el-table-column label="操作" width="400" align="center">
|
||||
<template #default="scope">
|
||||
<div class="tableOperate">
|
||||
<a @click="viewDetails(scope.row)">查看 </a>
|
||||
<a @click="viewDetails(scope.row)">编辑 </a>
|
||||
<a @click="deleteDetails(scope.row)">删除</a>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -2,5 +2,5 @@ export enum theoreticalEnums {
|
||||
'index' = '序号',
|
||||
'madeinfactory' = '生产厂家',
|
||||
'model' = '规格型号',
|
||||
'nominalCapacity' = '额度容量MW',
|
||||
'nominalCapacity' = '额定容量MW',
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user