1 line
10 KiB
JavaScript
1 line
10 KiB
JavaScript
|
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-1a3a5d01","chunk-688a2787"],{"0aa9":function(t,e,i){"use strict";i("dfc8")},"14f8":function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"device-inline-video",attrs:{"element-loading-background":"#ffff"}},[i("el-row",{directives:[{name:"show",rawName:"v-show",value:t.total>0,expression:"total > 0"}],attrs:{gutter:10}},t._l(t.sipList,(function(e,n){return i("el-col",{key:n,staticStyle:{"margin-bottom":"10px"},attrs:{id:"deviceVideoCol",span:8}},[i("div",{staticClass:"video"},[i("player",{ref:"player_"+n,refInFor:!0,attrs:{playerinfo:{playtype:"play",deviceId:e.deviceSipId,channelId:e.channelId}}}),1===e.status?i("span",{staticClass:"status",staticStyle:{color:"#ffba00"}},[t._v(t._s(t.$t("home.notActive")))]):t._e(),2===e.status?i("span",{staticClass:"status",staticStyle:{color:"#ff4949"}},[t._v(t._s(t.$t("home.disabled")))]):t._e(),4===e.status?i("span",{staticClass:"status",staticStyle:{color:"#909399"}},[t._v(t._s(t.$t("home.offline")))]):t._e(),3===e.status?i("i",{staticClass:"el-icon-caret-right btn",on:{click:function(i){return t.handlePlay(i,e,n)}}}):t._e()],1)])})),1),0===t.total?i("el-empty",{attrs:{description:t.$t("device.inline-video.986754-0")}}):t._e(),i("pagination",{directives:[{name:"show",rawName:"v-show",value:t.total>0,expression:"total > 0"}],attrs:{total:t.total,page:t.pageNum,limit:t.pageSize,pageSizes:[9,18,27,36]},on:{"update:page":function(e){t.pageNum=e},"update:limit":function(e){t.pageSize=e},pagination:t.getSipList}})],1)},a=[],s=i("5530"),o=(i("fb6a"),i("d3b7"),i("159b"),i("2f62")),l=i("97d6"),r=i("e2de"),c={name:"DeviceInlineVideo",components:{player:l["default"]},props:{sipRelationList:{type:Array,default:function(){return[]}}},watch:{sidebarStatus:function(){this.calculatePlayerHeight()},sipRelationList:{handler:function(t,e){t&&0!==t.length&&(this.total=t.length,this.tempSipList=this.sipRelationList)},deep:!0}},computed:Object(s["a"])(Object(s["a"])({},Object(o["c"])({sidebarStatus:function(t){return t.app.sidebar.opened}})),{},{sipList:function(){var t=(this.pageNum-1)*this.pageSize,e=t+this.pageSize;return this.sipRelationList.slice(t,e)}}),data:function(){return{loading:!1,pageNum:1,pageSize:9,total:0,tempSipList:[]}},mounted:function(){this.calculatePlayerHeight(),window.addEventListener("resize",this.calculatePlayerHeight,!0),this.tempSipList=this.sipRelationList,this.total=this.sipRelationList.length},methods:{calculatePlayerHeight:function(){var t=this;t.loading=!0,setTimeout((function(){t.sipList&&t.sipList.forEach((function(e,i){var n=t.$refs["player_".concat(i)][0].$refs.container,a=document.getElementById("deviceVideoCol").offsetWidth;n.style.width=a?a-10+"px":"300px",n.style.height="230px"})),t.loading=!1}),100)},getSipList:function(t){this.pageNum=t.page,this.pageSize=t.limit},handlePlay:function(t,e,i){var n=this;Object(r["k"])(e.deviceSipId,e.channelId).then((function(e){200===e.code&&(n.$refs["player_".concat(i)][0].isInit||n.$refs["player_".concat(i)][0].init(),n.tempSipList[i].streamId=e.data.streamId,n.tempSipList[i].playurl=e.data.playurl,n.$refs["player_".concat(i)][0].play(e.data.playurl),t.target.style.visibility="hidden")}))},handleClose:function(){if(this.sipList&&0!==this.sipList.length){var t=this;this.sipList.forEach((function(e,i){t.tempSipList[i].streamId&&Object(r["c"])(e.deviceSipId,e.channelId,t.tempSipList[i].streamId).then((function(t){})),t.$refs["player_".concat(i)][0]&&t.$refs["player_".concat(i)][0].close()}))}}},destroyed:function(){this.handleClose()}},u=c,p=(i("0aa9"),i("2877")),d=Object(p["a"])(u,n,a,!1,null,"43305f81",null);e["default"]=d.exports},5169:function(t,e,i){"use strict";i("bdbe")},"97d6":function(t,e,i){"use strict";i.r(e);var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"root"},[i("div",{staticClass:"container-shell"},[i("div",{ref:"container",attrs:{id:"container"}})])
|