| 1 |
- import{d as S,k,e as z,Z as B,r as F,w as C,x as R,u as e,U as t,V as m,F as N,a7 as U,$ as c,a0 as r,f as d,a3 as x,o as K}from"./vue-18ee037d.js";import"./dayjs-4778c158.js";import{a2 as T,a3 as y,J as w,N as q}from"./index-122302b9.js";import{u as E}from"./usePlay-29f12ad2.js";import{i as J}from"./gb28281-53c246af.js";import{u as P}from"./audio_decoder_hard-e133cc4e.js";import{V as g}from"./jb4-60518ffa.js";import{C as M}from"./index-977bc6d2.js";import"./mockjs-890b569b.js";const Z={class:"text-center"},j={key:1,class:"video-player-placeholder"},G=S({__name:"content-preview",setup(L){const s=k(1),_=z(()=>{switch(s.value){case 1:return 24;case 4:return 12;case 9:return 8;case 16:return 6;default:return 24}}),n=()=>document.querySelector(".screen-list"),f=k(null);T(f);const l=P(),{getActiveInfo:i}=B(l),{updateItem:u,streamList:p,changeStreamList:v,closeAll:D,webrtc:$}=E(),b=F({selectNum:1});return C(s,async()=>{b.selectNum=0,l.setActiveInfo({ID:"",DeviceID:"",DeviceName:"",Name:"",LiveStatus:0});const a=new Array(s.value).fill({}).map(()=>({path:""}));v(a)},{immediate:!0}),R(()=>D()),C(()=>e(i),(a,I)=>{const{ID:o,DeviceID:h}=i.value,A=`${a.ID}/${a.DeviceID}`,V=`${I.ID}/${I.DeviceID}`;a.DeviceID&&A!==V&&J({id:o,channel:h}).finally(()=>{u(i.value,b.selectNum)})}),(a,I)=>(t(),m("div",Z,[(t(!0),m(N,null,U(e(p),(o,h)=>(t(),c(e(M),{span:e(_),key:h},{default:r(()=>[o.path?(t(),m(N,{key:0},[e($)?(t(),c(g,{key:0,webrtcStream:o.stream},{default:r(()=>[o.path?(t(),c(e(y),{key:0,class:"position-absolute bottom-0 left-50% cursor-pointer",title:o.path,getPopupContainer:n},{default:r(()=>[d(e(w),{icon:"octicon:ellipsis-16",size:20,color:"#dedede",hoverColor:"#a275d9"})]),_:2},1032,["title"])):x("",!0)]),_:2},1032,["webrtcStream"])):(t(),c(g,{key:1,format:"ws-flv","stream-path":o.path},{default:r(()=>[o.path?(t(),c(e(y),{key:0,class:"position-absolute bottom-0 left-50% cursor-pointer",title:o.path,getPopupContainer:n},{default:r(()=>[d(e(w),{icon:"octicon:ellipsis-16",size:20,color:"#dedede",hoverColor:"#a275d9"})]),_:2},1032,["title"])):x("",!0)]),_:2},1032,["stream-path"]))],64)):(t(),m("div",j,[d(e(y),{title:"当前无信号，请先选择通道",class:"no-stream-tip cursor-pointer",getPopupContainer:n,placement:"top"},{default:r(()=>[d(e(w),{icon:"pepicons-pop:television-play-off",size:s.value===1?50:24},null,8,["size"])]),_:1})]))]),_:2},1032,["span"]))),128))]))}});const H=q(G,[["__scopeId","data-v-4d8bb058"]]),O=S({name:"ScreenPreview"}),re=S({...O,setup(L){const s=new URLSearchParams(window.location.search),_=s.get("ID")||"",n=s.get("DeviceID")||"",f=P(),l={ID:_,DeviceID:n},i=u=>{const{ID:p,DeviceID:v,LiveStatus:D}=u;f.setActiveInfo({ID:p,DeviceID:v,LiveStatus:D})};return K(()=>{i(l)}),(u,p)=>(t(),c(H))}});export{re as default};
|
