| 1 |
- import{d as D,e as H,w as V,k as c,s as $,X as x,a6 as v,a9 as N,f,aa as k,Z as A,u as h,F as E,E as F,_ as S,n as L}from"./vue-fae2b924.js";import{q as O,r as C,k as R}from"./index-137e94ff.js";import{u as Z}from"./global-f242879f.js";import{u as B}from"./index-ac72395e.js";import{_ as I}from"./index.vue_vue_type_script_setup_true_lang-2cbcdf03.js";import{aV as K,e as z,V as X}from"./radical-3ee02118.js";function j(_){const{type:u,streamPath:m}=_;return O.get({url:`/${u}track/snap/${m}`})}const U={class:"events"},G={key:0,class:"memorys"},J=D({__name:"track",setup(_){Z(w);const u=H(()=>({streamPath:decodeURIComponent(C.currentRoute.value.query.streamPath),type:C.currentRoute.value.name==="MonitorTrackSnapAudio"?"audio":"video"}));V(u,e=>{e.streamPath&&w()},{immediate:!0});const m=B();let n=0;const M={},P={maxHeight:"100%",rowConfig:{keyField:"sequence",useKey:!0,isHover:!0,className:({row:e})=>e.keyFrame?"red":""},columnConfig:{useKey:!0},columns:[{field:"sequence",title:"序号",width:100,fixed:"left"},{field:"timestamp",title:"时间戳",width:150},{field:"writeTime",title:"写入时间",width:150,formatter:({cellValue:e})=>z(e).format("HH:mm:ss.SSS")},{field:"wrap",title:"帧大小",width:100,formatter:({row:e})=>{var t,a;return((a=(t=e.wrap)==null?void 0:t[0])==null?void 0:a.size)||""}},{field:"wrap",title:"封装数据1",width:300,slots:{default:({row:e})=>{var t,a;return L("pre",{},((a=(t=e.wrap)==null?void 0:t[0])==null?void 0:a.data)||"")}}}]},T=c([]),b=c(0),p=c(0),o=c({backgroundColor:"",title:{},tooltip:{trigger:"axis",axisPointer:{type:"line",animation:!1,axis:"x",label:{show:!0,formatter:({value:e})=>z(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:[{name:"帧大小",type:"value"},{name:"时间戳",type:"value",min:"dataMin"}],dataZoom:[{type:"slider",show:!0,xAxisIndex:[0],start:0,end:100}],series:[{yAxisIndex:0,name:"帧大小",type:"bar",data:[]},{yAxisIndex:1,name:"时间戳",type:"line",showSymbol:!1,data:[]}]});function q(e,t){const a=t.coord([t.value(0),0]),l=t.coord([t.value(1),0]);return{transition:[],type:"rect",shape:{x:a[0],y:30,width:l[0]-a[0],height:30},style:t.style()}}const y=c({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:q,tooltip:{trigger:"item",formatter:({value:e})=>`${e[0]}-${e[1]}`},data:[],encode:{x:[0,1],y:-1}}]}),g=e=>{m.tableRef.reloadData(e||[])};$(()=>{p.value===1&&(g([]),o.value.series[0].data=[],o.value.series[1].data=[],o.value.xAxis[1].data=[])});function w(){j(u.value).then(e=>{const t={...o.value},a=e.ring||[];g(a),b.value=a.reduce((s,i)=>{var r,d;return s+(((d=(r=i.wrap)==null?void 0:r[0])==null?void 0:d.size)||0)},0),t.series[0].data=a.map(s=>{var i,r;return[s.writeTime,((r=(i=s.wrap)==null?void 0:i[0])==null?void 0:r.size)||0]}),t.series[1].data=a.map(s=>[s.writeTime,s.timestamp]),t.xAxis[1].data=a.map(s=>s.sequence),o.value=t,n=0;const l={...y.value};l.series[0].data=e.memory.flatMap((s,i)=>{const r=s.list.map(d=>({value:[n+d.s,n+d.e],itemStyle:{color:["#ff7f50","#87ceeb","#32cd32","#6495ed","#ffc0cb","#fdb462","#b8860b","#6495ed","#fdb462","#b8860b","#ff7f50","#87ceeb","#32cd32","#6495ed","#ffc0cb","#fdb462","#b8860b","#6495ed","#fdb462","#b8860b"][i]}}));return n+=s.size,r}),l.xAxis.max=n,y.value=l})}return(e,t)=>(x(),v("div",null,[N("div",U,[f(I,{option:o.value,class:"chart"},null,8,["option"])]),p.value===0?(x(),v("div",G,[f(I,{option:y.value,class:"chart"},null,8,["option"])])):k("",!0),f(h(K),{bordered:!1,class:"proCard"},{default:A(()=>[f(h(R),{uid:h(m).uid,gridOptions:P,gridEvent:M},{title:A(()=>[p.value?k("",!0):(x(),v(E,{key:0},[F(" ring buffer size: "+S(T.value.length)+", total data size: "+S(b.value),1)],64))]),_:1},8,["uid"])]),_:1})]))}});const re=X(J,[["__scopeId","data-v-3f365fc4"]]);export{re as default};
|
