2 lines
3.6 KiB
JavaScript
2 lines
3.6 KiB
JavaScript
var O=Object.defineProperty,R=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var V=(t,o,s)=>o in t?O(t,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[o]=s,h=(t,o)=>{for(var s in o||(o={}))j.call(o,s)&&V(t,s,o[s]);if(C)for(var s of C(o))I.call(o,s)&&V(t,s,o[s]);return t},x=(t,o)=>R(t,S(o));var w=(t,o,s)=>new Promise((_,d)=>{var v=e=>{try{i(s.next(e))}catch(n){d(n)}},u=e=>{try{i(s.throw(e))}catch(n){d(n)}},i=e=>e.done?_(e.value):Promise.resolve(e.value).then(v,u);i((s=s.apply(t,o)).next())});import{a as J,cS as z,cT as K,b7 as $,s as q,r as m,f as G,bp as H,bc as P,J as Q,aA as p,o as c,j as y,x as f,i as a,t as F,h as b,p as D,F as T,aD as B,l as M,bl as U}from"./index.d70f4f63.js";import{n as W,o as X}from"./other.8699d858.js";import Y from"./Box.849d0024.js";import Z from"./VideoFlv.3a9b8582.js";import"./flv.803d4e1c.js";import"./LinkModal.56dc8c55.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=J({components:{Box:Y,Dropdown:z,DownOutlined:K,Menu:$,MenuItem:$.Item,VideoFlv:Z},setup(){const t=q({tabList:m([]),currentTab:m(""),list:m([])}),o=m(null),s=m(null),_=G(()=>{var e,n;return(n=(e=t.tabList.find(l=>l.id==t.currentTab))==null?void 0:e.name)!=null?n:""});function d({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((n,l)=>{const{username:g,passage:r,ip:k,port:A,rtsp_url:E}=n.extends,N=`rtsp://${g}:${r}@${k}:${A}${E}`;return x(h({},n),{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:o,currentTabValue:_,onMenuClick:d})}}),ot={class:"h-full flex flex-col"},nt={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"},pt={class:"grid grid-cols-3 gap-x-6px my-10px"},dt=["src","onClick"];function mt(t,o,s,_,d,v){const u=p("DownOutlined"),i=p("menu-item"),e=p("Menu"),n=p("Dropdown"),l=p("VideoFlv"),g=p("Box");return c(),y(g,{title:"\u76D1\u63A7"},{default:f(()=>[a("div",ot,[a("div",nt,[a("div",at,F(t.currentTabValue),1),t.tabList.length>1?(c(),b("div",rt,[D(n,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:f(()=>[D(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,D(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",pt,[(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(k=>t.onChangeVideo(r),["prevent","stop"])},null,8,dt)]))),128))])])])]),_:1})}var yt=Q(st,[["render",mt]]);export{yt as default};
|