1 line
12 KiB
JavaScript
1 line
12 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-31bc922b"],{"8e40":function(t,a,i){"use strict";i.r(a);var e=function(){var t=this,a=t.$createElement,i=t._self._c||a;return i("div",{staticStyle:{padding:"6px"}},[i("el-card",{staticStyle:{"margin-bottom":"6px"}},[i("el-row",{attrs:{gutter:120}},[i("el-col",{attrs:{xs:24,sm:24,md:24,lg:8,xl:8}},[i("h3",{staticStyle:{"font-weight":"bold"}},[t._v("Mqtt 统计指标")]),i("el-row",{staticClass:"panel-group",attrs:{gutter:20}},[i("el-col",{staticClass:"card-panel-col",staticStyle:{"margin-bottom":"17px"},attrs:{span:24}},[i("div",{staticClass:"card-panel"},[i("div",{staticClass:"card-panel-icon-wrapper icon-orange"},[i("svg-icon",{attrs:{"icon-class":"guide","class-name":"card-panel-icon"}})],1),i("div",{staticClass:"card-panel-description"},[i("div",[i("div",{staticClass:"card-panel-text"},[t._v("发送消息")]),i("count-to",{staticClass:"card-panel-num",attrs:{"start-val":0,"end-val":this.static["send_total"],duration:3e3}})],1)])])]),i("el-col",{staticClass:"card-panel-col",staticStyle:{"margin-bottom":"18px"},attrs:{span:24}},[i("div",{staticClass:"card-panel"},[i("div",{staticClass:"card-panel-icon-wrapper icon-green"},[i("svg-icon",{attrs:{"icon-class":"receiver","class-name":"card-panel-icon"}})],1),i("div",{staticClass:"card-panel-description"},[i("div",[i("div",{staticClass:"card-panel-text"},[t._v("接收消息")]),i("count-to",{staticClass:"card-panel-num",attrs:{"start-val":0,"end-val":this.static["receive_total"],duration:3e3}})],1)])])]),i("el-col",{staticClass:"card-panel-col",staticStyle:{"margin-bottom":"17px"},attrs:{span:24}},[i("div",{staticClass:"card-panel"},[i("div",{staticClass:"card-panel-icon-wrapper icon-orange"},[i("svg-icon",{attrs:{"icon-class":"authenticate","class-name":"card-panel-icon"}})],1),i("div",{staticClass:"card-panel-description"},[i("div",{staticClass:"card-panel-text"},[t._v("认证次数")]),i("count-to",{staticClass:"card-panel-num",attrs:{"start-val":0,"end-val":this.static["auth_total"],duration:1e3}})],1)])]),i("el-col",{staticClass:"card-panel-col",staticStyle:{"margin-bottom":"18px"},attrs:{span:24}},[i("div",{staticClass:"card-panel"},[i("div",{staticClass:"card-panel-icon-wrapper icon-green"},[i("svg-icon",{attrs:{"icon-class":"connect","class-name":"card-panel-icon"}})],1),i("div",{staticClass:"card-panel-description"},[i("div",{staticClass:"card-panel-text"},[t._v("连接次数")]),i("count-to",{staticClass:"card-panel-num",attrs:{"start-val":0,"end-val":this.static["connect_total"],duration:1e3}})],1)])]),i("el-col",{staticClass:"card-panel-col",staticStyle:{"margin-bottom":"17px"},attrs:{span:24}},[i("div",{staticClass:"card-panel"},[i("div",{staticClass:"card-panel-icon-wrapper icon-orange"},[i("svg-icon",{attrs:{"icon-class":"subscribe1","class-name":"card-panel-icon"}})],1),i("div",{staticClass:"card-panel-description"},[i("div",{staticClass:"card-panel-text"},[t._v("订阅次数")]),i("count-to",{staticClass:"card-panel-num",attrs:{"start-val":0,"end-val":this.static["subscribe_total"],duration:2e3}})],1)])]),i("el-col",{staticClass:"card-panel-col",staticStyle:{"margin-bottom":"17px"},attrs:{span:24}},[i("div",{staticClass:"card-panel"},[i("div",{staticClass:"card-panel-icon-wrapper icon-green"},[i("svg-icon",{attrs:{"icon-class":"message","class-name":"card-panel-icon"}})],1),i("div",{staticClass:"card-panel-description"},[i("div",[i("div",{staticClass:"card-panel-text"},[t._v("今日接收")]),i("count-to",{staticClass:"card-panel-num",attrs:{"start-val":0,"end-val":this.static["today_received"],duration:3e3}})],1)])])]),i("el-col",{staticClass:"card-panel-col",staticStyle:{"margin-bottom":"17px"},attrs:{span:24}},[i("div",{staticClass:"card-panel"},[i("div",{staticClass:"card-panel-icon-wrapper icon-orange"},[i("svg-icon",{attrs:{"icon-class":"subscribe1","class-name":"card-panel-icon"}})],1),i("div",{staticClass:"card-panel-description"},[i("div",{staticClass:"card-panel-text"},[t._v("今日发送")]),i("count-to",{staticClass:"card-panel-num",attrs:{"start-val":0,"end-val":this.static["today_send"],duration:2e3}})],1)])])],1)],1),i("el-col",{attrs:{xs:24,sm:24,md:24,lg:15,xl:15}},[i("div",{staticStyle:{padding:"30px 0 85px"}},[i("div",{ref:"pieTotal",staticStyle:{height:"230px"}})]),i("div",{ref:"statsChart",staticStyle:{height:"275px",margin:"20px 0 40px 0"}})])],1)],1)],1)},s=[],n=i("f5de"),r=i("ec1b"),l=i.n(r),o={name:"Mqtt",components:{CountTo:l.a},data:function(){return{stats:{},static:{}}},created:function(){this.getMqttStats(),this.statisticMqtt()},methods:{statisticMqtt:function(){var t=this;Object(n["d"])().then((function(a){t.static=a.data,t.totalMqtt()}))},getMqttStats:function(){var t=this;Object(n["b"])().then((function(a){t.stats=a.data,t.drawStats()}))},totalMqtt:function(){var t,a=this.$echarts.init(this.$refs.pieTotal);t={title:{text:"Mqtt消息",left:"left",textStyle:{fontSize:16}},tooltip:{trigger:"item"},legend:{orient:"vertical",left:"right"},color:["#E6A23C","#F56C6C","#DDD"],series:[{name:"Mqtt消息 %",type:"pie",radius:"55%",label:{show:!0},labelLine:{normal:{position:"inner",show:!1}},data:[{value:this.static["send_total"],name:"发送消息总数"},{value:this.static["receive_total"],name:"接收消息总数"}]}]},t&&a.setOption(t)},drawStats:function(){var t,a=this.$echarts.init(this.$refs.statsChart);t={title:{text:"Mqtt 状态数据",textStyle:{fontSize:18,color:"#000",fontWeight:800}},tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:{type:"value",boundaryGap:[0,.01]},yAxis:{type:"category",axisLabel:{fontSize:14},data:["连接数量","会话数量","订阅数量","路由数量","保留消息"]},series:[{name:"当前数量",type:"bar",data:[this.stats["connection_count"],this.stats["session_count"],this.stats["subscription_count"],this.stats["retain_count"],this.stats["retain_count"]],itemStyle:{color:"#67C23A"}},{name:"累计总数",type:"bar",data:[this.stats["connection_total"],this.stats["session_total"],this.stats["subscription_total"],this.stats["retain_total"],this.stats["retain_total"]],itemStyle:{color:"#409EFF"}}]},t&&a.setOption(t)}}},c=o,u=(i("b478"),i("2877")),d=Object(u["a"])(c,e,s,!1,null,"52110d37",null);a["default"]=d.exports},"8ed8":function(t,a,i){},b478:function(t,a,i){"use strict";i("8ed8")},ec1b:function(t,a,i){!function(a,i){t.exports=i()}(0,(function(){return function(t){function a(e){if(i[e])return i[e].exports;var s=i[e]={i:e,l:!1,exports:{}};return t[e].call(s.exports,s,s.exports,a),s.l=!0,s.exports}var i={};return a.m=t,a.c=i,a.i=function(t){return t},a.d=function(t,i,e){a.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:e})},a.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(i,"a",i),i},a.o=function(t,a){return Object.prototype.hasOwnProperty.call(t,a)},a.p="/dist/",a(a.s=2)}([function(t,a,i){var e=i(4)(i(1),i(5),null,null);t.exports=e.exports},function(t,a,i){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var e=i(3);a.default={props:{startVal:{type:Number,required:!1,default:0},endVal:{type:Number,required:!1,default:2017},duration:{type:Number,required:!1,default:3e3},autoplay:{type:Boolean,required:!1,default:!0},decimals:{type:Number,required:!1,default:0,validator:function(t){return t>=0}},decimal:{type:String,required:!1,default:"."},separator:{type:String,required:!1,default:","},prefix:{type:String,required:!1,default:""},suffix:{type:String,required:!1,default:""},useEasing:{type:Boolean,required:!1,default:!0},easingFn:{type:Function,default:function(t,a,i,e){return i*(1-Math.pow(2,-10*t/e))*1024/1023+a}}},data:function(){return{localStartVal:this.startVal,displayValue:this.formatNumber(this.startVal),printVal:null,paused:!1,localDuration:this.duration,startTime:null,timestamp:null,remaining:null,rAF:null}},computed:{countDown:function(){return this.startVal>this.endVal}},watch:{startVal:function(){this.autoplay&&this.start()},endVal:function(){this.autoplay&&this.start()}},mounted:function(){this.autoplay&&this.start(),this.$emit("mountedCallback")},methods:{start:function(){this.localStartVal=this.startVal,this.startTime=null,this.localDuration=this.duration,this.paused=!1,this.rAF=(0,e.requestAnimationFrame)(this.count)},pauseResume:function(){this.paused?(this.resume(),this.paused=!1):(this.pause(),this.paused=!0)},pause:function(){(0,e.cancelAnimationFrame)(this.rAF)},resume:function(){this.startTime=null,this.localDuration=+this.remaining,this.localStartVal=+this.printVal,(0,e.requestAnimationFrame)(this.count)},reset:function(){this.startTime=null,(0,e.cancelAnimationFrame)(this.rAF),this.displayValue=this.formatNumber(this.startVal)},count:function(t){this.startTime||(this.startTime=t),this.timestamp=t;var a=t-this.startTime;this.remaining=this.localDuration-a,this.useEasing?this.countDown?this.printVal=this.localStartVal-this.easingFn(a,0,this.localStartVal-this.endVal,this.localDuration):this.printVal=this.easingFn(a,this.localStartVal,this.endVal-this.localStartVal,this.localDuration):this.countDown?this.printVal=this.localStartVal-(this.localStartVal-this.endVal)*(a/this.localDuration):this.printVal=this.localStartVal+(this.localStartVal-this.startVal)*(a/this.localDuration),this.countDown?this.printVal=this.printVal<this.endVal?this.endVal:this.printVal:this.printVal=this.printVal>this.endVal?this.endVal:this.printVal,this.displayValue=this.formatNumber(this.printVal),a<this.localDuration?this.rAF=(0,e.requestAnimationFrame)(this.count):this.$emit("callback")},isNumber:function(t){return!isNaN(parseFloat(t))},formatNumber:function(t){t=t.toFixed(this.decimals),t+="";var a=t.split("."),i=a[0],e=a.length>1?this.decimal+a[1]:"",s=/(\d+)(\d{3})/;if(this.separator&&!this.isNumber(this.separator))for(;s.test(i);)i=i.replace(s,"$1"+this.separator+"$2");return this.prefix+i+e+this.suffix}},destroyed:function(){(0,e.cancelAnimationFrame)(this.rAF)}}},function(t,a,i){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var e=i(0),s=function(t){return t&&t.__esModule?t:{default:t}}(e);a.default=s.default,"undefined"!=typeof window&&window.Vue&&window.Vue.component("count-to",s.default)},function(t,a,i){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var e=0,s="webkit moz ms o".split(" "),n=void 0,r=void 0;if("undefined"==typeof window)a.requestAnimationFrame=n=function(){},a.cancelAnimationFrame=r=function(){};else{a.requestAnimationFrame=n=window.requestAnimationFrame,a.cancelAnimationFrame=r=window.cancelAnimationFrame;for(var l=void 0,o=0;o<s.length&&(!n||!r);o++)l=s[o],a.requestAnimationFrame=n=n||window[l+"RequestAnimationFrame"],a.cancelAnimationFrame=r=r||window[l+"CancelAnimationFrame"]||window[l+"CancelRequestAnimationFrame"];n&&r||(a.requestAnimationFrame=n=function(t){var a=(new Date).getTime(),i=Math.max(0,16-(a-e)),s=window.setTimeout((function(){t(a+i)}),i);return e=a+i,s},a.cancelAnimationFrame=r=function(t){window.clearTimeout(t)})}a.requestAnimationFrame=n,a.cancelAnimationFrame=r},function(t,a){t.exports=function(t,a,i,e){var s,n=t=t||{},r=typeof t.default;"object"!==r&&"function"!==r||(s=t,n=t.default);var l="function"==typeof n?n.options:n;if(a&&(l.render=a.render,l.staticRenderFns=a.staticRenderFns),i&&(l._scopeId=i),e){var o=Object.create(l.computed||null);Object.keys(e).forEach((function(t){var a=e[t];o[t]=function(){return a}})),l.computed=o}return{esModule:s,exports:n,options:l}}},function(t,a){t.exports={render:function(){var t=this,a=t.$createElement;return(t._self._c||a)("span",[t._v("\n "+t._s(t.displayValue)+"\n")])},staticRenderFns:[]}}])}))},f5de:function(t,a,i){"use strict";i.d(a,"c",(function(){return s})),i.d(a,"a",(function(){return n})),i.d(a,"b",(function(){return r})),i.d(a,"d",(function(){return l}));var e=i("b775");function s(t){return Object(e["a"])({url:"/iot/mqtt/clients",method:"get",params:t})}function n(t){return Object(e["a"])({url:"/iot/mqtt/client/out",method:"get",params:t})}function r(){return Object(e["a"])({url:"/bashBoard/stats",method:"get"})}function l(t){return Object(e["a"])({url:"/bashBoard/metrics",method:"get",params:t})}}}]); |