warningtips

warningtips

vue消息提示插件 当有未读消息红点闪动

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

参数配置

需要三个参数，一个分页对象，一个未读消息数组，一个全部消息数组

分页对象数据格式为
pagedata:{
  currentPage: 1, // 当前页码
  total: 10, // 总条数
  limit: 5 // 显示条数
}
未读消息数组中的数据格式为
unreadlist:[
  {
    eventName: 'xxxx事件' // 事件名称
  },
  {...}
]
全部消息数组中的数据格式为
alllist:[
  {
    eventName: 'xxx事件', // 事件名称
    happenedTime: '2019-06-14 18:00:00', // 事件发生事件
    eventState: '待处置', // 事件状态
    eventId: '001', // 事件编号
    eventAddr: '西湖吧啊', // 事件发生地点
    stateColor: 'rgba(232,37,92,.67)' // 状态颜色
  },
  {...}
]

触发事件

监听changePage 事件返回点击页数