| 12 |
- import{cD as $,d as q,aC as N,b6 as L,f as O,ac as k,h as R,c as l,Y as V,Z as f,a1 as y,a7 as Z,n as d,a9 as A,a0 as C,T as x,b9 as B,a2 as E,a5 as F,a6 as S,b4 as K,bk as j,at as U}from"./index-a8341fa1.js";import{d as I}from"./dayjs-919e6097.js";import{u as X}from"./index-7b240cde.js";import{_ as T}from"./index.vue_vue_type_script_setup_true_lang-92bc0051.js";function Y(g){const{type:a,streamPath:u}=g;return $.get({url:`/${a}track/snap/${u}`})}const G={class:"events"},J={key:0,class:"memorys"},Q=q({__name:"track",setup(g){const{t:a}=N();L(_);const u=O(()=>({streamPath:decodeURIComponent(k.currentRoute.value.query.streamPath),type:k.currentRoute.value.name==="MonitorTrackSnapAudio"?"audio":"video"}));R(u,e=>{e.streamPath&&_()},{immediate:!0});const b=X();let i=0;const z={},D={maxHeight:"100%",rowConfig:{keyField:"sequence",useKey:!0,isHover:!0,className:({row:e})=>e.keyFrame?"red":""},columnConfig:{useKey:!0},columns:[{field:"sequence",get title(){return a("routes.monitor.序号")},width:100,fixed:"left"},{field:"timestamp",get title(){return a("routes.monitor.时间戳")},width:150},{field:"writeTime",get title(){return a("routes.monitor.写入时间")},width:150,formatter:({cellValue:e})=>I(e).format("HH:mm:ss.SSS")},{field:"wrap",get title(){return a("routes.monitor.帧大小")},width:100,formatter:({row:e})=>e.wrap?.[0]?.size||""},{field:"wrap",get title(){return a("routes.monitor.封装数据")+"1"},width:300,slots:{default:({row:e})=>j("pre",{},e.wrap?.[0]?.data||"")}}]},M=l([]),h=l(0),c=l(0),o=l({backgroundColor:"",title:{},tooltip:{trigger:"axis",axisPointer:{type:"line",animation:!1,axis:"x",label:{show:!0,formatter:({value:e})=>I(e).format("HH:mm:ss.SSS"),backgroundColor:"rgba(50,50,50,0.7)"}}},xAxis:[{type:"time",splitLine:{show:!1}},{type:"category",axisPointer:{type:"shadow",label:{show:!0,formatter:({value:e})=>String(e),backgroundColor:"rgba(50,50,50,0.7)"}},splitLine:{show:!1},data:[]}],yAxis:[{get name(){return a("routes.monitor.帧大小")},type:"value"},{get name(){return a("routes.monitor.时间戳")},type:"value",min:"dataMin"}],dataZoom:[{type:"slider",show:!0,xAxisIndex:[0],start:0,end:100}],series:[{yAxisIndex:0,get name(){return a("routes.monitor.帧大小")},type:"bar",data:[]},{yAxisIndex:1,get name(){return a("routes.monitor.时间戳")},type:"line",showSymbol:!1,data:[]}]});function P(e,r){const s=r.coord([r.value(0),0]),n=r.coord([r.value(1),0]);return{transition:[],type:"rect",shape:{x:s[0],y:30,width:n[0]-s[0],height:30},style:r.style()}}const m=l({title:{text:"MemoryAllocator"},dataZoom:[{id:"dataZoomX",type:"slider",xAxisIndex:[0],filterMode:"filter"}],tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},xAxis:{min:0,scale:!0,type:"value"},yAxis:{type:"category"},series:[{type:"custom",renderItem:P,tooltip:{trigger:"item",formatter:({value:e})=>`${e[0]}-${e[1]}`},data:[],encode:{x:[0,1],y:-1}}]}),v=e=>{b.tableRef.reloadData(e||[])};V(()=>{c.value===1&&(v([]),o.value.series[0].data=[],o.value.series[1].data=[],o.value.xAxis[1].data=[])});function _(){Y(u.value).then(e=>{const r={...o.value},s=e.ring||[];v(s),h.value=s.reduce((t,p)=>t+(p.wrap?.[0]?.size||0),0),r.series[0].data=s.map(t=>[t.writeTime,t.wrap?.[0]?.size||0]),r.series[1].data=s.map(t=>[t.writeTime,t.timestamp]),r.xAxis[1].data=s.map(t=>t.sequence),o.value=r,i=0;const n={...m.value};n.series[0].data=e.memory.flatMap((t,p)=>{const H=t.list.map(w=>({value:[i+w.s,i+w.e],itemStyle:{color:["#ff7f50","#87ceeb","#32cd32","#6495ed","#ffc0cb","#fdb462","#b8860b","#6495ed","#fdb462","#b8860b","#ff7f50","#87ceeb","#32cd32","#6495ed","#ffc0cb","#fdb462","#b8860b","#6495ed","#fdb462","#b8860b"][p]}}));return i+=t.size,H}),n.xAxis.max=i,m.value=n})}return(e,r)=>(f(),y("div",null,[Z("div",G,[d(T,{option:o.value,class:"chart"},null,8,["option"])]),c.value===0?(f(),y("div",J,[d(T,{option:m.value,class:"chart"},null,8,["option"])])):A("",!0),d(x(K),{bordered:!1,class:"proCard"},{default:C(()=>[d(x(B),{uid:x(b).uid,gridOptions:D,gridEvent:z},{title:C(()=>[c.value?A("",!0):(f(),y(E,{key:0},[F(" ring buffer size: "+S(M.value.length)+", total data size: "+S(h.value),1)],64))]),_:1},8,["uid"])]),_:1})]))}});const se=U(Q,[["__scopeId","data-v-ae9e7e53"]]);export{se as default};
- //# sourceMappingURL=track-6c3169d7.js.map
|
