| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4e4aa92b","chunk-2d209b0e"],{7749:function(t,a,s){"use strict";s("af72")},a9aa:function(t,a,s){"use strict";s.r(a);var e=s("6678"),i=s.n(e);function o(t){if(0===t)return"0 B";let a=1024,s=["B","KB","MB","GB","TB","PB","EB","ZB","YB"],e=Math.floor(Math.log(t)/Math.log(a));return(t/Math.pow(a,e)).toPrecision(3)+" "+s[e]}a["default"]={components:{ECharts:i()},filters:{unit_size:o,fixed2(t){return t?parseFloat(parseFloat(t).toFixed(2)):0}},methods:{conByte:o}}},af4a:function(t,a,s){"use strict";s.r(a);var e=function(){var t=this,a=t._self._c;return a("div",{staticClass:"perf-mysql"},[a("p",{staticClass:"title"},[t._v(" Mysql ")]),a("el-row",{staticClass:"fn"},[a("el-col",{attrs:{span:8}},[a("div",{staticClass:"block"},[a("div",{staticClass:"icon _disk"},[a("icon-svg",{attrs:{name:"disk"}})],1),a("ul",{staticClass:"b"},[a("li",[a("p",[t._v("已使用")]),a("p",[t._v(t._s(t.data_size))])])])])]),a("el-col",{attrs:{span:8}},[a("div",{staticClass:"block"},[a("div",{staticClass:"icon _cache"},[a("icon-svg",{attrs:{name:"cache"}})],1),a("ul",{staticClass:"b"},[a("li",[a("p",[t._v("缓存数")]),a("p",[t._v(t._s(t.Threads_cached))])])])])]),a("el-col",{attrs:{span:8}},[a("div",{staticClass:"block"},[a("div",{staticClass:"icon _connect"},[a("icon-svg",{attrs:{name:"connect"}})],1),a("ul",{staticClass:"b"},[a("li",[a("p",[t._v("连接数")]),a("p",[t._v(t._s(t.Threads_connected))])])])])])],1),a("e-charts",{attrs:{options:t.chart.options}})],1)},i=[],o=(s("9add"),s("45d2"),s("9052"),s("ffe5"),s("164e")),n=s.n(o),r=s("a9aa"),c={mixins:[r["default"]],data(){return{chart:{options:{}},Threads_connected:0,Threads_cached:0,data_size:0}},methods:{refresh({data:t,time:a}){const s=t[t.length-1],{mysqlConn:e,mysqlSize:i}=s.mysql;this.Threads_cached=e[0].Threads_cached,this.Threads_connected=e[1].Threads_connected,this.data_size=i.reduce((t,a)=>t+parseFloat(a.data_size),0)+"mb",this.chart.options=this.onChart(a,t.map(t=>t.mysql.mysqlConn[3].Threads_running))},onChart(t,a){return{tooltip:{trigger:"axis",axisPointer:{lineStyle:{color:"rgb(15, 75, 111)"}},backgroundColor:"rgb(255,255,255)",padding:[5,10],textStyle:{color:"rgb(15, 75, 111)"},extraCssText:"box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)",formatter:t=>"线程数："+t[0].data},grid:{left:"10px",right:"10px",bottom:"10px",top:"30px"},xAxis:{type:"category",show:!1,boundaryGap:!1,splitLine:{interval:"auto"},axisTick:{show:!1},axisLine:{show:!1},axisLabel:{margin:10,textStyle:{fontSize:12}},data:t},yAxis:{type:"value",show:!1,splitLine:{show:!0},axisTick:{show:!1},axisLine:{show:!0}},series:[{type:"line",smooth:!0,showSymbol:!1,symbol:"circle",symbolSize:6,data:a,markPoint:{symbolSize:30,data:[{type:"max",name:"最大值"},{type:"min",name:"最小值"}]},areaStyle:{normal:{color:new n.a.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(15, 75, 111, 0.5)"},{offset:1,color:"rgba(15, 75, 111, 0.1)"}],!1)}},itemStyle:{normal:{color:"rgb(15, 75, 111)"}},lineStyle:{normal:{width:1}}}]}}}},l=c,d=(s("7749"),s("1805")),h=Object(d["a"])(l,e,i,!1,null,"0771713f",null);a["default"]=h.exports},af72:function(t,a,s){}}]);
|
