MTLargeScreen/src/components/record/intrusion/index.vue

<template>
    <van-row class="recordList">
      <van-row class="titleWrap">
        <span class="line"></span>
        <span class="title">入侵告警信息</span>
      </van-row>
      <el-table ref="table" :data="initList"  height="180"  highlight-current-row :header-cell-style="{background:'#F5F5F5',color:'#000','font-weight':'400'}" class="table">
        <el-table-column label="告警时间"  prop="creatTime"  show-overflow-tooltip min-width="35%" />
        <el-table-column label="告警内容"  prop="message"  show-overflow-tooltip min-width="25%" />
        <el-table-column label="告警类型"  prop="eventFlag"  show-overflow-tooltip min-width="25%">
          <template  slot-scope="scope">
              {{scope.row.eventFlag == "1" ? "主机事件" : scope.row.eventFlag == "2" ? "dk903键盘事件" :""}}
          </template>
        </el-table-column>
        <el-table-column label="状态"  prop="status"  show-overflow-tooltip min-width="15%">
          <template  slot-scope="scope">
            <span :class="scope.row.status == '1' ? 'color8' : 'color1'">{{scope.row.status == "1"  ? "已处理" : "未处理"}}</span>
          </template>
        </el-table-column>
        <!-- <template  slot="empty">
          <el-image
            :src="img1"
            ></el-image>
        </template> -->
      </el-table>
    </van-row>
</template>
<script>
import axios from 'axios'
export default {
  data() {
    return {
      initList:[],
      table_interval:null,
      // img1:require('@/assets/image/图层5@3x.png'),
    };
  },
  created(){
    this.initData();
  },
  mounted() {},
  methods: {
    //初始化数据
    initData() {
    //   this.initList = [
    // {
    //     "id": 1,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 2,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 3,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 4,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 5,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 6,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 7,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 8,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 9,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 10,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 11,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // },
    // {
    //     "id": 12,
    //     "message": "告警",
    //     "commType": "1",
    //     "connect": "192.168.1.222",
    //     "ip": "192.168.1.222",
    //     "port": "8082",
    //     "eventFlag": "1",
    //     "eventtriger": "1",
    //     "cidcode": "12145",
    //     "cidlevel": "1",
    //     "cidtype": "1",
    //     "cidmemo": "内容",
    //     "partCode": "分区",
    //     "guardCode": "分区",
    //     "creatTime": "2022-02-25 15:23:46",
    //     "status": 1,
    //     "remark": "告警",
    //     "handler": "",
    //     "updateTime": "2022-03-10 10:35:21"
    // }
// ]
        axios({
            method: 'post',
            url: process.env.VUE_APP_SECU_BASE_API+'/PerimeterController/queryPerimeterAlarm',
            data:{
                pageNo: 1,
                pageSize: 50,
            },
            timeout: 3000,
        }).then(res =>{
            if(res.data.data.pageList){
                let data = res.data.data.pageList
                this.initList = data
            }
        }).catch(err =>{
        })


    },
    //数据滚动
    dataScrolling:function(){
        let top=this.$refs.initList.bodyWrapper;
        this.table_interval=setInterval(() => {
            top.scrollTop+=1;
            if(top.clientHeight+top.scrollTop==top.scrollHeight){
              top.scrollTop=0;
            }
        }, 100);
    },
  },
};
</script>

<style lang="scss" scoped></style>