{"version":3,"sources":["webpack:///./src/views/replay/Avintercoms/Avintercomsplay.vue?544e","webpack:///./src/views/replay/Avintercoms/Avintercomsplay.vue?ac27","webpack:///./src/views/replay/Avintercoms/Avintercomsplay.vue","webpack:///src/views/replay/Avintercoms/Avintercomsplay.vue","webpack:///./src/views/replay/Advancepb.vue?2810","webpack:///./src/views/replay/Advancepb.vue?58ce","webpack:///./src/views/replay/Advancepb.vue","webpack:///./src/views/public/timeline-canvas1.js","webpack:///./src/views/public/regional.js","webpack:///./src/assets/js/h5splayerhelper.js","webpack:///./src/views/replay/Avintercoms/Avintercomsplay.vue?4ae0","webpack:///./src/views/replay/Advancepb.vue?4ebc","webpack:///src/views/replay/Advancepb.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","videoid","rtcid","staticRenderFns","component","model","value","callback","$$v","filterText","expression","_v","ref","data","filterNode","defaultProps","on","handleNodeClick","scopedSlots","_u","key","fn","class","iconclass","staticStyle","iconclass1","_s","label","strName","_l","r","c","$event","preventDefault","stopVideo","videoClick","hideover","showout","CloseVideo","panelFullScreen","timelinndown","mouseoutcanvas","timetz","enter1","leave1","co_Baise","Adswitch","Adswitchs","$t","Adswitchs1","changePanel","input_ch","xzvalue","Speed","region","item","_e","region1","region2","region3","icon","resume","icon1","icon2","icon3","TimeSlider","elementId","options","canvas","document","getElementById","ctx","getContext","canvansW","width","canVansH","height","timecell","init_cells","console","log","font","minutes_per_step","graduation_step","hours_per_ruler","start_timestamp","Date","getTime","distance_between_gtitle","zoom","g_isMousedown","g_isMousemove","g_mousedownCursor","returnTime","on_before_click_ruler_callback","init","Plugin","time","cell","each","_this","$","_thisId","id","set_time_to_middle","returnMouseupTime","clearCanvas","prototype","redrawFlag","drawCellBg","add_graduations","add_cells","drawLine","add_events","fillStyle","fillText","changeTime","px_per_min","px_per_ms","px_per_step","min_per_step","i","length","medium_step","graduation_left","graduation_time","lineH","num_steps","ms_offset","ms_to_next_step","px_offset","ms_per_step","date","getUTCHours","getUTCMinutes","big_date","graduation_title","middle_date","beginX","beginY","endX","endY","color","beginPath","moveTo","lineTo","strokeStyle","lineWidth","stroke","cells","forEach","draw_cell","beginTime","cell_width","endTime","style","background","fillRect","addEventListener","mousewheelFunc","bind","mousedownFunc","mousemoveFunc","mouseupFunc","mouseoutFunc","e","get_cursor_x_position","pos_x","diff_x","Math","round","posx","ms_per_px","event","window","returnValue","delta","max","min","wheelDelta","detail","middle_time","pageX","pageY","clientX","clientY","body","scrollLeft","documentElement","datetime","getHours","getMinutes","getMilliseconds","getDate","toString","substr","getMonth","getFullYear","newTime","year","month","hour","minute","second","getSeconds","timestamp","step","remainder","clearRect","old","noConflict","Vue","use","VueI18n","i18n","locale","messages","LangEn","LangZhCHS","LangZhCHT","store","state","lang","root","IPPORT","listdatag","listdatagload","listdatag1","loadtest","url","token","axios","get","then","result","status","srcGroup","children","tc","src","newItem","iconclass2","name","disabled_me","push","loadDevice","srcData","dev","srclevel","strToken","loadSrc","catch","error","NumberDevice","NumberSrc","cloudDevice","cloudSrc","Regional","oldarr","oldarr1","dataroot","getchild","arr","arr1","cam","j","bOnline","nConnectType","bRec","bDisable","node","camarr","camarr1","diff","filter","Set","has","H5siOS","iDevices","navigator","platform","pop"],"mappings":"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AvQA,WAwQA,mBACA,iBACA,OACA,cAEA,+BACA,2BACA,kCACA,SAEA,uBACA,6FACA,+BAIA,kBACA,eACA,sBACA,iBACA,cACA,gBACA,gBACA,eACA,iBACA,iBACA,qCACA,OACA,SAEA,OACA,SAEA,OACA,SAEA,OACA,SAEA,OACA,SAEA,OACA,SAEA,OACA,SAEA,mDAEA,sCAEA,+CAEA,sCAIA,KAEA,EADA,oBACA,sJAEA,+CACA,+FAIA,iCACA,oCACA,4BACA,kBACA,aACA,eAGA,IAFA,SAEA,2BACA,MACA,sBACA,iBAEA,kBAEA,wCACA,wCACA,sCACA,0BACA,WACA,oBACA,qBAEA,cACA,cADA,IAEA,GACA,YACA,UACA,gDAGA,6BACA,kDAEA,+BACA,gCAEA,kDAIA,UAGA,+DAIA,uCACA,yBACA,8BACA,UAEA,yBACA,KACA,YACA,8BAEA,OACA,YACA,UACA,gBACA,mBACA,sBACA,oBACA,YAEA,mDACA,OACA,6CACA,kCACA,OACA,aACA,eACA,SACA,YACA,8BAEA,wBACA,mBAEA,eACA,8CAEA,uCACA,yBACA,8BACA,UAEA,yBACA,KACA,aAEA,GACA,YACA,UACA,gBACA,mBACA,uBACA,oBACA,YAPA,IASA,GACA,6CACA,kCACA,OACA,aACA,eACA,SACA,YACA,8BAGA,wBACA,mBAEA,eACA,8CAEA,uCACA,yBACA,8BACA,UAEA,yBACA,KACA,YACA,8BAEA,GACA,YACA,UACA,gBACA,mBACA,uBACA,oBACA,YAPA,IASA,GACA,6CACA,kCACA,OACA,aACA,eACA,SACA,YACA,8BAGA,wBACA,mBAEA,eACA,8CAEA,uCACA,yBACA,8BACA,UAEA,yBACA,KACA,YACA,8BAEA,GACA,YACA,UACA,gBACA,mBACA,uBACA,oBACA,YAPA,IASA,GACA,6CACA,kCACA,OACA,aACA,eACA,SACA,YACA,8BAEA,wBACA,mBAEA,eACA,kDAMA,MAGA,OAhhBA,WAihBA,gBACA,aACA,aACA,aACA,eACA,8CACA,aAEA,oCACA,iCACA,uBACA,iBAEA,4BACA,yCACA,uBACA,mBAGA,8CACA,aAEA,oCACA,kCACA,uBACA,iBAEA,4BACA,0CACA,uBACA,mBAGA,8CACA,aAEA,oCACA,kCACA,uBACA,iBAEA,4BACA,0CACA,uBACA,mBAGA,+CACA,aAEA,oCACA,kCACA,uBACA,iBAEA,4BACA,0CACA,uBACA,oBAMA,MAjlBA,WAklBA,8CACA,YACA,2BAEA,8CACA,YACA,4BAEA,8CACA,YACA,4BAEA,+CACA,YACA,6BAKA,WArmBA,SAqmBA,GAEA,eACA,KACA,4CACA,8CACA,aAEA,4BACA,QACA,eAEA,oEACA,6CACA,6DACA,iEAEA,8CACA,aAEA,4BACA,QACA,eACA,6CACA,oEACA,6DACA,iEAGA,8CACA,aAEA,4BACA,QACA,eACA,6CACA,oEACA,6DACA,iEAGA,+CACA,aAEA,4BACA,QACA,eACA,6CACA,oEACA,6DACA,kEAGA,iBAIA,WA9pBA,WAgqBA,6BACA,6BAEA,+BACA,4BAOA,SA3qBA,WA6qBA,kIAEA,6BAEA,gDAGA,iDAGA,2DACA,kEAGA,sBAEA,kCAGA,+CACA,2DACA,mCACA,kCAEA,mCACA,mCAKA,kBACA,4BACA,qBAEA,yBAKA,UAptBA,WAqtBA,gIAKA,YAHA,QACA,MAEA,GAEA,gBA5tBA,SA4tBA,GACA,yCACA,4CAGA,4BACA,kCACA,+BACA,6BAGA,4BACA,kCACA,+BACA,8BAEA,wBACA,0BACA,8BACA,gCACA,6BACA,+BACA,2BACA,4BAEA,oCACA,gDACA,gCAEA,gCACA,mCACA,oBACA,sBACA,0BACA,4BACA,uBACA,yBACA,uBACA,wBAEA,+BACA,4BAEA,mFACA,gFACA,6EACA,iFAIA,6DAGA,wBAjxBA,WAkxBA,2BACA,2DAEA,uBArxBA,WA6xBA,gCACA,+GACA,4DAGA,WAlyBA,SAkyBA,OACA,mCACM,EAAN,wCACA,iBACA,qBACM,KAAN,YACM,KAAN,YACM,QAAN,SACA,iDACQ,EAAR,mDAEQ,EAAR,4EACQ,EAAR,gFAGA,0CACA,6BACA,6BACA,0CACA,6BACA,6BACA,0CACA,6BACA,6BACA,2CACA,6BACA,8BAIA,YAh0BA,SAg0BA,GAEA,6BACA,kBACA,eACM,IAAN,0BACA,OACA,kBACA,kBAEM,OAAN,mBACQ,KAAR,YACQ,KAAR,mBAGA,aAEA,4BACA,QACA,eACA,6DACA,sEAGA,aAEA,4BACA,QACA,eACA,6DACA,sEAGA,aAEA,4BACA,QACA,eACA,6DACA,iEAGA,kCAGA,gDAEA,qDACA,qDACA,yDAGA,UAp3BA,SAo3BA,KAGA,KAv3BA,SAu3BA,cACA,IASA,GANA,yCACA,0CACA,0CACA,+CAGA,KACA,SAIA,mBACA,gCACA,sBACA,iBACA,cACA,gBACA,qCACA,OACA,SAEA,OACA,SAEA,OACA,SAEA,0CACA,sCACA,sCAEA,0BACA,+CAGM,IAAN,2BACA,2BACA,KAEA,EADA,uBACA,8CACA,kGAEA,wCACA,kGAIA,oCACA,iBACA,4BAEA,GADA,eACA,cAIA,IAHA,aACA,KAEA,2BACA,IACA,EADA,cAEA,sBACA,iBAGA,4CACA,wCACA,sCACA,WACA,eACA,iCAEA,WACA,+BACA,uBAEA,kDACA,sCACA,uBAGA,cACA,cADA,IAEA,GACA,YACA,UACA,gDAEA,wBAEA,6BACA,kDAEA,+BACA,gCAEA,kDAGA,UAEA,8DAGA,uCACA,yBACA,8BACA,UAEA,yBACA,KACA,YACA,8BAEA,4BACA,OACA,uBAEA,UACA,gBACA,mBACA,sBACA,oBACA,YAEA,yBACA,OACA,6CACA,kCACA,OACA,aACA,QACA,SACA,YACA,8BAEA,2DACA,gDACA,mBACA,4CAEA,gDACA,mBACA,8CAGA,kCAEA,oBACA,uCACA,yBACA,8BACA,UAEA,yBACA,KACA,aAEA,GACA,uBACA,UACA,gBACA,mBACA,uBACA,oBACA,YAPA,IASA,GACA,6CACA,kCACA,OACA,aACA,QACA,SACA,YACA,8BAEA,2DACA,gDACA,mBACA,4CAEA,gDACA,oBAEA,uCAEA,oBACA,uCACA,yBACA,8BACA,UAEA,yBACA,KACA,YACA,8BAEA,GACA,uBACA,UACA,gBACA,mBACA,uBACA,oBACA,YAPA,IASA,GACA,6CACA,kCACA,OACA,aACA,QACA,SACA,YACA,8BAEA,2DACA,gDACA,mBACA,4CAEA,gDACA,oBAGA,oBACA,uCACA,yBACA,8BACA,UAEA,yBACA,KACA,YACA,8BAEA,GACA,uBACA,UACA,gBACA,mBACA,uBACA,oBACA,YAPA,IASA,GACA,6CACA,kCACA,OACA,aACA,QACA,SACA,YACA,8BAEA,2DACA,gDACA,mBACA,4CAEA,gDACA,oBAGA,oBASA,WA1oCA,SA0oCA,KAEA,oBACA,gCACA,CAEA,2CAEA,sDAIA,YAtpCA,SAspCA,KAEA,oBACA,gCACA,CAEA,2CAEA,sDAIA,YAlqCA,SAkqCA,KAEA,mDACA,oBACA,gCACA,CAEA,2CAEA,sDAIA,YA/qCA,SA+qCA,KAEA,mDACA,oBACA,gCACA,CAEA,2CAEA,sDAIA,MA5rCA,WA6rCA,qEAEA,MA/rCA,WAgsCA,oEAEA,OAlsCA,WAmsCA,2CAGA,OAtsCA,WAusCA,0CAIA,SA3sCA,SA2sCA,KACA,4DAEA,QA9sCA,SA8sCA,KACA,2DAGA,MAltCA,WAmtCA,kBAEA,QArtCA,WAstCA,kBAII,YA1tCJ,gBA2tCA,aACQ,QAAR,UACQ,KAAR,YACA,gBACQ,KAAR,uBACA,QACQ,KAAR,YAII,WAruCJ,SAquCA,KACM,OAAN,IACA,kBACA,oCACA,0BAEA,0BAKE,MAAF,CACI,WADJ,SACA,GACM,KAAN,0B","file":"static/js/chunk-e19dc69e.5f17f3a5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Avintercomsplay\"},[_c('video',{staticClass:\"videoo1\",attrs:{\"id\":_vm.videoid,\"autoplay\":\"\",\"webkit-playsinline\":\"\",\"playsinline\":\"\"}}),_c('div',{attrs:{\"id\":_vm.rtcid}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avintercomsplay.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avintercomsplay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Avintercomsplay.vue?vue&type=template&id=5819e352&scoped=true&\"\nimport script from \"./Avintercomsplay.vue?vue&type=script&lang=js&\"\nexport * from \"./Avintercomsplay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Avintercomsplay.vue?vue&type=style&index=0&id=5819e352&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5819e352\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"Avintercomsplay\">\n        <video class=\"videoo1\" :id=\"videoid\" autoplay webkit-playsinline playsinline></video>\n        <div :id=\"rtcid\" class=\"\"></div>\n        <!-- <div class=\"liveplay_butt\">\n            <button class=\"iconfont icon-full\" @click=\"FullScreen\"></button>\n            <button class=\"iconfont icon-roundclosefill\" @click=\"CloseVideo\"></button>\n        </div> -->\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name:\"Avintercomsplay\",\n    props:['h5id', 'h5videoid',\"cols\",\"rows\"],\n    data(){\n        return{\n            videoid: this.h5videoid,\n            rtcid:\"rtc\"+this.h5videoid,\n        }\n    },\n    mounted(){\n        var _this=this\n        this.$root.bus.$on(\"playback\",function(vid){\n            // console.log(vid,_this.h5id)\n            if(_this.h5id!=vid){\n                return\n            }\n            console.log(\"vid\",vid)\n        })\n    },\n    methods:{\n        CloseVideo(){\n\n        },\n        //全屏\n        FullScreen(){\n            var elem = $(\"#\"+this.h5id).get(0);\n            //var elem = $(\"#videoPanel\");\n            if (\n            document.fullscreenEnabled ||\n            document.webkitFullscreenEnabled ||\n            document.mozFullScreenEnabled ||\n            document.msFullscreenEnabled\n            ) {\n                if (\n                    document.fullscreenElement ||\n                    document.webkitFullscreenElement ||\n                    document.mozFullScreenElement ||\n                    document.msFullscreenElement\n                ) {\n                    if (document.exitFullscreen) {\n                        document.exitFullscreen();\n                    } else if (document.webkitExitFullscreen) {\n                        document.webkitExitFullscreen();\n                    } else if (document.mozCancelFullScreen) {\n                        document.mozCancelFullScreen();\n                    } else if (document.msExitFullscreen) {\n                        document.msExitFullscreen();\n                        \n                    }\n                    // this.Electronicoff();\n                    // this.Electronicopen();\n                    console.log(\"========  updateUIExitFullScreen\");\n                    this.updateUIExitFullScreen();\n                } else {\n                     console.log('panelFullScreen3');\n                    // this.Electronicoff();\n                    // this.Electronicopen();\n                    if (elem.requestFullscreen) {\n                        elem.requestFullscreen();\n                    } else if (elem.webkitRequestFullscreen) {\n                        elem.webkitRequestFullscreen();\n                    } else if (elem.mozRequestFullScreen) {\n                        elem.mozRequestFullScreen();\n                    } else if (elem.msRequestFullscreen) {\n                        elem.msRequestFullscreen();\n                    }\n                }\n            } else {\n                console.log('Fullscreen is not supported on your browser.');\n            }\n        },\n        updateUIExitFullScreen(){\n            if (!document.fullscreenElement && !document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement)\n            {\n                $('div[name=\"flex\"]').height(this.contentHeight / this.rows);\n            }\n        },\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n.rtc_new{\n    width: 25px;\n    height: 25px;\n    margin: 10px;\n    background:url(\"~@/views/liveview/imgs/liveview_rtc.svg\") no-repeat center;\n    background-size: contain;\n    background-position:center center;\n    position: absolute;\n    top: 0px;\n}\n.Avintercomsplay{\n    width: 100%;\n    height: 100%;\n    position: relative;\n    .videoo1{\n        width: 100%;\n        height: 100%;\n        object-fit: fill;\n    }\n    &:hover .liveplay_butt{\n        display: block;\n    }\n    .liveplay_butt{\n            position: absolute;\n            display: none;\n            top: 0;\n            z-index:1012;\n            width: 100%;\n            height: 40px;\n            line-height: 30px;\n            background: url('~@/views/liveview/imgs/liveview_buttback.png') no-repeat;\n            background-size: 320px 35px;\n            background-position-x:right;\n            text-align: right;\n            padding: 0 15px;\n            button{\n                background: none;\n                border: none;\n                padding: 0;\n                margin: 0;\n                color: #FFFFFF;\n                margin-left: 15px;\n            }\n            .fw_butt{\n                padding:0;display: inline;\n                border: none;\n                top: -2px;\n                right: -15px;\n            }\n        }\n}\n</style>","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"playback\"},[_c('div',{staticClass:\"playback_snap_zuo\"},[_c('el-input',{staticClass:\"snap_zuo_input\",attrs:{\"placeholder\":\"输入关键字进行过滤\"},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:\"filterText\"}}),_c('div',{staticClass:\"snap_zuo_title\"},[_vm._v(\"设备\")]),_c('el-tree',{ref:\"tree\",attrs:{\"data\":_vm.data,\"node-key\":\"id\",\"filter-node-method\":_vm.filterNode,\"highlight-current\":\"\",\"props\":_vm.defaultProps},on:{\"node-click\":_vm.handleNodeClick},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{},[_c('i',{class:data.iconclass,staticStyle:{\"color\":\"rgb(142, 132, 132)\",\"font-size\":\"14px\"}}),_c('span',{class:data.iconclass1,staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.label||data.strName))])])}}])})],1),_c('div',{staticClass:\"playback_snap_you\"},[_c('div',{attrs:{\"id\":\"Fullscreen\"}},[_c('div',{staticClass:\"videogh1\",attrs:{\"id\":\"videoPanel\"}},_vm._l((_vm.rows),function(r){return _c('div',{key:r,staticClass:\"videoColor\",staticStyle:{\"position\":\"relative\"},attrs:{\"name\":\"flex\"}},_vm._l((_vm.cols),function(c){return _c('div',{key:c,staticClass:\"palace\",attrs:{\"id\":'h'+r+c,\"name\":\"flex\"},on:{\"contextmenu\":function($event){$event.preventDefault();return _vm.stopVideo($event)},\"click\":function($event){return _vm.videoClick(r,c,$event)},\"mouseover\":function($event){return _vm.hideover(r,c)},\"mouseout\":function($event){return _vm.showout(r,c)}}},[_c('avintercoms-play',{attrs:{\"h5id\":'h'+r+c,\"h5videoid\":'gaovideohb'+r+c}}),_c('div',{staticClass:\"h5controls\",staticStyle:{\"display\":\"none padding:0px\"}},[_c('button',{staticClass:\"vidbuttion pull-right iconfont icon-roundclosefill\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.CloseVideo($event)}}}),_c('button',{staticClass:\"vidbuttion pull-right iconfont icon-full\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.panelFullScreen($event)}}})])],1)}),0)}),0),_vm._l((_vm.rows),function(r){return _c('div',{key:r},_vm._l((_vm.cols),function(c){return _c('div',{key:c},[_c('div',{staticClass:\"tab\",attrs:{\"id\":'tab'+r+c}},[_c('div',[_c('canvas',{staticClass:\"timeline\",staticStyle:{\"width\":\"100%\",\"background\":\"#343434\"},attrs:{\"id\":'timeline'+r+c,\"width\":\"1500\",\"height\":\"80px\",\"ondragstart\":\"return false;\"},on:{\"mousedown\":function($event){return _vm.timelinndown($event)},\"mouseout\":_vm.mouseoutcanvas,\"mouseup\":_vm.timetz}})]),_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('div',{staticClass:\"mode_Choice\"},[_c('div',{staticClass:\"back_Choice\",on:{\"mouseenter\":function($event){return _vm.enter1()},\"mouseleave\":function($event){return _vm.leave1()}}},[_c('div',{staticClass:\"back_Choice1\",attrs:{\"id\":\"back_Choice\"}},[_c('div',{staticClass:\"co_black\",class:{co_Baise:_vm.Adswitch=='true'},on:{\"click\":_vm.Adswitchs}},[_vm._v(_vm._s(_vm.$t(\"message.playback.H5SPlayback\")))]),_c('div',{staticClass:\"co_black\",class:{co_Baise:_vm.Adswitch=='false'},on:{\"click\":_vm.Adswitchs1}},[_vm._v(_vm._s(_vm.$t(\"message.playback.NVRPlayback\")))])]),_c('span',{staticClass:\"back_zi iconfont icon-gengduo\"})])]),_c('div',{staticClass:\"function_butt\",staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('button',{staticClass:\"layout layout1x1\",attrs:{\"type\":\"button\",\"data-row\":\"1|1\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('button',{staticClass:\"layout layout2x2\",attrs:{\"type\":\"button\",\"data-row\":\"2|2\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('i',{staticClass:\"layoutfull\",staticStyle:{\"font-size\":\"24px\",\"color\":\"#B2B1B1\"},on:{\"click\":function($event){return _vm.panelFullScreen($event)}}}),_c('el-date-picker',{staticClass:\"fixed_input\",attrs:{\"size\":\"mini\",\"type\":\"date\",\"placeholder\":\"选择日期时间\",\"default-time\":\"00:00:00\"},on:{\"change\":_vm.input_ch},model:{value:(_vm.xzvalue),callback:function ($$v) {_vm.xzvalue=$$v},expression:\"xzvalue\"}}),(r=='1'&&c=='1')?_c('el-select',{staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.Speed()}},model:{value:(_vm.region),callback:function ($$v) {_vm.region=$$v},expression:\"region\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1):_vm._e(),(r=='1'&&c=='2')?_c('el-select',{staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.Speed()}},model:{value:(_vm.region1),callback:function ($$v) {_vm.region1=$$v},expression:\"region1\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1):_vm._e(),(r=='2'&&c=='1')?_c('el-select',{staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.Speed()}},model:{value:(_vm.region2),callback:function ($$v) {_vm.region2=$$v},expression:\"region2\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1):_vm._e(),(r=='2'&&c=='2')?_c('el-select',{staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.Speed()}},model:{value:(_vm.region3),callback:function ($$v) {_vm.region3=$$v},expression:\"region3\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1):_vm._e(),(r=='1'&&c=='1')?_c('button',{staticClass:\"button_resume\",class:_vm.icon,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.resume()}}}):_vm._e(),(r=='1'&&c=='2')?_c('button',{staticClass:\"button_resume\",class:_vm.icon1,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.resume()}}}):_vm._e(),(r=='2'&&c=='1')?_c('button',{staticClass:\"button_resume\",class:_vm.icon2,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.resume()}}}):_vm._e(),(r=='2'&&c=='2')?_c('button',{staticClass:\"button_resume\",class:_vm.icon3,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.resume()}}}):_vm._e()],1),_c('div',{staticClass:\"caveat_butt\"},[_c('button',{staticClass:\"mr-0\",attrs:{\"type\":\"button\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"message.archive.Schedulerecord\"))+\" \"),_c('button',{staticClass:\"mr-1\",attrs:{\"type\":\"button\"}}),_vm._v(_vm._s(_vm.$t(\"message.archive.ManualRecord\"))+\" \"),_c('button',{staticClass:\"mr-2\",attrs:{\"type\":\"button\"}}),_vm._v(_vm._s(_vm.$t(\"message.archive.AlarmRecord\"))+\" \")])])])])}),0)})],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Advancepb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Advancepb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Advancepb.vue?vue&type=template&id=001fb4dd&scoped=true&\"\nimport script from \"./Advancepb.vue?vue&type=script&lang=js&\"\nexport * from \"./Advancepb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Advancepb.vue?vue&type=style&index=0&id=001fb4dd&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"001fb4dd\",\n  null\n  \n)\n\nexport default component.exports","var TimeSlider = function(elementId, options) {\n    this.canvas = document.getElementById(elementId);\n    this.ctx = this.canvas.getContext(\"2d\");\n    this.canvansW = this.canvas.width;\n    this.canVansH = this.canvas.height;\n    this.timecell = options.init_cells;\n    console.log(this.canvansW,this.canVansH)\n    this.ctx.font=\"20px Arial\";\n    this.minutes_per_step = [1, 2, 5, 10, 15, 20, 30, 60, 120, 180, 240, 360, 720, 1440]; // min/格\n    this.graduation_step = 20;//刻度间最小宽度，单位px\n    this.hours_per_ruler = 24;//时间轴显示24小时\n    this.start_timestamp = new Date().getTime() - 12*60*60*1000;\n    this.distance_between_gtitle = 80;\n    this.zoom = 24;\n    this.g_isMousedown = false;//拖动mousedown标记\n    this.g_isMousemove = false;//拖动mousemove标记\n    this.g_mousedownCursor = null;//拖动mousedown的位置\n    this.returnTime = null;//mouseup返回时间\n\n    this.on_before_click_ruler_callback = null;\n\n    this.init(this.start_timestamp,this.timecell,false);\n    return this;\n};\n\n/**\n * 初始化\n * @param {*} start_timestamp 最左侧时间\n * @param {*} timecell 录像段数组\n * @param {*} redrawFlag 是否重绘标记\n */\nTimeSlider.prototype.init = function(start_timestamp,timecell,redrawFlag){\n    this.timecell = timecell;\n    this.start_timestamp = start_timestamp;\n    this.drawCellBg();\n    this.add_graduations(start_timestamp);\n    this.add_cells(timecell);\n    // this.drawLine(0,this.canVansH,this.canvansW,this.canVansH,\"rgb(151, 158, 167)\",1); //底线\n    this.drawLine(this.canvansW/2,0,this.canvansW/2,35,\"rgb(64, 196, 255\",2); //中间播放点时间线\n    if(!redrawFlag){//只有第一次进入才需要添加事件\n        this.add_events();\n    }\n    var time = start_timestamp + (this.hours_per_ruler*3600*1000)/2;\n    this.ctx.fillStyle = \"rgb(64, 196, 255)\";\n    this.ctx.fillText(this.changeTime(time),this.canvansW/2-60,57);\n}\n\n/**\n * 绘制添加刻度\n * @param {*} start_timestamp 最左侧时间\n */\nTimeSlider.prototype.add_graduations = function(start_timestamp){\n    var _this = this;\n    var px_per_min = _this.canvansW / (_this.hours_per_ruler * 60); // px/min\n    var px_per_ms = _this.canvansW / (_this.hours_per_ruler * 60 * 60 * 1000); // px/ms\n    var px_per_step = _this.graduation_step;  // px/格 默认最小值20px\n    var min_per_step = px_per_step / px_per_min; // min/格\n    for(var i = 0; i < _this.minutes_per_step.length;i++){ \n        if(min_per_step <= _this.minutes_per_step[i]){ //让每格时间在minutes_per_step规定的范围内\n            min_per_step = _this.minutes_per_step[i]; \n            px_per_step = px_per_min * min_per_step;\n            break\n        }\n    }\n\n    var medium_step = 0;\n    for (var i = 0; i < _this.minutes_per_step.length; i++) {\n        if (_this.distance_between_gtitle / px_per_min <= _this.minutes_per_step[i]) {\n            medium_step = _this.minutes_per_step[i];\n            break;\n        }\n    }\n\n    var num_steps = _this.canvansW / px_per_step; //总格数\n    var graduation_left;\n    var graduation_time;\n    var caret_class;\n    var lineH;\n    var ms_offset = _this.ms_to_next_step(start_timestamp,min_per_step*60*1000);//开始的偏移时间 ms\n    var px_offset = ms_offset * px_per_ms; //开始的偏移距离 px\n    var ms_per_step = px_per_step / px_per_ms; // ms/step\n    for(var i = 0; i < num_steps; i++){\n        graduation_left = px_offset + i * px_per_step; // 距离=开始的偏移距离+格数*px/格\n        graduation_time = start_timestamp + ms_offset + i * ms_per_step; //时间=左侧开始时间+偏移时间+格数*ms/格\n        var date = new Date(graduation_time);\n        if (date.getUTCHours() == 0 && date.getUTCMinutes() == 0) {\n            caret_class = 'big';\n            lineH = 20;//刻度位置\n            var big_date = _this.graduation_title(date);\n            _this.ctx.fillText(big_date,graduation_left-20,35);//刻度时间位置\n            _this.ctx.fillStyle = \"rgba(151,158,167,1)\";\n        }else if (graduation_time / (60 * 1000) % medium_step == 0) {\n            caret_class = 'middle';\n            lineH = 15;//刻度位置\n            var middle_date = _this.graduation_title(date);\n            _this.ctx.fillText(middle_date,graduation_left-20,35);//刻度时间位置\n            _this.ctx.fillStyle = \"rgba(151,158,167,1)\";\n        }else{\n            lineH = 0;\n        }\n        // drawLine(graduation_left,0,graduation_left,lineH,\"rgba(151,158,167,0.4)\",1);\n        _this.drawLine(graduation_left,0,graduation_left,lineH,\"rgba(151,158,167,1)\",1);\n    }\n}\n\n/**\n * 绘制线\n * @param {*} beginX \n * @param {*} beginY \n * @param {*} endX \n * @param {*} endY \n * @param {*} color \n * @param {*} width \n */\nTimeSlider.prototype.drawLine = function(beginX,beginY,endX,endY,color,width){\n    this.ctx.beginPath();\n    this.ctx.moveTo(beginX,beginY);\n    this.ctx.lineTo(endX,endY);\n    this.ctx.strokeStyle = color;\n    this.ctx.lineWidth = width;\n    this.ctx.stroke();\n}\n\n/**\n * 添加录像段\n * @param {*} cells 录像数组\n */\nTimeSlider.prototype.add_cells = function(cells){\n    var _this = this;\n    if(cells){\n        \n        cells.forEach(cell => {\n            _this.draw_cell(cell)\n        });\n    }\n}  \n\n/**\n * 绘制录像块\n * @param {*} cell cell包括beginTime ms;endTime ms;style \n */\nTimeSlider.prototype.draw_cell = function(cell){\n    var _this = this;\n    var px_per_ms = _this.canvansW / (_this.hours_per_ruler * 60 * 60 * 1000); // px/ms\n    var beginX = (cell.beginTime - _this.start_timestamp) * px_per_ms;\n    var cell_width = ( cell.endTime - cell.beginTime) * px_per_ms;\n    _this.ctx.fillStyle = cell.style.background;\n    _this.ctx.fillRect(beginX,60,cell_width,20);\n}\n\n/**\n * 绘制录像块背景\n */\nTimeSlider.prototype.drawCellBg = function(){\n    this.ctx.fillStyle = \"rgba(150, 150, 150, 1)\";\n    this.ctx.fillRect(0,60,this.canvansW,20); \n}\n\n/**\n * 时间轴事件\n */\nTimeSlider.prototype.add_events = function(){\n    var _this = this;\n    if(_this.canvas.addEventListener){\n        _this.canvas.addEventListener('mousewheel',_this.mousewheelFunc.bind(_this));\n        _this.canvas.addEventListener('mousedown',_this.mousedownFunc.bind(_this));\n        _this.canvas.addEventListener('mousemove',_this.mousemoveFunc.bind(_this));\n        _this.canvas.addEventListener('mouseup',_this.mouseupFunc.bind(_this));\n        _this.canvas.addEventListener('mouseout',_this.mouseoutFunc.bind(_this));\n    }\n}\n\n/**\n * 拖动/点击 mousedown事件\n */\nTimeSlider.prototype.mousedownFunc = function(e){\n    this.g_isMousedown = true;\n    this.g_mousedownCursor = this.get_cursor_x_position(e);//记住mousedown的位置\n}\n\n/**\n * 拖动/鼠标hover显示 mousemove事件\n */\nTimeSlider.prototype.mousemoveFunc = function(e){\n    var _this = this;\n    var pos_x = _this.get_cursor_x_position(e);\n    var px_per_ms = _this.canvansW / (_this.hours_per_ruler * 60 * 60 * 1000); // px/ms\n    // console.log(_this.canvansW,px_per_ms )\n\n    _this.clearCanvas();\n    if(_this.g_isMousedown){\n        var diff_x = pos_x - _this.g_mousedownCursor;\n        _this.start_timestamp = _this.start_timestamp - Math.round(diff_x / px_per_ms);\n        _this.init(_this.start_timestamp,_this.timecell,true);\n        _this.g_isMousemove = true;\n        _this.g_mousedownCursor = pos_x;\n    }else{\n        // var time = (_this.start_timestamp-390) + pos_x/px_per_ms-22430000;\n        _this.init(_this.start_timestamp,_this.timecell,true);\n        // _this.drawLine(pos_x-342,0,pos_x-342,50,\"rgb(194, 202, 215)\",1);\n        // _this.ctx.fillStyle = \"rgb(194, 202, 215)\";\n        // _this.ctx.fillText(_this.changeTime(time),pos_x-420,75);//黑色竖线的位置和时间位置\n    }\n}\n\n/**\n * 拖动/点击 mouseup事件\n */\nTimeSlider.prototype.mouseupFunc = function(e){\n    var _this = this;\n    if(_this.g_isMousemove){ //拖动 事件\n        _this.g_isMousemove = false;\n        _this.g_isMousedown = false;\n        _this.returnTime = _this.start_timestamp + (_this.hours_per_ruler*3600*1000)/2;\n    }else{ // click 事件\n        _this.g_isMousedown = false;\n        var posx = _this.get_cursor_x_position(e); //鼠标距离 px\n        var ms_per_px = (_this.zoom * 3600 * 1000) / _this.canvansW; // ms/px\n        _this.returnTime = _this.start_timestamp + (posx-390) * ms_per_px;\n        _this.set_time_to_middle(_this.returnTime);\n    }\n}\n\n/**\n * 鼠标移出隐藏时间 mouseout事件\n * @param {*} e \n */\nTimeSlider.prototype.mouseoutFunc = function(){\n    var _this = this;\n    _this.clearCanvas();\n    _this.init(_this.start_timestamp,_this.timecell,true);\n}\n\n/**\n * 滚轮放大缩小，以时间轴中心为准 mousewheel事件\n */\nTimeSlider.prototype.mousewheelFunc = function(event){\n    var _this = this;\n    if(event && event.preventDefault){\n        event.preventDefault()\n    }else{\n        window.event.returnValue = false;\n        return false;\n    }\t\n\n    var e = window.event || event;\n    var delta = Math.max(-1,Math.min(1,(e.wheelDelta || -e.detail)));\n    var middle_time = _this.start_timestamp + (_this.hours_per_ruler*3600*1000)/2; //ms 记住当前中间的时间\n    if (delta < 0) {\n        _this.zoom = _this.zoom + 4;\n        if (_this.zoom >= 24) {\n            _this.zoom = 24;//放大最大24小时\n        }\n        _this.hours_per_ruler = _this.zoom;\n    } else if (delta > 0) {// 放大\n        _this.zoom = _this.zoom - 4;\n        if (_this.zoom <= 1) {\n            _this.zoom = 1;//缩小最小1小时\n        }\n        _this.hours_per_ruler = _this.zoom;\n    }\t\n\n    _this.clearCanvas();\n    _this.start_timestamp = middle_time - (_this.hours_per_ruler*3600*1000)/2; //start_timestamp = 当前中间的时间 - zoom/2\n    _this.init(_this.start_timestamp,_this.timecell,true)\n}\n\n/**\n * 获取鼠标posx\n * @param {*} e \n */\nTimeSlider.prototype.get_cursor_x_position =function(e) {\n    var posx = 0;\n\n    if (! e) {\n        e = window.event;\n    }\n    \n    if (e.pageX || e.pageY) {\n        posx = e.pageX;\n    }else if (e.clientX || e.clientY) {\n        posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;\n    }\n    \n    return posx;\n}\n\n/**\n * 返回时间轴上刻度的时间\n * @param {*} datetime new Date 格式\n */\nTimeSlider.prototype.graduation_title = function(datetime) {\n    if (datetime.getHours() == 0 && datetime.getMinutes() == 0 && datetime.getMilliseconds() == 0) {\n        return ('0' + datetime.getDate().toString()).substr(-2) + '.' +\n            ('0' + (datetime.getMonth() + 1).toString()).substr(-2) + '.' +\n            datetime.getFullYear();\n    }\n    return datetime.getHours() + ':' + ('0' + datetime.getMinutes().toString()).substr(-2);\n};\n\n/**\n * 返回 2018-01-01 10:00:00 格式时间\n * @param {*} time \n */\nTimeSlider.prototype.changeTime = function(time) {\n    var newTime = new Date(time);\n    var year = newTime.getFullYear();\n    var month = newTime.getMonth() + 1;\n    if(month < 10){\n        var month = \"0\" + month;\n    }\n    var date = newTime.getDate();\n   if (date < 10) {\n        var date = \"0\" + date;\n    } \n    var hour = newTime.getHours();\n    if (hour < 10) {\n        var hour = \"0\" + hour;\n    }\n    var minute = newTime.getMinutes();\n    if (minute < 10) {\n        var minute = \"0\" + minute;\n    }\n    var second = newTime.getSeconds();\n    if (second < 10) {\n        var second = \"0\" + second;\n    }\n    return year + \"-\" + month + \"-\" + date + \" \" + hour + \":\" + minute + \":\" + second;\n}\n\n/**\n * 左侧开始时间的偏移，返回单位ms\n * @param {*} timestamp \n * @param {*} step \n */\nTimeSlider.prototype.ms_to_next_step = function(timestamp, step) {\n    var remainder = timestamp % step;\n    return remainder ? step - remainder : 0;\n}\n\n/**\n * 设置时间，让这个时间点跳到中间红线处\n *  @param {*} time 单位ms\n */\nTimeSlider.prototype.set_time_to_middle = function(time){\n    this.clearCanvas();\n    this.start_timestamp = time - (this.hours_per_ruler * 60 * 60 * 1000)/2;\n    this.init(this.start_timestamp,this.timecell,true)\n}\n\n/**\n * 返回点击或者拖动的时间点\n */\nTimeSlider.prototype.returnMouseupTime = function(callback){\n    var _this = this;\n    if(_this.returnTime != null){\n        if(callback){\n            callback(_this.returnTime);\n        }\n    }\n}\n\n/**\n * 清除canvas 每次重新绘制需要先清除\n */\nTimeSlider.prototype.clearCanvas = function(){\n    this.ctx.clearRect(0,0,1500,150);\n}\n\n/**\n * 插件设置\n * @param {*} options \n */\nfunction Plugin(options,time,cell,callback) {\n    return this.each(function() {\n        var _this = $(this);\n        var _thisId = this.id;\n        var data = _this.data('timeslider');\n        if (! data) {\n            _this.data('timeslider', new TimeSlider(_thisId, options));\n        }\n        else {\n            if (typeof options == 'string') {\n                switch (options) {\n                    case 'set_time_to_middle':\n                        data.set_time_to_middle(time);\n                        break;\n                    case 'returnMouseupTime':\n                        data.returnMouseupTime(callback);\n                        break;\n                    case 'init':\n                        data.clearCanvas();\n                        data.init(time,cell,true);  \n                        break;  \n                }\n            }\n            else {\n                // data.set_options(options);\n            }\n        }\n    });\n}\n\nvar old = $.fn.TimeSlider;\n\n$.fn.TimeSlider = Plugin;\n\n$.fn.TimeSlider.noConflict = function() {\n    $.fn.TimeSlider = old;\n    return this;\n};","import Vue from 'vue'\nimport axios from 'axios'\nimport store from '../../store'\nimport VueI18n from 'vue-i18n'\nimport LangEn from '../../../static/lang/en'\nimport LangZhCHS from '../../../static/lang/zhchs'\nimport LangZhCHT from '../../../static/lang/zhcht'\nVue.use(VueI18n)\nconst i18n = new VueI18n({\n    locale: \"zhchs\",\n    messages: {\n      'en': LangEn,\n      'zhchs': LangZhCHS,\n      'zhcht': LangZhCHT\n    }\n})\ni18n.locale = store.state.lang\n\n\nlet root=store.state.IPPORT;\n//测试机仓\nvar listdatag=[];//全部\nvar listdatagload=[];//部分\nvar listdatag1=[];//一个\nfunction loadtest(){\n    if(store.state.root==\"Operator\"){\n        return false\n    }\n    var url = root + \"/api/v1//GetSrcCamera?session=\"+ store.state.token;\n    // return falsel;\n    axios.get(url).then(result=>{\n        if(result.status == 200){\n            var data =  result.data;\n            var srcGroup = {children: []};\n            srcGroup.label=i18n.tc('message.live.camera');\n            srcGroup.iconclass=\"iconfont  icon-kaiqishexiangtou1\";\n            for(var i=0; i< data.src.length; i++){\n                 var item = data.src[i];\n                if(item['nOriginalType'] == 'H5_CH_GB'){\n                    continue;\n                }else{\n                    var newItem ={\n                            token : item['strToken'],\n                            label : item['strName'],\n                            iconclass : 'iconfont  icon-kaiqishexiangtou1',\n                            iconclass2 : 'iconfont  icon-kaiqishexiangtou1',\n                            name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                            disabled_me:false};\n                    \n                    if(!item['bOnline'])\n                        newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n\n                    if(item['nType'] == 'H5_CLOUD')\n                        newItem['iconclass'] = 'mdi mdi-cloud-upload fa-fw';\n                    \n                    if(item['bRec'] == true)\n                        newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n\n                    if(item['bDisable'] == true){\n                        newItem['disabled_me'] =true;\n                        newItem['iconclass1'] = 'camera';\n                    }\n                        \n                srcGroup.children.push(newItem);\n                }\n            }\n            listdatag.push(srcGroup);\n          } \n    })\n\n}\nloadtest();\n//写作业\nfunction loadDevice() {\n    if(store.state.root==\"Operator\"){\n        return false\n    }\n   var url = root + \"/api/v1/GetDevice?session=\"+ store.state.token;\n\n      //重组\n      axios.get(url).then(result=>{\n          if(result.status == 200){\n              var srcData = [];\n              var data=result.data;\n              for(var i = 0; i < data.dev.length; i++){\n                  var item=data.dev[i];\n                  var srclevel=[];\n                  srclevel[\"strToken\"]=item.strToken;\n                  srclevel[\"strName\"]=item.strName;\n                  loadSrc(srclevel,srcData);\n              }\n          }\n      })\n}\nfunction loadSrc(srclevel, srcData) {\n\n    let _this =this;\n    \n    var url = root + \"/api/v1/GetDeviceSrc?token=\"+ srclevel.strToken + \"&session=\" + store.state.token;\n\n    axios.get(url).then(result => {\n        if (result.status == 200)\n        {\n            var data =  result.data;\n            var srcGroup = {children: []};\n            srcGroup.label=srclevel.strName;\n            srcGroup.iconclass=\"iconfont  icon-kaiqishexiangtou1\";\n            for(var i=0; i< data.src.length; i++){\n                var item = data.src[i];\n                var newItem ={\n                        token : item['strToken'],\n                        label : item['strName'],\n                        iconclass : 'iconfont  icon-kaiqishexiangtou1',\n                        iconclass1 : '',\n                        name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                        disabled_me:false};\n\n                if(!item['bOnline'])\n                    newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n\n                if(item['nType'] == 'H5_CLOUD')\n                    newItem['iconclass'] = 'mdi mdi-cloud-upload fa-fw';\n\n                if(item['bRec'] == true)\n                        newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n\n                if(item['bDisable'] == true){\n                    newItem['disabled_me'] =true;\n                    newItem['iconclass1'] = 'camera';\n                }\n\n               srcGroup.children.push(newItem);\n            }\n            listdatag.push(srcGroup);\n            listdatagload.push(srcGroup);\n        }\n    }).catch(error => {\n        console.log('GetSrc failed', error);\n    });\n}\nloadDevice();\n//数字仓机\nfunction NumberDevice() {\n    if(store.state.root==\"Operator\"){\n        return false\n    }\n   //url\n   var url = root + \"/api/v1/GetGbDevice?session=\"+ store.state.token;\n\n      //重组\n      axios.get(url).then(result=>{\n          if(result.status == 200){\n              var srcData = [];\n              var data=result.data;\n              for(var i = 0; i < data.dev.length; i++){\n                  var item=data.dev[i];\n                  var srclevel=[];\n                  srclevel[\"strToken\"]=item.strToken;\n                  srclevel[\"strName\"]=item.strName;\n                  NumberSrc(srclevel,srcData);\n              }\n          }\n      })\n}\nNumberDevice();\nfunction NumberSrc(srclevel, srcData) {\n\n    let _this =this;\n    var url = root + \"/api/v1/GetGbDeviceSrc?token=\"+ srclevel.strToken + \"&session=\" + store.state.token;\n\n    axios.get(url).then(result => {\n        if (result.status == 200)\n        {\n            var data =  result.data;\n            var srcGroup = {children: []};\n            srcGroup.label=srclevel.strName;\n            srcGroup.iconclass=\"iconfont  icon-kaiqishexiangtou1\";\n            for(var i=0; i< data.src.length; i++){\n                var item = data.src[i];\n                var newItem ={\n                        token : item['strToken'],\n                        label : item['strName'],\n                        iconclass : 'iconfont  icon-kaiqishexiangtou1',\n                        name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                        disabled_me:false};\n\n                if(!item['bOnline'])\n                    newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n\n                if(item['nType'] == 'H5_CLOUD')\n                    newItem['iconclass'] = 'mdi mdi-cloud-upload fa-fw';\n\n                if(item['bRec'] == true)\n                        newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n                        \n                if(item['bDisable'] == true){\n                    newItem['disabled_me'] =true;\n                    newItem['iconclass1'] = 'camera';\n                }\n\n               srcGroup.children.push(newItem);\n            }\n            listdatag.push(srcGroup);;\n            listdatagload.push(srcGroup);\n        }\n    }).catch(error => {\n        console.log('GetSrc failed', error);\n    });\n}\n//级联\nfunction cloudDevice() {\n    if(store.state.root==\"Operator\"){\n        return false\n    }\n   var url = root + \"/api/v1/GetCloudDevice?session=\"+ store.state.token;\n\n      //重组\n      axios.get(url).then(result=>{\n          if(result.status == 200){\n              var srcData = [];\n              var data=result.data;\n              for(var i = 0; i < data.dev.length; i++){\n                  var item=data.dev[i];\n                  var srclevel=[];\n                  srclevel[\"strToken\"]=item.strToken;\n                  srclevel[\"strName\"]=item.strName;\n                  cloudSrc(srclevel,srcData);\n              }\n          }\n      })\n}\ncloudDevice();\nfunction cloudSrc(srclevel, srcData) {\n\n    var url = root + \"/api/v1/GetCloudDeviceSrc?token=\"+ srclevel.strToken + \"&session=\" + store.state.token;\n\n    axios.get(url).then(result => {\n        if (result.status == 200)\n        {\n            var data =  result.data;\n            var srcGroup = {children: []};\n            srcGroup.label=srclevel.strName;\n            srcGroup.iconclass=\"iconfont icon-kaiqishexiangtou1\";\n            for(var i=0; i< data.src.length; i++){\n                var item = data.src[i];\n                var newItem ={\n                        token : item['strToken'],\n                        label : item['strName'],\n                        iconclass : 'mdi mdi-video fa-fw',\n                        name:item['strName']+\"--\"+i18n.tc('message.live.mainstream'),\n                        disabled_me:false};\n\n                if(!item['bOnline'])\n                    newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n\n                if(item['nType'] == 'H5_CLOUD')\n                    newItem['iconclass'] = 'iconfont  icon-kaiqishexiangtou1';\n\n                if(item['bRec'] == true)\n                        newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n\n                if(item['bDisable'] == true){\n                    newItem['disabled_me'] =true;\n                    newItem['iconclass1'] = 'camera';\n                }\n\n               srcGroup.children.push(newItem);\n            }\n            listdatag.push(srcGroup);;\n            listdatagload.push(srcGroup);\n        }\n    }).catch(error => {\n        console.log('GetSrc failed', error);\n    });\n}\n\nfunction Regional(){\n    var url = root + \"/api/v1/GetRegion?session=\"+ store.state.token;\n    axios.get(url).then(result=>{\n        // console.log(result);\n        var oldarr=result.data.root;\n        var oldarr1=result.data.src;\n        // console.log(oldarr,oldarr1)\n        var dataroot=getchild(oldarr,oldarr1);\n        listdatag1.push(dataroot);\n    })\n}\nfunction getchild(arr,arr1) {\n    \n    for(var i in arr.cam){\n        if(!arr.cam[i].strName){\n            for(var j in arr1){\n                if(arr.cam[i].strToken == arr1[j].strToken){\n                    arr.cam[i].strName = arr1[j].strName;\n                    arr.cam[i].name=arr1[j].strName+\"--\"+i18n.tc('message.live.mainstream')\n                    arr.cam[i].bOnline = arr1[j].bOnline;\n                    arr.cam[i].iconclass=\"iconfont  icon-kaiqishexiangtou1\"\n                    arr.cam[i].disabled_me=false\n                    if(!arr1[j].bOnline)\n                        arr.cam[i].iconclass = 'iconfont icon-kaiqishexiangtou';\n\n                    if(arr1[j].nConnectType == 'H5_CLOUD')\n                        arr.cam[i].iconclass = 'iconfont  icon-kaiqishexiangtou1';\n\n                    if(arr1[j].bRec == true)\n                        arr.cam[i].iconclass2  = 'iconfont icon-radioboxfill none';\n\n                    if(arr1[j].bDisable== true){\n                        \n                        arr.cam[i].node[0].disabled_me=true;\n                        arr.cam[i].node[1].disabled_me=true;\n                        arr.cam[i].disabled_me=true;\n                        arr.cam[i].iconclass1= 'camera';\n                    }\n                }\n            }\n        }\n    }\n    \n    var camarr=[]\n    var camarr1=[]\n    for(var i in arr.cam){\n        camarr.push(arr.cam[i].strToken)\n    }\n    for(var i in arr1){\n        camarr1.push(arr1[i].strToken)\n    }\n    let diff = camarr.filter(item => !new Set(camarr1).has(item))\n    console.log(diff)\n    for(var i in arr.cam){\n        for(var j in diff){\n            if(arr.cam[i].strToken == diff[j]){\n                arr.cam[i].strName = '设备暂时不可用';\n                arr.cam[i].iconclass=\"iconfont  icon-kaiqishexiangtou\"\n            }\n        }\n    }\n\n    if(arr.node && arr.node.length>0){\n        for (var i = 0; i < arr.node.length; i++) {\n            arr.node[i] = getchild(arr.node[i],arr1);\n        }\n    }\n    return arr;\n}\nRegional();\nexport{listdatag,listdatagload,listdatag1}","import {H5sPlayerWS,H5sPlayerHls,H5sPlayerRTC} from './h5splayer.js'\n/** \n * Check on iOS platform\n*/\nfunction H5siOS() {\n\n  var iDevices = [\n    'iPad Simulator',\n    'iPhone Simulator',\n    'iPod Simulator',\n    'iPad',\n    'iPhone',\n    'iPod'\n  ];\n\n  if (!!navigator.platform) {\n    while (iDevices.length) {\n      if (navigator.platform === iDevices.pop()){ return true; }\n    }\n  }\n\n  return false;\n}\n\n/** \n *=================H5Player Create\n *\n */\n \nfunction H5sPlayerCreate(conf) {\n\tvar player;\n\n\tif (H5siOS())\n\t{\n        player = new H5sPlayerRTC(conf);\n\t}else{\n        player = new H5sPlayerWS(conf);\n\t}\n\treturn player;\n}\n\n \n/** \n *=================H5Player Delete\n *\n */\nfunction H5sPlayerDelete(player) {\n\t// delete player;\n\t\n\treturn true;\n}\n \nexport {H5siOS,H5sPlayerCreate}\n\n","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avintercomsplay.vue?vue&type=style&index=0&id=5819e352&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avintercomsplay.vue?vue&type=style&index=0&id=5819e352&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Advancepb.vue?vue&type=style&index=0&id=001fb4dd&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Advancepb.vue?vue&type=style&index=0&id=001fb4dd&lang=scss&scoped=true&\"","<template>\n    <div class=\"playback\">\n        <div class=\"playback_snap_zuo\">\n            <!-- 模糊查询搜查 -->\n            <el-input\n                class=\"snap_zuo_input\"\n                placeholder=\"输入关键字进行过滤\"\n                v-model=\"filterText\">\n            </el-input>\n            <div class=\"snap_zuo_title\">设备</div>\n            <!-- 这是原下拉框代码 -->\n            <el-tree\n                :data=\"data\"\n                node-key=\"id\"\n                :filter-node-method=\"filterNode\"\n                @node-click=\"handleNodeClick\"\n                ref=\"tree\"\n                highlight-current\n                :props=\"defaultProps\">\n                <span slot-scope=\"{ data }\">\n                    <i :class=\"data.iconclass\" style=\"color:rgb(142, 132, 132); font-size:14px;\"></i>\n                    <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.label||data.strName}}</span>\n                </span>\n            </el-tree>\n        </div>\n        <div class=\"playback_snap_you\">\n            <div id=\"Fullscreen\">\n                <div  id=\"videoPanel\" class=\"videogh1\">\n                    <!-- <div name='flex' style=\"position: relative;\" class=\"videoColor\" v-for=\"r in rows\" :key=\"r\">\n                        <div class=\"palace\" name=\"flex\"\n                            v-bind:id=\"'h'+r+c\"\n                            @mouseover=\"hideover(r,c)\"\n                            @mouseout=\"showout(r,c)\"\n                            v-for=\"c in cols\"\n                            @contextmenu.prevent=\"stopVideo($event)\" \n                            @click=\"videoClick(r,c,$event)\" :key=\"c\">\n                            <div class=\"h5videowrapper h5container\">\n                                <video class=\"videoo1\" :id=\"'gaovideohb'+r+c\" autoplay webkit-playsinline playsinline></video>\n                                <div class=\"h5controls\" style=\"display:none padding:0px;\">\n                                    <button type=\"button\" class=\"vidbuttion pull-right iconfont icon-roundclosefill\" @click=\"CloseVideo($event)\"></button>\n                                    <button type=\"button\" class=\"vidbuttion pull-right iconfont icon-full\" @click=\"panelFullScreen($event)\"></button>\n                                </div>\n                            </div>\n                        </div>\n                    </div> -->\n                    <div name='flex' style=\"position: relative;\" class=\"videoColor\"  v-for=\"r in rows\" :key=\"r\">\n                        <div \n                            v-for=\"c in cols\" \n                            :key=\"c\" \n                            v-bind:id=\"'h'+r+c\"\n                            class=\"palace\" \n                            name=\"flex\" \n                            @contextmenu.prevent=\"stopVideo($event)\" \n                            @click=\"videoClick(r,c,$event)\"\n                            @mouseover=\"hideover(r,c)\"\n                            @mouseout=\"showout(r,c)\" >\n                            <avintercoms-play :h5id=\"'h'+r+c\" :h5videoid=\"'gaovideohb'+r+c\"></avintercoms-play>\n\t\t\t\t\t\t\t<div class=\"h5controls\" style=\"display:none padding:0px;\">\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"vidbuttion pull-right iconfont icon-roundclosefill\" @click=\"CloseVideo($event)\"></button>\n\t\t\t\t\t\t\t\t<button type=\"button\" class=\"vidbuttion pull-right iconfont icon-full\" @click=\"panelFullScreen($event)\"></button>\n\t\t\t\t\t\t\t</div>\n                        </div>\n                    </div>\n                </div>\n                <div v-for=\"r in rows\" :key=\"r\">\n                    <div v-for=\"c in cols\" :key=\"c\">\n                        <div class=\"tab\" :id=\"'tab'+r+c\" >\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<canvas class=\"timeline\" :id=\"'timeline'+r+c\" style=\"width:100%;background: #343434;\" width=\"1500\" height=\"80px\"\n\t\t\t\t\t\t\t\t \t@mousedown =\"timelinndown($event)\"\n\t\t\t\t\t\t\t\t\t@mouseout=\"mouseoutcanvas\"\n\t\t\t\t\t\t\t\t\t@mouseup=\"timetz\"\n\t\t\t\t\t\t\t\t\tondragstart=\"return false;\">\n\t\t\t\t\t\t\t\t</canvas>\n\t\t\t\t\t\t\t</div>\n                            <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                                <div class=\"mode_Choice\">\n                                    <div class=\"back_Choice\"  @mouseenter=\"enter1()\" @mouseleave=\"leave1()\">\n                                        <div id=\"back_Choice\" class=\"back_Choice1\">\n                                            <div :class=\"{co_Baise:Adswitch=='true'}\" @click=\"Adswitchs\" class=\"co_black\" >{{$t(\"message.playback.H5SPlayback\")}}</div>\n                                            <div :class=\"{co_Baise:Adswitch=='false'}\" @click=\"Adswitchs1\" class=\"co_black\">{{$t(\"message.playback.NVRPlayback\")}}</div>\n                                        </div>\n                                        <span class=\"back_zi iconfont icon-gengduo\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"function_butt\" style=\"display: flex;align-items:center;\">\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"layout layout1x1\" data-row=\"1|1\" @click=\"changePanel($event)\"></button>\n                                    <button type=\"button\" class=\"layout layout2x2\" data-row=\"2|2\" @click=\"changePanel($event)\"></button>\n                                    <i style=\"font-size: 24px;color:#B2B1B1;\" class=\"layoutfull\" @click=\"panelFullScreen($event)\"></i>\n\t\t\t\t\t\t\t\t\t<el-date-picker\n\t\t\t\t\t\t\t\t\t\tclass=\"fixed_input\"\n\t\t\t\t\t\t\t\t\t\tv-model=\"xzvalue\"\n\t\t\t\t\t\t\t\t\t\tsize=\"mini\"\n\t\t\t\t\t\t\t\t\t\t@change=\"input_ch\"\n\t\t\t\t\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"选择日期时间\"\n\t\t\t\t\t\t\t\t\t\tdefault-time=\"00:00:00\">\n\t\t\t\t\t\t\t\t\t</el-date-picker>\n                                    <el-select filterable v-if=\"r=='1'&&c=='1'\" v-model=\"region\" size=\"mini\" :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"Speed()\">\n                                        <el-option\n                                            v-for=\"item in regiondata\"\n                                            :key=\"item.value\"\n                                            :label=\"item.label\"\n                                            :value=\"item.value\">\n                                        </el-option>\n                                    </el-select>\n                                    <el-select filterable v-if=\"r=='1'&&c=='2'\" v-model=\"region1\" size=\"mini\" :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"Speed()\">\n                                        <el-option\n                                            v-for=\"item in regiondata\"\n                                            :key=\"item.value\"\n                                            :label=\"item.label\"\n                                            :value=\"item.value\">\n                                        </el-option>\n                                    </el-select>\n                                    <el-select filterable v-if=\"r=='2'&&c=='1'\" v-model=\"region2\" size=\"mini\" :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"Speed()\">\n                                        <el-option\n                                            v-for=\"item in regiondata\"\n                                            :key=\"item.value\"\n                                            :label=\"item.label\"\n                                            :value=\"item.value\">\n                                        </el-option>\n                                    </el-select>\n                                    <el-select filterable v-if=\"r=='2'&&c=='2'\" v-model=\"region3\" size=\"mini\" :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"Speed()\">\n                                        <el-option\n                                            v-for=\"item in regiondata\"\n                                            :key=\"item.value\"\n                                            :label=\"item.label\"\n                                            :value=\"item.value\">\n                                        </el-option>\n                                    </el-select>\n                                    <button v-if=\"r=='1'&&c=='1'\" type=\"button\" :class=\"icon\" @click=\"resume()\" class=\"button_resume\"></button>\n                                    <button v-if=\"r=='1'&&c=='2'\" type=\"button\" :class=\"icon1\" @click=\"resume()\" class=\"button_resume\"></button>\n                                    <button v-if=\"r=='2'&&c=='1'\" type=\"button\" :class=\"icon2\" @click=\"resume()\" class=\"button_resume\"></button>\n                                    <button v-if=\"r=='2'&&c=='2'\" type=\"button\" :class=\"icon3\" @click=\"resume()\" class=\"button_resume\"></button>\n                                    \n                                </div>\n                                <div class=\"caveat_butt\" style=\"\">\n                                    <button class=\"mr-0\" type=\"button\"></button> {{$t(\"message.archive.Schedulerecord\")}}\n                                    <button class=\"mr-1\" type=\"button\"></button>{{$t(\"message.archive.ManualRecord\")}}\n                                    <button class=\"mr-2\" type=\"button\"></button>{{$t(\"message.archive.AlarmRecord\")}}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                \n            </div>\t\n        </div>\n    </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport {listdatagload,listdatag,listdatag1} from '../public/regional'\nimport '../../assets/js/adapter'\nimport {H5sPlayerWS,H5sPlayerHls,H5sPlayerRTC,H5sPlayerAudBack} from '../../assets/js/h5splayer.js'\nimport {H5siOS,H5sPlayerCreate} from '../../assets/js/h5splayerhelper.js'\nimport '../public/timeline-canvas1'\nimport Avintercomsplay from './Avintercoms/Avintercomsplay'\n\nexport default {\n    \n    name:\"Advancepb\",\n    components: {\n        'avintercoms-play': Avintercomsplay\n    },\n    data() {\n        return {\n\t\t\tstarttimes:'',\n\t\t\tendtimes:'',\n            defaultProps: {\n                children: this.$store.state.root==\"Operator\"?'cam':'children',\n                label: this.$store.state.root==\"Operator\"?'strName':'label',\n                token:this.$store.state.root==\"Operator\"?'strToken':\"token\",\n                iconclass:\"iconclass\"\n            },\n            filterText: '',\n            data:listdatag,\n\n            demoEvents: [],\n\t\t\t//过滤文字\n\t\t\trows: 2,\n\t\t\tcols: 2,\n\t\t\tselectCol: 1,\n\t\t\tselectRow: 1,\n\t\t\tselectCol1: 1,\n\t\t\tselectRow1: 1,\n\t\t\tcontentHeight: '',\n            contentWidth: '',\n\t\t\tregion:1.0,//倍速\n\t\t\tregion1:1.0,//倍速\n\t\t\tregion2:1.0,//倍速\n            region3:1.0,//倍速\n            regiondata:[{\n                    value: \"0.5\",\n                    label: \"0.5\"\n                }, {\n                    value: \"1.0\",\n                    label: \"1.0\"\n                }, {\n                    value: \"2.0\",\n                    label: \"2.0\"\n                }, {\n                    value: \"4.0\",\n                    label: \"4.0\"\n                }, {\n                    value: \"8.0\",\n                    label: \"8.0\"\n                }, {\n                    value: \"16.0\",\n                    label: \"16.0\"\n            }],\n\t\t\ticon:\"iconfont icon-bofang\",//暂停图片\n\t\t\ticon1:\"iconfont icon-bofang\",//暂停图片\n\t\t\ticon2:\"iconfont icon-bofang\",//暂停图片\n\t\t\ticon3:\"iconfont icon-bofang\",//暂停图片\n\t\t\tAdswitch:this.$store.state.Adswitch,//开关\n\t\t\tproto: 'WS',\n\t\t\t//进度条\n\t\t\tvalue:new Date(),\n\t\t\txzvalue: new Date(),//双向日历\n\t\t\ttimedata:[],//数据数组\n\t\t\ttimecell:[],//滚动条数组\n\t\t\tv1:undefined,\n\t\t\tv2:undefined,\n\t\t\tv3:undefined,\n\t\t\tv4:undefined,\n\t\t\tGtoken:\"\",//全局点击节点后token\n\t\t\tSGtoken:[\"\",\"\",\"\",\"\"],//四宫点击节点后token\n\t\t\tid:\"\"\n        }\n    },\n    beforeDestroy() {\n        this.handleClose();\n        // this.$root.bus.$off('liveplay');\n    },\n    mounted(){\n\t\tif(this.$store.state.root==\"Operator\"){\n\t\t\tthis.Regional()\n\t\t}\n\t\tconsole.log(this.data);\n\t\tconsole.log(this.data,this.defaultProps);\n        this.updateUI();\n\t\t// this.goolsh();\n\t\tthis.functlist();\n\t\tthis.funtimeine();\n\t\tvar _this=this\n\t\twindow.onresize = () => {\n\t\t\tconsole.log(\"aaa1\")\n\t\t\t// 全屏下监控是否按键了ESC\n\t\t\tif (!_this.checkFull()) {\n\t\t\t\t// 全屏下按键esc后要执行的动作\n\t\t\t\t$(\".layout\").css(\"display\",  \"block\");\n\t\t\t\t// this.isFullscreen = false\n\t\t\t}\n\t\t}\n\t\tthis.contentHeight = $('.videogh1').height();\n\t\t$('div[name=\"flex\"]').height(this.contentHeight / this.rows);\n    },\n    methods:{\n\t\tRegional(){\n            var root = this.$store.state.IPPORT;\n            var url = root + \"/api/v1/GetRegion?session=\"+ this.$store.state.token;\n            this.$http.get(url).then(result=>{\n                console.log(result);\n                var oldarr=result.data.root;\n                var oldarr1=result.data.src;\n                // console.log(oldarr,oldarr1)\n                var dataroot=this.getchild(oldarr,oldarr1);\n                // this.data1.push(dataroot);\n                console.log(dataroot);\n                this.datapush(dataroot)\n                console.log(this.data1);\n            })\n        },\n        datapush(data){\n            this.a(data)\n        },\n        a(data){\n            console.log(data);\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                data.cam.push(data.node[i])\n            }\n            }\n            delete data.node\n            for (let i = 0; i < data.cam.length; i++) {\n                console.log(data.cam[i].strName);\n                if (data.cam[i].strName!='设备暂时不可用') {\n                    this.b(data.cam[i])\n                    this.data=[];\n                    this.data.push(data);\n                }\n            }\n        },\n        b(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                    data.cam.push(data.node[i])\n                }\n            }\n            delete data.node\n            for (let i = 0; i < data.cam.length; i++) {\n                if (data.cam[i].strName!='设备暂时不可用') {\n                    console.log(data.cam[i]);\n                    if (data.cam[i].cam) {\n                        this.c(data.cam[i])\n                    }\n                }\n            }\n        },\n        c(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                data.cam.push(data.node[i])\n            }\n            }\n            delete data.node;\n            for (let i = 0; i < data.cam.length; i++) {\n                if (data.cam[i].strName!='设备暂时不可用') {\n                    console.log(data.cam[i]);\n                    if (data.cam[i].cam) {\n                        this.d(data.cam[i])\n                    }\n                }\n            }\n        },\n        d(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                data.cam.push(data.node[i])\n            }\n            }\n            delete data.node;\n            for (let i = 0; i < data.cam.length; i++) {\n                if (data.cam[i].strName!='设备暂时不可用') {\n                console.log(data.cam[i]);\n                if (data.cam[i].cam) {\n                    this.e(data.cam[i])\n                }}\n            }\n        },\n        e(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                    if (data.cam[i].strName!='设备暂时不可用') {\n                        data.cam.push(data.node[i])\n                    }\n            }\n            }\n            delete data.node;\n        },\n        getchild(arr,arr1) {\n            for(var i in arr.cam){\n                if(!arr.cam[i].strName){\n                    for(var j in arr1){\n                        if(arr.cam[i].strToken == arr1[j].strToken){\n                            var node1=[{\n                                strToken : arr1[j].strToken,\n                                streamprofile : \"main\",\n                                strName :this.$t('message.live.mainstream'),\n                                name:arr1[j].strName+\"--\"+this.$t('message.live.mainstream'),\n                                iconclass : 'mdi mdi-playlist-play fa-fw',\n                                disabled_me:false\n                            },{\n                                strToken : arr1[j].strToken,\n                                streamprofile : \"sub\",\n                                strName :this.$t('message.live.substream'),\n                                name:arr1[j].strName+\"--\"+this.$t('message.live.substream'),\n                                iconclass : 'mdi mdi-playlist-play fa-fw',\n                                disabled_me:false\n                            }]\n                            arr.cam[i].node=node1;\n                            arr.cam[i].strName = arr1[j].strName;\n                            arr.cam[i].name=arr1[j].strName+\"--\"+this.$t('message.live.mainstream')\n                            arr.cam[i].bOnline = arr1[j].bOnline;\n                            arr.cam[i].iconclass=\"iconfont  icon-kaiqishexiangtou1\"\n                            arr.cam[i].disabled_me=false\n                            if(!arr1[j].bOnline)\n                                arr.cam[i].iconclass = 'iconfont icon-kaiqishexiangtou';\n\n                            if(arr1[j].nConnectType == 'H5_CLOUD')\n                                arr.cam[i].iconclass = 'iconfont  icon-kaiqishexiangtou1';\n\n                            if(arr1[j].bRec == true)\n                                arr.cam[i].iconclass2  = 'iconfont icon-radioboxfill none';\n\n                            if(arr1[j].bDisable== true){\n                                \n                                arr.cam[i].node[0].disabled_me=true;\n                                arr.cam[i].node[1].disabled_me=true;\n                                arr.cam[i].disabled_me=true;\n                                arr.cam[i].iconclass1= 'camera';\n                            }\n                        }\n                    }\n                }\n            }\n\n            var camarr=[]\n\t\t\tvar camarr1=[]\n\t\t\tfor(var i in arr.cam){\n\t\t\t\tcamarr.push(arr.cam[i].strToken)\n\t\t\t}\n\t\t\tfor(var i in arr1){\n\t\t\t\tcamarr1.push(arr1[i].strToken)\n\t\t\t}\n\t\t\tlet diff = camarr.filter(item => !new Set(camarr1).has(item))\n\t\t\t// console.log(diff)\n\t\t\tfor(var i in arr.cam){\n\t\t\t\tfor(var j in diff){\n\t\t\t\t\tif(arr.cam[i].strToken == diff[j]){\n\t\t\t\t\t\tarr.cam[i].strName = '设备暂时不可用';\n\t\t\t\t\t\tarr.cam[i].iconclass=\"iconfont  icon-kaiqishexiangtou\"\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n            if(arr.node && arr.node.length>0){\n                for (var i = 0; i < arr.node.length; i++) {\n                    arr.node[i] = this.getchild(arr.node[i],arr1);\n                }\n            }\n            return arr;\n        },\n        Adswitchs(){\n\t\t\tvar open=\"true\";\n\t\t\tthis.Adswitch=open;\n            console.log(open,\"111\")\n            this.$store.state.Adswitch=open\n            sessionStorage.Adswitch=this.$store.state.Adswitch\n\t\t},\n\t\tAdswitchs1(){\n\t\t\tvar open=\"false\";\n\t\t\tthis.Adswitch=open;\n\t\t\tconsole.log(open,\"222\")\n\t\t\tthis.$store.state.Adswitch=open\n            sessionStorage.Adswitch=this.$store.state.Adswitch\n\t\t},\n\t\t//显示第一个数轴\n\t\tfunctlist(){\n\t\t\t$('.tab').each(function (e) {\n\t\t\tif (e == 0)\n\t\t\t\t$(this).show();//首次加载的时候默认显示第一个\n\t\t\telse\n\t\t\t\t$(this).hide();\n\t\t\t});\n\t\t},\n\t\t\n\t\t//点击确定键\n\t\tinput_ch(){\n\t\t\tvar data=this.Gtoken;\n\t\t\t// console.log(\"日历\",data,this.Gtoken,this.Adswitch);\n\t\t\t// return false;\n\t\t\tthis.Play(data);\n\t\t},\n\t\t//树形节点点击\n\t\t//开始播放时间  0：00 每天结束时间可能回到第二天清晨\n\t\thandleNodeClick(data, checked, indeterminate){\n\t\t\tconsole.log(data);\n\t\t\tif(data.disabled_me){\n\t\t\t\treturn false\n\t\t\t}\n\t\t\tvar data=data.token||data.strToken;\n\t\t\tif(data==undefined){\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tif(this.selectRow==\"1\"&&this.selectCol==\"1\"){\n\t\t\t\tthis.SGtoken.splice(0, 1,data);\n\t\t\t\tthis.Gtoken=this.SGtoken[0];\n\t\t\t}else if(this.selectRow==\"1\"&&this.selectCol==\"2\"){\n\t\t\t\tthis.SGtoken.splice(1, 1,data);\n\t\t\t\tthis.Gtoken=this.SGtoken[1];\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"1\"){\n\t\t\t\tthis.SGtoken.splice(2, 1,data);\n\t\t\t\tthis.Gtoken=this.SGtoken[2];\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"2\"){\n\t\t\t\tthis.SGtoken.splice(3, 1,data);\n\t\t\t\tthis.Gtoken=this.SGtoken[3];\n\t\t\t}\n\t\t\tconsole.log(\"play\",this.SGtoken,\"token\",this.Gtoken);\n\t\t\t// return false;\n\t\t\tthis.Play(data);\n\t\t},\n\t\tmouseoutcanvas(){\n\t\t\tconsole.log(\"11111\");\n\t\t\treturn\n\n\t\t},\n\t\t//拉播\n\t\ttimelinndown(err){\n\t\t\tconsole.log('a',err)\n\t\t\tif(this.selectRow==\"1\"&&this.selectCol==\"1\"){\n\t\t\t\tif(this.v1 != undefined){\n\t\t\t\t\tthis.v1.pause();\n\t\t\t\t}\n\t\t\t}else if(this.selectRow==\"1\"&&this.selectCol==\"2\"){\n\t\t\t\tif(this.v2 != undefined){\n\t\t\t\t\tthis.v2.pause();\n\t\t\t\t}\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"1\"){\n\t\t\t\tif(this.v3 != undefined){\n\t\t\t\t\tthis.v3.pause();\n\t\t\t\t}\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"2\"){\n\t\t\t\tif(this.v4 != undefined){\n\t\t\t\t\tthis.v4.pause();\n\t\t\t\t}\n\t\t\t}\n        },\n\t\ttimetz(){\n\t\t\tconsole.log('111')\n\t\t\tvar timevalue=this.xzvalue;\n\t\t\tvar _this=this;\n\t\t\t_this.timedata=[];\n\t\t\t// return false\n\t\t\tvar root = this.$store.state.IPPORT;\n\t\t\tvar wsroot = this.$store.state.WSROOT;\n\t\t\tif(_this.Gtoken==undefined||_this.Gtoken==\"\"){\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tsetTimeout(function(){\n\t\t\t\tvar a = $(\"#timeline\"+_this.selectRow+_this.selectCol).TimeSlider('returnMouseupTime',null,null,function(time){\n\t\t\t\t\tconsole.log(\"time\",time,_this.Gtoken)\n\t\t\t\t\t// return false;\n\t\t\t\t\t// 放入视频\n\t\t\t\t\t// return false;\n\t\t\t\t\tvar timevalue=new Date(time);\n\t\t\t\t\tconsole.log(timevalue)\n\t\t\t\t\tvar year = timevalue.getFullYear();\n\t\t\t\t\tvar month = timevalue.getMonth() + 1;\n\t\t\t\t\tvar strDate = timevalue.getDate();\n\t\t\t\t\tvar strDate1 = timevalue.getDate()+1;\n\t\t\t\t\tvar strDate2 = timevalue.getDate()-1;\n\t\t\t\t\tvar getHours = timevalue.getHours();\n\t\t\t\t\tvar getMinutes = timevalue.getMinutes();\n\t\t\t\t\tvar getSeconds = timevalue.getSeconds();\n\t\t\t\t\tvar localOffset = Math.abs(timevalue.getTimezoneOffset() /60);\n\t\t\t\t\tif (month<10) {\n\t\t\t\t\t\tmonth = '0'+month;\n\t\t\t\t\t}\n\t\t\t\t\tif (strDate<10) {\n\t\t\t\t\t\tstrDate = '0'+strDate;\n\t\t\t\t\t}\n\t\t\t\t\tif (strDate1<10) {\n\t\t\t\t\t\tstrDate1 = '0'+strDate1;\n\t\t\t\t\t}\n\t\t\t\t\tif (strDate2<10) {\n\t\t\t\t\t\tstrDate2 = '0'+strDate2;\n\t\t\t\t\t}\n\t\t\t\t\tif (getHours<10) {\n\t\t\t\t\t\tgetHours = '0'+getHours;\n\t\t\t\t\t}\n\t\t\t\t\tif (getMinutes<10) {\n\t\t\t\t\t\tgetMinutes = '0'+getMinutes;\n\t\t\t\t\t}\n\t\t\t\t\tif (getSeconds<10) {\n\t\t\t\t\t\tgetSeconds = '0'+getSeconds;\n\t\t\t\t\t}\n\t\t\t\t\tvar timevalues=year+\"-\"+month+\"-\"+strDate+\"T\"+\"\"+getHours+\":\"+getMinutes+\":\"+getSeconds+\"\"+\"+0\"+localOffset+\":00\";\n\t\t\t\t\t\n\t\t\t\t\tvar timevaluee=year+\"-\"+month+\"-\"+strDate+\"T\"+\"23:59:59\"+\"+0\"+localOffset+\":00\";\n\n\t\t\t\t\tvar timevalues1=year+\"-\"+month+\"-\"+strDate2+\"T\"+\"\"+getHours+\":\"+getMinutes+\":\"+getSeconds+\"\"+\"+0\"+localOffset+\":00\";\n\t\t\t\t\t\n\t\t\t\t\tvar timevaluee1=year+\"-\"+month+\"-\"+strDate1+\"T\"+\"23:59:59\"+\"+0\"+localOffset+\":00\";\n\t\t\t\t\t\n\t\t\t\t\t// console.log(\"======\",strDate1);\n\t\t\t\t\t// console.log(\"timevaluee222222\",timevalues,timevaluee,\"------\",localOffset,\"**\",timevalue);\n\t\t\t\t\tvar url=\"\"\n\t\t\t\t\tif(_this.Adswitch==\"false\"){\n\t\t\t\t\t\turl = url = root + \"/api/v1/SearchDeviceRecordByTime?token=\"+_this.Gtoken+\"&start=\"+encodeURIComponent(timevalues1)+\"&end=\"+encodeURIComponent(timevaluee1)+\"&session=\"+ _this.$store.state.token;\n\t\t\t\t\t}else{\n\t\t\t\t\t\turl = root + \"/api/v1/Search?type=record&token=\"+_this.Gtoken\n\t\t\t\t\t\t+\"&start=\"+encodeURIComponent(timevalues1)+\"&end=\"+encodeURIComponent(timevaluee)+\"&session=\"+ _this.$store.state.token;\n\t\t\t\t\t}\n\t\t\t\t\t// console.log(url);\n\t\t\t\t\t//  return false;\n\t\t\t\t\t_this.$http.get(url).then(result=>{\n\t\t\t\t\t\tconsole.log(result,timevalues,'1111111111111111');\n\t\t\t\t\t\tlet tim0 = new Date(timevalues).getTime();\n\t\t\t\t\t\tif(result.status == 200){\n\t\t\t\t\t\t\tvar data=result.data;\n\t\t\t\t\t\t\tconsole.log(data);\n\t\t\t\t\t\t\tvar timedata1=[];\n\t\t\t\t\t\t\t//console.log(\"length\",data.record.length);\n\t\t\t\t\t\t\tfor(var i=0;i<data.record.length;i++){\n\t\t\t\t\t\t\t\tvar item1\n\t\t\t\t\t\t\t\tif (i < data.record.length-1) {\n\t\t\t\t\t\t\t\t\titem1=data.record[i+1];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvar item=data.record[i];\n\t\t\t\t\t\t\t\t//时间转换\n\t\t\t\t\t\t\t\tvar starf=new Date(item['strStartTime']).getTime();\n\t\t\t\t\t\t\t\tvar starf1=new Date(item1['strStartTime']).getTime();\n\t\t\t\t\t\t\t\tvar end=new Date(item['strEndTime']).getTime();\n\t\t\t\t\t\t\t\tconsole.log(end,tim0,starf1,111111);\n\t\t\t\t\t\t\t\tif (end<tim0&&starf1>tim0) {\n\t\t\t\t\t\t\t\t\ttimevalues = item1['strStartTime'];\n\t\t\t\t\t\t\t\t\tconsole.log('没有视频');\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tvar starf=new Date(starf);\n\t\t\t\t\t\t\t\tvar end=new Date(end);\n\t\t\t\t\t\t\t\tvar timeitem={\n\t\t\t\t\t\t\t\t\t\tbeginTime :starf,\n\t\t\t\t\t\t\t\t\t\tendTime :end,\n\t\t\t\t\t\t\t\t\t\tstyle:{background:\"rgba(60,196,60, 0.498039)\"}\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t//console.log(\"录像段时间段颜色\",timeitem[\"style\"].background); //录像段时间段颜色\n\t\t\t\t\t\t\t\tif(item[\"nType\"]===\"H5_REC_MANUAL\"){\n\t\t\t\t\t\t\t\t\ttimeitem[\"style\"].background=\"rgba(60,196,60, 0.498039)\"\n\t\t\t\t\t\t\t\t\t//console.log(\"录像段时间段颜色1\",timeitem[\"style\"].background);\n\t\t\t\t\t\t\t\t}else if(item[\"nType\"]===\"H5_REC_SCHEDULE\"){\n\t\t\t\t\t\t\t\t\ttimeitem[\"style\"].background=\"#31b1ff\"\n\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\ttimeitem[\"style\"].background=\"rgba(238,17,17, 0.498039)\"\n\t\t\t\t\t\t\t\t\t//console.log(\"录像段时间段颜色2\",timeitem[\"style\"].background);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t// _this.timedata.push(timeitem);\n\t\t\t\t\t\t\t\ttimedata1.push(timeitem);\n\t\t\t\t\t\t\t\t// console.log(timedata1)\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t$(\"#timeline\"+_this.selectRow+_this.selectCol).TimeSlider('init',timevalue,timedata1);\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif(_this.selectRow==\"1\"&&_this.selectCol==\"1\"){\n\t\t\t\t\t\t\t_this.selectCol1 = _this.selectCol;\n\t\t\t\t\t\t\t_this.selectRow1 = _this.selectRow;\n\t\t\t\t\t\t\tif (_this.v1 != undefined)\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t_this.v1.disconnect();\n\t\t\t\t\t\t\t\tdelete _this.v1;\n\t\t\t\t\t\t\t\t_this.v1 = undefined;\n\t\t\t\t\t\t\t\tconsole.log(\"上this.v1\",_this.v1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvar pbconf1 = {\n\t\t\t\t\t\t\t\tbegintime: timevalues,\n\t\t\t\t\t\t\t\tendtime: timevaluee,\n\t\t\t\t\t\t\t\tautoplay: 'true',\n\t\t\t\t\t\t\t\tshowposter:\"false\", //'true' or 'false' show poster\n\t\t\t\t\t\t\t\tcallback: _this.PlaybackCB,\n\t\t\t\t\t\t\t\tserverpb: _this.Adswitch, \n\t\t\t\t\t\t\t\tuserdata:  _this // user data\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconsole.log(pbconf1,'911111111122222222222222211111111');\n\t\t\t\t\t\t\tlet conf = {\n\t\t\t\t\t\t\t\tvideoid: \"gaovideohb\"+_this.selectRow+_this.selectCol,\n\t\t\t\t\t\t\t\tprotocol: window.location.protocol, //http: or https:\n\t\t\t\t\t\t\t\thost: wsroot, //localhost:8080\n\t\t\t\t\t\t\t\trootpath:'/', // '/'\n\t\t\t\t\t\t\t\ttoken:_this.Gtoken,\n\t\t\t\t\t\t\t\tpbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n\t\t\t\t\t\t\t\thlsver:'v1', //v1 is for ts, v2 is for fmp4\n\t\t\t\t\t\t\t\tsession: _this.$store.state.token\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t_this.$nextTick (()=>{\n\t\t\t\t\t\t\t\t_this.v1 = new H5sPlayerRTC(conf);\n\t\t\t\t\t\t\t\t//return false;\n\t\t\t\t\t\t\t\t_this.v1.connect();\n\t\t\t\t\t\t\t\t_this.icon=\"iconfont icon-zantingtingzhi\";\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}else if(_this.selectRow==\"1\"&&_this.selectCol==\"2\"){\n\t\t\t\t\t\t\t_this.selectCol1 = _this.selectCol;\n\t\t\t\t\t\t\t_this.selectRow1 = _this.selectRow;\n\t\t\t\t\t\t\tif (_this.v2 != undefined)\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t_this.v2.disconnect();\n\t\t\t\t\t\t\t\tdelete _this.v2;\n\t\t\t\t\t\t\t\t_this.v2 = undefined;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvar pbconf1 = {\n\t\t\t\t\t\t\t\tbegintime: timevalues,\n\t\t\t\t\t\t\t\tendtime: timevaluee,\n\t\t\t\t\t\t\t\tautoplay: 'true',\n\t\t\t\t\t\t\t\tshowposter:\"false\", //'true' or 'false' show poster\n\t\t\t\t\t\t\t\tcallback: _this.PlaybackCB1,\n\t\t\t\t\t\t\t\tserverpb: _this.Adswitch, \n\t\t\t\t\t\t\t\tuserdata:  _this // user data\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tlet conf2 = {\n\t\t\t\t\t\t\t\tvideoid: \"gaovideohb\"+_this.selectRow+_this.selectCol,\n\t\t\t\t\t\t\t\tprotocol: window.location.protocol, //http: or https:\n\t\t\t\t\t\t\t\thost: wsroot, //localhost:8080\n\t\t\t\t\t\t\t\trootpath:'/', // '/'\n\t\t\t\t\t\t\t\ttoken:_this.Gtoken,\n\t\t\t\t\t\t\t\tpbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n\t\t\t\t\t\t\t\thlsver:'v1', //v1 is for ts, v2 is for fmp4\n\t\t\t\t\t\t\t\tsession: _this.$store.state.token\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_this.$nextTick (()=>{\n\t\t\t\t\t\t\t\t_this.v2 = new H5sPlayerRTC(conf2);\n\t\t\t\t\t\t\t\t//return false;\n\t\t\t\t\t\t\t\t_this.v2.connect();\n\t\t\t\t\t\t\t\t_this.icon=\"iconfont icon-zantingtingzhi\";\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}else if(_this.selectRow==\"2\"&&_this.selectCol==\"1\"){\n\t\t\t\t\t\t\t_this.selectCol1 = _this.selectCol;\n\t\t\t\t\t\t\t_this.selectRow1 = _this.selectRow;\n\t\t\t\t\t\t\tif (_this.v3 != undefined)\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t_this.v3.disconnect();\n\t\t\t\t\t\t\t\tdelete _this.v3;\n\t\t\t\t\t\t\t\t_this.v3 = undefined;\n\t\t\t\t\t\t\t\tconsole.log(\"上this.v1\",_this.v1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvar pbconf1 = {\n\t\t\t\t\t\t\t\tbegintime: timevalues,\n\t\t\t\t\t\t\t\tendtime: timevaluee,\n\t\t\t\t\t\t\t\tautoplay: 'true',\n\t\t\t\t\t\t\t\tshowposter:\"false\", //'true' or 'false' show poster\n\t\t\t\t\t\t\t\tcallback: _this.PlaybackCB2,\n\t\t\t\t\t\t\t\tserverpb: _this.Adswitch, \n\t\t\t\t\t\t\t\tuserdata:  _this // user data\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tlet conf3 = {\n\t\t\t\t\t\t\t\tvideoid: \"gaovideohb\"+_this.selectRow+_this.selectCol,\n\t\t\t\t\t\t\t\tprotocol: window.location.protocol, //http: or https:\n\t\t\t\t\t\t\t\thost: wsroot, //localhost:8080\n\t\t\t\t\t\t\t\trootpath:'/', // '/'\n\t\t\t\t\t\t\t\ttoken:_this.Gtoken,\n\t\t\t\t\t\t\t\tpbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n\t\t\t\t\t\t\t\thlsver:'v1', //v1 is for ts, v2 is for fmp4\n\t\t\t\t\t\t\t\tsession: _this.$store.state.token\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_this.$nextTick (()=>{\n\t\t\t\t\t\t\t\t_this.v3 = new H5sPlayerRTC(conf3);\n\t\t\t\t\t\t\t\t//return false;\n\t\t\t\t\t\t\t\t_this.v3.connect();\n\t\t\t\t\t\t\t\t_this.icon=\"iconfont icon-zantingtingzhi\";\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}else if(_this.selectRow==\"2\"&&_this.selectCol==\"2\"){\n\t\t\t\t\t\t\t_this.selectCol1 = _this.selectCol;\n\t\t\t\t\t\t\t_this.selectRow1 = _this.selectRow;\n\t\t\t\t\t\t\tif (_this.v4 != undefined)\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t_this.v4.disconnect();\n\t\t\t\t\t\t\t\tdelete _this.v4;\n\t\t\t\t\t\t\t\t_this.v4 = undefined;\n\t\t\t\t\t\t\t\tconsole.log(\"上this.v1\",_this.v1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvar pbconf1 = {\n\t\t\t\t\t\t\t\tbegintime: timevalues,\n\t\t\t\t\t\t\t\tendtime: timevaluee,\n\t\t\t\t\t\t\t\tautoplay: 'true',\n\t\t\t\t\t\t\t\tshowposter:\"false\", //'true' or 'false' show poster\n\t\t\t\t\t\t\t\tcallback: _this.PlaybackCB3,\n\t\t\t\t\t\t\t\tserverpb: _this.Adswitch, \n\t\t\t\t\t\t\t\tuserdata:  _this // user data\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tlet conf4 = {\n\t\t\t\t\t\t\t\tvideoid: \"gaovideohb\"+_this.selectRow+_this.selectCol,\n\t\t\t\t\t\t\t\tprotocol: window.location.protocol, //http: or https:\n\t\t\t\t\t\t\t\thost: wsroot, //localhost:8080\n\t\t\t\t\t\t\t\trootpath:'/', // '/'\n\t\t\t\t\t\t\t\ttoken:_this.Gtoken,\n\t\t\t\t\t\t\t\tpbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n\t\t\t\t\t\t\t\thlsver:'v1', //v1 is for ts, v2 is for fmp4\n\t\t\t\t\t\t\t\tsession: _this.$store.state.token\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t_this.$nextTick (()=>{\n\t\t\t\t\t\t\t\t_this.v4 = new H5sPlayerRTC(conf4);\n\t\t\t\t\t\t\t\t//return false;\n\t\t\t\t\t\t\t\t_this.v4.connect();\n\t\t\t\t\t\t\t\t_this.icon=\"iconfont icon-zantingtingzhi\";\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\t\n\t\t\t\t})\n\t\t\t},100);\n\t\t},\n\t\t//开始\n\t\tresume(){\n\t\t\tvar strart=this.icon;\n\t\t\tvar strart1=this.icon1;\n\t\t\tvar strart2=this.icon2;\n\t\t\tvar strart3=this.icon3;\n\t\t\tconsole.log(strart);\n\t\t\tif(this.selectRow==\"1\"&&this.selectCol==\"1\"){\n\t\t\t\tif(this.v1 != undefined){\n\t\t\t\t\t//iconfont icon-zantingtingzhi  iconfont icon-bofang\n\t\t\t\t\tif(strart==\"iconfont icon-zantingtingzhi\"){\n\t\t\t\t\t\tthis.icon=\"iconfont icon-bofang\";\n\t\t\t\t\t\tconsole.log(this.icon);\n\t\t\t\t\t\tthis.v1.pause();\n\t\t\t\t\t}\n\t\t\t\t\tif(strart==\"iconfont icon-bofang\"){\n\t\t\t\t\t\tthis.icon=\"iconfont icon-zantingtingzhi\";\n\t\t\t\t\t\tconsole.log(this.icon);\n\t\t\t\t\t\tthis.v1.resume();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}else if(this.selectRow==\"1\"&&this.selectCol==\"2\"){\n\t\t\t\tif(this.v2 != undefined){\n\t\t\t\t\t//iconfont icon-zantingtingzhi  iconfont icon-bofang\n\t\t\t\t\tif(strart1==\"iconfont icon-zantingtingzhi\"){\n\t\t\t\t\t\tthis.icon1=\"iconfont icon-bofang\";\n\t\t\t\t\t\tconsole.log(this.icon);\n\t\t\t\t\t\tthis.v2.pause();\n\t\t\t\t\t}\n\t\t\t\t\tif(strart1==\"iconfont icon-bofang\"){\n\t\t\t\t\t\tthis.icon1=\"iconfont icon-zantingtingzhi\";\n\t\t\t\t\t\tconsole.log(this.icon);\n\t\t\t\t\t\tthis.v2.resume();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"1\"){\n\t\t\t\tif(this.v3 != undefined){\n\t\t\t\t\t//iconfont icon-zantingtingzhi  iconfont icon-bofang\n\t\t\t\t\tif(strart2==\"iconfont icon-zantingtingzhi\"){\n\t\t\t\t\t\tthis.icon2=\"iconfont icon-bofang\";\n\t\t\t\t\t\tconsole.log(this.icon);\n\t\t\t\t\t\tthis.v3.pause();\n\t\t\t\t\t}\n\t\t\t\t\tif(strart2==\"iconfont icon-bofang\"){\n\t\t\t\t\t\tthis.icon2=\"iconfont icon-zantingtingzhi\";\n\t\t\t\t\t\tconsole.log(this.icon);\n\t\t\t\t\t\tthis.v3.resume();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"2\"){\n\t\t\t\tif(this.v4 != undefined){\n\t\t\t\t\t//iconfont icon-zantingtingzhi  iconfont icon-bofang\n\t\t\t\t\tif(strart3==\"iconfont icon-zantingtingzhi\"){\n\t\t\t\t\t\tthis.icon3=\"iconfont icon-bofang\";\n\t\t\t\t\t\tconsole.log(this.icon);\n\t\t\t\t\t\tthis.v4.pause();\n\t\t\t\t\t}\n\t\t\t\t\tif(strart3==\"iconfont icon-bofang\"){\n\t\t\t\t\t\tthis.icon3=\"iconfont icon-zantingtingzhi\";\n\t\t\t\t\t\tconsole.log(this.icon);\n\t\t\t\t\t\tthis.v4.resume();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t//倍速\n\t\tSpeed(){\n\t\t\tif(this.selectRow==\"1\"&&this.selectCol==\"1\"){\n\t\t\t\tif(this.v1 != undefined){\n\t\t\t\t\tthis.v1.speed(this.region);\n\t\t\t\t}\n\t\t\t}else if(this.selectRow==\"1\"&&this.selectCol==\"2\"){\n\t\t\t\tif(this.v2 != undefined){\n\t\t\t\t\tthis.v2.speed(this.region1);\n\t\t\t\t}\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"1\"){\n\t\t\t\tif(this.v3 != undefined){\n\t\t\t\t\tthis.v3.speed(this.region2);\n\t\t\t\t}\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"2\"){\n\t\t\t\tif(this.v4 != undefined){\n\t\t\t\t\tthis.v4.speed(this.region3);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t//关闭\n\t\tCloseVideo(event)\n\t\t{\n\t\t\tvar timevalue=new Date();\n\t\t\tvar timedata1=[];\n\t\t\tthis.timersetInterval=setTimeout(function(){\n\t\t\t\tif(this.selectRow==\"1\"&&this.selectCol==\"1\"){\n\t\t\t\t\tif (this.v1 != undefined)\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.v1.disconnect();\n\t\t\t\t\t\tdelete this.v1;\n\t\t\t\t\t\tthis.v1 = undefined;\n\t\t\t\t\t\t\n\t\t\t\t\t\t$(\"#timeline\"+this.selectRow+this.selectCol).TimeSlider('init',timevalue,timedata1);\n\t\t\t\t\t\t$(\"#rtcgaovideohb11\").removeClass(\"rtc_new\");\n\t\t\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).load();\n\t\t\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).poster = '';\n\t\t\t\t\t}\n\t\t\t\t}else if(this.selectRow==\"1\"&&this.selectCol==\"2\"){\n\t\t\t\t\tif (this.v2 != undefined)\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.v2.disconnect();\n\t\t\t\t\t\tdelete this.v2;\n\t\t\t\t\t\tthis.v2 = undefined;\n\t\t\t\t\t\t$(\"#rtcgaovideohb12\").removeClass(\"rtc_new\");\n\t\t\t\t\t\t$(\"#timeline\"+this.selectRow+this.selectCol).TimeSlider('init',timevalue,timedata1);\n\t\t\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).load();\n\t\t\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).poster = '';\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"1\"){\n\t\t\t\t\tif (this.v3 != undefined)\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.v3.disconnect();\n\t\t\t\t\t\tdelete this.v3;\n\t\t\t\t\t\tthis.v3 = undefined;\n\t\t\t\t\t\t$(\"#rtcgaovideohb21\").removeClass(\"rtc_new\");\n\t\t\t\t\t\t$(\"#timeline\"+this.selectRow+this.selectCol).TimeSlider('init',timevalue,timedata1);\n\t\t\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).load();\n\t\t\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).poster = '';\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"2\"){\n\t\t\t\t\tif (this.v4 != undefined)\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.v4.disconnect();\n\t\t\t\t\t\tdelete this.v4;\n\t\t\t\t\t\tthis.v4 = undefined;\n\t\t\t\t\t\t$(\"#rtcgaovideohb22\").removeClass(\"rtc_new\");\n\t\t\t\t\t\t$(\"#timeline\"+this.selectRow+this.selectCol).TimeSlider('init',timevalue,timedata1);\n\t\t\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).load();\n\t\t\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).poster = '';\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}.bind(this),100)\n\t\t\t\n\t\t},\n\t\t//timeline\n\t\tfuntimeine(){\n\t\t\t// console.log(this.cols*this.rows);\n\t\t\tfor(var i=1;i<=this.rows;i++){\n\t\t\t\tfor(var l=1;l<=this.cols;l++){\n\t\t\t\t\t// console.log(\"#timeline\"+i+l);\n\t\t\t\t\t$(\"#timeline\"+i+l).TimeSlider({\n\t\t\t\t\t\tinit_cells:this.timedata\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t},\n\t\t//un ui\n\t\tupdateUI()\n\t\t{\n\t\t\t$(\".content\").innerHeight($('.content-wrapper').innerHeight() - $('.content-header').outerHeight() - $('.main-header').innerHeight());\n\t\t\t//$('div[name=\"flex\"]').height(($(\".content\").height() - 50) / this.rows);\n\t\t\tif($(document.body).width() < 768)\n\t\t\t{\n\t\t\t\tthis.contentHeight = $(document.body).height()*0.4;\n\t\t\t}else\n\t\t\t{\n\t\t\t\tthis.contentHeight = $(document.body).height()*0.73;\n\t\t\t}\n\t\t\t// this.contentHeight = $('.videogh1').height();\n\t\t\t$('div[name=\"flex\"]').height(this.contentHeight / this.rows);\n\t\t\t$('.content-mythe-one').height(this.contentHeight / this.rows*2.4);\n\t\t\t//this.contentHeight = $(document.body).height()*0.8;\n\t\t\tlet _this = this;\n\t\t\tif (H5siOS() === true)\n\t\t\t{\n\t\t\t\t$('.h5video').prop(\"controls\", true);\n\t\t\t}\n\n\t\t\t$(\".right-side-toggle\").on(\"click\", function () {\n\t\t\t\t$(\".right-sidebar\").slideDown(50).toggleClass(\"shw-rside\");\n\t\t\t\t$(\".fxhdr\").on(\"click\", function () {\n\t\t\t\t\tbody.toggleClass(\"fix-header\"); /* Fix Header JS */\n\t\t\t\t});\n\t\t\t\t$(\".fxsdr\").on(\"click\", function () {\n\t\t\t\t\tbody.toggleClass(\"fix-sidebar\"); /* Fix Sidebar JS */\n\t\t\t\t});\n\n\t\t\t\t/* ===== Service Panel JS ===== */\n\n\t\t\t\tvar fxhdr = $('.fxhdr');\n\t\t\t\tif (body.hasClass(\"fix-header\")) {\n\t\t\t\t\tfxhdr.attr('checked', true);\n\t\t\t\t} else {\n\t\t\t\t\tfxhdr.attr('checked', false);\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\t// esc退出全屏\n\t\tcheckFull() {\n\t\t\tvar isFull =document.fullscreenElement ||document.webkitFullscreenElement ||document.mozFullScreenElement ||document.msFullscreenElement\n\t\t\t\n\t\t\tif (isFull === undefined) {\n\t\t\t\tisFull = false\n\t\t\t}\n\t\t\treturn isFull\n\t\t},\n\t\tpanelFullScreen(event) {\n\t\t\t$(\"#videoPanel\").removeClass(\"videogh1\")\n\t\t\tvar elem = document.getElementById('Fullscreen');\n\t\t\t// document.getElementById(\"fixed_input\").style.display=\"none\";\n\t\t\tif (\n\t\t\tdocument.fullscreenEnabled ||\n\t\t\tdocument.webkitFullscreenEnabled ||\n\t\t\tdocument.mozFullScreenEnabled ||\n\t\t\tdocument.msFullscreenEnabled\n\t\t\t) {\n\t\t\t\tif (\n\t\t\t\t\tdocument.fullscreenElement ||\n\t\t\t\t\tdocument.webkitFullscreenElement ||\n\t\t\t\t\tdocument.mozFullScreenElement ||\n\t\t\t\t\tdocument.msFullscreenElement\n\t\t\t\t) {\n\t\t\t\t\tif (document.exitFullscreen) {\n\t\t\t\t\t\tdocument.exitFullscreen();\n\t\t\t\t\t} else if (document.webkitExitFullscreen) {\n\t\t\t\t\t\tdocument.webkitExitFullscreen();\n\t\t\t\t\t} else if (document.mozCancelFullScreen) {\n\t\t\t\t\t\tdocument.mozCancelFullScreen();\n\t\t\t\t\t} else if (document.msExitFullscreen) {\n\t\t\t\t\t\tdocument.msExitFullscreen();\n\t\t\t\t\t}\n\t\t\t\t\t$(\".layout\").css(\"display\",  \"block\");\n\t\t\t\t\tconsole.log(\"========  updateUIExitFullScreen\");\n\t\t\t\t\tthis.updateUIExitFullScreen();\n\t\t\t\t} else {\n\t\t\t\t\tconsole.log('panelFullScreen3');\n\t\t\t\t\t$(\".layout\").css(\"display\",  \"none\");\n\t\t\t\t\tif (elem.requestFullscreen) {\n\t\t\t\t\t\telem.requestFullscreen();\n\t\t\t\t\t} else if (elem.webkitRequestFullscreen) {\n\t\t\t\t\t\telem.webkitRequestFullscreen();\n\t\t\t\t\t} else if (elem.mozRequestFullScreen) {\n\t\t\t\t\t\telem.mozRequestFullScreen();\n\t\t\t\t\t} else if (elem.msRequestFullscreen) {\n\t\t\t\t\t\telem.msRequestFullscreen();\n\t\t\t\t\t}\n\t\t\t\t\tthis.updateUIEnterFullScreen();\n\t\t\t\t\tif (document.addEventListener)\n\t\t\t\t\t{\n\t\t\t\t\t\tdocument.addEventListener('webkitfullscreenchange', this.updateUIExitFullScreen, false);\n\t\t\t\t\t\tdocument.addEventListener('mozfullscreenchange', this.updateUIExitFullScreen, false);\n\t\t\t\t\t\tdocument.addEventListener('fullscreenchange', this.updateUIExitFullScreen, false);\n\t\t\t\t\t\tdocument.addEventListener('MSFullscreenChange', this.updateUIExitFullScreen, false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconsole.log('Fullscreen is not supported on your browser.');\n\t\t\t}\n\t\t},\n\t\tupdateUIEnterFullScreen(){\n\t\t\tconsole.log(screen.height);\n\t\t\t$('div[name=\"flex\"]').height(screen.height / this.rows-100);\n\t\t},\n\t\tupdateUIExitFullScreen(){\n\t\t\t// if($(document.body).width() < 768)\n\t\t\t// {\n\t\t\t// \tthis.contentHeight = $(document.body).height()*0.4;\n\t\t\t// }else\n\t\t\t// {\n\t\t\t// \tthis.contentHeight = $(document.body).height()*0.73;\n\t\t\t// }\n\t\t\tconsole.log(this.contentHeight);\n\t\t\tif (!document.fullscreenElement && !document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){\n\t\t\t\t$('div[name=\"flex\"]').height(this.contentHeight / this.rows);\n\t\t\t}\n\t\t},\n\t\tvideoClick(r, c, $event) {\n\t\t\t$(\"video\").removeClass('h5videoh');\n            $(\"#gaovideohb\"+r+c).addClass('h5videoh');\n\t\t\t$('.tab').hide();//隐藏所有内容\n\t\t\t$(\"#tab\"+r+c).show();//显示当前选中项\n            this.selectCol = c;\n            this.selectRow = r;\n            console.log(r, c);\n            if ($($event.target).parent().hasClass('videoClickColor')) {\n                $($event.target).parent().removeClass('videoClickColor');\n            } else {\n                $('#videoPanel div[class*=\"videoClickColor\"]').removeClass('videoClickColor');\n                $('#videoPanel>div').eq(r - 1).children('div').eq(c - 1).addClass('videoClickColor');\n                //$('#videoPanel>div').eq(r - 1).children('div').eq(c - 1).children(\".h5videowrapper\").children(\".h5video\").style.opacity = \"0.25\";\n\t\t\t}\n\t\t\tif(this.selectRow==\"1\"&&this.selectCol==\"1\"){\n\t\t\t\tconsole.log(this.SGtoken[0]);\n\t\t\t\tthis.Gtoken=this.SGtoken[0];\n\t\t\t}else if(this.selectRow==\"1\"&&this.selectCol==\"2\"){\n\t\t\t\tconsole.log(this.SGtoken[1]);\n\t\t\t\tthis.Gtoken=this.SGtoken[1];\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"1\"){\n\t\t\t\tconsole.log(this.SGtoken[2]);\n\t\t\t\tthis.Gtoken=this.SGtoken[2];\n\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"2\"){\n\t\t\t\tconsole.log(this.SGtoken[3]);\n\t\t\t\tthis.Gtoken=this.SGtoken[3];\n\t\t\t}\n\t\t},\n\t\t//点击宫格\n\t\tchangePanel(event) {\n\t\t\t// return false;\n\t\t\twindow.setTimeout(function() {\n\t\t\t\tthis.functlist();\n\t\t\t}.bind(this),50)\n            let data = $(event.target).data('row');\n            let _this = this;\n            let cols = data.split('|')[1];\n            let rows = data.split('|')[0];\n            //this.map.clear();\n            Object.assign(this.$data, {\n                rows: parseInt(rows),\n                cols: parseInt(cols)\n            });\n\t\t\t// clearInterval(this.PlaybackCB);\n\t\t\tif (this.v2 != undefined)\n\t\t\t{\n\t\t\t\tthis.v2.disconnect();\n\t\t\t\tdelete this.v2;\n\t\t\t\tthis.v2 = undefined;\n\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).load();\n\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).poster = '';\n\t\t\t\t\n\t\t\t}\n\t\t\tif (this.v3 != undefined)\n\t\t\t{\n\t\t\t\tthis.v3.disconnect();\n\t\t\t\tdelete this.v3;\n\t\t\t\tthis.v3 = undefined;\n\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).load();\n\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).poster = '';\n\t\t\t\t\n\t\t\t}\n\t\t\tif (this.v4 != undefined)\n\t\t\t{\n\t\t\t\tthis.v4.disconnect();\n\t\t\t\tdelete this.v1;\n\t\t\t\tthis.v4 = undefined;\n\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).load();\n\t\t\t\t$(\"#gaovideohb\"+this.selectRow+this.selectCol).get(0).poster = '';\n\t\t\t\t\n\t\t\t}\n\t\t\tVue.nextTick(function () {\n\t\t\t\t// console.log(_this.contentHeight / rows);\n                //$('div[name=\"flex\"]').height(($(\".content\").height() - 50) / rows);\n\t\t\t\t$('div[name=\"flex\"]').height(_this.contentHeight / rows);\n\t\t\t\t\n\t\t\t\t$(\"#timeline12\").TimeSlider({init_cells:_this.timedata});\n\t\t\t\t$(\"#timeline21\").TimeSlider({init_cells:_this.timedata});\n\t\t\t\t$(\"#timeline22\").TimeSlider({init_cells:_this.timedata});\n\t\t\t})\n        },\n\t\tstopVideo(event){\n\t\t    return;\n\t\t},\n\t\tPlay(data){\n\t\t\tvar token=data;\n\t\t\t//关闭视频并改变图标\n\t\t\t\n\t\t\tthis.icon=\"iconfont icon-zantingtingzhi\";\n\t\t\tthis.icon1=\"iconfont icon-zantingtingzhi\";\n\t\t\tthis.icon2=\"iconfont icon-zantingtingzhi\";\n\t\t\tthis.icon3=\"iconfont icon-zantingtingzhi\";\n\t\t\t//console.log(data.token);\n\t\t\t//放入视频\n\t\t\tif(token==undefined){\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\t// var Gtoken=data.token\n\t\t\t\n\t\t\tvar timevalue=this.xzvalue;\n\t\t\tconsole.log(\"timevalue11111\",timevalue);\n\t\t\tvar year = timevalue.getFullYear();\n\t\t\tvar month = timevalue.getMonth() + 1;\n\t\t\tvar strDate = timevalue.getDate();\n\t\t\tvar strDate1 = timevalue.getDate()-1;\n\t\t\tvar localOffset = Math.abs(timevalue.getTimezoneOffset() /60);\n\t\t\tif (month<10) {\n\t\t\t\tmonth = '0'+month;\n\t\t\t}\n\t\t\tif (strDate<10) {\n\t\t\t\tstrDate = '0'+strDate;\n\t\t\t}\n\t\t\tif (strDate1<10) {\n\t\t\t\tstrDate1 = '0'+strDate1;\n\t\t\t}\n\t\t\tvar timevalues=year+\"-\"+month+\"-\"+strDate+\"T\"+\"00:00:00\"+\"+0\"+localOffset+\":00\";\n\t\t\tvar timevalues1=year+\"-\"+month+\"-\"+strDate1+\"T\"+\"00:00:00\"+\"+0\"+localOffset+\":00\";\n\t\t\tvar timevaluee=year+\"-\"+month+\"-\"+strDate+\"T\"+\"23:59:59\"+\"+0\"+localOffset+\":00\";\n\t\t\t\n\t\t\tconsole.log(\"======\",strDate,strDate1);\n\t\t\tconsole.log(\"timevaluee222222\",timevalues,timevaluee,\"------\",localOffset);\n\n            // return false;\n            var root = this.$store.state.IPPORT;\n\t\t\tvar wsroot = this.$store.state.WSROOT;\n\t\t\tvar url=\"\"\n\t\t\tif(this.Adswitch==\"false\"){\n\t\t\t\turl = root + \"/api/v1/SearchDeviceRecordByTime?token=\"+token\n\t\t\t\t+\"&start=\"+encodeURIComponent(timevalues1)+\"&end=\"+encodeURIComponent(timevaluee)+\"&session=\"+ this.$store.state.token;\n\t\t\t}else{\n\t\t\t\turl = root + \"/api/v1/Search?type=record&token=\"+token\n\t\t\t\t+\"&start=\"+encodeURIComponent(timevalues1)+\"&end=\"+encodeURIComponent(timevaluee)+\"&session=\"+ this.$store.state.token;\n\t\t\t}\n\t\t\t\n\t\t\t//return false;\n\t\t\tthis.$http.get(url).then(result=>{\n\t\t\t\tconsole.log(url,result);\n\t\t\t\tlet tim0 = new Date(timevalues).getTime();\n\t\t\t\tconsole.log(tim0);\n\t\t\t\tif(result.status == 200){\n\t\t\t\t\tvar data=result.data;\n\t\t\t\t\tvar timedata1=[];\n\t\t\t\t\t//console.log(\"length\",data.record.length);\n\t\t\t\t\tfor(var i=0;i<data.record.length;i++){\n\t\t\t\t\t\tvar item=data.record[i];\n\t\t\t\t\t\tvar item1\n\t\t\t\t\t\tif (i < data.record.length-1) {\n\t\t\t\t\t\t\titem1=data.record[i+1];\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//时间转换\n\t\t\t\t\t\tvar starf=new Date(item['strStartTime']).getTime();\n\t\t\t\t\t\tvar starf1=new Date(item1['strStartTime']).getTime();\n\t\t\t\t\t\tvar end=new Date(item['strEndTime']).getTime();\n\t\t\t\t\t\tif (starf<tim0&&end>tim0) {\n\t\t\t\t\t\t\tthis.starttimes = timevalues\n\t\t\t\t\t\t\tconsole.log(starf,end,tim0,this.starttimes);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (end<tim0&&starf1>tim0) {\n\t\t\t\t\t\t\tthis.starttimes = item1['strStartTime'];\n\t\t\t\t\t\t\tconsole.log('零点没有视频');\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (new Date(data.record[0].strStartTime).getTime() >= tim0) {\n\t\t\t\t\t\t\tthis.starttimes = data.record[0].strStartTime;\n\t\t\t\t\t\t\tconsole.log('零点没有视频');\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tvar starf=new Date(starf);\n\t\t\t\t\t\tvar end=new Date(end);\n\t\t\t\t\t\tvar timeitem={\n\t\t\t\t\t\t\t\tbeginTime :starf,\n\t\t\t\t\t\t\t\tendTime :end,\n\t\t\t\t\t\t\t\tstyle:{background:\"rgba(60,196,60, 0.498039)\"}\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tconsole.log(item[\"nType\"]);\n\t\t\t\t\t\t//console.log(\"录像段时间段颜色\",timeitem[\"style\"].background); //录像段时间段颜色\n\t\t\t\t\t\tif(item[\"nType\"]===\"H5_REC_MANUAL\"){\n\t\t\t\t\t\t\ttimeitem[\"style\"].background=\"rgba(60,196,60, 0.498039)\"\n\t\t\t\t\t\t\t//console.log(\"录像段时间段颜色1\",timeitem[\"style\"].background);\n\t\t\t\t\t\t}else if(item[\"nType\"]===\"H5_REC_SCHEDULE\"){\n\t\t\t\t\t\t\ttimeitem[\"style\"].background=\"#31b1ff\"\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\ttimeitem[\"style\"].background=\"rgba(238,17,17, 0.498039)\"\n\t\t\t\t\t\t\t//console.log(\"录像段时间段颜色2\",timeitem[\"style\"].background);\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttimedata1.push(timeitem);\n\t\t\t\t\t\t// console.log(\"4545454\",timeitem);\n\t\t\t\t\t\t$(\"#timeline\"+this.selectRow+this.selectCol).TimeSlider('init',timevalue,timedata1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif(this.selectRow==\"1\"&&this.selectCol==\"1\"){\n\t\t\t\t\tthis.selectCol1 = this.selectCol;\n\t\t\t\t\tthis.selectRow1 = this.selectCol;\n\t\t\t\t\tif (this.v1 != undefined)\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.v1.disconnect();\n\t\t\t\t\t\tdelete this.v1;\n\t\t\t\t\t\tthis.v1 = undefined;\n\t\t\t\t\t\tconsole.log(\"上this.v1\",this.v1);\n\t\t\t\t\t}\n\t\t\t\t\tconsole.log(timevalues,this.starttimes);\n\t\t\t\t\tvar pbconf1 = {\n\t\t\t\t\t\tbegintime: this.starttimes,\n\t\t\t\t\t\t// begintime: timevalues,\n\t\t\t\t\t\tendtime: timevaluee,\n\t\t\t\t\t\tautoplay: 'true',\n\t\t\t\t\t\tshowposter:\"false\", //'true' or 'false' show poster\n\t\t\t\t\t\tcallback: this.PlaybackCB,\n\t\t\t\t\t\tserverpb: this.Adswitch, \n\t\t\t\t\t\tuserdata:  this // user data\n\t\t\t\t\t};\n\t\t\t\t\tconsole.log(pbconf1,444444444);\n\t\t\t\t\tlet conf = {\n\t\t\t\t\t\tvideoid: \"gaovideohb\"+this.selectRow+this.selectCol,\n\t\t\t\t\t\tprotocol: window.location.protocol, //http: or https:\n\t\t\t\t\t\thost: wsroot, //localhost:8080\n\t\t\t\t\t\trootpath:'/', // '/'\n\t\t\t\t\t\ttoken:token,\n\t\t\t\t\t\tpbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n\t\t\t\t\t\thlsver:'v1', //v1 is for ts, v2 is for fmp4\n\t\t\t\t\t\tsession: this.$store.state.token\n\t\t\t\t\t};\n\t\t\t\t\tif (this.$store.state.liveviewrtc1 == 'RTC' || (H5siOS() === true)){\n\t\t\t\t\t\tconsole.log(this.$store.state.liveviewrtc1,555552)\n\t\t\t\t\t\tthis.v1 = new H5sPlayerRTC(conf);\n\t\t\t\t\t\t$(\"#rtcgaovideohb11\").addClass(\"rtc_new\");\n\t\t\t\t\t}else{\n\t\t\t\t\t\tconsole.log(this.$store.state.liveviewrtc1,555551)\n\t\t\t\t\t\tthis.v1 = new H5sPlayerWS(conf);\n\t\t\t\t\t\t$(\"#rtcgaovideohb11\").removeClass(\"rtc_new\");\n\t\t\t\t\t}\n\t\t\t\t\t// this.v1 = new H5sPlayerRTC(conf);\n\t\t\t\t\tconsole.log(\"v111111111111\",this.v1)\n\t\t\t\t\t//return false;\n\t\t\t\t\tthis.v1.connect();\n\t\t\t\t}else if(this.selectRow==\"1\"&&this.selectCol==\"2\"){\n\t\t\t\t\tthis.selectCol1 = this.selectCol;\n\t\t\t\t\tthis.selectRow1 = this.selectCol;\n\t\t\t\t\tif (this.v2 != undefined)\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.v2.disconnect();\n\t\t\t\t\t\tdelete this.v2;\n\t\t\t\t\t\tthis.v2 = undefined;\n\t\t\t\t\t}\n\t\t\t\t\tvar pbconf1 = {\n\t\t\t\t\t\tbegintime: this.starttimes,\n\t\t\t\t\t\tendtime: timevaluee,\n\t\t\t\t\t\tautoplay: 'true',\n\t\t\t\t\t\tshowposter:\"false\", //'true' or 'false' show poster\n\t\t\t\t\t\tcallback: this.PlaybackCB1,\n\t\t\t\t\t\tserverpb: this.Adswitch, \n\t\t\t\t\t\tuserdata:  this // user data\n\t\t\t\t\t};\n\t\t\t\t\tlet conf2 = {\n\t\t\t\t\t\tvideoid: \"gaovideohb\"+this.selectRow+this.selectCol,\n\t\t\t\t\t\tprotocol: window.location.protocol, //http: or https:\n\t\t\t\t\t\thost: wsroot, //localhost:8080\n\t\t\t\t\t\trootpath:'/', // '/'\n\t\t\t\t\t\ttoken:token,\n\t\t\t\t\t\tpbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n\t\t\t\t\t\thlsver:'v1', //v1 is for ts, v2 is for fmp4\n\t\t\t\t\t\tsession: this.$store.state.token\n\t\t\t\t\t};\n\t\t\t\t\tif (this.$store.state.liveviewrtc1 == 'RTC' || (H5siOS() === true)){\n\t\t\t\t\t\tconsole.log(this.$store.state.liveviewrtc1,555552)\n\t\t\t\t\t\tthis.v2 = new H5sPlayerRTC(conf2);\n\t\t\t\t\t\t$(\"#rtcgaovideohb12\").addClass(\"rtc_new\");\n\t\t\t\t\t}else{\n\t\t\t\t\t\tconsole.log(this.$store.state.liveviewrtc1,555551)\n\t\t\t\t\t\tthis.v2 = new H5sPlayerWS(conf2);\n\t\t\t\t\t}\n\t\t\t\t\tconsole.log(\"v22222222222222222\",this.v2)\n\t\t\t\t\t//return false;\n\t\t\t\t\tthis.v2.connect();\n\t\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"1\"){\n\t\t\t\t\tthis.selectCol1 = this.selectCol;\n\t\t\t\t\tthis.selectRow1 = this.selectCol;\n\t\t\t\t\tif (this.v3 != undefined)\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.v3.disconnect();\n\t\t\t\t\t\tdelete this.v3;\n\t\t\t\t\t\tthis.v3 = undefined;\n\t\t\t\t\t\tconsole.log(\"上this.v1\",this.v1);\n\t\t\t\t\t}\n\t\t\t\t\tvar pbconf1 = {\n\t\t\t\t\t\tbegintime: this.starttimes,\n\t\t\t\t\t\tendtime: timevaluee,\n\t\t\t\t\t\tautoplay: 'true',\n\t\t\t\t\t\tshowposter:\"false\", //'true' or 'false' show poster\n\t\t\t\t\t\tcallback: this.PlaybackCB2,\n\t\t\t\t\t\tserverpb: this.Adswitch, \n\t\t\t\t\t\tuserdata:  this // user data\n\t\t\t\t\t};\n\t\t\t\t\tlet conf3 = {\n\t\t\t\t\t\tvideoid: \"gaovideohb\"+this.selectRow+this.selectCol,\n\t\t\t\t\t\tprotocol: window.location.protocol, //http: or https:\n\t\t\t\t\t\thost: wsroot, //localhost:8080\n\t\t\t\t\t\trootpath:'/', // '/'\n\t\t\t\t\t\ttoken:token,\n\t\t\t\t\t\tpbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n\t\t\t\t\t\thlsver:'v1', //v1 is for ts, v2 is for fmp4\n\t\t\t\t\t\tsession: this.$store.state.token\n\t\t\t\t\t};\n\t\t\t\t\tif (this.$store.state.liveviewrtc1 == 'RTC' || (H5siOS() === true)){\n\t\t\t\t\t\tconsole.log(this.$store.state.liveviewrtc1,555552)\n\t\t\t\t\t\tthis.v3 = new H5sPlayerRTC(conf3);\n\t\t\t\t\t\t$(\"#rtcgaovideohb21\").addClass(\"rtc_new\");\n\t\t\t\t\t}else{\n\t\t\t\t\t\tconsole.log(this.$store.state.liveviewrtc1,555551)\n\t\t\t\t\t\tthis.v3 = new H5sPlayerWS(conf3);\n\t\t\t\t\t}\n\t\t\t\t\t//return false;\n\t\t\t\t\tthis.v3.connect();\n\t\t\t\t}else if(this.selectRow==\"2\"&&this.selectCol==\"2\"){\n\t\t\t\t\tthis.selectCol1 = this.selectCol;\n\t\t\t\t\tthis.selectRow1 = this.selectCol;\n\t\t\t\t\tif (this.v4 != undefined)\n\t\t\t\t\t{\n\t\t\t\t\t\tthis.v4.disconnect();\n\t\t\t\t\t\tdelete this.v4;\n\t\t\t\t\t\tthis.v4 = undefined;\n\t\t\t\t\t\tconsole.log(\"上this.v1\",this.v1);\n\t\t\t\t\t}\n\t\t\t\t\tvar pbconf1 = {\n\t\t\t\t\t\tbegintime: this.starttimes,\n\t\t\t\t\t\tendtime: timevaluee,\n\t\t\t\t\t\tautoplay: 'true',\n\t\t\t\t\t\tshowposter:\"false\", //'true' or 'false' show poster\n\t\t\t\t\t\tcallback: this.PlaybackCB3,\n\t\t\t\t\t\tserverpb: this.Adswitch, \n\t\t\t\t\t\tuserdata:  this // user data\n\t\t\t\t\t};\n\t\t\t\t\tlet conf4 = {\n\t\t\t\t\t\tvideoid: \"gaovideohb\"+this.selectRow+this.selectCol,\n\t\t\t\t\t\tprotocol: window.location.protocol, //http: or https:\n\t\t\t\t\t\thost: wsroot, //localhost:8080\n\t\t\t\t\t\trootpath:'/', // '/'\n\t\t\t\t\t\ttoken:token,\n\t\t\t\t\t\tpbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n\t\t\t\t\t\thlsver:'v1', //v1 is for ts, v2 is for fmp4\n\t\t\t\t\t\tsession: this.$store.state.token\n\t\t\t\t\t};\n\t\t\t\t\tif (this.$store.state.liveviewrtc1 == 'RTC' || (H5siOS() === true)){\n\t\t\t\t\t\tconsole.log(this.$store.state.liveviewrtc1,555552)\n\t\t\t\t\t\tthis.v4 = new H5sPlayerRTC(conf4);\n\t\t\t\t\t\t$(\"#rtcgaovideohb22\").addClass(\"rtc_new\");\n\t\t\t\t\t}else{\n\t\t\t\t\t\tconsole.log(this.$store.state.liveviewrtc1,555551)\n\t\t\t\t\t\tthis.v4 = new H5sPlayerWS(conf4);\n\t\t\t\t\t}\n\t\t\t\t\t//return false;\n\t\t\t\t\tthis.v4.connect();\n\t\t\t\t}\n\t\t\t})\n\t\t\t// return false;\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t},\n\t\t//有用啦\n\t\tPlaybackCB(event, userdata)\n\t\t{\n\t\t\tvar msgevent = JSON.parse(event);\n\t\t\tif (msgevent.type === 'H5S_EVENT_PB_TIME')\n\t\t\t{\n\t\t\t\t//  this.value=msgevent.pbTime.strTime;\n\t\t\t\tvar time = new Date(msgevent.pbTime.strTime).getTime();\n\t\t\t\t// $(\"#timeline12\").TimeSlider('set_time_to_middle', time);\n\t\t\t\t$(\"#timeline11\").TimeSlider('set_time_to_middle', time);\n\t\t\t}\n\t\t\t\n\t\t},\n\t\tPlaybackCB1(event, userdata)\n\t\t{\n\t\t\tvar msgevent = JSON.parse(event);\n\t\t\tif (msgevent.type === 'H5S_EVENT_PB_TIME')\n\t\t\t{\n\t\t\t\t//  this.value=msgevent.pbTime.strTime;\n\t\t\t\tvar time = new Date(msgevent.pbTime.strTime).getTime();\n\t\t\t\t// $(\"#timeline12\").TimeSlider('set_time_to_middle', time);\n\t\t\t\t$(\"#timeline12\").TimeSlider('set_time_to_middle', time);\n\t\t\t}\n\t\t\t\n\t\t},\n\t\tPlaybackCB2(event, userdata)\n\t\t{\n\t\t\tconsole.log(\"Playback callback \",11111111111111111);\n\t\t\tvar msgevent = JSON.parse(event);\n\t\t\tif (msgevent.type === 'H5S_EVENT_PB_TIME')\n\t\t\t{\n\t\t\t\t//  this.value=msgevent.pbTime.strTime;\n\t\t\t\tvar time = new Date(msgevent.pbTime.strTime).getTime();\n\t\t\t\t// $(\"#timeline12\").TimeSlider('set_time_to_middle', time);\n\t\t\t\t$(\"#timeline21\").TimeSlider('set_time_to_middle', time);\n\t\t\t}\n\t\t\t\n\t\t},\n\t\tPlaybackCB3(event, userdata)\n\t\t{\n\t\t\tconsole.log(\"Playback callback \",11111111111111111);\n\t\t\tvar msgevent = JSON.parse(event);\n\t\t\tif (msgevent.type === 'H5S_EVENT_PB_TIME')\n\t\t\t{\n\t\t\t\t//  this.value=msgevent.pbTime.strTime;\n\t\t\t\tvar time = new Date(msgevent.pbTime.strTime).getTime();\n\t\t\t\t// $(\"#timeline12\").TimeSlider('set_time_to_middle', time);\n\t\t\t\t$(\"#timeline22\").TimeSlider('set_time_to_middle', time);\n\t\t\t}\n\t\t\t\n\t\t},\n\t\tenter(){\n\t\t\tdocument.getElementsByClassName(\"h5controls\").style.display=\"block\";\n\t\t},\n\t\tleave(){\n\t\t\tdocument.getElementsByClassName(\"h5controls\").style.display=\"none\";\n\t\t},\n\t\tenter1(){\n\t\t\t$(\".back_Choice1\").css(\"display\",\"block\");\n\t\t\t// document.getElementById(\"back_Choice\").style.display=\"block\";\n\t\t},\n\t\tleave1(){\n\t\t\t$(\".back_Choice1\").css(\"display\",\"none\");\n\t\t\t// document.getElementById(\"back_Choice\").style.display=\"none\";\n\t\t},\n\t\t//隐藏按钮\n\t\thideover(r,c){\n\t\t\t$(\"#h\"+r +\"\"+c).children(\".h5controls\").css(\"display\",  \"block\");\n\t\t},\n\t\tshowout(r,c){\n\t\t\t$(\"#h\"+r +\"\"+c).children(\".h5controls\").css(\"display\",  \"none\");\n\t\t},\n\t\t//回访，模式\n\t\thback(){\n\t\t\tthis.Adswitch=true;\n\t\t},\n\t\tnvrback(){\n\t\t\tthis.Adswitch=false;\n\t\t},\n\n        //关闭\n        handleClose(){\n            if (this.v1 != undefined){\n                console.log('关闭')\n                this.myModal1=false\n\t\t\t\tthis.timelink=0\n                this.v1.disconnect();\n                delete this.v1;\n                this.v1 = undefined;\n            }\n        },\n        //模糊查询\n        filterNode(value, data) {\n            if (!value) return true;\n\t\t\tconsole.log(!value,data);\n\t\t\tif (this.$store.state.root==\"Operator\") {\n\t\t\t\treturn data.strName.indexOf(value) !== -1;\n\t\t\t}else{\n\t\t\t\treturn data.label.indexOf(value) !== -1;\n\t\t\t}\n        }\n    },\n     //模糊查询\n    watch: {\n      filterText(val) {\t\n        this.$refs.tree.filter(val);\n      }\n    }\n    \n}\n</script>\n\n<style lang=\"scss\" scoped>\n.playback{\n    display: flex;\n    justify-content: space-between;\n    .playback_snap_zuo{\n        width: 18%;\n        height: 86vh;\n        .snap_zuo_title{\n            width: 100%;\n            padding: 12px 20px;\n            font-size: 16px;\n            font-family: PingFang SC;\n            font-weight: 500;\n            margin-bottom: 10px;\n        }\n    }\n    .playback_snap_you{\n        width: 82%;\n        height: 86vh;\n\t\t.videogh1{\n\t\t\theight: 73vh;\n\t\t}\n        #videoPanel{\n            .videoClickColor{\n                /* border: 2px solid #f44336 !important;\n                box-sizing: border-box; */\n                box-shadow: 0 0 0 2px #f44336;\n                box-sizing: border-box;\n                z-index: 10;\n            }\n            .videoColor {\n                background-color: #222222;\n                .palace{\n                    background-size: 10%;\n                    flex: 1 1 10%;\n\t\t\t\t\tborder:1px solid black;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\t.h5controls {\n\t\t\t\t\t\tposition:absolute;\n\t\t\t\t\t\ttop:0;\n\t\t\t\t\t\tbackground: url('~@/views/liveview/imgs/liveview_buttback.png') no-repeat;\n\t\t\t\t\t\tbackground-size: 320px 35px;\n\t\t\t\t\t\tbackground-position-x:right;\n\t\t\t\t\t\tpadding:0px;\n\t\t\t\t\t\tbox-sizing:content-box;\n\t\t\t\t\t\tz-index:10000;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 32px;\n\t\t\t\t\t\tdisplay:none;\n\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\tbutton{\n\t\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\t\tbackground: none;\n\t\t\t\t\t\t\tcolor: #FFFFFF;\n\t\t\t\t\t\t\tmargin-right: 8px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n                }\n            }\n            div[name='flex'] {\n                display: flex;\n                flex-wrap: wrap;\n                border-bottom: 0px !important;\n                :hover {\n                    /*background-color: #3c8dbc;*/\n                    cursor: pointer;\n                }\n                +[name='flex'] {\n                    border-left: 0px !important;\n                }\n            }\n        }\n        .tab{\n            .mode_Choice{\n\t\t\t\t.back_Choice{\n\t\t\t\t\twidth: 120px;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tcursor:pointer;\n\t\t\t\t\t.back_Choice1{\n\t\t\t\t\t\tborder-radius:10px; \n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: -60px;\n\t\t\t\t\t\tleft: -20px;\n\t\t\t\t\t\tpadding: 10px 20px;\n\t\t\t\t\t\tdiv:nth-child(1){\n\t\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.co_Baise{\n\t\t\t\t\t\t\tcolor: #fff !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t.back_zi{\n\t\t\t\t\t\tline-height: 46px;font-size: 20px;margin-left:10px;\n\t\t\t\t\t}\n                }\n            }\n\t\t\t.function_butt{\n\t\t\t\twidth: 30%;\n\t\t\t\tmin-width: 330px;\n\t\t\t\tmax-width: 400px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-around;\n\t\t\t\talign-items: center;\n\t\t\t\t.fixed_input{\n\t\t\t\t\twidth: 60%;\n\t\t\t\t\tmax-width: 130px;\n\t\t\t\t}\n\t\t\t\t.button_resume{\n\t\t\t\t\tborder: none;\n\t\t\t\t\tbackground: none;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t}\n            .caveat_butt{\n                display: flex;align-items:center;min-width: 180px;\n                .mr-1{\n                    width: 15px;\n                    height: 15px;\n                    border-radius: 50px;\n                    border: 0;\n                    margin: 0 5px;\n                    vertical-align:middle;\n                    background-color: rgb(60,196,60);\n                }\n                .mr-2{\n                    width: 15px;\n                    height:15px;\n                    border-radius: 50px;\n                    border: 0;\n                    margin: 0 5px;\n                    vertical-align:middle;\n                    background-color: #ee1011;\n                }\n                .mr-0{\n                    width: 15px;\n                    height:15px;\n                    border-radius: 50px;\n                    border: 0;\n\t\t\t\t\tmargin-right: 5px !important;\n                    vertical-align:middle;\n                    background-color: #31b1ff;\n                }\n            }\n        }\n    }\n}\n\n.g_flex{\n    display: flex;\n}\n/deep/ .selectdrop{\n\tborder: none !important;\n    background-color:#2D2D2D !important;\n}\n/deep/ .selectdrop .hover{\n            background: #181818 !important;\n        }\n</style>"],"sourceRoot":""}