2 lines
3.9 KiB
JavaScript
2 lines
3.9 KiB
JavaScript
var z=Object.defineProperty,K=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var M=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var I=(t,e,n)=>e in t?z(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,D=(t,e)=>{for(var n in e||(e={}))q.call(e,n)&&I(t,n,e[n]);if(M)for(var n of M(e))U.call(e,n)&&I(t,n,e[n]);return t},k=(t,e)=>K(t,j(e));var C=(t,e,n)=>new Promise((r,m)=>{var g=a=>{try{c(n.next(a))}catch(o){m(o)}},f=a=>{try{c(n.throw(a))}catch(o){m(o)}},c=a=>a.done?r(a.value):Promise.resolve(a.value).then(g,f);c((n=n.apply(t,e)).next())});import{a as G,cT as H,cU as P,b7 as L,s as Q,r as _,f as y,bp as W,bc as X,J as Y,aA as d,o as l,j as A,x as v,i,h as u,t as E,p as b,F,aD as T,l as N,n as S}from"./index.f9e8de6e.js";import{p as Z,b as ee,q as te}from"./other.adab9789.js";import se from"./Box.7ce97021.js";import ne from"./VideoFlv.669213d2.js";import"./flv.823942af.js";import"./LinkModal.df892953.js";import"./model-close-icon.706a0490.js";var J="/assets/v01.fb45fe6a.png",ae="/assets/v02.5305abb9.png",oe="/assets/v03.03878ed0.png";const le=G({components:{Box:se,Dropdown:H,DownOutlined:P,Menu:L,MenuItem:L.Item,VideoFlv:ne},props:["baseId"],setup(t){t.baseId;const e=Q({tabList:_([]),currentTab:_(""),list:_([])}),n=_(null),r=_(null),m=y(()=>e.list.slice(1,4)),g=y(()=>e.list.slice(0,1)),f=y(()=>{var s,p;return(p=(s=e.tabList.find(w=>w.id==e.currentTab))==null?void 0:s.name)!=null?p:""});function c({key:s}){e.currentTab!=s&&(e.currentTab=s,o())}function a(){return C(this,null,function*(){const s=yield Z({device_type:1});e.tabList=s,s.length&&(e.currentTab=s[0].id),o()})}function o(){return C(this,null,function*(){var V;const{ip:s,port:p}=yield ee(),w=yield te({base_id:(V=t.baseId)!=null?V:e.currentTab,type:1,status:1,is_recommend:1});r.value=null,e.list=w.splice(0,4).map(($,B)=>{const{rtsp_url:O}=$.extends,R=O;return k(D({},$),{img:B==0?J:B==1?ae:B==2?oe:J,url:`ws://${s}:${p}/rtsp?url=${window.btoa(R)}`})}),e.list.length>0&&(r.value=e.list[0])})}function h(s){r.value.url!=s.url&&(r.value=s)}const x=y(()=>!!t.baseId);return W(()=>{x.value?o():a()}),k(D({isBase:x,listBig:g,listSmall:m,onChangeVideo:h,currentVido:r},X(e)),{chartRef:n,currentTabValue:f,onMenuClick:c})}}),re={class:"h-full flex flex-col"},ie={key:0,class:"py-10px relative"},ce={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},ue={key:0,class:"absolute right-18px top-1/2 transform -translate-y-1/2"},pe={class:"cursor-pointer"},de=i("span",{class:"text-white text-12px"},"\u66F4\u591A",-1),me={class:"flex-1"},fe={class:"grid grid-cols-3 gap-x-6px pt-10px"};function _e(t,e,n,r,m,g){const f=d("DownOutlined"),c=d("menu-item"),a=d("Menu"),o=d("Dropdown"),h=d("VideoFlv"),x=d("Box");return l(),A(x,{title:"\u76D1\u63A7"},{default:v(()=>[i("div",re,[t.isBase?N("",!0):(l(),u("div",ie,[i("div",ce,E(t.currentTabValue),1),t.tabList.length>1?(l(),u("div",ue,[b(o,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:v(()=>[b(a,{onClick:t.onMenuClick},{default:v(()=>[(l(!0),u(F,null,T(t.tabList,s=>(l(),A(c,{key:s.id},{default:v(()=>[i("div",null,E(s.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:v(()=>[i("div",pe,[de,b(f,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])):N("",!0)])),i("div",{class:S(["flex-1 px-11px flex flex-col py-10px box-content",{"pt-0":!t.isBase}])},[i("div",me,[(l(!0),u(F,null,T(t.listBig,(s,p)=>(l(),u("div",{class:S(["h-full",{"h-140px":t.isBase}]),key:p},[b(h,{class:"cursor-pointer",url:s.url,name:s.base_name},null,8,["url","name"])],2))),128))]),i("div",fe,[(l(!0),u(F,null,T(t.listSmall,s=>(l(),u("div",{class:"h-66px",key:s.id},[b(h,{class:"cursor-pointer",url:s.url,name:s.base_name,screen:!0},null,8,["url","name"])]))),128))])],2)])]),_:1})}var De=Y(le,[["render",_e]]);export{De as default};
|