4 lines
8.4 KiB
Java
4 lines
8.4 KiB
Java
var N=Object.defineProperty,P=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var C=(s,o,r)=>o in s?N(s,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[o]=r,T=(s,o)=>{for(var r in o||(o={}))j.call(o,r)&&C(s,r,o[r]);if(R)for(var r of R(o))Q.call(o,r)&&C(s,r,o[r]);return s},I=(s,o)=>P(s,U(o));import q from"./BasicTable-C6eG0bgK.js";import"./TableAction.vue_vue_type_style_index_0_lang-BIWZ0bGo.js";import"./TableImg.vue_vue_type_style_index_0_lang-65ZOQtFn.js";import{u as J}from"./useTable-DbHE4FHE.js";import{d as y,aK as v,au as X}from"./index-X7Y8jykP.js";import{useECharts as L}from"./useECharts-BKJWOWs-.js";import{C as Y}from"./index-BwqG9R3y.js";import{e as E,o as Z,d as ee,C as K,z as S,f as c,A as m,b as B,r as d,F as te,D as oe,c as re,y as se,Q as u,T as H,G as O,u as w}from"./vue-vendor-DNhG1Cve.js";import{O as ie}from"./index-CuWaQdlK.js";import{A as ae}from"./index-DO7ZhK45.js";import"./BasicTable.vue_vue_type_style_index_0_lang-B9DxrWas.js";import"./BasicForm-ClUSoD_-.js";import"./helper-DcLcf4v6.js";import"./index-BzChaRPg.js";import"./useAppInject-DPZGPcR3.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./BasicForm.vue_vue_type_style_index_0_lang-B29PWQy0.js";import"./index-ByCwbQDV.js";import"./index-Upeu4GGa.js";import"./index-C4wWpZeQ.js";import"./useTimeout-D5AmIBZw.js";import"./index-M9QP6cvf.js";import"./Skeleton-CimgOdM7.js";import"./useScrollTo-0FPEw5-K.js";import"./useIntersectionObserver-BGOgyKyu.js";import"./index-saD4h7VJ.js";import"./useBreakpoint-DXhPW7nV.js";import"./useEventListener-BRXjwk7A.js";import"./breakpointEnum-BhAg6bcX.js";import"./uniqBy--vsL0WVB.js";import"./index-BDvqZ5j4.js";import"./BasicModal-xH56XuRZ.js";import"./ModalHeader-Sr8KwhJJ.js";import"./useWindowSizeFn-C-0M9_Ul.js";import"./useForm-D61zovon.js";import"./injectionKey-DPVn4AgL.js";import"./index-DSsDi_fL.js";import"./Group-UHkub2tu.js";import"./Checkbox-Dbxs4we4.js";import"./index-BuONesFs.js";import"./FormOutlined-Y84itqS0.js";import"./useTableContext-CncNVXgp.js";import"./index-DTjkSGYl.js";import"./eagerComputed-BTlOruLW.js";import"./fromPairs-Dx9PT-t0.js";import"./useMaxLevel-DE205ncc.js";import"./index-CfNJyBRj.js";import"./dropdown-jkliuVyN.js";import"./index-DfHu-LAS.js";import"./Group-DBzJABA_.js";import"./RadioButton-DRBix2Fq.js";import"./index-C7ckZv9Z.js";import"./DirectoryTree-nk_YTTIy.js";import"./FolderOpenOutlined-SzIPA7z0.js";import"./index-Cl-8Hzo4.js";import"./scrollTo-D49dA-9c.js";import"./operationUnit-vCu2co3e.js";import"./index-C69VKHba.js";import"./index-DklMb9Qc.js";import"./UpOutlined-B1UMbtrP.js";import"./index-DsixALRt.js";import"./dayjs-jnKD3YGS.js";import"./index-aCD42OrZ.js";import"./quarterOfYear-BU2sPnff.js";import"./index-J2mOtM3w.js";import"./dayjs-ALi1pEeb.js";import"./clickOutside-DHfwTU6R.js";import"./onMountedOrActivated-DhSdLlqP.js";import"./throttle-De_jAmBh.js";import"./uuid-CODpppBC.js";import"./sortable.esm-DJNoJSdJ.js";import"./RedoOutlined-Cq2g4Slp.js";import"./index-CeNCCWzL.js";import"./index-fAAIzD3j.js";import"./index-DfX9t4DO.js";import"./isNumeric-DjvBa-1E.js";import"./echarts-O0zoDaFZ.js";const le=()=>y.get({url:"/sys/actuator/redis/keysSize"},{isTransformResponse:!1}),ne=()=>y.get({url:"/sys/actuator/redis/memoryInfo"},{isTransformResponse:!1}),M=()=>y.get({url:"/sys/actuator/redis/info"}),ce=()=>y.get({url:"/sys/actuator/redis/metrics/history"}),me=()=>Promise.all([le(),ne()]),pe=[{title:"配置项",dataIndex:"key",width:120,align:"left",customRender:({text:s})=>s},{title:"说明",dataIndex:"description",width:200,align:"left",ellipsis:!0},{title:"值",dataIndex:"value",width:80,align:"right"}],de={class:"redis-monitor p-4"},fe={class:"overview-card__label"},ue=E({name:"monitor-redis"}),ye=E(I(T({},ue),{setup(s){const o=d(null),r=d(null),{setOptions:h}=L(o),{setOptions:x}=L(r);let g=null;const b=d("--"),_=d("--"),z=d("--"),k=d("--"),F=re(()=>[{label:"已用内存",value:b.value,color:"#1890ff"},{label:"Key 数量",value:_.value,color:"#52c41a"},{label:"运行时间",value:z.value,color:"#faad14"},{label:"监听端口",value:k.value,color:"#722ed1"}]),n=B({title:{text:"Redis 内存实时占用（KB）",textStyle:{fontSize:14,fontWeight:500,color:"#333"}},tooltip:{trigger:"axis",backgroundColor:"rgba(255,255,255,0.96)",borderColor:"#e8e8e8",borderWidth:1,textStyle:{color:"#333",fontSize:12},formatter(i){const e=i[0];return`<div style="font-weight:500;margin-bottom:4px">${e.axisValue}</div>
|
||
<span style="color:#1890ff">● 内存</span>：${e.value} KB`}},grid:{top:50,right:20,bottom:30,left:60},xAxis:{type:"category",boundaryGap:!1,data:[],axisLine:{lineStyle:{color:"#d9d9d9"}},axisTick:{show:!1},axisLabel:{color:"#8c8c8c",fontSize:11}},yAxis:{type:"value",splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}},axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:"#8c8c8c",fontSize:11}},series:[{data:[],type:"line",smooth:!0,symbol:"circle",symbolSize:4,showSymbol:!1,lineStyle:{color:"#1890ff",width:2},itemStyle:{color:"#1890ff"},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"rgba(24,144,255,0.25)"},{offset:1,color:"rgba(24,144,255,0.02)"}]}}}]}),l=B({title:{text:"Redis Key 实时数量（个）",textStyle:{fontSize:14,fontWeight:500,color:"#333"}},tooltip:{trigger:"axis",backgroundColor:"rgba(255,255,255,0.96)",borderColor:"#e8e8e8",borderWidth:1,textStyle:{color:"#333",fontSize:12},formatter(i){const e=i[0];return`<div style="font-weight:500;margin-bottom:4px">${e.axisValue}</div>
|
||
<span style="color:#52c41a">● Key 数量</span>：${e.value}`}},grid:{top:50,right:20,bottom:30,left:60},xAxis:{type:"category",boundaryGap:!1,data:[],axisLine:{lineStyle:{color:"#d9d9d9"}},axisTick:{show:!1},axisLabel:{color:"#8c8c8c",fontSize:11}},yAxis:{type:"value",splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}},axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:"#8c8c8c",fontSize:11}},series:[{data:[],type:"line",smooth:!0,symbol:"circle",symbolSize:4,showSymbol:!1,lineStyle:{color:"#52c41a",width:2},itemStyle:{color:"#52c41a"},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"rgba(82,196,26,0.25)"},{offset:1,color:"rgba(82,196,26,0.02)"}]}}}]}),[V]=J({columns:pe,showIndexColumn:!1,pagination:!1,bordered:!0,canResize:!1,showTableSetting:!1});function W(){h(n),x(l)}function $(){D(),A(),g=setInterval(()=>{G()},15e3)}function A(){g&&clearInterval(g)}function D(){ce().then(i=>{const e=i.dbSize,t=i.memory;if(e.forEach(a=>{l.xAxis.data.push(v(a.create_time).format("HH:mm:ss")),l.series[0].data.push(a.dbSize)}),t.forEach(a=>{n.xAxis.data.push(v(a.create_time).format("HH:mm:ss")),n.series[0].data.push(a.used_memory/1e3)}),t.length>0){const a=t[t.length-1].used_memory/1e3;b.value=a.toFixed(0)+" KB"}e.length>0&&(_.value=e[e.length-1].dbSize+""),h(n,!1),x(l,!1)}),M().then(i=>{const e=i.result||i;Array.isArray(e)&&e.forEach(t=>{t.key==="tcp_port"&&(k.value=t.value),t.key==="uptime_in_days"&&(z.value=t.value+" 天")})})}function G(){me().then(i=>{const e=v().format("HH:mm:ss"),[{dbSize:t},a]=i,p=a.used_memory/1e3;l.xAxis.data.push(e),l.series[0].data.push(t),n.xAxis.data.push(e),n.series[0].data.push(p),b.value=p.toFixed(0)+" KB",_.value=t+"",l.series[0].data.length>80&&(l.xAxis.data.splice(0,1),l.series[0].data.splice(0,1),n.xAxis.data.splice(0,1),n.series[0].data.splice(0,1)),h(n,!1),x(l,!1)}).catch(()=>{})}return Z(()=>{W(),$()}),ee(()=>{A()}),(i,e)=>{const t=ae,a=ie,p=Y;return S(),K("div",de,[c(a,{gutter:16,class:"overview-row"},{default:m(()=>[(S(!0),K(te,null,oe(F.value,f=>(S(),se(t,{sm:12,md:6,key:f.label},{default:m(()=>[u("div",{class:"overview-card",style:H({borderTopColor:f.color})},[u("div",{class:"overview-card__value",style:H({color:f.color})},O(f.value),5),u("div",fe,O(f.label),1)],4)]),_:2},1024))),128))]),_:1}),c(a,{gutter:16,class:"chart-row"},{default:m(()=>[c(t,{sm:24,xl:12},{default:m(()=>[c(p,{bordered:!1,class:"chart-card"},{default:m(()=>[u("div",{ref_key:"chartRef",ref:o,style:{width:"100%",height:"300px"}},null,512)]),_:1})]),_:1}),c(t,{sm:24,xl:12},{default:m(()=>[c(p,{bordered:!1,class:"chart-card"},{default:m(()=>[u("div",{ref_key:"chartRef2",ref:r,style:{width:"100%",height:"300px"}},null,512)]),_:1})]),_:1})]),_:1}),c(p,{bordered:!1,class:"table-card",title:"Redis 配置详情"},{default:m(()=>[c(w(q),{onRegister:w(V),api:w(M),canResize:!1},null,8,["onRegister","api"])]),_:1})])}}})),Wt=X(ye,[["__scopeId","data-v-f6480375"]]);export{Wt as default};
|