(window["webpackJsonp_"]=window["webpackJsonp_"]||[]).push([["chunk-7f2f3971"],{"017a":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABqUlEQVRYR+2WzStEURjG3+cwPhoLrCRKYYE/gbKxEXc2ipRsFAtxZ2FhMyU2bDSThcLOxsZmbihRsvQP2LBBSrEQ0TD3PDKSb2duM9zNPcv7vM/7/s7T7ZwD8XnB5/kSAAQJZBIoSC50EnpJyJqcfkrgDFTDbmRsK9s+GQDlJE5zHv46ETjTll3rDSAZZ7YGYx1wpy07rJz4lVAqf6oHsOFadvdLAvkEEDlqqq9uOTw+T5lgdSSKNwCAAPtiXfb6FKBN5le9ZGux7iGd2hRK0/M3iOwXFYcGUqnHE1OPjwCCCx2xq0ym7/RCJzGtyVgGAFhT5LwrcmDq9QlABAojsa7xlVwSUMA8BXukTnoGMBmy0pVMgLgmuWyq/5KAyZCNDoV+Eg1CPWOq/xMAVVDYTu32khz1BSBUFGpMP6ZnSfb4AlCF0vAF77cp0uoHwLWORMuVkzgSsv7/ASCH2oo2Kyd+K5TwbwB/chQD2HUtu8O08/d6Xu8CAKuuZQ96B8jXdazUpO4en/MMkPODBJIGsVNRWdZ72TZ04xnAiyHftcGjNEggSMD3BJ4AfT/FIZOTAqYAAAAASUVORK5CYII="},1437:function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABp0lEQVQ4T63TP2hTURgF8HNeGug/6ODkLNjOXUo79CUREZRKk5fSJTdDcXAUJ43WRQMGHKROpYg0ydI2SYuCSKHvvRbqKrSDCs6OUuqfQvG9o7ymYjAEQr3r993fPXz3XuKMi2fcj3+A8pqbQYyjBFtqhKRQeyabWv370Jamat1PCypJ+NguGcmLsDhv0vYfpAWo1L11Qk9yTmq3HVCuuWMA7+ezyanTegRUNrYnKA0pxFPjJIY7zaVS8z4I1m324MBM229PgLq/BShF8EsAzcaC4HNbJG6dV8gVAOcAusZJXIqAcs29QvJNNzciWdfyWft1M4F3A8ASgIDANwFDbTHxENQAgBiAm8ZJLjYBtwCwCHLuR/zrSv/x4CcB83kn+TxK2PBnKD3T9+MLHOx1oHAZ4APjJB6eAkWABZILotYR8iWAd5T2oyTEsIRxK86p4KeuE7gFoGSc5J0ToOEXIRW6mQGIksk0gWrDeyThHoBdHh1d7QSpr/cVwEnSepzL2HejBC9q3kjcQg60dnJpe7PjO2j4l6EwIcaq+Yz9/v9/pq7m8Lv5F1QqmhFXbjhBAAAAAElFTkSuQmCC"},"20b3":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABAUlEQVQ4T5XSsUpDQRCF4f8oKIilhZDXsLNSCKRVNLEyWBgIYm9jF7ASBEFrrRJFLNMkQQvBpxDt7AMWFh5ZWSGRu152u4GZb2eGEYDtc2Ak6T7EOU+2F4Ee8AR0M4rfJX0E4AxoA3MZxSH1WlJTcYQbYDsTuJVULwJegCHQLOkqCWxJurMd9tH4p6sk8BCX2QGWJoAvYGYiTgKpT/eBKlCPCUlgDJwCoaASkweSqrZrQL8MOJB0YXse2ANawKakV9uzwFuECzt4BNYkOTWH7RPgCCgEjoHnkntYAQKSvcS/7hRwBexmXuIncPl7iQvAcgawA6yGQ/sBcp/tDWBd0uE3qFN0p++/4QgAAAAASUVORK5CYII="},"28db":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB3UlEQVQ4T6WSP2hTURTGf+e+F0tEpVZUsCAI/plEEHUL9dmOrdgXi4a2BumgCN0cVByCUAdnQXQQ0rwiPvoC1uBibWI7SAcpdVNUqDgpxckamzRHEkxMQ6Ap3vV+3+989ztX+M8jm/F73osdhc7w6mXHyVd9LQESCTUHj+aeKpxH+N0e2t7R13dipQzZEOClszdA+lX1FLAIsvipQ0cSjlNsCaCq8iiTCW8tbHuHsjAcdQbqn71hgqo4FeSSoBdKstYZd3uWax0k09O7LELXldI6mKArQ+6ZO/8AM7dAxjCMDvc792sA31crb08fNkVZD7Da8oPRyOeqcDydGxBVH1gwbXb3YG/kR6UDL529qsqDZusMiX3kohv5UL7zgtxNRe/+1Snw1ojcEy/IvlToaQYQ4faQ64x5Qe6kom8Aq6pT+G6QKzKRfu2WtBSAfAEtxzpWBytPKq/L1MxKAZhF6ALzTJJTc/tNobhkMF07w/vml399/Vk/qTGZijy+5J4eGQ9mJoyY3kpxqSA7idAuyJKqxhHipWJxrtFsbDuDyl7gIeg14GMF4Pv+llV7dww4ZBn7eexcZL5ZJ6lg9jisTQIHEN5bdija8keqlacqT6Ze7Ymd7f4mIrppQGOyP1N+prkmr8O7AAAAAElFTkSuQmCC"},3067:function(e,t,a){"use strict";a("6e08")},"35cc":function(e,t,a){e.exports={elInputWidth:"200px",elInputNumberWidth:"200px",elTextareaWidth:"300px",elSelectWidth:"200px",appHeaderBg:"#014051",appIconBg:"#6758f3",appIconColor:"#fff",appIconSize:"30px",appNameColor:"#fff",appNameSize:"30px"}},39603:function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACSklEQVQ4T5VTTUhUYRQ9582P855K1lhEiyEi0G1Bq4p2LqJNFBYEBQmD+r6BMewH+vFZBIGGA++JIiEULUqKNtGiaCFFm6C2/VDELFqEU4bOe+ObnxtvnJFJlOwuPvjuvedw7rlcYlUs9PZuC4XDp0SkC2SiWiazJF+Uff9+6+Tkj0YIGz+LpnkOgEWyFUAJwPdafQeAMEUWKpo23GLbt+u4FYK8UncA9BDICnB9yfcfbZma+h00/kwmNzVFo8cJXBMgAXK62bZ7quKCx1VqUIARArN+uXy0bWLi1+rRgv98X9/maCj0RIBDJC8Ytj3Cxf7+7ZqmfQY5p4dCe5jJzK8FrucknW7zyuX3IrLVqFR20zXNi0LeEvJMi23fqypKpV6JyIG/zCJfG7Z9MMgtplKnKXKX5CW6Sr0UYL8Ri8U5OpoPGvJKyVoqmh2nOrIMDja7hUKO5BvmTfMLyZLhOB110L8IqiqU+kSRUKDgK0R8Y3y8838IXNP8ADIaEMwC2KdHInGOjXkbGmFgQPeKxRyAt/RSqSsVkRsEThqO83AjJrpKnRDggUZepZtMJiQS+Ugyq8die+tGrrfKwECvUHgnIgkWix1VVz2lrAowBOCZEYt1r0dSc38GwGENGNYdx1pei2Vp3tzcjADHCATmXNbj8ae0LL9Wj3q53BGI3BSgk8Bjvb29m5ZVWbmFgMTN5YYpcl6ApmBTEPlau8ZdAFoILAk5YsTjQwF45RYa5/XS6Z2VUuksgC4Eh7McWQDPtXB4Ws9kvjX2/wFlWwHwQoyNMQAAAABJRU5ErkJggg=="},"3db9":function(e,t,a){e.exports={elInputWidth:"200px",elInputNumberWidth:"200px",elTextareaWidth:"300px",elSelectWidth:"200px",appHeaderBg:"#014051",appIconBg:"#6758f3",appIconColor:"#fff",appIconSize:"30px",appNameColor:"#fff",appNameSize:"30px"}},4545:function(e,t,a){"use strict";a("6cef")},"4aa1":function(e,t,a){"use strict";a.r(t);var i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"video-page-container"},[a("div",{staticClass:"layout-left-container"},[e._m(0),a("el-tabs",{model:{value:e.activeTab,callback:function(t){e.activeTab=t},expression:"activeTab"}},[a("el-tab-pane",{attrs:{label:"全部资源",name:"all-list"}}),a("el-tab-pane",{attrs:{label:"我的分组",name:"my-list"}})],1),"all-list"===e.activeTab?[a("div",{staticClass:"video-radio-total"},[a("el-radio-group",{model:{value:e.cameraSelectStatus,callback:function(t){e.cameraSelectStatus=t},expression:"cameraSelectStatus"}},e._l(e.cameraRadioData,(function(t,i){return a("el-radio-button",{key:i,attrs:{label:t.value}},[e._v(" "+e._s(t.label)+" ")])})),1)],1),a("div",{staticClass:"camera-cascade-container"},[a("el-input",{staticClass:"camera-search-input",attrs:{placeholder:"搜索摄像机名称","prefix-icon":"el-icon-search"},model:{value:e.searchDeviceName,callback:function(t){e.searchDeviceName=t},expression:"searchDeviceName"}})],1),a("device-tree",{staticClass:"area-device-container",attrs:{deviceStatus:e.cameraSelectStatus,searchDeviceName:e.searchDeviceName},on:{playVideo:e.handlePlayVideo,handlePtzControl:e.handlePtzControl}})]:[a("my-group",{on:{playVideo:e.handlePlayVideo,startLoop:e.handleStartLoop,stopLoop:e.handleStopLoop,pageDevice:e.handlePageDevice}})]],2),a("div",{staticClass:"layout-right-container"},[a("div",{staticClass:"mode-container"},[a("div",{staticClass:"mode-item",class:{"mode-active":0===e.showMode},on:{click:function(t){return e.selectMode(0)}}},[a("svg-icon",{staticClass:"noraml-icon icon-active",attrs:{name:"mode-screen",title:"分屏模式"}}),a("span",{staticClass:"title title-active"},[e._v("分屏")])],1),a("div",{staticClass:"mode-item",class:{"mode-active":1===e.showMode},on:{click:function(t){return e.selectMode(1)}}},[a("svg-icon",{staticClass:"noraml-icon icon-active",attrs:{name:"mode-map",title:"地图模式"}}),a("span",{staticClass:"title title-active"},[e._v("地图")])],1)]),0===e.showMode?a("div",{staticClass:"player-container"},[a("div",{staticClass:"cameraHeadContainer"},[a("div",{staticClass:"screen-icon-container"},[a("svg-icon",{staticClass:"camera-icon ",class:{"camera-icon-active":1===e.videoMode},attrs:{name:"video-one",title:"切换一分屏"},on:{click:function(t){return e.handleShiftScreen(1)}}}),a("svg-icon",{staticClass:"camera-icon",class:{"camera-icon-active":2===e.videoMode},attrs:{name:"video-four",title:"切换四分屏"},on:{click:function(t){return e.handleShiftScreen(2)}}}),a("svg-icon",{staticClass:"camera-icon ",class:{"camera-icon-active":3===e.videoMode},attrs:{name:"video-nine",title:"切换九分屏"},on:{click:function(t){return e.handleShiftScreen(3)}}}),a("div",{staticClass:"icon-gutter camera-icon"}),a("svg-icon",{staticClass:"camera-icon",class:{"camera-icon-active":e.isFullscreen},attrs:{name:"video-fullScrueen"},on:{click:e.handleFullScreen}})],1)]),0===e.showMode&&e.playShowFlag?a("main-player",{ref:"playerRef",attrs:{id:"rightContainer",mode:e.videoMode,loopDevices:e.loopDevices,isScreenFull:e.isFullscreen},on:{onWinSwap:e.handleOnWinSwap,dropDevice:e.handleDropDevice,closeStream:e.handleCloseStream}}):e._e()],1):e._e(),1===e.showMode?a("div",{staticClass:"mapContainer"},[a("map-mode",{on:{mapPlay:e.handleMapPlay}})],1):e._e(),2===e.showMode?a("SnapMode"):e._e()],1)])},n=[function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("header",{staticClass:"video-total-title"},[i("img",{attrs:{src:a("c59e")}}),i("span",[e._v("视频资源")])])}],r=a("c973"),o=a.n(r),c=a("970b"),s=a.n(c),l=a("5bc3"),u=a.n(l),p=a("ed6d"),d=a.n(p),v=a("6b58"),f=a.n(v),h=a("36c6"),g=a.n(h),m=a("a34a"),y=a.n(m),A=a("9ab4"),C=a("60a3"),x=a("93bf"),b=a.n(x),k=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"deviceTreeContainer"},[a("div",{staticClass:"deviceListContainer area-flex"},[a("div",{staticClass:"deviceTitle",style:{cursor:"pointer"},on:{click:e.handleClickAreaTitle}},[e._m(0)]),e.areaTree.length>0?a("el-tree",{staticClass:"areaListContainer",style:{height:"calc(100% - 32px)"},attrs:{data:e.areaTree,props:e.defaultProps},on:{"node-click":e.handleAreaClick},scopedSlots:e._u([{key:"default",fn:function(t){var i=t.node,n=t.data;return a("div",{staticClass:"custom-tree-node"},[a("svg-icon",{staticClass:"icon-area",attrs:{name:"area"}}),a("span",[e._v(e._s(i.label))]),a("span",{staticClass:"totalWrap"},[e._v("( "),a("span",{style:{color:"#02B290",fontSize:"medium"}},[e._v(e._s(n.onlineTotal||0))]),e._v(" /"+e._s(n.total||0)+")")])],1)}}],null,!1,4108600245)}):a("qz-no-data",{style:{height:"calc(100% - 32px)"}})],1),a("cameraList",{directives:[{name:"loading",rawName:"v-loading",value:e.deviceLoading,expression:"deviceLoading"}],attrs:{dropDeviceHeight:e.dropDeviceHeight,deviceCountMap:e.deviceCountMap,dragFlag:!0,deviceList:e.deviceList,deviceProps:e.deviceProps},on:{handleMouseDown:e.handleMouseDown,handleClickDevice:e.handleClickDevice}}),a("cloud-plate",{ref:"cloudPlateRef",attrs:{id:"cloudPlateId"},on:{handlePtzControl:e.handlePtzControl},model:{value:e.activeNames,callback:function(t){e.activeNames=t},expression:"activeNames"}})],1)},S=[function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"camera-count-container"},[i("img",{attrs:{src:a("8a98"),alt:""}}),i("span",{staticClass:"title"},[e._v("区域分组")])])}],I=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"cloud-plate-container"},[i("el-collapse",{on:{change:e.handeChange},model:{value:e.activeNames,callback:function(t){e.activeNames=t},expression:"activeNames"}},[i("el-collapse-item",{attrs:{name:"1",disabled:!e.cloudDiasbled}},[i("template",{slot:"title"},[i("img",{staticClass:"plate-title-img",attrs:{src:a("c0dd")}}),e._v("视频云台功能 ")]),i("div",{staticClass:"option-container-container"},[i("div",{staticClass:"steering-container"},[i("ul",{staticClass:"pie"},[i("li",{staticClass:"slice-one slice",on:{click:function(t){return e.handleptzControl(2)}}},[i("svg-icon",{staticClass:"video-plate-arrow svg-arrow-unactive",attrs:{name:"cloud-plate-arrow"}})],1),i("li",{staticClass:"slice-two slice",on:{click:function(t){return e.handleptzControl(1)}}},[i("svg-icon",{staticClass:"video-plate-arrow svg-arrow-unactive",attrs:{name:"cloud-plate-arrow"}})],1),i("li",{staticClass:"slice-three slice",on:{click:function(t){return e.handleptzControl(0)}}},[i("svg-icon",{staticClass:"video-plate-arrow svg-arrow-unactive",attrs:{name:"cloud-plate-arrow"}})],1),i("li",{staticClass:"slice-four slice",on:{click:function(t){return e.handleptzControl(7)}}},[i("svg-icon",{staticClass:"video-plate-arrow svg-arrow-unactive",attrs:{name:"cloud-plate-arrow"}})],1),i("li",{staticClass:"slice-five slice",on:{click:function(t){return e.handleptzControl(6)}}},[i("svg-icon",{staticClass:"video-plate-arrow svg-arrow-unactive",attrs:{name:"cloud-plate-arrow"}})],1),i("li",{staticClass:"slice-six slice",on:{click:function(t){return e.handleptzControl(5)}}},[i("svg-icon",{staticClass:"video-plate-arrow svg-arrow-unactive",attrs:{name:"cloud-plate-arrow"}})],1),i("li",{staticClass:"slice-seven slice",on:{click:function(t){return e.handleptzControl(4)}}},[i("svg-icon",{staticClass:"video-plate-arrow svg-arrow-unactive",attrs:{name:"cloud-plate-arrow"}})],1),i("li",{staticClass:"slice-eight slice",on:{click:function(t){return e.handleptzControl(3)}}},[i("svg-icon",{staticClass:"video-plate-arrow svg-arrow-unactive",attrs:{name:"cloud-plate-arrow"}})],1),i("div",{staticClass:"center"},[i("div",{staticClass:"inner-border",class:{autoScanStatus:e.autoScanFlag},on:{click:e.handleAutoScan}},[i("svg-icon",{staticClass:"inner-restart",attrs:{name:"video-plate-restart"}})],1)])])]),i("div",[i("div",{style:{marginBottom:"16px"}},[i("div",{staticClass:"action-container"},[i("div",{staticClass:"icon-container",on:{click:function(t){return e.handleOpt(11,!1)}}},[i("i",{staticClass:"el-icon-minus"})]),i("div",{staticClass:"text-container"},[e._v("视野")]),i("div",{staticClass:"icon-container",on:{click:function(t){return e.handleOpt(11,!0)}}},[i("i",{staticClass:"el-icon-plus"})])])]),i("div",{style:{marginBottom:"16px"}},[i("div",{staticClass:"action-container"},[i("div",{staticClass:"icon-container",on:{click:function(t){return e.handleOpt(10,!1)}}},[i("i",{staticClass:"el-icon-minus"})]),i("div",{staticClass:"text-container"},[e._v("光圈")]),i("div",{staticClass:"icon-container",on:{click:function(t){return e.handleOpt(10,!0)}}},[i("i",{staticClass:"el-icon-plus"})])])]),i("div",[i("div",{staticClass:"action-container"},[i("div",{staticClass:"icon-container",on:{click:function(t){return e.handleOpt(12,!1)}}},[i("i",{staticClass:"el-icon-minus"})]),i("div",{staticClass:"text-container"},[e._v("聚焦")]),i("div",{staticClass:"icon-container",on:{click:function(t){return e.handleOpt(12,!0)}}},[i("i",{staticClass:"el-icon-plus"})])])])])])],2)],1)],1)},w=[];function D(e){var t=R();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function R(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O=function(e){d()(a,e);var t=D(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.viewNum=0,e.apertureNum=0,e.focusNum=0,e.autoScanFlag=!1,e}return u()(a,[{key:"activeNames",get:function(){return this.value},set:function(e){}},{key:"currentSelectWin",get:function(){return this.$store.state.video.currentSelectWin}},{key:"deviceMap",get:function(){return this.$store.state.video.playerDeviceMap}},{key:"cloudDiasbled",get:function(){return this.deviceMap[this.currentSelectWin]&&0===this.deviceMap[this.currentSelectWin].fromDcm}},{key:"cloudDiabledWatcher",value:function(e){e||this.closeCloudPlate()}},{key:"deviceMapw",value:function(e){}},{key:"handleptzControl",value:function(e,t){this.$emit("handlePtzControl",e,t||8)}},{key:"handleOpt",value:function(e,t){t?this.$emit("handlePtzControl",e,8):this.$emit("handlePtzControl",e,-8)}},{key:"handleViewControl",value:function(){this.handleptzControl(11,this.viewNum)}},{key:"handleZoomControl",value:function(){this.handleptzControl(10,this.apertureNum)}},{key:"handleFocusControl",value:function(){this.handleptzControl(12,this.focusNum)}},{key:"handleAutoScan",value:function(){this.autoScanFlag=!this.autoScanFlag,this.autoScanFlag?this.handleptzControl(8):this.handleptzControl(9)}},{key:"handeChange",value:function(e){this.$emit("input",e)}},{key:"closeCloudPlate",value:function(){this.$emit("input",[])}},{key:"mounted",value:function(){}}]),a}(C["d"]);A["a"]([Object(C["b"])({type:Array,required:!0})],O.prototype,"value",void 0),A["a"]([Object(C["e"])("cloudDiasbled",{immediate:!0})],O.prototype,"cloudDiabledWatcher",null),A["a"]([Object(C["e"])("deviceMap",{immediate:!0,deep:!0})],O.prototype,"deviceMapw",null),O=A["a"]([Object(C["a"])({})],O);var B=O,M=B,T=(a("e209"),a("2877")),E=Object(T["a"])(M,I,w,!1,null,null,null),P=E.exports,L=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"deviceListContainer device-height",style:e.dropDeviceHeight,attrs:{id:"deviceListId"}},[i("div",{staticClass:"deviceTitle"},[i("div",{staticClass:"camera-count-container"},[i("img",{attrs:{src:a("5e4f"),alt:""}}),i("span",{staticClass:"title"},[e._v("摄像机列表")]),i("div",{staticClass:"onlinePoint",style:{background:"#02B290"}}),i("span",{staticClass:"onLineTotal"},[e._v(e._s(e.deviceCountMap.onlineTotal))]),i("div",{staticClass:"onlinePoint",style:{background:"#A3ADBF"}}),i("span",{staticClass:"offLineTotal"},[e._v(e._s(e.deviceCountMap.offlineTotal))])]),e.dragFlag?i("svg-icon",{staticClass:"icon-drap",attrs:{name:"drap",id:"moveIconId"},nativeOn:{mousedown:function(t){return e.handleMouseDown(t)}}}):e._e()],1),e.deviceTree.length>0?i("el-tree",{staticClass:"deviceTree-height",attrs:{data:e.deviceTree,props:e.deviceProps},scopedSlots:e._u([{key:"default",fn:function(t){var a=t.node,n=t.data;return n.children?i("div",{staticClass:"custom-tree-node"},[i("svg-icon",{staticClass:"icon-nvr",attrs:{name:"nvr_online"}}),i("span",[e._v(e._s(a.label))])],1):i("div",{staticClass:"custom-tree-node_bottom",attrs:{draggable:!0},on:{dblclick:function(t){return e.handleClickDevice(n)},dragstart:function(t){return e.handleDragStart(t,n)},dragend:e.handleDragEnd}},[i("img",{staticClass:"icon-camera",attrs:{src:e.getDeviceSrc(a,n)}}),i("span",[e._v(e._s(a.label))]),i("span",{staticClass:"icon-actions icon-Show",style:{right:e.moveFlag?"74px":"15px"}},[i("svg-icon",{attrs:{name:"playback"},on:{click:function(t){return e.handlePlayBack(n)}}}),e.moveFlag?i("svg-icon",{attrs:{name:"group-up"},on:{click:function(t){return e.moveUp(n)}}}):e._e(),e.moveFlag?i("svg-icon",{attrs:{name:"group-down"},on:{click:function(t){return e.moveDown(n)}}}):e._e()],1)])}}],null,!0)}):i("qz-no-data"),i("view-back-dialog",{ref:"playBackref",attrs:{deviceInfo:e.viewBackDevice}})],1)},N=[],j=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("el-dialog",{staticClass:"view-player-dialog",attrs:{title:e.title,"destroy-on-close":"",visible:e.dialogVisible,width:"930"},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("view-player",{style:{height:"480px"},attrs:{deviceInfo:e.deviceInfo}})],1)},W=[],F=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"player-block",attrs:{id:e.playId},on:{dblclick:e.handleFullScreen}},[a("div",{staticClass:"video-header"},[a("div",{staticClass:"title"},[e._v(e._s(e.deviceInfo.deviceName||""))]),a("div",{staticClass:"status"},[a("svg-icon",{staticClass:"icon-playback",attrs:{name:"playback"}}),e._v("历史视频 ")],1)]),a("div",{staticClass:"playback-contrainer"},[a("VodPlayer",{ref:"qzPlayer",attrs:{themeType:"dark",layoutRule:e.layoutRule},on:{load:e.onload}}),a("div",{staticClass:"datetime-select"},[a("div",[a("label",{attrs:{for:""}},[e._v("选择日期")]),a("el-date-picker",{attrs:{type:"datetimerange",format:"yyyy-MM-dd HH:mm:ss",valueFormat:"'yyyy-MM-dd HH:mm:ss",clearable:!0,"prefix-icon":"el-icon-date",size:"small","default-time":["00:00:00","23:59:59"],"start-placeholder":"开始日期","end-placeholder":"结束日期"},on:{change:e.cpmfirmDate},model:{value:e.dateTime,callback:function(t){e.dateTime=t},expression:"dateTime"}},[a("div",{staticClass:"custome-separator",attrs:{slot:"range-separator"},slot:"range-separator"},[e._v("→")])])],1),a("div",{staticClass:"action-icons"},[a("el-button",{on:{click:e.captureSnap}},[a("svg-icon",{staticClass:"noraml-icon",attrs:{name:"video-capture",title:"抓拍截图"}}),e._v(" 抓拍截图 ")],1),a("el-button",{on:{click:e.searchSnap}},[a("svg-icon",{staticClass:"noraml-icon",attrs:{name:"search-snap",title:"智能检索"}}),e._v(" 智能检索 ")],1)],1)])],1)])},z=[],V=a("fca5"),Q=a.n(V),G=a("0613"),U=(a("d991"),a("c3c6"),a("cfcf"),a("b621"),a("ae64"),a("39603"),a("20b3"),function(e,t,a){var i=H(t);i[e].appendChild(a)}),q=function(e,t){var a=H(t),i=a[e].getElementsByClassName("capture-pic")&&a[e].getElementsByClassName("capture-pic")[0];i&&i.parentNode&&i.parentNode.removeChild(i)},H=function(e){var t=document.getElementById(e),a=[];return t&&(a=t.getElementsByClassName("vatwin")),a},Y=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"capture-pic"},[a("img",{ref:"cropImg",attrs:{src:e.url,id:e.url}})])},J=[],K=a("bab4"),Z=a.n(K);a("4604");function X(e){var t=_();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function _(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var $="https://img2.baidu.com/it/u=2416823291,3129149989&fm=26&fmt=auto&gp=0.jpg",ee=(a("e914"),a("f5f0")),te=(a("1437"),a("28db"),function(e){d()(a,e);var t=X(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.cropper=null,e.getAllPlayerVatwin=H,e.actions=[{html:'\n
搜人脸
'),click:e.search,value:"face"}],e}return u()(a,[{key:"mounted",value:function(){this.initCropper()}},{key:"search",value:function(e){var t=this.cropper.getCroppedCanvas().toDataURL("image/jpeg");localStorage.setItem("searchImg",t),localStorage.setItem("seatchImgType",e),localStorage.setItem("deviceList",JSON.stringify([this.device])),window.open("/sub-snap-front#/search/index?code=".concat(Math.round(1e7*Math.random()),"-video-deviceList"),"_blank")}},{key:"initCropper",value:function(){var e=this;this.cropper=new Z.a(this.cropImgRef,{checkCrossOrigin:!0,viewMode:3,autoCrop:!1,modal:!1,guides:!1,background:!1,center:!1,ready:function(){e.$nextTick((function(){e.addActions()}))},cropstart:function(t){console.log(t);e.cropper.getCropBoxData(),t.target.cropper.cropper.querySelector(".crop-actions")},cropend:function(t){var a=parseInt(t.target.cropper.cropper.style.width),i=e.cropper.getCropBoxData(),n=t.target.cropper.cropper.querySelector(".crop-actions");n.style.display="block",i.left+i.width+110>=a?(n.style.right="",n.style.left="-112px"):(n.style.left="",n.style.right="-112px")}})}},{key:"addActions",value:function(){var e=document.querySelector("#".concat(this.playerId)),t=e.querySelector("[windex = '".concat(this.wIndex,"']")),a=t.querySelector(".cropper-crop-box");if(a){var i=document.createElement("div");i.setAttribute("class","crop-actions"),i.style.display="none",this.actions.map((function(e){var t=document.createElement("div");t.setAttribute("class","crop-actions-contrainer"),t.innerHTML=e.html,t.addEventListener("click",(function(t){t.stopPropagation(),e.click(e.value)})),i.appendChild(t)})),a.appendChild(i)}}},{key:"removeActions",value:function(){var e=this.getAllPlayerVatwin(this.playerId)[this.wIndex],t=e.querySelector(".cropper-crop-box");t&&t.removeChild(document.querySelector(".crop-actions"))}},{key:"cancelCropper",value:function(){this.cropper.destroy(),this.cropper=null}},{key:"destroyed",value:function(){this.cancelCropper(),localStorage.removeItem("searchImg"),localStorage.removeItem("seatchImgType"),localStorage.removeItem("deviceList")}}]),a}(C["d"]));A["a"]([Object(C["c"])("cropImg")],te.prototype,"cropImgRef",void 0),A["a"]([Object(C["b"])({default:$})],te.prototype,"url",void 0),A["a"]([Object(C["b"])()],te.prototype,"wIndex",void 0),A["a"]([Object(C["b"])()],te.prototype,"playerId",void 0),A["a"]([Object(C["b"])()],te.prototype,"device",void 0),te=A["a"]([Object(C["a"])({components:{}})],te);var ae=te,ie=ae,ne=(a("751d"),Object(T["a"])(ie,Y,J,!1,null,null,null)),re=ne.exports,oe=a("85db");function ce(e){var t=se();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function se(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var le=function(e){d()(a,e);var t=ce(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.layoutRule={cellCount:1,rules:[{row:0,col:0,mergeSpan:0}]},e.playId="",e.isDcs=!0,e.addCapturePic=U,e.removeCapturePic=q,e.picVue=null,e.playerId="playerBackId",e.pic=re,e.dateTime=[],e.showPlayer=!0,e}return u()(a,[{key:"playDevice",get:function(){return Object.assign({},this.deviceInfo,{url:1==this.deviceInfo.fromDcm?this.deviceInfo.cameraVodRtspUrl:this.deviceInfo.mainUrl,name:this.deviceInfo.deviceName,autoPlay:!0,viewType:1})}},{key:"playerServer",get:function(){return this.$store.state.video.playerServer}},{key:"onload",value:function(e){e.code}},{key:"picComputed",get:function(){if(this.pic instanceof Object)try{var e=C["d"].extend(this.pic);return console.log(this.pic),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",a=arguments.length>1?arguments[1]:void 0,i=arguments.length>2?arguments[2]:void 0;return new e({el:document.createElement("div"),propsData:{url:t,wIndex:a,playerId:i}})}}catch(t){return}}},{key:"vodTime",get:function(){return{beginTime:this.dateTime[0]||"",endTime:this.dateTime[1]||""}}},{key:"handleOnLogin",value:function(e){console.log("登陆成功")}},{key:"handleClose",value:function(){this.$emit("closePlayer")}},{key:"handleFullScreen",value:function(){b.a.toggle(document.getElementById(this.playId))}},{key:"created",value:function(){this.playId=(new Date).getTime().toString()}},{key:"mounted",value:function(){}},{key:"captureSnap",value:function(){var e=o()(y.a.mark((function e(){var t,a,i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(e.prev=0,!this.picVue){e.next=6;break}return this.removeCapturePic(0,this.playerId),this.picVue.$destroy(),this.picVue=null,e.abrupt("return");case 6:return e.next=8,this.qzPlayer.capture(0);case 8:t=e.sent,a=t.data,this.picComputed&&(this.picVue=this.picComputed(a,0,this.playerId),i=this.picVue.$el,this.addCapturePic(0,this.playerId,i)),e.next=15;break;case 13:e.prev=13,e.t0=e["catch"](0);case 15:case"end":return e.stop()}}),e,this,[[0,13]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"searchSnap",value:function(){var e=[Object.assign({},this.deviceInfo,{deviceId:this.deviceInfo.id})];localStorage.setItem("deviceList",JSON.stringify(e)),window.open("/sub-snap-front#/smart/index?code=".concat(Math.round(1e7*Math.random()),"-video-deviceList"),"_blank")}},{key:"cpmfirmDate",value:function(){var e=Object.assign(this.playDevice,{startTime:this.dateTime[0],endTime:this.dateTime[1]});this.qzPlayer.openDevice(0,e)}}]),a}(C["d"]);A["a"]([Object(C["c"])("qzPlayer")],le.prototype,"qzPlayer",void 0),A["a"]([Object(C["b"])({required:!0})],le.prototype,"deviceInfo",void 0),le=A["a"]([Object(C["a"])({components:{qzPlayer:Q.a,VodPlayer:oe["VodPlayer"]}})],le);var ue=le,pe=ue,de=(a("ea07"),Object(T["a"])(pe,F,z,!1,null,null,null)),ve=de.exports;function fe(e){var t=he();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function he(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var ge=function(e){d()(a,e);var t=fe(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.dialogVisible=!1,e.title="视频回放",e}return u()(a,[{key:"open",value:function(){this.dialogVisible=!0}}]),a}(C["d"]);A["a"]([Object(C["b"])({required:!0})],ge.prototype,"deviceInfo",void 0),ge=A["a"]([Object(C["a"])({name:"viewBack",components:{viewPlayer:ve}})],ge);var me=ge,ye=me,Ae=(a("abc8"),Object(T["a"])(ye,j,W,!1,null,null,null)),Ce=Ae.exports,xe=a("e33d");function be(e){var t=ke();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function ke(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var Se=a("017a"),Ie=a("8b7d"),we=a("6361"),De=a("e8ee"),Re=function(e){d()(a,e);var t=be(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.viewBackDevice={},e.deviceTree={},e}return u()(a,[{key:"deviceMap",get:function(){return this.$store.state.video.playerDeviceMap}},{key:"playerServer",get:function(){return this.$store.state.video.playerServer||""}},{key:"onDeviceListChanged",value:function(e){this.deviceTree=JSON.parse(JSON.stringify(e))}},{key:"handleMouseDown",value:function(e){this.$emit("handleMouseDown",e)}},{key:"handleClickDevice",value:function(e){this.$emit("handleClickDevice",e)}},{key:"hasRtspUrl",value:function(e){return!!e.cameraMainRtspUrl}},{key:"handleDragStart",value:function(e,t){var a=this;try{if(Object.keys(this.deviceMap).forEach((function(e){if(a.deviceMap[e]&&a.deviceMap[e].deviceId===t.deviceId)throw a.$message.warning("当前实时视频已经打开"),new Error})),t=Object(xe["formatDeivice"])(t,this.playerServer),!t.mainUrl)return void this.$message.info("不是有效的设备!");localStorage.setItem("dragItem",JSON.stringify(t)),e.dataTransfer.setData("liveStreamInfo",JSON.stringify(t))}catch(i){}}},{key:"handleDragEnd",value:function(){localStorage.removeItem("dragItem")}},{key:"handlePlayBack",value:function(e){1!=e.fromDcm||e.cameraVodRtspUrl?(this.viewBackDevice=Object(xe["formatDeivice"])(e,this.playerServer),this.playBackref.open()):this.$message.info("不是有效的设备!")}},{key:"getDeviceSrc",value:function(e,t){if(!e||1!==e.level)return"2"===t.onlineStatus?Se:Ie;if(!t.deviceTypeCategoryId)return"2"===t.onlineStatus?Se:Ie;switch(t.deviceTypeCategoryId){case"2":return"2"===t.onlineStatus?Se:Ie;case"4":return"2"===t.onlineStatus?Se:Ie;case"6":return"2"===t.onlineStatus?we:De;default:break}}},{key:"moveUp",value:function(e){if(0!==e.sort){e.sort--;var t=this.deviceTree.findIndex((function(t){return t.id==e.id}));this.deviceTree[t-1].sort++,this.deviceTree=this.deviceTree.sort((function(e,t){return e.sort-t.sort})),this.saveSort()}else this.$message.warning("当前处于第一个!")}},{key:"moveDown",value:function(e){if(e.sort!=this.deviceList.length-1){e.sort++;var t=this.deviceTree.findIndex((function(t){return t.id==e.id}));this.deviceTree[t+1].sort--,this.deviceTree=this.deviceTree.sort((function(e,t){return e.sort-t.sort})),this.saveSort()}else this.$message.warning("当前处于最后一个!")}},{key:"saveSort",value:function(){var e=o()(y.a.mark((function e(){return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:this.$emit("saveSort",this.deviceTree);case 1:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()}]),a}(C["d"]);A["a"]([Object(C["c"])()],Re.prototype,"playBackref",void 0),A["a"]([Object(C["b"])({default:function(){return{height:"auto"}}})],Re.prototype,"dropDeviceHeight",void 0),A["a"]([Object(C["b"])({default:function(){}})],Re.prototype,"deviceCountMap",void 0),A["a"]([Object(C["b"])({default:!1})],Re.prototype,"dragFlag",void 0),A["a"]([Object(C["b"])({default:function(){return[]}})],Re.prototype,"deviceList",void 0),A["a"]([Object(C["b"])()],Re.prototype,"deviceProps",void 0),A["a"]([Object(C["b"])({default:!1})],Re.prototype,"moveFlag",void 0),A["a"]([Object(C["e"])("deviceList",{immediate:!0,deep:!0})],Re.prototype,"onDeviceListChanged",null),Re=A["a"]([Object(C["a"])({components:{viewBackDialog:Ce}})],Re);var Oe=Re,Be=Oe,Me=(a("4545"),Object(T["a"])(Be,L,N,!1,null,null,null)),Te=Me.exports;function Ee(e){var t=Pe();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function Pe(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var Le=function(e){d()(a,e);var t=Ee(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.deviceList=[],e.deviceCountMap={onlineTotal:0,offlineTotal:0,total:0},e.areaId="",e.startDragY=0,e.areaTree=[],e.defaultProps={children:"children",label:"name"},e.deviceLoading=!1,e.deviceProps={children:"channel",label:"deviceName"},e.dragTopValue=window.innerHeight-145,e.activeNames=[],e.deviceContainerHeight=Math.ceil((window.innerHeight-250)/2),e.addHeight=0,e}return u()(a,[{key:"addHeightWatcher",value:function(e){this.dragTopValue=e}},{key:"deviceStatusWatcher",value:function(e){this.getDevicesList()}},{key:"searchDeviceNameWatcher",value:function(e){this.getDevicesList()}},{key:"currentSelectWin",get:function(){return this.$store.state.video.currentSelectWin}},{key:"areaListHeight",get:function(){return this.dragTopValue<280?{width:"100%",height:"32px"}:this.dragTopValue>window.innerHeight-145?{width:"100%",height:"".concat(window.innerHeight-145," px")}:{width:"100%",height:"".concat(this.dragTopValue-250,"px")}}},{key:"deviceMaxHeight",get:function(){var e=window.innerHeight-280-49-110;return e}},{key:"dropDeviceHeight",get:function(){return this.deviceContainerHeight+this.addHeight<78?{height:"78px"}:this.deviceContainerHeight+this.addHeight>this.deviceMaxHeight?{height:"".concat(this.deviceMaxHeight,"px")}:{height:"".concat(this.deviceContainerHeight+this.addHeight,"px")}}},{key:"getAreaTree",value:function(){var e=o()(y.a.mark((function e(){var t,a;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this.service.getAreaTree({});case 3:t=e.sent,a=t.data,this.areaTree=a||[],e.next=11;break;case 8:e.prev=8,e.t0=e["catch"](0),this.areaTree=[];case 11:case"end":return e.stop()}}),e,this,[[0,8]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"getDevicesList",value:function(){var e=o()(y.a.mark((function e(){var t,a,i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,this.deviceLoading=!0,t={onlineStatus:this.deviceStatus,deviceName:this.searchDeviceName,areaId:this.areaId},e.next=5,this.service.getDeviceList(t);case 5:a=e.sent,i=a.data,this.deviceList=i.devices,this.deviceCountMap.onlineTotal=i.onlineTotal,this.deviceCountMap.offlineTotal=i.offlineTotal,this.deviceCountMap.total=i.total,this.deviceLoading=!1,e.next=17;break;case 14:e.prev=14,e.t0=e["catch"](0),this.deviceLoading=!1;case 17:case"end":return e.stop()}}),e,this,[[0,14]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"handleAreaClick",value:function(e){this.areaId=e.id,this.getDevicesList()}},{key:"handleClickAreaTitle",value:function(){this.areaId="",this.getDevicesList()}},{key:"handleClickDevice",value:function(e){this.$emit("playVideo",e)}},{key:"handleMouseDown",value:function(e){document.addEventListener("mousemove",this.mouseMove),document.addEventListener("mouseup",this.handleMouseUp),this.startDragY=e.pageY}},{key:"handleMouseUp",value:function(){document.removeEventListener("mousemove",this.mouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.onmousemove=null,document.onmouseup=null,this.deviceContainerHeight=this.deviceContainerHeight+this.addHeight,this.deviceContainerHeight<78&&(this.deviceContainerHeight=78),this.deviceContainerHeight>this.deviceMaxHeight&&(this.deviceContainerHeight=this.deviceMaxHeight),this.addHeight=0}},{key:"mouseMove",value:function(e){this.dragTopValue=e.pageY-106,this.addHeight=this.startDragY-e.pageY}},{key:"handlePtzControl",value:function(e,t){this.$emit("handlePtzControl",e,t)}},{key:"created",value:function(){var e=o()(y.a.mark((function e(){return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,this.getAreaTree();case 2:this.getDevicesList();case 3:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()},{key:"mounted",value:function(){}}]),a}(C["d"]);A["a"]([Object(C["c"])()],Le.prototype,"cloudPlateRef",void 0),A["a"]([Object(C["b"])({required:!0,type:String})],Le.prototype,"deviceStatus",void 0),A["a"]([Object(C["b"])({required:!0,type:String})],Le.prototype,"searchDeviceName",void 0),A["a"]([Object(C["e"])("dragTopValue",{})],Le.prototype,"addHeightWatcher",null),A["a"]([Object(C["e"])("deviceStatus")],Le.prototype,"deviceStatusWatcher",null),A["a"]([Object(C["e"])("searchDeviceName")],Le.prototype,"searchDeviceNameWatcher",null),Le=A["a"]([Object(C["a"])({name:"deviceTree",components:{cloudPlate:P,cameraList:Te}})],Le);var Ne=Le,je=Ne,We=(a("8bb9"),Object(T["a"])(je,k,S,!1,null,null,null)),Fe=We.exports,ze=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"player-block"},[i("LivePlayer",{directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],ref:"qzPlayer",attrs:{id:"playerId",cellPadding:3,themeType:e.themeType,layoutRule:e.layoutRule},on:{load:e.onloadHandel,winOpChange:e.handleOnWinOp,windowExchange:e.handleWindowExchange,record:e.handleRecord,streamStatusChange:e.streamStatusChange},scopedSlots:e._u([e._l(e.playModeDevices,(function(t){return{key:"customlayer"+t.orderNo,fn:function(n){n.player;return[t?i("div",{key:t.orderNo,staticClass:"custom-layer",attrs:{windex:t.orderNo}},[i("div",{staticClass:"titleContainer"},[i("div",{staticClass:"title"},[e._v(e._s(t.deviceName))]),t.showTimeStr?i("span",{staticClass:"video-running-info"},[e._v("录播中"+e._s(t.showTimeStr))]):e._e(),i("div",{staticClass:"status"},[i("img",{staticClass:"realtime",attrs:{src:a("c3c6")}}),i("div",[e._v("实时视频")])]),i("img",{staticClass:"closeImg",attrs:{src:a("d991")},on:{click:function(a){return e.handleClose(t.orderNo)}}})]),t.url?i("div",{staticClass:"capture-content"},[i("pic",{attrs:{url:t.url,wIndex:t.orderNo,playerId:e.playerId,device:t}})],1):e._e(),i("div",{staticClass:"bottom-actions"},[t.timer?i("img",{staticClass:"video-player-running",attrs:{src:a("39603"),alt:""},on:{click:function(a){return e.stopVideo(t.orderNo)}}}):i("img",{staticClass:"video-player",attrs:{src:a("ae64"),alt:""},on:{click:function(a){return e.startVideo(t.orderNo)}}}),i("img",{staticClass:"fullscreenPosition",attrs:{src:a("b621"),alt:""},on:{click:function(a){return e.toogleFullscreen(t.orderNo)}}})])]):e._e()]}}}))],null,!0)}),"pageMode"==e.playMode?i("el-pagination",{attrs:{layout:"prev, pager, next",total:e.pageDevices.length,pageSize:e.videoMode*e.videoMode,currentPage:e.currentPage},on:{"current-change":e.handleCurrentChange}}):e._e()],1)},Ve=[],Qe=a("9523"),Ge=a.n(Qe),Ue=a("6fc5"),qe=a("0417"),He=a("5c96");function Ye(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,i)}return a}function Je(e){for(var t=1;tt*t-1&&a.handleClose(Number(e))}));case 3:case"end":return e.stop()}}),e,this)})));function t(t){return e.apply(this,arguments)}return t}()},{key:"playPageDevice",value:function(){this.pageDevices&&this.pageDevices.length&&(this.currentPage=1,this.playPageIndex())}},{key:"playPageIndex",value:function(){var e=this;this.qzPlayer.closeStreams();var t=(this.currentPage-1)*this.videoMode*this.videoMode,a=this.videoMode*this.videoMode,i=this.pageDevices.filter((function(e,i){return i>=t&&i-1&&(this.videoStore.SAVE_PLAYER_DEVICE_MAP(Je(Je({},i),{},{orderNo:n})),setTimeout((function(){t.qzPlayer.openCustomLayer(n,"cover")}),300),this.$emit("dropDevice"))}catch(o){console.warn("dataTransfer get error")}}},{key:"handleOnWinOp",value:function(e){"select"===e.state&&this.handleSelectDevice(e.index)}},{key:"handleWindowExchange",value:function(e){var t=this.deviceMap[e[1].index],a=this.deviceMap[e[0].index];t&&a&&(this.videoStore.SAVE_PLAYER_DEVICE_MAP(Object.assign({},t,{orderNo:e[0].index})),this.videoStore.SAVE_PLAYER_DEVICE_MAP(Object.assign({},a,{orderNo:e[1].index})),this.qzPlayer.openCustomLayer(e[0].index,"cover"),this.qzPlayer.openCustomLayer(e[1].index,"cover")),t&&!a&&(this.videoStore.SAVE_PLAYER_DEVICE_MAP(Object.assign({},t,{orderNo:e[0].index})),this.videoStore.DEL_PLAYER_DEVICE_MAP(e[1].index),this.qzPlayer.closeCustomLayer(e[1].index),this.qzPlayer.openCustomLayer(e[0].index,"cover")),t&&t.timer&&this.stopVideo(e[0].index),a&&a.timer&&this.stopVideo(e[1].index),this.$emit("onWinSwap"),console.log("handleWindowExchange",e)}},{key:"streamStatusChange",value:function(e,t,a,i,n){}},{key:"handleSelectDevice",value:function(e){this.videoStore.SET_CURRENT_WINDOW(e)}},{key:"startVideo",value:function(e){var t=this,a=this.qzPlayer.getStreamInfo(e);if(!a||0===a.width&&0===a.height)this.$message.warning("视频加载异常!");else{var i=this.qzPlayer.startRecord(e,this.videoDuration,"".concat((new Date).getTime(),".mp4"));i?(this.deviceMap[e].startIndex=0,this.deviceMap[e].showTimeStr=this.showTime(this.deviceMap[e].startIndex),this.deviceMap[e].timer=setInterval((function(){t.deviceMap[e].startIndex++,t.deviceMap[e].showTimeStr=t.showTime(t.deviceMap[e].startIndex)}),1e3)):this.$message.error("视频播放有误!")}}},{key:"stopVideo",value:function(e){var t=this.qzPlayer.stopRecord(e);t||this.$message.error("录播暂停失败!")}},{key:"handleRecord",value:function(e){var t=e.index;"stop"===e.state&&(clearInterval(this.deviceMap[t].timer),this.deviceMap[t].timer=null,this.deviceMap[t].showTimeStr="",this.$message.success("录像成功,请到".concat(e.param,"查看!")))}},{key:"getDropDevice",value:function(){return JSON.parse(localStorage.getItem("dragItem")||"")}},{key:"handleCapture",value:function(){var e=o()(y.a.mark((function e(t){var a,i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(e.prev=0,this.loading=!0,a=this.deviceMap[t],console.log(t,a),!a.url){e.next=8;break}return a.url=null,this.loading=!1,e.abrupt("return");case 8:return e.next=10,this.qzPlayer.snapshot(t);case 10:i=e.sent,this.loading=!1,a.url=URL.createObjectURL(i),e.next=20;break;case 15:e.prev=15,e.t0=e["catch"](0),console.log(e.t0,"2.0.2error"),this.loading=!1,this.$message.error("截图失败!");case 20:case"end":return e.stop()}}),e,this,[[0,15]])})));function t(t){return e.apply(this,arguments)}return t}()},{key:"playDeviceMap",value:function(){var e=this;try{Object.keys(this.deviceMap).forEach((function(t){e.deviceMap[t]&&(e.deviceMap[t]=Object(xe["formatDeivice"])(e.deviceMap[t],e.playerServer),e.playIndex(t,e.deviceMap[t]))})),this.bindDrop()}catch(t){}}},{key:"onloadHandel",value:function(e){"OK"===e.code?this.playDeviceMap():this.$message.warning("dcs插件加载失败!")}},{key:"showTime",value:function(e){if(e<60)return 1===e.toString().length?"00:0".concat(e):"00:".concat(e);var t=Math.floor(e/60),a=Math.floor(e%60);if(t<60)return(1===t.toString().length?"0".concat(t):t)+":"+(1===a.toString().length?"0".concat(a):"".concat(a));var i=Math.floor(t/60),n=Math.floor(t%60);return i+"\t小时"+n+"\t分钟"+a+"\t秒"}},{key:"playIndex",value:function(e,t){var a=this;this.$nextTick((function(){a.qzPlayer.closeStreams([e]),a.qzPlayer.openStream(e,t),a.qzPlayer.openCustomLayer(t.orderNo,"cover")}))}},{key:"toogleFullscreen",value:function(e){this.qzPlayer.switchWindowFullScreen(e)}},{key:"ptzControl",value:function(e,t,a){return this.qzPlayer.ptzControl(e,Number(t),a)}},{key:"selectWindow",value:function(e){return this.qzPlayer.selectWindow(e)}},{key:"handleCurrentChange",value:function(e){this.currentPage=e,this.playPageIndex()}},{key:"created",value:function(){}},{key:"mounted",value:function(){}}]),a}(C["d"]);A["a"]([Object(C["c"])("qzPlayer")],Xe.prototype,"qzPlayer",void 0),A["a"]([Object(C["b"])({required:!1,type:Boolean})],Xe.prototype,"isScreenFull",void 0),A["a"]([Object(C["b"])({default:function(){return[]}})],Xe.prototype,"loopDevices",void 0),A["a"]([Object(C["e"])("playMode")],Xe.prototype,"onPlayModeChange",null),A["a"]([Object(C["e"])("loopDevices",{deep:!0})],Xe.prototype,"onLoopChanged",null),A["a"]([Object(C["e"])("videoMode",{immediate:!0})],Xe.prototype,"videoModeWatch",null),Xe=A["a"]([Object(C["a"])({components:{qzPlayer:Q.a,Button:He["Button"],LivePlayer:oe["LivePlayer"],pic:re}})],Xe);var _e=Xe,$e=_e,et=(a("bb22"),Object(T["a"])($e,ze,Ve,!1,null,null,null)),tt=et.exports,at=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"map-wrap"},[a("qz-map",{ref:"marRef",attrs:{map:e.mapType,showFullscreenButton:!1,mapInitinalOptions:e.mapInitinalOptions,service:e.Server,points:e.markerData,showAll:!1,showPlayer:!1,customClustererInfoWindow:e.customClustererInfoWindow,customMarkerInfoWindow:e.actionIcons,infoWindowConfig:e.infoWindowConfig,customMouseoverMarkerInfoWindow:e.customMarkerDeviceInfoWindow},on:{selection:e.handleSelection,markerClick:e.handleSelect,markerMouseover:e.markerMouseover,mapClick:e.mapClick}}),a("draw-map",{ref:"drawMap",attrs:{showFlag:e.showFlag,selectedDevice:e.drawSelectDevice},on:{draw:e.handleDraw,play:e.handlePlay,resetDevice:e.handleResetDevice}})],1)},it=[],nt=a("448a"),rt=a.n(nt),ot=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"customMarkerInfoWin"},[i("div",{staticClass:"markers"},e._l(e.inRingPoints,(function(t,n){return i("div",{key:n,staticClass:"marker",on:{click:e.handleClick}},[i("img",{attrs:{src:a("5136"),alt:""}}),i("img",{attrs:{src:a("5d2c"),alt:""}}),i("span",[e._v(e._s(t.msg.device.deviceName))])])})),0)])},ct=[];function st(e){var t=lt();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function lt(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}a("c3c6"),a("d991"),a("b621");var ut=function(e){d()(a,e);var t=st(a);function a(){return s()(this,a),t.apply(this,arguments)}return u()(a,[{key:"handleClick",value:function(){console.log(this.openInfoWindowByHand),this.openInfoWindowByHand()}}]),a}(C["d"]);A["a"]([Object(C["b"])({type:Object})],ut.prototype,"point",void 0),A["a"]([Object(C["b"])({type:Array})],ut.prototype,"inRingPoints",void 0),A["a"]([Object(C["b"])({type:Function})],ut.prototype,"clearInfoWindow",void 0),A["a"]([Object(C["b"])({type:Function})],ut.prototype,"openInfoWindowByHand",void 0),ut=A["a"]([Object(C["a"])({components:{qzPlayer:Q.a,Button:He["Button"]}})],ut);var pt=ut,dt=pt,vt=(a("84d1"),Object(T["a"])(dt,ot,ct,!1,null,null,null)),ft=vt.exports,ht=a("f5ea"),gt=a("103b"),mt=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"draw-container"},[a("div",{staticClass:"actions"},[a("div",{staticClass:"action-item",on:{click:function(t){return e.handleClick(0)}}},[a("svg-icon",{staticClass:"icon",class:{active:0===e.activeIndex},attrs:{name:"rectan"}}),a("span",{staticClass:"text",class:{active:0===e.activeIndex}},[e._v("框选")])],1),a("div",{staticClass:"action-item",on:{click:function(t){return e.handleClick(1)}}},[a("svg-icon",{staticClass:"icon",class:{active:1===e.activeIndex},attrs:{name:"circle"}}),a("span",{staticClass:"text",class:{active:1===e.activeIndex}},[e._v("圆选")])],1),a("div",{staticClass:"action-item",on:{click:function(t){return e.handleClick(2)}}},[a("svg-icon",{staticClass:"icon",class:{active:2===e.activeIndex},attrs:{name:"polyline"}}),a("span",{staticClass:"text",class:{active:2===e.activeIndex}},[e._v("多边形")])],1),a("div",{staticClass:"action-item",on:{click:function(t){return e.handleClick(3)}}},[a("svg-icon",{staticClass:"icon",class:{active:3===e.activeIndex},attrs:{name:"clear"}}),a("span",{staticClass:"text",class:{active:3===e.activeIndex}},[e._v("清除")])],1)]),e.showFlag?a("div",{staticClass:"deviceList"},[a("div",{staticClass:"title"},[a("div",{staticClass:"pre"},[a("el-checkbox",{attrs:{indeterminate:e.checkedDevice.length>0&&e.checkedDevice.length9?this.$message.warning("至多选择9个设备"):this.$emit("mapPlay",e)}},{key:"handleDraw",value:function(e){switch(e){case 3:this.clearDraw(),this.endDraw(),this.showFlag=!1,this.drawSelectDevice=[];break;case 2:this.startDraw("polygon");break;case 1:this.startDraw("circle");break;case 0:this.startDraw("rectangle");break;case-1:console.log("end"),this.endDraw();break;default:break}}},{key:"handleResetDevice",value:function(){this.drawSelectDevice=[]}},{key:"handleSelection",value:function(e){this.showFlag=3!=this.drawMap.activeIndex&&-1!=this.drawMap.activeIndex,this.drawSelectDevice=Array.from(new Set(this.drawSelectDevice.concat(e))),this.drawMap.checkedDevice=this.drawSelectDevice}},{key:"startDraw",value:function(e){return this.marRef.startDraw(e)}},{key:"clearDraw",value:function(){return this.marRef.clearDraw()}},{key:"endDraw",value:function(){return this.marRef.endDraw()}},{key:"setMapMarkerClusterer",value:function(e){return this.marRef.setMapMarkerClusterer(e)}},{key:"mapClick",value:function(e,t,a,i){var n=[].concat(rt()(this.marRef.$refs.fcMap.fcMap.map.getAllOverlays("circle")),rt()(this.marRef.$refs.fcMap.fcMap.map.getAllOverlays("polyline")),rt()(this.marRef.$refs.fcMap.fcMap.map.getAllOverlays("polygon")));this.markerFlag&&n.length>0||this.marRef.clearInfoWindow(),this.markerFlag=!1}},{key:"created",value:function(){var e=o()(y.a.mark((function e(){return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,this.fetchDevice();case 2:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()}]),a}(C["d"]);A["a"]([Object(C["c"])()],ta.prototype,"marRef",void 0),A["a"]([Object(C["c"])()],ta.prototype,"drawMap",void 0),ta=A["a"]([Object(C["a"])({components:{QzMap:ht["a"],drawMap:It,customClustererInfoWindow:ft}})],ta);var aa=ta,ia=aa,na=(a("c31e"),Object(T["a"])(ia,at,it,!1,null,null,null)),ra=na.exports,oa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"snapMode-container"},[a("Flex",[a("qz-player",{ref:"qzPlayer",staticClass:"player-wrap",attrs:{devices:[],"plugin-url":e.pluginUrl,"player-server":e.playerServer,"basic-config":e.basicConfig}}),a("RealtimeSnap")],1),a("TodaySnap"),a("CaptureDetail",{ref:"captureDetail"})],1)},ca=[],sa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"snapmode-realtime-container"},[a("Flex",{staticClass:"header"},[a("span",{staticClass:"title"},[e._v("实时抓拍")]),a("span",{staticClass:"more",on:{click:e.more}},[e._v("查看更多")])]),e._l(e.snapRecord,(function(t,i){return a("div",{staticClass:"card-container"},[a("Flex",{staticClass:"info"},[a("qz-image",{attrs:{src:t.captureUrl,width:100,height:100}}),a("div",{staticClass:"proplist"},e._l(t.props,(function(t,i){return a("div",{staticClass:"prop-item"},[e._v(e._s(t))])})),0)],1),a("div",{staticClass:"captureInfo"},[a("div",{staticClass:"info-item"},[a("svg-icon",{staticClass:"icon",attrs:{name:"device"}}),a("span",{staticClass:"text"},[e._v(e._s(t.address))])],1),a("div",{staticClass:"info-item"},[a("svg-icon",{staticClass:"icon",attrs:{name:"time"}}),a("span",{staticClass:"text"},[e._v(e._s(t.captureTime))])],1)])],1)}))],2)},la=[];function ua(e){var t=pa();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function pa(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var da=function(e){d()(a,e);var t=ua(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.snapRecord=[{address:"金鸡湖大道88号",captureTime:"2020-11-26 15:59:25",captureUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2F2c.zol-img.com.cn%2Fproduct%2F124_500x2000%2F748%2FceZOdKgDAFsq2.jpg&refer=http%3A%2F%2F2c.zol-img.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1624437794&t=ab78783938f7c11bb6dec33fedeb0194",props:["男性","未戴口罩"]},{address:"金鸡湖大道88号",captureTime:"2020-11-26 15:59:25",captureUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2F2c.zol-img.com.cn%2Fproduct%2F124_500x2000%2F748%2FceZOdKgDAFsq2.jpg&refer=http%3A%2F%2F2c.zol-img.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1624437794&t=ab78783938f7c11bb6dec33fedeb0194",props:["男性","未戴口罩"]},{address:"金鸡湖大道88号",captureTime:"2020-11-26 15:59:25",captureUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2F2c.zol-img.com.cn%2Fproduct%2F124_500x2000%2F748%2FceZOdKgDAFsq2.jpg&refer=http%3A%2F%2F2c.zol-img.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1624437794&t=ab78783938f7c11bb6dec33fedeb0194",props:["男性","未戴口罩"]}],e}return u()(a,[{key:"more",value:function(){}}]),a}(C["d"]);da=A["a"]([Object(C["a"])({components:{}})],da);var va=da,fa=va,ha=(a("fc7b"),Object(T["a"])(fa,sa,la,!1,null,null,null)),ga=ha.exports,ma=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"snapMode-todaysnap"},[a("Flex",{staticClass:"header"},[a("div",{staticClass:"title"},[a("span",{staticClass:"pre"},[e._v("今日抓拍")]),a("span",{staticClass:"count"},[e._v("总数 "),a("span",{staticClass:"number"},[e._v(e._s(e.snapCount.total))]),e._v(" /人员 "),a("span",{staticClass:"number"},[e._v(e._s(e.snapCount.person))]),e._v(" /机动车 "),a("span",{staticClass:"number"},[e._v(e._s(e.snapCount.vehicle))]),e._v(" /非机动车 "),a("span",{staticClass:"number"},[e._v(e._s(e.snapCount.noVehicle))])])]),a("span",{staticClass:"more",on:{click:e.more}},[e._v("查看更多")])]),a("Flex",{staticClass:"img-container"},[a("Flex",{staticClass:"arrow-container",nativeOn:{click:function(t){return e.move(!0)}}},[a("i",{staticClass:"el-icon-arrow-left"})]),a("div",{ref:"imgsRef",staticClass:"img-wrap"},[a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}}),a("qz-image",{staticClass:"img-item",attrs:{src:"xxxx",height:"128px"}})],1),a("Flex",{staticClass:"arrow-container",nativeOn:{click:function(t){return e.move(!1)}}},[a("i",{staticClass:"el-icon-arrow-right"})])],1)],1)},ya=[];function Aa(e){var t=Ca();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function Ca(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var xa=function(e){d()(a,e);var t=Aa(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.snapCount={total:67,person:41,vehicle:12,noVehicle:17},e}return u()(a,[{key:"move",value:function(e){console.log(this.imgsRef.scrollLeft),e?this.imgsRef.scrollLeft-=50:this.imgsRef.scrollLeft+=50}},{key:"more",value:function(){}}]),a}(C["d"]);A["a"]([Object(C["c"])()],xa.prototype,"imgsRef",void 0),xa=A["a"]([Object(C["a"])({components:{}})],xa);var ba=xa,ka=ba,Sa=(a("c13e"),Object(T["a"])(ka,ma,ya,!1,null,null,null)),Ia=Sa.exports,wa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return e.dialogVisible?a("el-dialog",{directives:[{name:"loading",rawName:"v-loading",value:e.isLoading,expression:"isLoading"}],staticClass:"card-detail-dialog",attrs:{title:"抓拍详情","close-on-click-modal":!1,visible:e.dialogVisible,width:"930px"},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("div",{staticClass:"dialog-container"},[a("div",{staticClass:"left"},[a("div",{staticClass:"cap-img",class:"car"===e.mode?"car":""},["car"===e.mode?[a("qz-image",{staticClass:"card-detail-img",attrs:{fitContainer:"",preview:!1,src:""}}),a("qz-image",{staticClass:"card-detail-img",attrs:{fitContainer:"",preview:!1,src:""}})]:[a("qz-image",{staticClass:"card-detail-img",attrs:{fitContainer:"",preview:!1,src:""}})]],2),"car"===e.mode?[a("div",{staticClass:"cap-info blod-color margin-top-12"},[a("span",{staticClass:"info-text"},[e._v(e._s(e.data.vehiclePlateNum||""))])]),a("div",{staticClass:"cap-info blod-color"},[a("span",{staticClass:"info-text"},[e._v(e._s(e.data.vehicleBrand||""))])])]:e._e(),a("div",{staticClass:"cap-info blod-color",class:{"margin-top-12":"car"!==e.mode}},[a("span",{staticClass:"info-text"},[e._v(e._s(e.data.deviceName||""))])]),a("div",{staticClass:"cap-info margin-bottom-12"},[a("span",{staticClass:"info-text"},[e._v(e._s(e.data.captureTime&&e.parseDate(e.data.captureTime,"yyyy-MM-dd hh:mm:ss")))])]),a("div",{staticClass:"cap-props"},[a("el-scrollbar",{staticStyle:{height:"100%"}},e._l(e.data.propertiesList||[],(function(t,i){return a("div",{key:i,staticClass:"list"},e._l(t.properties,(function(t,i){return a("div",{key:i,staticClass:"prop-item-wrap"},[a("span",{staticClass:"title"},[e._v(e._s(t.name))]),a("div",{staticClass:"props"},e._l(t.properties||[],(function(t,i){return a("span",{key:i,staticClass:"prop-item"},[e._v(e._s(t.name))])})),0)])})),0)})),0)],1)],2),a("div",{staticClass:"right"},[a("div",{staticClass:"switch-tab"},[a("el-radio-group",{on:{change:e.tabChange},model:{value:e.activeTab,callback:function(t){e.activeTab=t},expression:"activeTab"}},[a("el-radio-button",{attrs:{label:"图片"}}),a("el-radio-button",{attrs:{label:"视频"}}),a("el-radio-button",{attrs:{label:"位置"}})],1),a("el-button",{staticClass:"retrieval-button",attrs:{plain:""},on:{click:e.retrieveSame}},[e._v("检索相似"+e._s("face"===e.mode?"人脸":"car"===e.mode?"车辆":"行人"))])],1),a("div",{staticClass:"tab-container"},["图片"===e.activeTab?a("div",{staticClass:"capture-img"},[a("qz-image",{staticClass:"panorama-img",attrs:{src:e.data.panoramaUrl,preview:!1,width:648,height:362}})],1):"视频"===e.activeTab?[e.canPlay?a("qz-player",{attrs:{type:"playback","plugin-url":e.dcsPluginUrl,"player-server":e.playerServer,devices:e.devices,vodTime:e.vodTime}}):a("qz-no-data")]:"位置"===e.activeTab?[a("qz-map",{attrs:{map:e.mapType,mapInitinalOptions:e.mapInitinalOptions,showFullscreenButton:!1,playerPluginUrl:e.dcsPluginUrl,service:e.Server,showAll:!1,showPlayer:!1,points:e.devicePoints,data:e.devicePoints}})]:e._e()],2)])])]):e._e()},Da=[];function Ra(e){var t=Oa();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function Oa(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var Ba=function(e){d()(a,e);var t=Ra(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.isLoading=!1,e.dialogVisible=!1,e.parseDate=xe["parseDate"],e.activeTab="图片",e.playerServer="",e.devices=[],e.vodTime={beginTime:"",endTime:""},e.canPlay=!1,e.mapInitinalOptions={zoom:3},e.Server=gt["a"],e}return u()(a,[{key:"retrieveSame",value:function(){this.$emit("retrieve",this.data,this.mode)}},{key:"dcsPluginUrl",get:function(){return"./monitor-front/DCSPlugin-1.2.0.exe"}},{key:"mapType",get:function(){return this.data.mapId?"pic":"gis"}},{key:"devicePoints",get:function(){return[{objectId:this.data.id,id:this.data.id,x:this.data.mapX,y:this.data.mapY,lon:this.data.longitude,lat:this.data.latitude,show:!0,draggable:!1}]}},{key:"tabChange",value:function(){var e=o()(y.a.mark((function e(){return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if("视频"!==this.activeTab){e.next=3;break}return e.next=3,this.getCanplayVideo();case 3:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()},{key:"getCanplayVideo",value:function(){var e=o()(y.a.mark((function e(){var t,a;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t={deviceId:this.data.deviceId,captureTime:this.data.captureTime},e.next=3,this.service.getVideByDeviceId(t).catch((function(){return{success:!1}}));case 3:a=e.sent,a.success&&a.data&&a.data.cameraRtspUrl&&(this.vodTime.beginTime=a.data.beginTime,this.vodTime.endTime=a.data.endTime,this.devices=[].concat({rtspUrl:a.data.cameraRtspUrl,dcs:0===a.data.fromDcm}),this.canPlay=!0);case 5:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()},{key:"open",value:function(){this.canPlay=!1,this.dialogVisible=!0,this.activeTab="图片"}},{key:"close",value:function(){this.dialogVisible=!1}}]),a}(C["d"]);A["a"]([Object(C["b"])({type:String,default:"car"})],Ba.prototype,"mode",void 0),A["a"]([Object(C["b"])({type:Object,default:function(){}})],Ba.prototype,"data",void 0),Ba=A["a"]([Object(C["a"])({components:{QzPlayer:Q.a,QzMap:ht["a"]}})],Ba);var Ma=Ba,Ta=Ma,Ea=(a("b926"),Object(T["a"])(Ta,wa,Da,!1,null,null,null)),Pa=Ea.exports;function La(e){var t=Na();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function Na(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var ja=function(e){d()(a,e);var t=La(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.basicConfig={rows:1,cols:1,autoPlay:!1,showPlayBtn:!1,button:He["Button"],defaultSetting:{dbClick:!1,titleBar:!1,toolBar:!1}},e}return u()(a,[{key:"pluginUrl",get:function(){return"./monitor-front/DCSPlugin-1.2.0.exe"}},{key:"playerServer",get:function(){return this.$store.state.video.playerServer}}]),a}(C["d"]);A["a"]([Object(C["c"])()],ja.prototype,"captureDetail",void 0),ja=A["a"]([Object(C["a"])({components:{qzPlayer:Q.a,Button:He["Button"],RealtimeSnap:ga,TodaySnap:Ia,CaptureDetail:Pa}})],ja);var Wa=ja,Fa=Wa,za=(a("e6a3"),Object(T["a"])(Fa,oa,ca,!1,null,null,null)),Va=za.exports,Qa=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"my-group"},[e.visible?a("myGroupList",{on:{loadCameraList:e.loadCameraList,startLoop:e.handleStartLoop,pageDevice:e.handlePageDevice,stopLoop:e.handleStopLoop}}):a("myCameraList",{attrs:{activeGroupData:e.activeGroupData},on:{playVideo:e.playVideo,backGroupList:e.backGroupList}})],1)},Ga=[],Ua=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"myGroupList"},[a("header",[a("el-button",{attrs:{type:"primary"},on:{click:e.editGroup}},[e._v("新增分组")]),a("div",{staticClass:"group-nums"},[e._v("分组数:"+e._s(e.total))])],1),a("div",{staticClass:"content"},e._l(e.data,(function(t){return a("div",{key:t.id,staticClass:"group-item",on:{click:function(a){return e.loadCameraList(t)}}},[a("svg-icon",{attrs:{name:"group"}}),e._v("   "),a("el-tooltip",{staticClass:"item",attrs:{effect:"dark",content:t.groupName+"("+t.deviceNum+")",placement:"top-start"}},[a("span",[e._v(e._s(t.groupName)+"("+e._s(t.deviceNum)+")")])]),a("div",{staticClass:"action-icons"},[a("svg-icon",{attrs:{name:"video-loop"},on:{click:function(a){return a.stopPropagation(),e.loopVideo(a,t)}}}),a("svg-icon",{attrs:{name:"video-preview"},on:{click:function(a){return a.stopPropagation(),e.pageVideo(a,t)}}}),a("svg-icon",{attrs:{name:"edit"},on:{click:function(a){return a.stopPropagation(),e.editGroup(a,t)}}}),a("svg-icon",{attrs:{name:"delete"},on:{click:function(a){return a.stopPropagation(),e.deleteGroup(a,t)}}})],1)],1)})),0),a("editGroup",{ref:"editGroupRef",on:{submit:e.getGroupList}}),a("editLoop",{ref:"editLoop",on:{submit:e.handleLoop}})],1)},qa=[],Ha=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"editGroup"},[a("qz-dialog",{attrs:{visible:e.visible,title:e.title,width:"70%","content-height":"60vh","prevent-close":!0},on:{close:function(t){e.visible=!1},confirm:e.submit}},[a("div",{directives:[{name:"loading",rawName:"v-loading",value:e.formLoading,expression:"formLoading"}]},[a("qz-form",{ref:"form",attrs:{form:e.form,footer:!1,rows:e.rows}}),a("qz-device-transfer",{attrs:{"area-list":e.areaList,"device-list":e.deviceList,"active-area":e.activeAreaId,config:e.config,searchbar:!0,showTotal:!0,"custom-node":e.handleCustomNode,deviceTypeOptions:e.deviceTypeOptions},on:{areaClick:e.handleAreaClick,areaSearch:e.handleAreaSearch,deviceSearch:e.handleDeviceSearch},model:{value:e.form.devices,callback:function(t){e.$set(e.form,"devices",t)},expression:"form.devices"}})],1)])],1)},Ya=[];function Ja(e){var t=Ka();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function Ka(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var Za=a("017a"),Xa=a("8b7d"),_a=a("6361"),$a=a("e8ee"),ei=function(e){d()(a,e);var t=Ja(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.visible=!1,e.title="",e.form={groupName:"",devices:[]},e.rows={groupName:{label:"分组名称",valid:{required:!0,message:"请输入分组名称,长度不能超过8",maxlength:8}}},e.areaList=[],e.deviceList=[],e.activeAreaId="",e.currentAreaId="",e.formLoading=!1,e.config={areaLoading:!1,deviceLoading:!1},e.deviceTypeOptions=[{label:"相机",value:1},{label:"盒子",value:2}],e}return u()(a,[{key:"open",value:function(e){e?(this.title="编辑分组",this.loadGroupDetail(e.id)):(this.title="新建分组",this.resetForm()),this.visible=!0,this.fetchAreaTreeList(),this.$nextTick((function(){var e=document.querySelector(".el-table__empty-text");e&&(e.innerHTML="暂无记录")}))}},{key:"resetForm",value:function(){this.form={groupName:"",devices:[]}}},{key:"fetchAreaTreeList",value:function(){var e=o()(y.a.mark((function e(){var t,a,i,n=arguments;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t=n.length>0&&void 0!==n[0]?n[0]:{},e.prev=1,e.next=4,this.service.getAreaTree(t);case 4:a=e.sent,i=a.data,this.areaList=i||[],e.next=12;break;case 9:e.prev=9,e.t0=e["catch"](1),this.areaList=[];case 12:case"end":return e.stop()}}),e,this,[[1,9]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"loadGroupDetail",value:function(){var e=o()(y.a.mark((function e(t){var a,i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,this.formLoading=!0,e.next=4,this.service.getGroupDetail({groupId:t,businessId:this.$store.state.user.userInfo.businessId});case 4:a=e.sent,i=a.data,this.form.devices=i.devices,this.form.groupName=i.groupName,this.form.groupId=i.groupId,this.formLoading=!1,e.next=15;break;case 12:e.prev=12,e.t0=e["catch"](0),this.formLoading=!1;case 15:case"end":return e.stop()}}),e,this,[[0,12]])})));function t(t){return e.apply(this,arguments)}return t}()},{key:"getDeviceSrc",value:function(e,t){if(!e||1!==e.level)return"2"===t.onlineStatus?Za:Xa;if(!t.deviceTypeCategoryId)return"2"===t.onlineStatus?Za:Xa;switch(t.deviceTypeCategoryId){case"2":return"2"===t.onlineStatus?Za:Xa;case"4":return"2"===t.onlineStatus?Za:Xa;case"6":return"2"===t.onlineStatus?_a:$a;default:break}}},{key:"handleCustomNode",value:function(e,t,a){var i=this.getDeviceSrc(t,a);return e("div",[e("img",{domProps:{src:i}}),e("span",{domProps:{innerHTML:t.label}})])}},{key:"handleAreaClick",value:function(){var e=o()(y.a.mark((function e(t){return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(this.currentAreaId=t.id,!this.currentAreaId){e.next=4;break}return e.next=4,this.fetchDeviceByArea();case 4:case"end":return e.stop()}}),e,this)})));function t(t){return e.apply(this,arguments)}return t}()},{key:"fetchDeviceByArea",value:function(){var e=o()(y.a.mark((function e(){var t,a,i,n,r=arguments;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t=r.length>0&&void 0!==r[0]?r[0]:"",e.prev=1,this.config.deviceLoading=!0,a={deviceName:t,areaId:this.currentAreaId},e.next=6,this.service.getDeviceList(a);case 6:i=e.sent,n=i.data,this.deviceList=n.devices,this.config.deviceLoading=!1,e.next=15;break;case 12:e.prev=12,e.t0=e["catch"](1),this.config.deviceLoading=!1;case 15:case"end":return e.stop()}}),e,this,[[1,12]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"handleAreaSearch",value:function(e){this.fetchAreaTreeList({areaName:e})}},{key:"handleDeviceSearch",value:function(e,t){this.fetchDeviceByArea(t)}},{key:"submit",value:function(){var e=o()(y.a.mark((function e(){var t;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this.formRef.validate();case 3:if(t=e.sent,!t.valid){e.next=8;break}return this.formLoading=!0,e.next=8,this.saveGroup();case 8:this.formLoading=!1,e.next=14;break;case 11:e.prev=11,e.t0=e["catch"](0),this.formLoading=!1;case 14:case"end":return e.stop()}}),e,this,[[0,11]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"saveGroup",value:function(){var e=o()(y.a.mark((function e(){var t,a,i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t=Object.assign({},this.form,{businessId:this.$store.state.user.userInfo.businessId}),e.next=3,this.service.saveGroup(t);case 3:a=e.sent,i=a.success,i&&(this.$message.success("保存成功"),this.visible=!1,this.$emit("submit"));case 6:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()}]),a}(C["d"]);A["a"]([Object(C["c"])("form")],ei.prototype,"formRef",void 0),ei=A["a"]([Object(C["a"])({components:{}})],ei);var ti=ei,ai=ti,ii=(a("d7d0"),Object(T["a"])(ai,Ha,Ya,!1,null,null,null)),ni=ii.exports,ri=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"editLoop"},[a("qz-dialog",{attrs:{visible:e.visible,title:e.title,"content-height":"100px","prevent-close":!0},on:{close:function(t){e.visible=!1},confirm:e.submit}},[a("div",{directives:[{name:"loading",rawName:"v-loading",value:e.formLoading,expression:"formLoading"}]},[a("qz-form",{ref:"form",attrs:{form:e.form,footer:!1,rows:e.rows},scopedSlots:e._u([{key:"interval",fn:function(){return[a("div",{staticStyle:{display:"flex"}},[e._v(" 秒"),a("el-button",{attrs:{type:"text"},on:{click:function(t){e.form.interval=15}}},[e._v("重置")])],1)]},proxy:!0}])})],1)])],1)},oi=[];function ci(e){var t=si();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function si(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var li=function(e){d()(a,e);var t=ci(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.visible=!1,e.title="是否启动轮巡",e.form={interval:"15",config:!1},e.rows={interval:{label:"轮巡间隔",valid:{trigger:"change",required:!0,validator:function(e,t,a){return t?/^\d*$/.test(t)&&"0"!==t?a():a(new Error("请输入非零整数")):a(new Error("请输入轮巡间隔时间"))}},slot:"interval"},config:{label:"重复轮巡",type:"switch"}},e.formLoading=!1,e}return u()(a,[{key:"open",value:function(){var e=o()(y.a.mark((function e(t){return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return this.visible=!0,e.next=3,this.loadLoopDetail(t.id);case 3:this.form.devices=t.devices;case 4:case"end":return e.stop()}}),e,this)})));function t(t){return e.apply(this,arguments)}return t}()},{key:"loadLoopDetail",value:function(){var e=o()(y.a.mark((function e(t){var a,i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,this.formLoading=!0,e.next=4,this.service.getGroupPoll({groupId:t,businessId:this.$store.state.user.userInfo.businessId});case 4:a=e.sent,i=a.data,this.form={interval:i.interval||15,config:1===i.config,groupId:t},this.formLoading=!1,e.next=13;break;case 10:e.prev=10,e.t0=e["catch"](0),this.formLoading=!1;case 13:case"end":return e.stop()}}),e,this,[[0,10]])})));function t(t){return e.apply(this,arguments)}return t}()},{key:"submit",value:function(){var e=o()(y.a.mark((function e(){var t;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this.formRef.validate();case 3:if(t=e.sent,!t.valid){e.next=8;break}return this.formLoading=!0,e.next=8,this.savePoll();case 8:this.formLoading=!1,e.next=14;break;case 11:e.prev=11,e.t0=e["catch"](0),this.formLoading=!1;case 14:case"end":return e.stop()}}),e,this,[[0,11]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"savePoll",value:function(){var e=o()(y.a.mark((function e(){var t,a,i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return t=Object.assign({},this.form,{businessId:this.$store.state.user.userInfo.businessId}),t.interval=Number(t.interval),t.config=t.config?1:0,e.next=5,this.service.setGroupPoll(t);case 5:a=e.sent,i=a.success,i&&(this.$message.success("保存成功"),this.visible=!1,this.$emit("submit",this.form));case 8:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()}]),a}(C["d"]);A["a"]([Object(C["c"])("form")],li.prototype,"formRef",void 0),li=A["a"]([Object(C["a"])({components:{}})],li);var ui=li,pi=ui,di=(a("cf2d"),Object(T["a"])(pi,ri,oi,!1,null,null,null)),vi=di.exports;function fi(e){var t=hi();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function hi(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var gi=function(e){d()(a,e);var t=fi(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.data=[],e.total=0,e}return u()(a,[{key:"created",value:function(){this.getGroupList()}},{key:"getGroupList",value:function(){var e=o()(y.a.mark((function e(){var t,a;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this.service.getGroupList();case 3:t=e.sent,a=t.data,this.data=a.groups||[],this.total=a.total,e.next=11;break;case 9:e.prev=9,e.t0=e["catch"](0);case 11:case"end":return e.stop()}}),e,this,[[0,9]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"editGroup",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";e.stopPropagation(),this.editGroupRef.open(t)}},{key:"deleteGroup",value:function(e,t){var a=this;e.stopPropagation(),this.$confirm("确认删除该分组?").then((function(e){a.deleteGroupInfo(t)})).catch((function(e){}))}},{key:"deleteGroupInfo",value:function(){var e=o()(y.a.mark((function e(t){var a,i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this.service.deleteGroup({groupId:t.id});case 3:a=e.sent,i=a.success,i&&(this.$message.success("删除成功!"),this.$emit("stopLoop"),this.getGroupList()),e.next=10;break;case 8:e.prev=8,e.t0=e["catch"](0);case 10:case"end":return e.stop()}}),e,this,[[0,8]])})));function t(t){return e.apply(this,arguments)}return t}()},{key:"loadCameraList",value:function(e){this.$emit("loadCameraList",e)}},{key:"loopVideo",value:function(){var e=o()(y.a.mark((function e(t,a){var i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,this.service.getGroupDetail({groupId:a.id,businessId:this.$store.state.user.userInfo.businessId});case 2:if(i=e.sent,i.data.devices.length){e.next=6;break}return this.$message.error("该分组下未配置设备!"),e.abrupt("return");case 6:a.devices=i.data.devices,this.editLoop.open(a);case 8:case"end":return e.stop()}}),e,this)})));function t(t,a){return e.apply(this,arguments)}return t}()},{key:"handleLoop",value:function(e){this.$emit("startLoop",e)}},{key:"pageVideo",value:function(){var e=o()(y.a.mark((function e(t,a){var i;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,this.service.getGroupDetail({groupId:a.id,businessId:this.$store.state.user.userInfo.businessId});case 2:if(i=e.sent,i.data.devices.length){e.next=6;break}return this.$message.error("该分组下未配置设备!"),e.abrupt("return");case 6:a.devices=i.data.devices,this.$emit("pageDevice",a);case 8:case"end":return e.stop()}}),e,this)})));function t(t,a){return e.apply(this,arguments)}return t}()}]),a}(C["d"]);A["a"]([Object(C["c"])("editGroupRef")],gi.prototype,"editGroupRef",void 0),A["a"]([Object(C["c"])("editLoop")],gi.prototype,"editLoop",void 0),gi=A["a"]([Object(C["a"])({components:{editGroup:ni,editLoop:vi}})],gi);var mi=gi,yi=mi,Ai=(a("d7a8"),Object(T["a"])(yi,Ua,qa,!1,null,null,null)),Ci=Ai.exports,xi=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{directives:[{name:"loading",rawName:"v-loading",value:e.deviceLoading,expression:"deviceLoading"}],staticClass:"myCameraList"},[a("header",[a("svg-icon",{staticClass:"back-icon",attrs:{name:"back"},on:{click:e.backGroupList}}),a("svg-icon",{attrs:{name:"group"}}),e._v("   "),a("el-tooltip",{staticClass:"group-name",attrs:{effect:"dark",content:e.groupInfo.groupName+"("+e.groupInfo.total+")",placement:"top-start"}},[a("span",[e._v(e._s(e.groupInfo.groupName)+"("+e._s(e.groupInfo.total)+")")])])],1),a("cameraList",{attrs:{deviceCountMap:e.deviceCountMap,deviceList:e.groupInfo.devices,deviceProps:e.deviceProps,moveFlag:!0},on:{handleClickDevice:e.handleClickDevice,saveSort:e.handleSaveSort}})],1)},bi=[];function ki(e){var t=Si();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function Si(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var Ii=function(e){d()(a,e);var t=ki(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.groupInfo={},e.deviceLoading=!1,e.deviceProps={children:"channel",label:"deviceName"},e}return u()(a,[{key:"deviceCountMap",get:function(){return{onlineTotal:this.groupInfo.onlineTotal,offlineTotal:this.groupInfo.offlineTotal,total:this.groupInfo.total}}},{key:"created",value:function(){this.getDevicesList()}},{key:"getDevicesList",value:function(){var e=o()(y.a.mark((function e(){var t,a;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,this.deviceLoading=!0,e.next=4,this.service.getGroupDetail({groupId:this.activeGroupData.id});case 4:t=e.sent,a=t.data,this.groupInfo=a,this.deviceLoading=!1,e.next=13;break;case 10:e.prev=10,e.t0=e["catch"](0),this.deviceLoading=!1;case 13:case"end":return e.stop()}}),e,this,[[0,10]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"handleClickDevice",value:function(e){this.$emit("playVideo",e)}},{key:"backGroupList",value:function(){this.$emit("backGroupList")}},{key:"handleSaveSort",value:function(){var e=o()(y.a.mark((function e(t){var a;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,this.deviceLoading=!0,a=Object.assign({},{devices:t,groupId:this.groupInfo.groupId}),e.next=5,this.service.sortGroupDevices(a);case 5:this.deviceLoading=!1,this.getDevicesList(),e.next=12;break;case 9:e.prev=9,e.t0=e["catch"](0),this.deviceLoading=!1;case 12:case"end":return e.stop()}}),e,this,[[0,9]])})));function t(t){return e.apply(this,arguments)}return t}()}]),a}(C["d"]);A["a"]([Object(C["b"])()],Ii.prototype,"activeGroupData",void 0),Ii=A["a"]([Object(C["a"])({components:{cameraList:Te}})],Ii);var wi=Ii,Di=wi,Ri=(a("5f25"),Object(T["a"])(Di,xi,bi,!1,null,null,null)),Oi=Ri.exports;function Bi(e){var t=Mi();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function Mi(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var Ti=function(e){d()(a,e);var t=Bi(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.visible=!0,e.activeGroupData="",e}return u()(a,[{key:"loadCameraList",value:function(e){this.activeGroupData=e,this.visible=!1}},{key:"playVideo",value:function(e){this.$emit("playVideo",e)}},{key:"backGroupList",value:function(){this.visible=!0}},{key:"handleStartLoop",value:function(e){this.$emit("startLoop",e)}},{key:"handleStopLoop",value:function(){this.$emit("stopLoop")}},{key:"handlePageDevice",value:function(e){this.$emit("pageDevice",e)}}]),a}(C["d"]);Ti=A["a"]([Object(C["a"])({name:"MyGroup",components:{myGroupList:Ci,myCameraList:Oi}})],Ti);var Ei=Ti,Pi=Ei,Li=Object(T["a"])(Pi,Qa,Ga,!1,null,null,null),Ni=Li.exports;function ji(e){var t=Wi();return function(){var a,i=g()(e);if(t){var n=g()(this).constructor;a=Reflect.construct(i,arguments,n)}else a=i.apply(this,arguments);return f()(this,a)}}function Wi(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var Fi=[{label:"全部",value:"null"},{label:"在线",value:"2"},{label:"离线",value:"3"}],zi=function(e){d()(a,e);var t=ji(a);function a(){var e;return s()(this,a),e=t.apply(this,arguments),e.cameraSelectStatus="null",e.cameraRadioData=Fi,e.searchDeviceName="",e.isFullscreen=!1,e.showMode=0,e.playerLayout={rows:2,cols:2},e.activeTab="all-list",e.playShowFlag=!1,e.loopInterval=null,e.loopIndex=1,e.originLoopInfo=null,e.loopDevices=[],e.pageDeviceInfo=null,e}return u()(a,[{key:"currentSelectWin",get:function(){return this.$store.state.video.currentSelectWin}},{key:"deviceMap",get:function(){return this.$store.state.video.playerDeviceMap}},{key:"videoMode",get:function(){return this.$store.state.video.videoMode}},{key:"playerServer",get:function(){return this.$store.state.video.playerServer||""}},{key:"selectMode",value:function(e){this.showMode=e}},{key:"handleFullScreen",value:function(){b.a.toggle(document.getElementById("rightContainer"))}},{key:"fullScreenChange",value:function(){this.isFullscreen=b.a.isFullscreen}},{key:"handleShiftScreen",value:function(e){""===this.playerRef.playMode?(this.videoStore.SET_VIDEO_MODE(e),this.saveMonitorConfig(),e*e-1=this.videoMode*this.videoMode?this.playerRef.selectWindow(0):this.playerRef.selectWindow(this.currentSelectWin+1)}},{key:"saveMonitorConfig",value:function(){var e=o()(y.a.mark((function e(){var t,a=this;return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,t={userId:this.$store.state.user.userInfo.userId,screenNum:this.videoMode*this.videoMode,monitorDeviceConfig:[]},Object.keys(this.deviceMap).forEach((function(e){a.deviceMap[e]&&(a.deviceMap[e].screenNum=t.screenNum,t.monitorDeviceConfig.push(a.deviceMap[e]))})),e.next=5,this.service.saveMonitorConf(t);case 5:e.next=9;break;case 7:e.prev=7,e.t0=e["catch"](0);case 9:case"end":return e.stop()}}),e,this,[[0,7]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"handleCloseStream",value:function(e){this.videoStore.DEL_PLAYER_DEVICE_MAP(e),this.saveMonitorConfig()}},{key:"handleOnWinSwap",value:function(e,t){this.saveMonitorConfig()}},{key:"handlePtzControl",value:function(e,t){var a=this;console.log("cmd:",e,"params:",t),8===e?this.playerRef.ptzControl(this.currentSelectWin,e,7):(this.playerRef.ptzControl(this.currentSelectWin,e,t),setTimeout((function(){a.playerRef.ptzControl(a.currentSelectWin,e,0)}),500))}},{key:"handleMapPlay",value:function(e){var t=this;this.showMode=0;var a=Object.assign([],e);Object.keys(this.deviceMap).forEach((function(e){t.videoStore.DEL_PLAYER_DEVICE_MAP(Number(e))}));var i=e.length;for(var n in 1===i?this.videoStore.SET_VIDEO_MODE(1):i>1&&i<=4?this.videoStore.SET_VIDEO_MODE(2):this.videoStore.SET_VIDEO_MODE(3),a){var r=a[n].msg.device;r.orderNo=n,Object(xe["formatDeivice"])(r,this.playerServer),this.videoStore.SAVE_PLAYER_DEVICE_MAP(r)}this.saveMonitorConfig()}},{key:"created",value:function(){var e=o()(y.a.mark((function e(){return y.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return b.a.enabled&&b.a.on("change",this.fullScreenChange),this.videoStore=Object(Ue["e"])(qe["a"],G["a"]),e.next=4,this.videoStore.getVideoConf();case 4:return e.next=6,this.videoStore.getPlayerServer();case 6:this.playShowFlag=!0;case 7:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()},{key:"handleStartLoop",value:function(e){var t=this;if(e.devices.length>0){this.loopInterval&&(clearInterval(this.loopInterval),this.loopInterval=null),this.loopIndex=0,this.originLoopInfo=JSON.parse(JSON.stringify(e));var a=this.videoMode*this.videoMode,i=this.groupingArray(e.devices,a);this.loopDevices=this.formatLoopDevices(i[this.loopIndex]);var n=this;this.loopInterval=setInterval((function(){if(e.config)t.loopIndex===i.length-1?t.loopIndex=0:n.loopIndex++;else{if(n.loopIndex>=i.length-1)return void clearInterval(t.loopInterval);n.loopIndex++}n.loopDevices=n.formatLoopDevices(i[n.loopIndex])}),1e3*e.interval)}}},{key:"handleStopLoop",value:function(){this.loopInterval&&this.clearLoopVideo()}},{key:"groupingArray",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,a=[],i=0;i