| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-6a98ecbe","chunk-2d209b0e"],{5152:function(e,t,s){"use strict";s.r(t);var i=function(){var e=this,t=e._self._c;return t("div",{staticClass:"network"},[t("p",{staticClass:"title"},[e._v("流量")]),t("ul",[t("li",{staticClass:"rx",class:[e.options.legend.selected["上行"]?"on":"off"],on:{click:function(t){return e.change("上行")}}},[t("p",[e._v("上行")]),t("p",[e._v(e._s(e._f("unit_size")(e.tx_sec)))])]),t("li",{staticClass:"tx",class:[e.options.legend.selected["下载"]?"on":"off"],on:{click:function(t){return e.change("下载")}}},[t("p",[e._v("下载")]),t("p",[e._v(e._s(e._f("unit_size")(e.rx_sec)))])]),t("li",{staticClass:"send"},[t("p",[e._v("总发送")]),t("p",[e._v(e._s(e._f("unit_size")(e.tx_bytes)))])]),t("li",{staticClass:"receive"},[t("p",[e._v("总接收")]),t("p",[e._v(e._s(e._f("unit_size")(e.rx_bytes)))])])]),e.visible?t("e-charts",{attrs:{options:e.options}}):e._e()],1)},o=[],a=(s("9add"),s("45d2"),s("8160"),s("9052"),s("ffe5"),s("6678")),r=s.n(a),n=s("164e"),l=s.n(n),c=s("a9aa"),d={components:{ECharts:r.a},mixins:[c["default"]],props:{data:null},data(){return{visible:!0,options:{tooltip:{trigger:"axis",axisPointer:{lineStyle:{color:"#ddd"}},backgroundColor:"rgba(255,255,255,1)",padding:[5,10],textStyle:{color:"#7588E4"},extraCssText:"box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)",formatter:e=>e.map((e,t)=>(0==t?"上行：":"下载：")+this.conByte(e.value)).join("<br>")},legend:{data:["上行","下载"],selected:{"上行":!0,"下载":!0},left:"1000%"},grid:{left:"5%",right:"2%",bottom:"10%",top:"10%"},xAxis:{type:"category",data:[],boundaryGap:!1,splitLine:{show:!0,interval:"auto",lineStyle:{color:["#D4DFF5"]}},axisTick:{show:!1},axisLine:{lineStyle:{color:"#609ee9"}},axisLabel:{margin:10,textStyle:{fontSize:14}}},yAxis:{type:"value",splitLine:{lineStyle:{color:["#D4DFF5"]}},axisTick:{show:!1},axisLine:{lineStyle:{color:"#609ee9"}},axisLabel:{margin:10,textStyle:{fontSize:14},formatter:e=>this.conByte(e)}},series:[{type:"line",showSymbol:!1,symbol:"circle",symbolSize:6,data:[],areaStyle:{normal:{color:new l.a.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(255, 202, 89, 0.5)"},{offset:1,color:"rgba(255, 202, 89, 0.2)"}],!1)}},itemStyle:{normal:{color:"#f7b851"}},lineStyle:{normal:{width:1}}},{type:"line",showSymbol:!1,symbol:"circle",symbolSize:6,data:[],areaStyle:{normal:{color:new l.a.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(216, 244, 247, 1)"},{offset:1,color:"rgba(216, 244, 247, 1)"}],!1)}},itemStyle:{normal:{color:"#58c8da"}},lineStyle:{normal:{width:1}}}]},rx_bytes:0,tx_bytes:0,rx_sec:0,tx_sec:0}},methods:{change(e){this.options.legend.selected[e]=!this.options.legend.selected[e],this.visible=!1,this.$nextTick(()=>{this.visible=!0})},refresh(e){let{data:t=[],time:s}=e,i=t[t.length-1].server.network;this.rx_bytes=0,this.tx_bytes=0,i.forEach(e=>{this.rx_bytes+=e.rx_bytes,this.tx_bytes+=e.tx_bytes}),this.rx_sec=i.reduce((e,t)=>e+t.rx_sec,0),this.tx_sec=i.reduce((e,t)=>e+t.tx_sec,0),this.options.xAxis.data=s,this.options.series[0].name="上行",this.options.series[0].data=t.map(e=>e.server.network.reduce((e,t)=>e+t.tx_sec,0)),this.options.series[1].name="下载",this.options.series[1].data=t.map(e=>e.server.network.reduce((e,t)=>e+t.rx_sec,0))}}},p=d,h=(s("c6d8"),s("1805")),x=Object(h["a"])(p,i,o,!1,null,"a0c556fe",null);t["default"]=x.exports},a9aa:function(e,t,s){"use strict";s.r(t);var i=s("6678"),o=s.n(i);function a(e){if(0===e)return"0 B";let t=1024,s=["B","KB","MB","GB","TB","PB","EB","ZB","YB"],i=Math.floor(Math.log(e)/Math.log(t));return(e/Math.pow(t,i)).toPrecision(3)+" "+s[i]}t["default"]={components:{ECharts:o()},filters:{unit_size:a,fixed2(e){return e?parseFloat(parseFloat(e).toFixed(2)):0}},methods:{conByte:a}}},c6d8:function(e,t,s){"use strict";s("f711")},f711:function(e,t,s){}}]);
|
