1 |
- import{d as p,X as h,a6 as _,f as e,Z as s,u as a,E as g}from"./vue-fae2b924.js";import{k as y}from"./index-137e94ff.js";import{u as x}from"./index-ac72395e.js";import{c as w}from"./global-f242879f.js";import{u as C,C as b}from"./content-74444b6d.js";import{bl as k,bk as r,aV as n,U as S}from"./radical-3ee02118.js";import"./canvas-14fb4930.js";import"./gb28181-fe7ed9bb.js";const v={class:"h-full"},D=p({name:"StreamScreen"}),R=p({...D,setup(O){const i=x(),f=C(),d=t=>{t.length>1&&(t=t.sort((l,o)=>Date.parse(l.startTime)-Date.parse(o.startTime))),i.tableRef.reloadData(t)};async function u(){d(await w())}u();const c={maxHeight:"100%",rowConfig:{keyField:"path",useKey:!0},columnConfig:{useKey:!0},columns:[{field:"pluginName",title:"所属插件",width:"100px"},{field:"path",title:"StreamPath",showOverflow:"tooltip",minWidth:"150px"},{field:"type",title:"类型",width:"80px",showOverflow:"tooltip"},{field:"operate",title:"操作",width:"60px",align:"center",fixed:"right",slots:{default:"operate"}}],data:[]},m=t=>{f.setActiveInfo({path:t.path,type:t.type})};return(t,l)=>(h(),_("div",v,[e(a(n),{bordered:!1,class:"h-full"},{default:s(()=>[e(a(k),{gutter:16,class:"h-full"},{default:s(()=>[e(a(r),{span:6,class:"h-full"},{default:s(()=>[e(a(n),{bordered:!1,class:"h-full",bodyStyle:{padding:"10px"}},{default:s(()=>[e(a(y),{uid:a(i).uid,gridOptions:c},{operate:s(({row:o})=>[e(a(S),{size:"small",type:"link",onClick:()=>m(o)},{default:s(()=>l[0]||(l[0]=[g(" 播放 ")])),_:2},1032,["onClick"])]),_:1},8,["uid"])]),_:1})]),_:1}),e(a(r),{span:18,class:"h-full"},{default:s(()=>[e(b,{type:"stream"})]),_:1})]),_:1})]),_:1})]))}});export{R as default};
|