2 lines
3.6 KiB
JavaScript
2 lines
3.6 KiB
JavaScript
var O=Object.defineProperty,R=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var V=(t,n,s)=>n in t?O(t,n,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[n]=s,h=(t,n)=>{for(var s in n||(n={}))j.call(n,s)&&V(t,s,n[s]);if(D)for(var s of D(n))z.call(n,s)&&V(t,s,n[s]);return t},x=(t,n)=>R(t,S(n));var w=(t,n,s)=>new Promise((_,p)=>{var v=e=>{try{i(s.next(e))}catch(o){p(o)}},u=e=>{try{i(s.throw(e))}catch(o){p(o)}},i=e=>e.done?_(e.value):Promise.resolve(e.value).then(v,u);i((s=s.apply(t,n)).next())});import{a as I,cS as J,cT as q,b8 as $,w as G,v as m,f as K,bq as H,bd as P,L as Q,aG as d,o as c,j as y,z as f,i as a,t as F,h as b,n as k,F as T,aJ as B,l as M,bm as U}from"./index.10d06543.js";import{o as W,a as X}from"./other.e182adb3.js";import Y from"./Box.148249ef.js";import Z from"./VideoFlv.c95ec48d.js";import"./LinkModal.aa2e0b1f.js";import"./model-close-icon.706a0490.js";var L="/assets/v01.fb45fe6a.png",tt="/assets/v02.5305abb9.png",et="/assets/v03.03878ed0.png";const st=I({components:{Box:Y,Dropdown:J,DownOutlined:q,Menu:$,MenuItem:$.Item,VideoFlv:Z},setup(){const t=G({tabList:m([]),currentTab:m(""),list:m([])}),n=m(null),s=m(null),_=K(()=>{var e,o;return(o=(e=t.tabList.find(l=>l.id==t.currentTab))==null?void 0:e.name)!=null?o:""});function p({key:e}){t.currentTab!=e&&(t.currentTab=e,u())}function v(){return w(this,null,function*(){const e=yield W({device_type:1});t.tabList=e,e.length&&(t.currentTab=e[0].id),u()})}function u(){return w(this,null,function*(){const e=yield X({base:t.currentTab,type:1,status:1});t.list=e.map((o,l)=>{const{username:g,passage:r,ip:C,port:E,rtsp_url:A}=o.extends,N=`rtsp://${g}:${r}@${C}:${E}${A}`;return x(h({},o),{img:l==0?L:l==1?tt:l==2?et:L,url:`ws://127.0.0.1:8100/rtsp?url=${window.btoa(N)}`})}),t.list.length>0&&(s.value=t.list[0])})}function i(e){s.value=e}return H(()=>{v()}),x(h({onChangeVideo:i,currentVido:s},P(t)),{chartRef:n,currentTabValue:_,onMenuClick:p})}}),nt={class:"h-full flex flex-col"},ot={class:"py-10px relative"},at={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},rt={key:0,class:"absolute right-18px top-1/2 transform -translate-y-1/2"},it={class:"cursor-pointer"},lt=a("span",{class:"text-white text-12px"},"\u66F4\u591A",-1),ct={class:"flex-1 px-11px flex flex-col"},ut={class:"flex-1"},dt={class:"grid grid-cols-3 gap-x-6px my-10px"},pt=["src","onClick"];function mt(t,n,s,_,p,v){const u=d("DownOutlined"),i=d("menu-item"),e=d("Menu"),o=d("Dropdown"),l=d("VideoFlv"),g=d("Box");return c(),y(g,{title:"\u76D1\u63A7"},{default:f(()=>[a("div",nt,[a("div",ot,[a("div",at,F(t.currentTabValue),1),t.tabList.length>1?(c(),b("div",rt,[k(o,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:f(()=>[k(e,{onClick:t.onMenuClick},{default:f(()=>[(c(!0),b(T,null,B(t.tabList,r=>(c(),y(i,{key:r.key},{default:f(()=>[a("div",null,F(r.value),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:f(()=>[a("div",it,[lt,k(u,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])):M("",!0)]),a("div",ct,[a("div",ut,[t.currentVido?(c(),y(l,{key:0,url:t.currentVido.url,name:t.currentVido.base_name},null,8,["url","name"])):M("",!0)]),a("div",dt,[(c(!0),b(T,null,B(t.list,r=>(c(),b("div",{class:"h-66px",key:r.id},[a("img",{src:r.img,class:"object-cover w-full h-full",alt:"",srcset:"",onClick:U(C=>t.onChangeVideo(r),["prevent","stop"])},null,8,pt)]))),128))])])])]),_:1})}var wt=Q(st,[["render",mt]]);export{wt as default};
|