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