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