| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-01e7f715"],{a1b11:function(e,t,a){},a264:function(e,t,a){"use strict";a("a1b11")},d16d:function(e,t,a){"use strict";a.r(t);var i=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("el-container",{staticStyle:{padding:"15px 10px"}},[i("el-header",{staticStyle:{padding:"0px",height:"35px"}},[i("div",{staticStyle:{display:"flex","justify-content":"space-between","align-items":"center"}},[i("div",{staticStyle:{display:"flex"}},[i("div",{staticStyle:{width:"100px",height:"32px",display:"flex","align-items":"center","justify-content":"center",cursor:"pointer"},style:{backgroundColor:1==e._videoType?"#2766dd":"",color:1==e._videoType?"#fff":""},on:{click:function(t){return e.navClick(1)}}},[e._v(" 实时监测 ")]),i("div",{staticStyle:{width:"100px",height:"32px",display:"flex","align-items":"center","justify-content":"center",cursor:"pointer"},style:{backgroundColor:2==e._videoType?"#2766dd":"",color:2==e._videoType?"#fff":""},on:{click:function(t){return e.navClick(2)}}},[e._v(" 回放视频 ")])]),e.videoType?i("div",[1==e.videoListType?i("img",{staticClass:"button-base",attrs:{src:a("c112")},on:{click:function(t){return e.videoListTypeChange(1)}}}):i("img",{staticClass:"button-base",attrs:{src:a("a280")},on:{click:function(t){return e.videoListTypeChange(1)}}}),0==e.videoListType?i("div",{staticClass:"button-base",staticStyle:{"background-color":"#017ebc"}}):i("img",{staticClass:"button-base",attrs:{src:a("a89f")},on:{click:function(t){return e.videoListTypeChange(0)}}}),0==e.videoListMagnify?i("img",{staticClass:"fangda",staticStyle:{"margin-right":"0"},attrs:{src:a("3740")},on:{click:e.videoFullScreen}}):e._e(),1==e.videoListMagnify?i("img",{staticClass:"fangda",staticStyle:{"margin-right":"10px"},attrs:{src:a("3740")},on:{click:e.fullScreenChange}}):e._e(),i("img",{staticClass:"fangda",staticStyle:{"margin-right":"10px"},attrs:{src:a("834d")},on:{click:function(t){return t.stopPropagation(),e.toggleFullScreen(t)}}})]):e._e()])]),i("el-main",{class:"className1",staticStyle:{padding:"0px",overflow:"auto"}},[1==e.videoListType?i("div",{ref:"fullscreenModule",staticClass:"videoDiv",class:{fullscreen:e.isFullScreen},staticStyle:{width:"100%",height:"100%",display:"flex","flex-wrap":"wrap","flex-direction":"row"}},e._l(4,(function(t,a){return i("div",{staticStyle:{width:"50%",height:"50%",float:"left",border:"5px solid #fff"}},[i("videoLine",{attrs:{"camera-code":e.checkboxArr[a]?e.checkboxArr[a].cameraCode:"",items:!1,"all-camera":e.getAllCamera}}),i("Video",{attrs:{src:e.checkboxArr[a]?e.checkboxArr[a].src:""}})],1)})),0):e._e(),0==e.videoListType?i("div",{ref:"fullscreenModule",staticClass:"videoDiv",class:{fullscreen:e.isFullScreen},staticStyle:{width:"100%",height:"100%"}},[i("videoLine",{attrs:{items:!1,"camera-code":e.cameraCode?e.checkboxArr[0].cameraCode:""}}),i("Video",{attrs:{src:e.checkboxArr[0].src}})],1):e._e()]),e.playbackModal.show?i("el-dialog",{attrs:{visible:e.playbackModal.show,"before-close":e.playbackModalClose,title:"视频详情",width:"900px"},on:{"update:visible":function(t){return e.$set(e.playbackModal,"show",t)}}},[i("div",[i("videoLine",{attrs:{"camera-code":e.cameraCode}}),i("div",{ref:"mse",staticStyle:{width:"100%"}})],1)]):e._e()],1)},o=[],c=a("ade3"),n=(a("99af"),a("a630"),a("d81d"),a("14d9"),a("a9e3"),a("3ca3"),a("2a1a")),l=a("1cdb"),s=a("093a"),r=a("6445"),d=(a("5a0c"),Object(c["a"])(Object(c["a"])(Object(c["a"])({name:"PalyAndPlayback",components:{videoLine:n["a"],videoPlayer:l["a"],Video:r["default"]},data:function(){return{isFullScreen:!1}},props:{videoType:{type:Number,default:function(){return 1}},checkboxArr:{type:Array,default:function(){return""}},getAllCamera:{type:Array,default:function(){return""}},cameraCode:{type:String,default:function(){return""}},alarmTime:{type:String,default:function(){return""}}},watch:{checkboxArr:{handler:function(e){console.log(e)},deep:!0},cameraCode:function(e){console.log(e,"111"),this.cameraCodeVideo=e},cameraCodeVideo:function(e){var t,a=this;null===(t=Object(s["o"])(e,!0))||void 0===t||t.then((function(e){a.src=e.data+"?"+Math.random()}))},videoType:function(e){this._videoType=e||1,this.handleSelect(this._videoType)},videoListType:function(){console.log(this.videoListType)}}},"data",(function(){var e=this;return{videoListType:0,_videoType:1,tableData:[],isTime:!1,src:"",cameraCodeVideo:"",pickerOptions:{onPick:function(t){console.log(t,"time"),e.minDate=t.minDate},disabledDate:function(t,a){return!(!e.minDate||e.getTIme(e.minDate)==e.getTIme(t))||t.getTime()>Date.now()}},cameraCodeUrl:"",emptyText:"",playbackModal:{show:!1,date:"",time:""}}})),"mounted",(function(){this.handleSelect(this._videoType),this._videoType=this.videoType})),"methods",{navClick:function(e){this._videoType=e,Array.from(document.querySelectorAll(".videoDiv video")).map((function(e){e.currentTime=0,e.play()})),this.$forceUpdate()},toggleFullScreen:function(){var e=this.$refs.fullscreenModule;this.isFullScreen?document.exitFullscreen():e.requestFullscreen(),this.isFullScreen=!this.isFullScreen},videoListTypeChange:function(e,t){this.numIndex=0,console.log("[视频切换11111111]",e),this.numberVideos=e,this.videoListType=e;var a=1===e?4:1;this.$emit("getType",e),setTimeout((function(){for(var e=0;e<a;e++){var t=Array.from(document.querySelectorAll(".el-menu .el-checkbox"))[e];t.querySelector("input").checked||t.click()}}),800)},getTIme:function(e){var t=new Date(e),a=t.getFullYear(),i=t.getMonth()+1,o=t.getDate(),c="".concat(a,"-").concat(i<10?"0"+i:i,"-").concat(o<10?"0"+o:o);return new Date(c).getTime()},handleSelect:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;console.log("[视频服务]tab切换",e),1!=e&&2!=e||(this._videoType=e,this.cameraCodeUrl="",this.cameraCodeVideo=this.cameraCode,this.tableData=[],this.playbackModal.time="",this.isTime=!1,this.videoListTypeChange(0,e)),this.$emit("tabChange",e)},playbackModalShow:function(){this.playbackModal.show=!0},playbackModalClose:function(){this.cameraCodeUrl="",this.cameraCodeVideo="",this.playbackModal.show=!1},timeChage:function(){var e=this;console.log("timeChage",this.playbackModal),this.playbackModal.date&&this.playbackModal.time.length>1&&Object(s["c"])({cameraCode:this.cameraCode,startTime:this.playbackModal.date+" "+this.playbackModal.time[0],entTime:this.playbackModal.date+" "+this.playbackModal.time[1]}).then((function(t){e.tableData=t.data||[],console.log(t,"res")}))},playbackModalSuccess:function(){this.playbackModal.show=!1},play:function(e){var t=this;this.playbackModal.show=!0,console.log(this.tableData),this.$nextTick((function(){var a={el:t.$refs.mse,url:e.url,fluid:!0,playnext:{urlList:t.tableData.map((function(e){return e.url}))},poster:"",plugins:[],isLive:!1,autoplay:!0,autoplayMuted:!0};a.plugins.push(FlvPlayer),t.player=new Player(a)}))},invite:function(e,t){var a=this;Object(s["h"])({cameraCode:this.cameraCode,startTime:e,entTime:t}).then((function(e){"200"==e.code&&e.data?(a.cameraCodeUrl=e.data,a.cameraCodeVideo=""):(a.cameraCodeUrl="",a.cameraCodeVideo="",a.$message.error(e.msg))}))}})),u=d,h=(a("a264"),a("2877")),p=Object(h["a"])(u,i,o,!1,null,null,null);t["default"]=p.exports}}]);
|
