| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-c399a62a","chunk-0641dd4c","chunk-4e4aa92b","chunk-6a98ecbe","chunk-3cbb287f","chunk-2d209b0e"],{"01b4":function(t,e,s){},"37e2":function(t,e,s){"use strict";s("c4e3")},5152:function(t,e,s){"use strict";s.r(e);var i=function(){var t=this,e=t._self._c;return e("div",{staticClass:"network"},[e("p",{staticClass:"title"},[t._v("流量")]),e("ul",[e("li",{staticClass:"rx",class:[t.options.legend.selected["上行"]?"on":"off"],on:{click:function(e){return t.change("上行")}}},[e("p",[t._v("上行")]),e("p",[t._v(t._s(t._f("unit_size")(t.tx_sec)))])]),e("li",{staticClass:"tx",class:[t.options.legend.selected["下载"]?"on":"off"],on:{click:function(e){return t.change("下载")}}},[e("p",[t._v("下载")]),e("p",[t._v(t._s(t._f("unit_size")(t.rx_sec)))])]),e("li",{staticClass:"send"},[e("p",[t._v("总发送")]),e("p",[t._v(t._s(t._f("unit_size")(t.tx_bytes)))])]),e("li",{staticClass:"receive"},[e("p",[t._v("总接收")]),e("p",[t._v(t._s(t._f("unit_size")(t.rx_bytes)))])])]),t.visible?e("e-charts",{attrs:{options:t.options}}):t._e()],1)},a=[],r=(s("865d"),s("8f26"),s("666b"),s("963e"),s("1447"),s("6678")),o=s.n(r),l=s("164e"),n=s.n(l),c=s("a9aa"),d={components:{ECharts:o.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:t=>t.map((t,e)=>(0==e?"上行：":"下载：")+this.conByte(t.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:t=>this.conByte(t)}},series:[{type:"line",showSymbol:!1,symbol:"circle",symbolSize:6,data:[],areaStyle:{normal:{color:new n.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 n.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(t){this.options.legend.selected[t]=!this.options.legend.selected[t],this.visible=!1,this.$nextTick(()=>{this.visible=!0})},refresh(t){let{data:e=[],time:s}=t,i=e[e.length-1].server.network;this.rx_bytes=0,this.tx_bytes=0,i.forEach(t=>{this.rx_bytes+=t.rx_bytes,this.tx_bytes+=t.tx_bytes}),this.rx_sec=i.reduce((t,e)=>t+e.rx_sec,0),this.tx_sec=i.reduce((t,e)=>t+e.tx_sec,0),this.options.xAxis.data=s,this.options.series[0].name="上行",this.options.series[0].data=e.map(t=>t.server.network.reduce((t,e)=>t+e.tx_sec,0)),this.options.series[1].name="下载",this.options.series[1].data=e.map(t=>t.server.network.reduce((t,e)=>t+e.rx_sec,0))}}},p=d,u=(s("c6d8"),s("1805")),_=Object(u["a"])(p,i,a,!1,null,"a0c556fe",null);e["default"]=_.exports},"581c":function(t,e,s){},"670e":function(t,e,s){"use strict";s.r(e);var i=function(){var t=this,e=t._self._c;return e("div",{staticClass:"perf-redis"},[e("p",{staticClass:"title"},[t._v(" Redis ")]),e("el-row",{staticClass:"fn"},[e("el-col",{attrs:{span:8}},[e("div",{staticClass:"block"},[e("div",{staticClass:"icon _disk"},[e("icon-svg",{attrs:{name:"disk"}})],1),e("ul",{staticClass:"b"},[e("li",[e("p",[t._v("已使用")]),e("p",[t._v(t._s(t._f("unit_size")(t.used_memory)))])])])])]),e("el-col",{attrs:{span:8}},[e("div",{staticClass:"block"},[e("div",{staticClass:"icon _network"},[e("icon-svg",{attrs:{name:"network"}})],1),e("ul",{staticClass:"b"},[e("li",[e("p",[t._v("输入")]),e("p",[t._v(t._s(t._f("unit_size")(t.total_net_input_bytes)))])]),e("li",[e("p",[t._v("输出")]),e("p",[t._v(t._s(t._f("unit_size")(t.total_net_output_bytes)))])])])])]),e("el-col",{attrs:{span:8}},[e("div",{staticClass:"block"},[e("div",{staticClass:"icon _db"},[e("icon-svg",{attrs:{name:"db"}})],1),e("ul",{staticClass:"b"},t._l(t.dbList,(function(s,i){return e("li",{key:i},[e("p",[t._v(t._s(s.label))]),e("p",[t._v(t._s(s.value)+" key")])])})),0)])])],1),e("e-charts",{attrs:{options:t.chart.options}})],1)},a=[],r=(s("b138"),s("8f26"),s("963e"),s("a9aa")),o=s("164e"),l=s.n(o),n={mixins:[r["default"]],data(){return{dbList:[],chart:{options:{}},total_net_input_bytes:0,total_net_output_bytes:0,used_memory:0}},methods:{refresh({data:t,time:e}){const s=t[t.length-1],{Keyspace:i,Stats:a,Memory:r}=s.redis;let o=[];for(let l in i)o.push({label:l,value:i[l].split(",")[0].split("=")[1]});this.total_net_input_bytes=a.total_net_input_bytes,this.total_net_output_bytes=a.total_net_output_bytes,this.used_memory=r.used_memory,this.chart.options=this.onChart(e,t.map(t=>t.redis.Stats.instantaneous_ops_per_sec),{color:"204, 32, 20",smooth:!1}),this.dbList=o},onChart(t,e){return{tooltip:{trigger:"axis",axisPointer:{lineStyle:{color:"#F56C6C"}},backgroundColor:"rgb(255,255,255)",padding:[5,10],textStyle:{color:"#F56C6C"},extraCssText:"box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)",formatter:t=>t[0].data+" / S（每秒操作数）"},grid:{left:"10px",right:"10px",bottom:"10px",top:"30px"},xAxis:{type:"category",show:!1,boundaryGap:!1,splitLine:{interval:"auto",lineStyle:{color:["#D4DFF5"]}},axisTick:{show:!1},axisLine:{show:!1,lineStyle:{color:"#609ee9"}},axisLabel:{margin:10,textStyle:{fontSize:12}},data:t},yAxis:{type:"value",show:!1,splitLine:{show:!0,lineStyle:{color:["#D4DFF5"]}},axisTick:{show:!1},axisLine:{show:!0,lineStyle:{color:["#609ee9"]}},axisLabel:{margin:10,textStyle:{fontSize:12}}},series:[{type:"line",smooth:!0,showSymbol:!1,symbol:"circle",symbolSize:6,data:e,markPoint:{symbolSize:30,data:[{type:"max",name:"最大值"},{type:"min",name:"最小值"}]},areaStyle:{normal:{color:new l.a.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(245, 108, 108, 0.5)"},{offset:1,color:"rgba(245, 108, 108, 0.1)"}],!1)}},itemStyle:{normal:{color:"#F56C6C"}},lineStyle:{normal:{width:1}}}]}}}},c=n,d=(s("8c85"),s("1805")),p=Object(d["a"])(c,i,a,!1,null,"d711405a",null);e["default"]=p.exports},"760e":function(t,e,s){},7749:function(t,e,s){"use strict";s("af72")},8238:function(t,e,s){"use strict";s.r(e);var i=function(){var t=this,e=t._self._c;return e("div",{staticClass:"ct"},[e("el-row",{attrs:{gutter:20}},[e("el-col",{attrs:{xl:4,md:12}},[e("div",{staticClass:"block"},[e("p",{staticClass:"label"},[t._v("负载状态")]),e("el-popover",{attrs:{width:"100",trigger:"hover"}},[e("div",{staticClass:"system-perf-progress-popover"},[e("ul",[e("li",[t._v("CPU："+t._s(t._f("fixed2")(t.cpu.perc))+" %")]),e("li",[t._v("内存："+t._s(t._f("fixed2")(t.mem.perc))+" %")])])]),e("el-progress",{attrs:{slot:"reference",type:"circle",percentage:t._f("fixed2")(t.lb.perc),color:t._f("status_color")(t.lb.perc)},slot:"reference"})],1)],1)]),e("el-col",{attrs:{xl:4,md:12}},[e("div",{staticClass:"block"},[e("p",{staticClass:"label"},[t._v("CPU存使用率")]),e("el-progress",{attrs:{type:"circle",percentage:t._f("fixed2")(t.cpu.perc),color:t._f("status_color")(t.cpu.perc)}})],1)]),e("el-col",{attrs:{xl:4,md:12}},[e("div",{staticClass:"block"},[e("p",{staticClass:"label"},[t._v("内存使用率")]),e("el-popover",{attrs:{width:"100",trigger:"hover"}},[e("div",{staticClass:"system-perf-progress-popover"},[e("ul",[e("li",[t._v("总数："+t._s(t._f("unit_size")(t.mem.total)))]),e("li",[t._v("已使用："+t._s(t._f("unit_size")(t.mem.used)))])])]),e("el-progress",{attrs:{slot:"reference",type:"circle",percentage:t._f("fixed2")(t.mem.perc),color:t._f("status_color")(t.mem.perc)},slot:"reference"})],1)],1)]),t._l(t.disk.list,(function(s,i){return e("el-col",{key:i,attrs:{xl:4,md:12}},[e("div",{staticClass:"block"},[e("p",{staticClass:"label"},[t._v(t._s(s.mount))]),e("el-popover",{attrs:{width:"100",trigger:"hover"}},[e("div",{staticClass:"system-perf-progress-popover"},[e("ul",[e("li",[t._v("总数："+t._s(t._f("unit_size")(s.size)))]),e("li",[t._v("已使用："+t._s(t._f("unit_size")(s.used)))])])]),e("el-progress",{attrs:{slot:"reference",type:"circle",percentage:t._f("fixed2")(s.use),color:t._f("status_color")(s.use)},slot:"reference"})],1)],1)])}))],2)],1)},a=[],r=(s("865d"),s("8f26"),s("d9d9"),s("666b"),s("963e"),s("1447"),s("a9aa")),o={filters:{status_color(t){return t<50?"#67C23A":t<70?"#E6A23C":t<100?"#F56C6C":void 0}},mixins:[r["default"]],data(){return{lb:{perc:0},redis:{options:{},perc:0},mysql:{options:{},number:0,perc:0},cpu:{options:{},perc:0},mem:{perc:0,total:0,used:0},disk:{list:[],all:0}}},methods:{refresh(t){const{data:e}=t,s=e[e.length-1];this.toMysql(t,s.mysql),this.toRedis(t,s.redis),this.toCPU(t,s.server.cpu),this.toDisk(s.server.disk.filter(t=>t.size)),this.toMem(s.server.mem),this.toLB()},toLB(){let t=this.mem.perc,e=this.cpu.perc;this.lb.perc=t>=90?t:e>=80?e:.4*t+.6*e},toCPU(t,e){this.cpu.perc=e.currentload},toMem(t){this.mem.perc=t.buffcache/t.total*100,this.mem.total=t.total,this.mem.used=t.buffcache},toDisk(t){this.disk.all=t.reduce((t,e)=>t+e.size,0),this.disk.list=t.map(t=>(t.use=t.use.toFixed(2),t))},toRedis(t,e){this.redis.perc=parseFloat(e.Memory.used_memory_dataset_perc)},toMysql(t,e){let s=0,i=0;e.mysqlSize.forEach(t=>{s+=parseFloat(t.data_free),i+=parseFloat(t.data_size)}),this.mysql.number=e.mysqlSize.length,this.mysql.perc=(i/(s+i)).toFixed(2)}}},l=o,n=(s("37e2"),s("adad"),s("1805")),c=Object(n["a"])(l,i,a,!1,null,"2d9d580d",null);e["default"]=c.exports},"8c85":function(t,e,s){"use strict";s("01b4")},a9aa:function(t,e,s){"use strict";s.r(e);var i=s("6678"),a=s.n(i);function r(t){if(0===t)return"0 B";let e=1024,s=["B","KB","MB","GB","TB","PB","EB","ZB","YB"],i=Math.floor(Math.log(t)/Math.log(e));return(t/Math.pow(e,i)).toPrecision(3)+" "+s[i]}e["default"]={components:{ECharts:a()},filters:{unit_size:r,fixed2(t){return t?parseFloat(parseFloat(t).toFixed(2)):0}},methods:{conByte:r}}},adad:function(t,e,s){"use strict";s("760e")},af4a:function(t,e,s){"use strict";s.r(e);var i=function(){var t=this,e=t._self._c;return e("div",{staticClass:"perf-mysql"},[e("p",{staticClass:"title"},[t._v(" Mysql ")]),e("el-row",{staticClass:"fn"},[e("el-col",{attrs:{span:8}},[e("div",{staticClass:"block"},[e("div",{staticClass:"icon _disk"},[e("icon-svg",{attrs:{name:"disk"}})],1),e("ul",{staticClass:"b"},[e("li",[e("p",[t._v("已使用")]),e("p",[t._v(t._s(t.data_size))])])])])]),e("el-col",{attrs:{span:8}},[e("div",{staticClass:"block"},[e("div",{staticClass:"icon _cache"},[e("icon-svg",{attrs:{name:"cache"}})],1),e("ul",{staticClass:"b"},[e("li",[e("p",[t._v("缓存数")]),e("p",[t._v(t._s(t.Threads_cached))])])])])]),e("el-col",{attrs:{span:8}},[e("div",{staticClass:"block"},[e("div",{staticClass:"icon _connect"},[e("icon-svg",{attrs:{name:"connect"}})],1),e("ul",{staticClass:"b"},[e("li",[e("p",[t._v("连接数")]),e("p",[t._v(t._s(t.Threads_connected))])])])])])],1),e("e-charts",{attrs:{options:t.chart.options}})],1)},a=[],r=(s("865d"),s("8f26"),s("963e"),s("1447"),s("164e")),o=s.n(r),l=s("a9aa"),n={mixins:[l["default"]],data(){return{chart:{options:{}},Threads_connected:0,Threads_cached:0,data_size:0}},methods:{refresh({data:t,time:e}){const s=t[t.length-1],{mysqlConn:i,mysqlSize:a}=s.mysql;this.Threads_cached=i[0].Threads_cached,this.Threads_connected=i[1].Threads_connected,this.data_size=a.reduce((t,e)=>t+parseFloat(e.data_size),0)+"mb",this.chart.options=this.onChart(e,t.map(t=>t.mysql.mysqlConn[3].Threads_running))},onChart(t,e){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:e,markPoint:{symbolSize:30,data:[{type:"max",name:"最大值"},{type:"min",name:"最小值"}]},areaStyle:{normal:{color:new o.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}}}]}}}},c=n,d=(s("7749"),s("1805")),p=Object(d["a"])(c,i,a,!1,null,"0771713f",null);e["default"]=p.exports},af72:function(t,e,s){},c4e3:function(t,e,s){},c6d8:function(t,e,s){"use strict";s("f711")},cf6c:function(t,e,s){"use strict";s.r(e);var i=function(){var t=this,e=t._self._c;return e("div",{staticClass:"system-perf"},[e("ct",{ref:"ct"}),e("network",{ref:"network"}),e("el-row",{staticStyle:{"margin-top":"15px"},attrs:{gutter:20}},[e("el-col",{attrs:{span:12}},[e("redis",{ref:"redis"})],1),e("el-col",{attrs:{span:12}},[e("mysql",{ref:"mysql"})],1)],1)],1)},a=[],r=s("8238"),o=s("5152"),l=s("670e"),n=s("af4a"),c={components:{Network:o["default"],Ct:r["default"],Redis:l["default"],Mysql:n["default"]},beforeRouteLeave(t,e,s){clearTimeout(this.tiemr),s()},data(){return{list:{},tiemr:null}},mounted(){this.refresh(),this.tiemr=setInterval(this.refresh,3e3)},methods:{refresh(){this.$service.system.info.record().then(t=>{const{network:e,ct:s,redis:i,mysql:a}=this.$refs;e&&e.refresh(t),s&&s.refresh(t),i&&i.refresh(t),a&&a.refresh(t)})}}},d=c,p=(s("d93c"),s("1805")),u=Object(p["a"])(d,i,a,!1,null,"053e3658",null);e["default"]=u.exports},d93c:function(t,e,s){"use strict";s("581c")},f711:function(t,e,s){}}]);
|
