alarm-robot

Usage

首次集成告警小助手

1. 安装依赖

npm install alarm-robot

2.配置文件

在项目中加入如下配置文件:

// public/config/config.js
;(function (window) {
  window.globalConfig = {
    AlarmCenterUrl: `128.23.13.16:8030`, //告警中心服务地址
    AlarmCenterWsUrl: `128.23.13.16:8030`, // 告警中心WS地址
    AlarmCenterContext: `/api/`, // 告警中心请求前缀
    JumpMoreUrl: ``, // 跳转更多地址
    TtsAddress: 'https://172.17.0.2:34346/api/speechText?Text=', //语音地址 https://xxxxx:34346/api
    DPAddress: `https://172.17.2.19:8443` //摄像枪播放地址
  }
})(window)

3.组件引入:

<template>
  <AlarmRobot
      :has-hanlde-permission="hasPerm"
      :user-info="userInfo"
    />
</template>

import "alarm-robot/dist/alarm-robot.css";
import AlarmRobot from "alarm-robot";

export default {
  name: "App",
  components: {
    AlarmRobot,
  },
  data(){
    return {
      hasPerm: true,// 是否拥有操作权限
      userInfo:{
        userId:'',// 用户ID
        userName:'', // 用户名称
      }
    }
  }
}

效果图:

tip:

1.修改默认提示音

🔥 把想要自动播放的音频文件放置在public/alarm-robot/media目录下,并命名为ring.mp3

2.如果样式不一致:
样式不一致大概率因为项目中的全局组件影响了内部样式,请使用以下任意方式修正:

• 在项目中修改该全局样式
• 在项目中使用样式穿透重新定义组件内被影响的样式