| 1 |
- import{d as x,k as V,e as U,Z as R,r as M,w as F,x as O,u as e,U as l,V as f,f as t,a0 as o,E as n,$ as m,a3 as z,F as C,a7 as Q,W as Y,a8 as N,a4 as g,X as ee}from"./vue-18ee037d.js";import{_ as te}from"./index.vue_vue_type_script_setup_true_lang-c897a548.js";import"./dayjs-4778c158.js";import{a2 as se,aa as A,J as _,a3 as B,ax as ae,N as oe,ag as L}from"./index-b67dc7d2.js";import{u as w,a as le}from"./usePlay-25bd76db.js";import{i as ce,a as P}from"./gb28281-3d3c9e4a.js";import{V as T}from"./jb4-855655a8.js";import{R as ne}from"./Group-056fb0be.js";import{a as re,R as ie,C as k}from"./Card-f5173596.js";import{D as E}from"./index-cb11c6c4.js";import{D as S,a as ue}from"./index-73416ff3.js";import{D as pe,p as de}from"./index-22248130.js";import"./device-72a43960.js";import"./index-b5934d0d.js";import"./index-fc28b6ca.js";import"./mockjs-890b569b.js";import"./useFlexGapSupport-96119ef1.js";import"./index-788c98e6.js";import"./index-e6aa999f.js";import"./index-894fb6ca.js";const _e={class:"text-center"},fe={key:1,class:"video-player-placeholder"},ve=x({__name:"content",setup($){const a=V(1),v=[{label:"单屏",value:1},{label:"四分屏",value:4},{label:"九分屏",value:9},{label:"十六分屏",value:16}],i=U(()=>{switch(a.value){case 1:return 24;case 4:return 12;case 9:return 8;case 16:return 6;default:return 24}}),r=()=>document.querySelector(".screen-list"),u=V(null),{toggle:p,isFullscreen:h}=se(u),D=w(),{getActiveInfo:I}=R(D),{updateItem:K,streamList:q,changeStreamList:G,closeAll:J,webrtc:W}=le(),b=M({selectNum:1});F(a,async()=>{b.selectNum=0,D.setActiveInfo({ID:"",DeviceID:"",DeviceName:"",Name:"",LiveStatus:0});const s=new Array(a.value).fill({}).map(()=>({path:""}));G(s)},{immediate:!0}),O(()=>J()),F(()=>e(I),(s,d)=>{const{ID:c,DeviceID:y}=I.value,j=`${s.ID}/${s.DeviceID}`,H=`${d.ID}/${d.DeviceID}`;s.DeviceID&&j!==H&&ce({id:c,channel:y}).finally(()=>{K(I.value,b.selectNum)})});const X=({item:s},d)=>{b.selectNum=d,I.value.DeviceID!==(s==null?void 0:s.DeviceID)&&D.setActiveInfo({ID:(s==null?void 0:s.ID)??"",DeviceID:(s==null?void 0:s.DeviceID)??"",DeviceName:(s==null?void 0:s.DeviceName)??"",Name:(s==null?void 0:s.Name)??"",LiveStatus:(s==null?void 0:s.LiveStatus)??0})},Z=()=>{ae.push("/screen-custom")};return(s,d)=>(l(),f("div",_e,[t(e(ne),{value:a.value,"onUpdate:value":d[0]||(d[0]=c=>a.value=c),buttonStyle:"solid",options:v,optionType:"button"},null,8,["value"]),t(e(A),{onClick:Z},{default:o(()=>[n("自定义分屏")]),_:1}),t(e(A),{onClick:e(p)},{default:o(()=>[t(e(_),{icon:"ant-design:fullscreen-outlined",class:"v-text-bottom"}),n("全屏 ")]),_:1},8,["onClick"]),t(e(ie),{gutter:4,class:"screen-list mt-10px",ref_key:"screenRef",ref:u},{default:o(()=>[e(h)?(l(),m(e(A),{key:0,onClick:e(p),type:"link",class:"absolute right-2 top-2 z-10 text-white"},{default:o(()=>[t(e(_),{icon:"ant-design:fullscreen-exit-outlined",class:"v-text-bottom"}),n(" 退出全屏 ")]),_:1},8,["onClick"])):z("",!0),(l(!0),f(C,null,Q(e(q),(c,y)=>(l(),m(e(re),{span:e(i),key:y,class:Y(["mt-4px flex-center",{active:a.value>1&&b.selectNum===y&&!e(h),isFullscreen:e(h)}]),onClick:()=>X(c,y)},{default:o(()=>[c.path?(l(),f(C,{key:0},[e(W)?(l(),m(T,{key:0,webrtcStream:c.stream},{default:o(()=>[c.path?(l(),m(e(B),{key:0,class:"position-absolute bottom-0 left-50% cursor-pointer",title:c.path,getPopupContainer:r},{default:o(()=>[t(e(_),{icon:"octicon:ellipsis-16",size:20,color:"#dedede",hoverColor:"#a275d9"})]),_:2},1032,["title"])):z("",!0)]),_:2},1032,["webrtcStream"])):(l(),m(T,{key:1,format:"ws-flv","stream-path":c.path},{default:o(()=>[c.path?(l(),m(e(B),{key:0,class:"position-absolute bottom-0 left-50% cursor-pointer",title:c.path,getPopupContainer:r},{default:o(()=>[t(e(_),{icon:"octicon:ellipsis-16",size:20,color:"#dedede",hoverColor:"#a275d9"})]),_:2},1032,["title"])):z("",!0)]),_:2},1032,["stream-path"]))],64)):(l(),f("div",fe,[t(e(B),{title:"当前无信号，请先选择通道",class:"no-stream-tip cursor-pointer",getPopupContainer:r,placement:"top"},{default:o(()=>[t(e(_),{icon:"pepicons-pop:television-play-off",size:a.value===1?50:24},null,8,["size"])]),_:1})]))]),_:2},1032,["span","class","onClick"]))),128))]),_:1},512)]))}});const me=oe(ve,[["__scopeId","data-v-5d72656b"]]),he={class:"p-16px m0 text-text"},De=x({__name:"deviceInfo",setup($){const{getActiveInfo:a}=R(w());return(v,i)=>(l(),f(C,null,[N("h4",he,[t(e(_),{icon:"icon-park-solid:view-grid-detail",class:"v-text-bottom"}),n(" 设备信息 ")]),t(e(E),{class:"m0"}),t(e(ue),{class:"p-16px p-b-0",column:1},{default:o(()=>[t(e(S),{label:"设备名称"},{default:o(()=>[n(g(e(a).DeviceName||"--"),1)]),_:1}),t(e(S),{label:"设备编号"},{default:o(()=>[n(g(e(a).ID||"--"),1)]),_:1}),t(e(S),{label:"通道名称"},{default:o(()=>[n(g(e(a).Name||"--"),1)]),_:1}),t(e(S),{label:"通道编号"},{default:o(()=>[n(g(e(a).DeviceID||"--"),1)]),_:1})]),_:1})],64))}}),ye={class:"p-16px m0 text-text"},xe={class:"pt-30px"},Ie=x({__name:"operate",setup($){const{getActiveInfo:a}=R(w()),v=U(()=>!!a.value.ID),i=async u=>{L.destroy(),await P({id:a.value.ID,channel:a.value.DeviceID,ptzcmd:u}).then(async p=>{L.success("指令发送成功"),r()}).catch(p=>{L.success("指令发送失败")})},r=()=>{setTimeout(async()=>{await P({id:a.value.ID,channel:a.value.DeviceID,ptzcmd:de()})})};return(u,p)=>(l(),f(C,null,[N("h4",ye,[t(e(_),{icon:"icon-park-solid:scan-setting",class:"v-text-bottom"}),n(" 设备操作 ")]),t(e(E),{class:"m0"}),N("div",xe,[t(pe,{hanldeClick:i,allowed:e(v)},null,8,["allowed"])])],64))}}),be={class:"w-300px m-l-8px h-full flex-shrink-0"},ge=x({name:"Screen"}),Je=x({...ge,setup($){const a=w(),v=i=>{const{ID:r,DeviceID:u,DeviceName:p,Name:h,LiveStatus:D}=i;a.setActiveInfo({ID:r,DeviceID:u,DeviceName:p,Name:h,LiveStatus:D})};return(i,r)=>(l(),f("div",{class:"flex",style:ee({height:"calc(100% - 8px)"})},[t(e(k),{class:"w-342px m-r-8px flex-shrink-0",bordered:!1,bodyStyle:{height:"100%",padding:0}},{default:o(()=>[t(te,{onSelect:v})]),_:1}),t(e(k),{class:"flex-1",bordered:!1,bodyStyle:{height:"100%",padding:"16px"}},{default:o(()=>[t(me)]),_:1}),N("div",be,[t(e(k),{class:"m-b-8px",bordered:!1,bodyStyle:{height:"230px",padding:0}},{default:o(()=>[t(De)]),_:1}),t(e(k),{style:{height:"calc(100% - 238px)"},bordered:!1,bodyStyle:{height:"100%",padding:0}},{default:o(()=>[t(Ie)]),_:1})])],4))}});export{Je as default};
|
