1 line
3.2 KiB
JavaScript
1 line
3.2 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2df543a6"],{e569:function(t,s,e){"use strict";e.r(s);var i=function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",[e("div",{ref:"statsChart",staticStyle:{height:"240px",margin:"20px 0 40px 0"}})])},a=[],n=e("f5de"),o={data:function(){return{timer:null,stats:{},mqtt:this.$store.state.user.mqtt}},created:function(){this.getMqttStats()},beforeDestroy:function(){this.clearData()},methods:{getMqttStats:function(){var t=this;this.mqtt?Object(n["b"])().then((function(s){t.stats=s.data,t.drawStats(),t.switper()})):this.$nextTick((function(){t.stats={"connections.count":800,"connections.max":8e3,"sessions.count":700,"sessions.max":7e3,"topics.count":600,"topics.max":6e3,"subscribers.count":500,"subscribers.max":5e3,"routes.count":400,"routes.max":4e3,"retained.count":300,"retained.max":3e3},t.drawStats(),t.switper()}))},drawStats:function(){var t,s=this.$echarts.init(this.$refs.statsChart);t={animationDuration:3e3,tooltip:{trigger:"axis",axisPointer:{type:"shadow"},backgroundColor:"rgba(58,73,116,0.7)",textStyle:{color:"rgba(65,235,246,1)"}},legend:{textStyle:{color:"rgba(65,235,246,1)"}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:{type:"value",boundaryGap:[0,.01],axisLabel:{fontSize:12,color:"#fff"},splitLine:{lineStyle:{type:"dashed",color:"rgba(65,235,246,1)",width:.5}}},yAxis:{type:"category",axisLabel:{fontSize:12,color:"#fff"},data:this.mqtt?["连接数量","会话数量","订阅数量","路由数量","保留消息"]:["连接数量","会话数量","主题数量","订阅数量","路由数量","保留消息"]},series:[{name:"当前数量",type:"bar",data:this.mqtt?[this.stats["connection_count"],this.stats["session_count"],this.stats["subscription_count"],this.stats["retain_count"],this.stats["retain_count"]]:[this.stats["connections.count"],this.stats["sessions.count"],this.stats["topics.count"],this.stats["subscribers.count"],this.stats["routes.count"],this.stats["retained.count"]],itemStyle:{color:"#67e0e3"}},{name:this.mqtt?"累计总数":"历史最大数",type:"bar",data:this.mqtt?[this.stats["connection_total"],this.stats["session_total"],this.stats["subscription_total"],this.stats["retain_total"],this.stats["retain_total"]]:[this.stats["connections.max"],this.stats["sessions.max"],this.stats["topics.max"],this.stats["subscribers.max"],this.stats["routes.max"],this.stats["retained.max"]],itemStyle:{color:"#ffdb5c"}}]},t&&s.setOption(t)},clearData:function(){this.timer&&(clearInterval(this.timer),this.timer=null)},switper:function(){var t=this;if(!this.timer){var s=function(s){t.getMqttStats()};this.timer=setInterval(s,6e4)}}}},r=o,c=e("2877"),u=Object(c["a"])(r,i,a,!1,null,null,null);s["default"]=u.exports},f5de:function(t,s,e){"use strict";e.d(s,"c",(function(){return a})),e.d(s,"a",(function(){return n})),e.d(s,"b",(function(){return o})),e.d(s,"d",(function(){return r}));var i=e("b775");function a(t){return Object(i["a"])({url:"/iot/mqtt/clients",method:"get",params:t})}function n(t){return Object(i["a"])({url:"/iot/mqtt/client/out",method:"get",params:t})}function o(){return Object(i["a"])({url:"/bashBoard/stats",method:"get"})}function r(t){return Object(i["a"])({url:"/bashBoard/metrics",method:"get",params:t})}}}]); |