<template>
    <div class="module-main">
        <div class="module-box">
            <div class="header">
                实时信息总览
            </div>
            <dv-scroll-board :config="config" style="width:100%;height:87%;overflow: hidden;" />
        </div>
    </div>
</template>

<script>
import Vue from 'vue';
import Component from 'vue-class-component';
import api from '../../api';

@Component({
    props: {
        data: {
            type: Object,
            default: null,
        },
    },
})
export default class Echarts extends Vue {
    config = {

    }

    created() {
        this.getPatrolNormalAddr();
        setInterval(() => {
            this.getPatrolNormalAddr();
        }, 5000 * 60);
    }

    getPatrolNormalAddr() {
        api.getPatrolNormalAddr({ mode: 4 }).then((res) => {
            this.config = {
                header: ['地点', '人员', '时间', '是否异常', '问题描述'],
                data: res.data,
                align: 'conter',
                oddRowBGC: '#163f85',
                evenRowBGC: '#13397d',
                headerHeight: [50],

            };
        }).catch(() => {}).finally(() => {
        });
    }
}
</script>

<style scoped lang="scss">
  .module-box .header{
        width: 100%;
        height: 13.4%;
        font-size: 18px;
        font-family: Source Han Sans CN;
        // font-weight: bold;
        // color: #0BE2DF;
        display: flex;
        align-items: center;
        padding-left: 15px;
    }
</style>
