logistics_web_package/js/chunk-022ae838.61253595.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-022ae838"],{"552c":function(t,e,a){"use strict";var i=a("9ab2"),o=a.n(i);o.a},"9ab2":function(t,e,a){var i=a("ee75");"string"===typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);var o=a("499e").default;o("2af05b3f",i,!0,{sourceMap:!1,shadowMode:!1})},d7ad:function(t,e,a){"use strict";a.r(e);var i=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"realTime bg-white"},[a("a-tabs",{attrs:{slot:"headerContent","default-active-key":"1"},on:{change:t.tabsChange},slot:"headerContent",model:{value:t.tabKey,callback:function(e){t.tabKey=e},expression:"tabKey"}},[a("a-tab-pane",{key:"0",attrs:{tab:"全部"}}),t._l(t.realTimeListData,(function(t,e){return a("a-tab-pane",{key:(e+1).toString(),attrs:{tab:t.streetName}})}))],2),a("div",{staticClass:"flex-layouts"},t._l(t.realTimeListData,(function(e,i){return a("div",{key:(i+1).toString(),staticClass:"video-list"},t._l(e.cameras,(function(o){return a("div",{key:o.id,staticClass:"video-item"},[(0==t.tabKey?0==t.tabKey:t.tabKey==(i+1).toString())?[a("object",{ref:"vlc",refInFor:!0,staticClass:"video-obj",staticStyle:{width:"390px",height:"219px"},attrs:{id:"video"+o.id,type:"application/x-vlc-plugin",events:"True",width:"100%",height:"100%",pluginspage:"http://www.videolan.org",codebase:"http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz"}},[a("param",{attrs:{name:"controls",value:"false"}}),a("param",{attrs:{name:"text",value:"正在加载视频中..."}}),a("param",{attrs:{name:"branding",value:"false"}}),a("param",{attrs:{name:"windowless",value:"true"}}),a("param",{attrs:{name:"fullscreen",value:"false"}}),a("param",{attrs:{name:"mrl",value:o.rtsp}}),a("param",{attrs:{name:"autoplay",value:"yes"}}),a("embed",{attrs:{type:"application/x-google-vlc-plugin"}})]),a("div",{staticClass:"video-name"},[a("iframe",{staticClass:"vlcIframe",staticStyle:{position:"absolute",visibility:"inherit",top:"0px",left:"0px",height:"100%",width:"100%","z-Index":"-1"}}),t._v(" "+t._s(e.streetName)+" "+t._s(o.name)+" ")]),a("div",{staticClass:"video-model"},[a("iframe",{staticClass:"vlcIframe",staticStyle:{position:"absolute",visibility:"inherit",top:"0px",left:"0px",height:"100%",width:"100%","z-Index":"-1"}}),a("div",{staticStyle:{width:"100%",height:"100%"},on:{click:function(e){return t.showModel(o)}}})])]:t._e()],2)})),0)})),0)],1)},o=[],n=(a("4160"),a("159b"),{name:"historyMonitoring",data:function(){return{realTimeListData:[],url:"722e6f04-bb3c-34b1-bcc7-ae9f6cd72e68",tabKey:"0",path:[],player:"",visible:!1,modelData:[]}},inject:["reload"],mounted:function(){console.log("index mounted执行了"),this.getRealTimeList(),null==sessionStorage.getItem("tabKey")&&sessionStorage.setItem("tabKey",0),this.tabKey=sessionStorage.getItem("tabKey")},destroyed:function(){if(this.$refs.vlc)for(var t=0;t<this.$refs.vlc.length;t++)try{this.$refs.vlc[t].playlist.stop()}catch(e){console.log(e)}},beforeRouteLeave:function(t,e,a){var i=this;console.log(this.$refs.vlc),this.$nextTick((function(){if(i.$refs.vlc){for(var t=0;t<i.$refs.vlc.length;t++)try{i.$refs.vlc[t].playlist.stop()}catch(e){console.log(e)}a(!0)}else a(!0)})),console.log("beforeRouteLeave")},methods:{getRealTimeList:function(){var t=this,e=this;this.$api.httpApi.getRealTimeList({data:{}}).then((function(a){console.log(a.data),200==a.code&&(t.realTimeListData=a.data,a.data.forEach((function(t){var a=e;t.cameras.forEach((function(t){a.playVideo("video"+t.id,t.rtsp)}))})))})).catch((function(t){console.log(t)}))},playVideo:function(t,e){this.$nextTick((function(){setTimeout((function(){var a=document.getElementById("".concat(t)),i=new Array(":network-caching=100"),o=a.playlist.add("".concat(e),"".concat(t),i);a.playlist.playItem(o),console.log(22222222222222),console.log(a)}),500)}))},tabsChange:function(t){console.log(t),sessionStorage.setItem("tabKey",t),this.reload()},showModel:function(t){var e=this;console.log(t),this.$nextTick((function(){e.$router.push({name:"realTimeMonitoringModel",query:{modelData:t}})}))}}}),l=n,s=(a("552c"),a("2877")),r=Object(s["a"])(l,i,o,!1,null,null,null);e["default"]=r.exports},ee75:function(t,e,a){var i=a("24fb");e=i(!1),e.push([t.i,".alarm .ant-form-item-label{text-align:left}.vxgplayer{margin:0!important}.realTime{padding:24px}.realTime-position,.realTime-position-box{display:flex;justify-content:space-between}.realTime-position-box{flex:1}.realTime-position-box-btns{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-start}.realTime-position-box-control{text-align:right;cursor:pointer;color:#55a4ff}.realTime-position-box-control .anticon{transform:rotate(0deg);transform-origin:center;transition:all .2s linear}.realTime-position-box-control .anticon-rotate{transform:rotate(180deg)}.realTime .flex-layouts{display:flex;width:1630px;flex-wrap:wrap}.realTime .video-list{display:flex}.realTime .video-list .video-item{display:flex;width:100%;height:219px;position:relative;margin:3px;cursor:pointer;z-index:10}.realTime .video-list .video-item .video-name{position:absolute;top:15px;left:15px;color:#ffda62;font-weight:600;font-size:16px;z-index:10}.realTime .video-list .video-item .video-model{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}",""]),t.exports=e}}]);