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