| 12 |
- import{cv as H,d as $,b5 as q,f as N,ac as w,h as V,c as n,Y as L,Z as p,a1 as y,a7 as O,n as c,a9 as k,a0 as A,T as x,b8 as R,a2 as Z,a5 as B,a6 as S,b3 as E,bV as F,at as K}from"./index-8a67e3df.js";import{u as j}from"./index-c6560d80.js";import{_ as C}from"./index.vue_vue_type_script_setup_true_lang-fe30c327.js";import{d as I}from"./dayjs-919e6097.js";function U(b){const{type:l,streamPath:d}=b;return H.get({url:`/${l}track/snap/${d}`})}const X={class:"events"},Y={key:0,class:"memorys"},G=$({__name:"track",setup(b){q(g);const l=N(()=>({streamPath:decodeURIComponent(w.currentRoute.value.query.streamPath),type:w.currentRoute.value.name==="MonitorTrackSnapAudio"?"audio":"video"}));V(l,e=>{e.streamPath&&g()},{immediate:!0});const d=j();let o=0;const T={},z={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})=>I(e).format("HH:mm:ss.SSS")},{field:"wrap",title:"帧大小",width:100,formatter:({row:e})=>e.wrap?.[0]?.size||""},{field:"wrap",title:"封装数据1",width:300,slots:{default:({row:e})=>F("pre",{},e.wrap?.[0]?.data||"")}}]},M=n([]),v=n(0),u=n(0),r=n({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:[{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 P(e,a){const s=a.coord([a.value(0),0]),i=a.coord([a.value(1),0]);return{transition:[],type:"rect",shape:{x:s[0],y:30,width:i[0]-s[0],height:30},style:a.style()}}const m=n({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}}]}),h=e=>{d.tableRef.reloadData(e||[])};L(()=>{u.value===1&&(h([]),r.value.series[0].data=[],r.value.series[1].data=[],r.value.xAxis[1].data=[])});function g(){U(l.value).then(e=>{const a={...r.value},s=e.ring||[];h(s),v.value=s.reduce((t,f)=>t+(f.wrap?.[0]?.size||0),0),a.series[0].data=s.map(t=>[t.writeTime,t.wrap?.[0]?.size||0]),a.series[1].data=s.map(t=>[t.writeTime,t.timestamp]),a.xAxis[1].data=s.map(t=>t.sequence),r.value=a,o=0;const i={...m.value};i.series[0].data=e.memory.flatMap((t,f)=>{const D=t.list.map(_=>({value:[o+_.s,o+_.e],itemStyle:{color:["#ff7f50","#87ceeb","#32cd32","#6495ed","#ffc0cb","#fdb462","#b8860b","#6495ed","#fdb462","#b8860b","#ff7f50","#87ceeb","#32cd32","#6495ed","#ffc0cb","#fdb462","#b8860b","#6495ed","#fdb462","#b8860b"][f]}}));return o+=t.size,D}),i.xAxis.max=o,m.value=i})}return(e,a)=>(p(),y("div",null,[O("div",X,[c(C,{option:r.value,class:"chart"},null,8,["option"])]),u.value===0?(p(),y("div",Y,[c(C,{option:m.value,class:"chart"},null,8,["option"])])):k("",!0),c(x(E),{bordered:!1,class:"proCard"},{default:A(()=>[c(x(R),{uid:x(d).uid,gridOptions:z,gridEvent:T},{title:A(()=>[u.value?k("",!0):(p(),y(Z,{key:0},[B(" ring buffer size: "+S(M.value.length)+", total data size: "+S(v.value),1)],64))]),_:1},8,["uid"])]),_:1})]))}});const ae=K(G,[["__scopeId","data-v-3f365fc4"]]);export{ae as default};
- //# sourceMappingURL=track-3c452c6a.js.map
|
