"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[5200],{92876:function(e,t,s){s.r(t),s.d(t,{default:function(){return V}});var i=s(66252),l=s(3577);const a=e=>((0,i.dD)("data-v-51f54629"),e=e(),(0,i.Cn)(),e),o={class:"monitorBox"},n={class:"monitorItem"},c={class:"itemLeft"},r=["id"],d={key:0,class:"itemRight"},m={class:"header"},u={class:"name"},v={class:"status"},_={class:"dateCom"},g={class:"dateLeft"},p=a((()=>(0,i._)("div",{class:"name"},"开机时间：",-1))),f={class:"text"},h={class:"dateRight"},y=a((()=>(0,i._)("div",{class:"name"},"已开机：",-1))),w={class:"text"},x={class:"comText"},D=a((()=>(0,i._)("div",{class:"name"},"串流推流URL",-1))),k={class:"text"},S={class:"comText"},R=a((()=>(0,i._)("div",{class:"name"},"AppName",-1))),q={class:"text"},b={class:"comText"},L=a((()=>(0,i._)("div",{class:"name"},"StreamName",-1))),E={class:"text"},T={class:"comText"},C=a((()=>(0,i._)("div",{class:"name"},"监控设备IP/Port",-1))),j={class:"text"},B=a((()=>(0,i._)("div",{class:"alarmName"},"安全生产监控报警信息",-1))),W={class:"alarmBox"},z=a((()=>(0,i._)("div",{class:"vague"},null,-1))),A={key:0,class:"comLeft"},N={key:1,class:"comLeft"},I={key:2,class:"comRight"},P={key:3,class:"comRight"};function O(e,t,s,a,O,$){const H=(0,i.up)("el-image"),K=(0,i.up)("el-empty"),M=(0,i.up)("el-scrollbar"),U=(0,i.up)("el-col"),V=(0,i.up)("el-row"),Y=(0,i.up)("el-main"),G=(0,i.up)("el-container");return(0,i.wg)(),(0,i.j4)(G,{class:"mainBox"},{default:(0,i.w5)((()=>[O.list.length>0?((0,i.wg)(),(0,i.j4)(M,{key:0,height:"100%",style:{width:"100%"}},{default:(0,i.w5)((()=>[(0,i.Wm)(Y,{class:"nopadding"},{default:(0,i.w5)((()=>[(0,i.Wm)(V,{class:"boxRow",gutter:15,style:{margin:"0",width:"100%"},justify:"flex-start"},{default:(0,i.w5)((()=>[((0,i.wg)(!0),(0,i.iD)(i.HY,null,(0,i.Ko)(O.list,((e,t)=>((0,i.wg)(),(0,i.j4)(U,{class:"boxCol",xs:24,sm:24,md:12,lg:12,key:t},{default:(0,i.w5)((()=>[(0,i._)("div",o,[(0,i._)("div",n,[(0,i._)("div",c,[(0,i._)("video",{class:"monitorVideo",style:{"object-fit":"fill"},id:"videoElement_"+t,controls:"",autoplay:"",muted:""},null,8,r)]),e.eq_info?((0,i.wg)(),(0,i.iD)("div",d,[(0,i._)("div",m,[(0,i._)("div",u,(0,l.toDisplayString)(e.eq_info.eq_name),1),(0,i._)("div",v,(0,l.toDisplayString)(e.eq_info.status_text),1)]),(0,i._)("div",_,[(0,i._)("div",g,[p,(0,i._)("div",f,(0,l.toDisplayString)(e.eq_info.uptime),1)]),(0,i._)("div",h,[y,(0,i._)("div",w,(0,l.toDisplayString)(e.eq_info.boot_time),1)])]),(0,i._)("div",x,[D,(0,i._)("div",k,(0,l.toDisplayString)(e.live_url),1)]),(0,i._)("div",S,[R,(0,i._)("div",q,(0,l.toDisplayString)(e.AppName),1)]),(0,i._)("div",b,[L,(0,i._)("div",E,(0,l.toDisplayString)(e.StreamName),1)]),(0,i._)("div",T,[C,(0,i._)("div",j,(0,l.toDisplayString)(e.ip),1)])])):(0,i.kq)("",!0)]),B,(0,i._)("div",W,[z,(0,i.Wm)(M,{ref_for:!0,ref:"scrollbar_"+t,height:"100%",style:{width:"100%"}},{default:(0,i.w5)((()=>[(0,i._)("div",{class:(0,l.normalizeClass)("innerRefCom_"+t),style:{height:"100%"}},[((0,i.wg)(!0),(0,i.iD)(i.HY,null,(0,i.Ko)(e.alert_event,((e,t)=>((0,i.wg)(),(0,i.iD)("div",{class:"alarmCom",key:t},[e.video_url?((0,i.wg)(),(0,i.iD)("div",A,[(0,i.Wm)(H,{class:"img",src:e.video_url,fit:"cover","zoom-rate":1.2,"max-scale":5,"min-scale":.2,"preview-src-list":[e.video_url]},null,8,["src","zoom-rate","min-scale","preview-src-list"])])):((0,i.wg)(),(0,i.iD)("div",N,[(0,i.Wm)(H,{class:"img",src:e.warning_url,fit:"cover","zoom-rate":1.2,"max-scale":5,"min-scale":.2,"preview-src-list":[e.warning_url]},null,8,["src","zoom-rate","min-scale","preview-src-list"])])),e.msg?((0,i.wg)(),(0,i.iD)("div",I,(0,l.toDisplayString)(e.msg),1)):((0,i.wg)(),(0,i.iD)("div",P,(0,l.toDisplayString)(e.created_at)+" "+(0,l.toDisplayString)(e.event_name),1))])))),128)),0==e.alert_event.length?((0,i.wg)(),(0,i.j4)(K,{key:0,description:"无数据","image-size":40})):(0,i.kq)("",!0)],2)])),_:2},1536)])])])),_:2},1024)))),128))])),_:1})])),_:1})])),_:1})):((0,i.wg)(),(0,i.j4)(Y,{key:1,class:"nopadding noDateBox"},{default:(0,i.w5)((()=>[(0,i.Wm)(K,{description:"无数据","image-size":120})])),_:1}))])),_:1})}s(57658);var $=s(80510),H=s.n($),K={name:"index",data(){return{list:[]}},mounted(){this.getList(),this.$socketApi.getSock(this.getWsResult)},methods:{async getList(){const e=await this.$API.equipment.getOnline.post();200==e.code&&(this.list=e.data instanceof Array?e.data:[...e.data],setTimeout((()=>{this.list.forEach(((e,t)=>{e.AppName=e.url.split("/")[1],e.StreamName=e.url.split("/")[2];let s=document.getElementById("videoElement_"+t);if(H().isSupported()){let t=null,i=e.live_url+".flv";t=H().createPlayer({type:"flv",isLive:!0,hasAudio:!1,poster:"https://dm-auto.oss-cn-shanghai.aliyuncs.com/mes-device/liucheng.jpg",url:i},{enableWorker:!1,enableStashBuffer:!0,reuseRedirectedURL:!0,lazyLoad:!1}),t.attachMediaElement(s),t.load(),t.on(H().Events.LOADING_COMPLETE,(()=>{t.play()})),t.on(H().Events.ERROR,(()=>{t.unload(),t.load()}))}else console.log("flvjs不支持");this.scrollToBottom(t)}))}),100))},scrollToBottom(e){this.$nextTick((()=>{const t=document.querySelector(".innerRefCom_"+e);t&&t.scrollIntoView({behavior:"smooth",block:"end"})}))},getWsResult(e){3==e.type&&this.list.forEach(((t,s)=>{t.eq_id&&t.eq_id==e.value.eq_id&&t.alert_event.push(e.value),setTimeout((()=>{this.scrollToBottom(s)}),100)}))}}},M=s(83744);const U=(0,M.Z)(K,[["render",O],["__scopeId","data-v-51f54629"]]);var V=U}}]);