103 lines
2.6 KiB
TypeScript
103 lines
2.6 KiB
TypeScript
import {Component, Emit, Vue} from 'vue-property-decorator';
|
|
import template from "./rightSide.component.html"
|
|
import TitleComponent from "@/components/title.component.vue"
|
|
import WarningListComponent from "@/components/warningList.component.vue"
|
|
import {getPreviousDay} from "@/utils/utils";
|
|
import("@/assets/style/pageCommon.component.scss")
|
|
|
|
|
|
Component.registerHooks([
|
|
'beforeRouteLeave',
|
|
]);
|
|
@Component({
|
|
template,
|
|
components: {
|
|
TitleComponent,
|
|
WarningListComponent
|
|
},
|
|
})
|
|
export default class RightSideComponent extends Vue {
|
|
//标题图片
|
|
imgSrc = require("@/assets/icons/png/env/env-title-icon.png");
|
|
imgMsgSrc = require("@/assets/icons/png/message-icon.png");
|
|
imgVideoSrc = require("@/assets/icons/png/video-icon.png");
|
|
|
|
mounted() {
|
|
|
|
}
|
|
get dataList() {
|
|
// return this.$store.state.warningList.filter(item => item.model === 'env')
|
|
return this.$store.state.eventList
|
|
}
|
|
//展示告警信息
|
|
showWaring(item) {
|
|
|
|
const levelMap = {
|
|
1:'一级',
|
|
2:'二级',
|
|
3:'三级',
|
|
4:'四级',
|
|
}
|
|
const levelClassMap = {
|
|
4:'blue',
|
|
3:'yellow',
|
|
2:'orange',
|
|
1:'red',
|
|
}
|
|
console.log(item)
|
|
this.getItem(Object.assign(item, {
|
|
level: item.level,
|
|
levelClass: levelClassMap[item.level],
|
|
levelName: levelMap[item.level],
|
|
equipment: '北区广场10号监测仪',
|
|
tableHeader: [
|
|
{
|
|
'prop': 'alarmSubject',
|
|
'label': '告警主体',
|
|
'width': '90px',
|
|
}, {
|
|
'prop': 'COD',
|
|
'label': 'COD',
|
|
}, {
|
|
'prop': 'standard',
|
|
'label': '标准值',
|
|
},
|
|
],
|
|
tableData: [{
|
|
'alarmSubject': '排放量',
|
|
'COD': '456m<sup>3</sup>',
|
|
'standard': '466m<sup>3</sup>',
|
|
}, {
|
|
'alarmSubject': '排放浓度',
|
|
'COD': '2.6mg/L',
|
|
'standard': '2.5mg/L',
|
|
}, {
|
|
'alarmSubject': '排放时间',
|
|
'COD': getPreviousDay(item.time),
|
|
'standard': '8:00-22:00',
|
|
}]
|
|
}))
|
|
}
|
|
//点击告警信息
|
|
@Emit('getItem')
|
|
getItem(item) {
|
|
// console.log('item', item)
|
|
}
|
|
@Emit('changeMore')
|
|
changeMore(e){
|
|
|
|
}
|
|
@Emit('openPopVideo')
|
|
openPopVideo(e){
|
|
|
|
}
|
|
beforeDestroy() {
|
|
|
|
}
|
|
destroyed() {
|
|
|
|
}
|
|
|
|
}
|
|
|