2 lines
3.6 KiB
JavaScript
2 lines
3.6 KiB
JavaScript
var E=Object.defineProperty,N=Object.defineProperties;var O=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)=>N(e,O(s));var y=(e,s,n)=>new Promise((_,d)=>{var v=t=>{try{i(n.next(t))}catch(a){d(a)}},c=t=>{try{i(n.throw(t))}catch(a){d(a)}},i=t=>t.done?_(t.value):Promise.resolve(t.value).then(v,c);i((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 l,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,bl as H}from"./index.916ae53a.js";import{p as P,b as Q,q as W}from"./other.73795a41.js";import X from"./Box.026ad07c.js";import Y from"./VideoFlv.75accfbb.js";import"./flv.bd210a79.js";import"./LinkModal.9bb0887c.js";import"./model-close-icon.706a0490.js";var L="/assets/v01.fb45fe6a.png",Z="/assets/v02.5305abb9.png",ee="/assets/v03.03878ed0.png";const te=J({components:{Box:X,Dropdown:S,DownOutlined:j,Menu:F,MenuItem:F.Item,VideoFlv:Y},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 P({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 Q(),u=yield W({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?Z:o==2?ee:L,url:`ws://${t}:${a}/rtsp?url=${window.btoa(A)}`})}),e.list.length>0&&(n.value=e.list[0])})}function i(t){n.value=t}return K(()=>{v()}),w(x({onChangeVideo:i,currentVido:n},U(e)),{chartRef:s,currentTabValue:_,onMenuClick:d})}}),ne={class:"h-full flex flex-col"},se={class:"py-10px relative"},oe={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},ae={key:0,class:"absolute right-18px top-1/2 transform -translate-y-1/2"},re={class:"cursor-pointer"},ie=r("span",{class:"text-white text-12px"},"\u66F4\u591A",-1),le={class:"flex-1 px-11px flex flex-col"},ce={class:"flex-1"},ue={class:"grid grid-cols-3 gap-x-6px my-10px"};function pe(e,s,n,_,d,v){const c=p("DownOutlined"),i=p("menu-item"),t=p("Menu"),a=p("Dropdown"),u=p("VideoFlv"),b=p("Box");return l(),D(b,{title:"\u76D1\u63A7"},{default:f(()=>[r("div",ne,[r("div",se,[r("div",oe,T(e.currentTabValue),1),e.tabList.length>1?(l(),g("div",ae,[h(a,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:f(()=>[h(t,{onClick:e.onMenuClick},{default:f(()=>[(l(!0),g(B,null,$(e.tabList,o=>(l(),D(i,{key:o.id},{default:f(()=>[r("div",null,T(o.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:f(()=>[r("div",re,[ie,h(c,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])):M("",!0)]),r("div",le,[r("div",ce,[e.currentVido?(l(),D(u,{key:0,url:e.currentVido.url,name:e.currentVido.base_name},null,8,["url","name"])):M("",!0)]),r("div",ue,[(l(!0),g(B,null,$(e.list,o=>(l(),g("div",{class:"h-66px",key:o.id},[h(u,{url:o.url,name:o.base_name,screen:!1,onClick:H(C=>e.onChangeVideo(o),["prevent","stop"])},null,8,["url","name","onClick"])]))),128))])])])]),_:1})}var xe=G(te,[["render",pe]]);export{xe as default};
|