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() {

    }

}