{"version":3,"sources":["webpack:///./src/views/replay/Avintercoms/Avintercomsplay.vue?c7cd","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?943c","webpack:///./src/views/replay/Advancepb.vue?58ce","webpack:///./src/views/replay/Advancepb.vue","webpack:///./src/views/public/timeline-canvas1.js","webpack:///./src/assets/js/h5splayerhelper.js","webpack:///./src/views/replay/Avintercoms/Avintercomsplay.vue?0d45","webpack:///src/views/replay/Advancepb.vue","webpack:///./src/views/replay/Advancepb.vue?d9d3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","videoid","staticRenderFns","component","name","props","data","rtcid","mounted","console","methods","CloseVideo","FullScreen","document","elem","updateUIExitFullScreen","$","contentComProps","model","value","callback","$$v","filterText","expression","ref","filterNode","defaultProps","on","handleNodeClick","scopedSlots","_u","key","fn","class","iconclass","staticStyle","iconclass1","_v","_s","label","strName","online","length","_e","refNamePopover","statusID","offline","disable","idle","$event","StatusPrompt","slot","style","showLeftTree","_l","r","c","preventDefault","stopVideo","videoClick","open_liveplay_butt","$store","state","liveviewrtc1","panelFullScreen","jian","jia","timelinndown","mouseoutcanvas","timetz","enter1","leave1","co_Baise","Adswitch","Adswitchs","$t","Adswitchs1","changePanel","input_ch","xzvalue","timeSpeed","region","item","region1","region2","region3","region4","region5","region6","region7","region8","icon","resume","icon1","icon2","icon3","TimeSlider","elementId","options","canvas","getElementById","ctx","getContext","canvansW","width","canVansH","height","timecell","init_cells","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","mousewhs","prototype","redrawFlag","drawCellBg","add_graduations","add_cells","fillStyle","fillRect","drawLine","brief","add_events","fillText","changeTime","s","beginPath","moveTo","lineTo","fill","px_per_min","px_per_ms","px_per_step","min_per_step","i","medium_step","graduation_left","graduation_time","graduation_times","lineH","num_steps","ms_offset","ms_to_next_step","px_offset","ms_per_step","date","getUTCHours","getUTCMinutes","big_date","graduation_title","middle_date","j","parseInt","beginX","beginY","endX","endY","color","strokeStyle","lineWidth","stroke","cells","forEach","draw_cell","beginTime","cell_width","endTime","background","addEventListener","mousewheelFunc","bind","mousedownFunc","mousemoveFunc","mouseupFunc","mouseoutFunc","e","get_cursor_x_position","pos_x","diff_x","Math","round","posx","ms_per_px","delta","middle_time","24","20","16","12","8","4","1","event","window","returnValue","max","min","wheelDelta","detail","pageX","pageY","clientX","clientY","body","scrollLeft","documentElement","datetime","getHours","getMinutes","getMilliseconds","getDate","toString","substr","getMonth","getFullYear","getSeconds","newTime","year","month","hour","minute","second","timestamp","step","remainder","clearRect","old","noConflict","H5siOS","iDevices","navigator","platform","pop","components","type","default","starttimes","endtimes","children","token","demoEvents","rows","cols","selectCol","selectRow","selectCol1","selectRow1","contentHeight","contentWidth","regiondata","proto","timedata","v1","v2","v3","v4","v5","v6","v7","v8","v9","Gtoken","SGtoken","PlaybackCBinterval","PlaybackCBinterval1","PlaybackCBinterval2","PlaybackCBinterval3","PlaybackCBinterval4","PlaybackCBinterval5","PlaybackCBinterval6","PlaybackCBinterval7","PlaybackCBinterval8","beforeDestroy","listeneEvent","siblings","css","parent","Regional","datapush","a","b","d","getchild","arr","arr1","strToken","streamprofile","disabled_me","camarr","camarr1","sessionStorage","functlist","checked","indeterminate","err","clearInterval","setTimeout","strDate","strDate1","strDate2","localOffset","url","root","encodeURIComponent","item1","timevalues","timeitem","timedata1","timevalue","tim0","tim1","timevaluee","begintime","endtime","autoplay","showposter","serverpb","userdata","protocol","host","rootpath","pbconf","hlsver","session","get","load","funtimeine","updateUI","slideDown","toggleClass","fxhdr","checkFull","isFull","updateUIEnterFullScreen","hasClass","removeClass","eq","addClass","Object","Vue","Play","PlaybackCB","PlaybackCB1","PlaybackCB2","PlaybackCB3","PlaybackCB4","PlaybackCB5","PlaybackCB6","PlaybackCB7","PlaybackCB8","enter","leave","hideover","showout","hback","nvrback","handleClose","watch","val"],"mappings":"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GAAImN,UAAUC,WAAaF,EAASG,MAAQ,OAAO,EAIvD,OAAO,I,yDCrBT,W,uICmMe,QACf3P,iBACA4P,YACA,2BAEA3P,OACAY,iBACAgP,YACAC,mBAAA,OACA7M,oBAIA/C,KAbA,WAcA,OACA6P,cACAC,YACA1O,cACA2O,6DACA9N,2DACA+N,4DACApO,sBACAO,iBAEAnB,cACAhB,YAEAiQ,cAEAC,OACAC,OACAC,YACAC,YACAC,aACAC,aACAC,iBACAC,gBACA9L,YACAE,aACAC,aACAC,aACAC,aACAC,aACAC,aACAC,aACAC,aACAsL,YACA,CACA7P,YACAoB,cAEA,CACApB,YACAoB,YAEA,CACApB,YACAoB,YAEA,CACApB,YACAoB,YAEA,CACApB,YACAoB,YAEA,CACApB,aACAoB,cAGAoD,4BACAE,6BACAC,6BACAC,6BACAtB,oCACAwM,WAEA9P,eACA4D,iBACAmM,YACAvK,YACAwK,UACAC,UACAC,UACAC,UACAC,UACAC,UACAC,UACAC,UACAC,UACAC,UACAC,qCACA1J,MACA2J,sBACAC,uBACAC,uBACAC,uBACAC,uBACAC,uBACAC,uBACAC,uBACAC,uBACA1P,0BACArC,WAGAgS,cA5GA,WA6GA,oBAGA/R,QAhHA,WAiHA,oCACA,gBAEA,gBAEA,iBACA,kBACA,WACAgN,2BACA/M,oBAEA,eAEAO,qCAIA,2CACAA,2DACA,qBAEAN,SACA8R,aADA,WACA,WACA,0DAAI,EAAJ,UAAI,EAAJ,gBACA,6BAIA5O,mBAPA,WAOA,WAGA,2CADA5C,iCAGAA,kBACAyR,SAAA,uBACAC,IAAA,mBACA1R,wCACA,2BACAA,eACA2R,SACAA,OAAA,eACAD,IAAA,qCAGA1R,kBACAyR,SAAA,uBACAC,IAAA,kBACA1R,qCACAA,kBACA2R,SACAA,OAAA,eACAD,IAAA,kCAIAxP,aAlCA,SAkCAiF,EAAAmE,GACA,4BACA,6BACA,wBACA,mDAGA,OAFAA,2DACAA,wBAGA,CACA,uBACA,mDAGA,OAFAA,wDACAA,sBAKAsG,SApDA,WAoDA,WACA,2BACA,yDACA,oCACAnS,eACA,kBACA,aAEA,kBAEAA,2CACA,cACAA,yBAIAoS,SApEA,SAoEAvS,GACA,WAEAwS,EAvEA,SAuEAxS,GAEA,oBACA,gCACAA,6BAGA,OACA,+BACAG,8BACA,8BACA,iBACA,aACA,oBAIAsS,EAxFA,SAwFAzS,GAEA,YAGA,oBACA,gCACAA,6BAGA,OACA,+BACA,8BACAG,sBACA,cACA,oBAKA+C,EA5GA,SA4GAlD,GAEA,YAGA,oBACA,gCACAA,6BAGA,OACA,+BACA,8BACAG,sBACA,cACA,oBAKAuS,EAhIA,SAgIA1S,GAEA,YAGA,oBACA,gCACAA,6BAGA,OACA,+BACA,8BACAG,sBACA,cACA,oBAKA6L,EApJA,SAoJAhM,GAEA,YAGA,oBACA,gCACA,6BACAA,6BAIA,SAEA2S,SAlKA,SAkKAC,EAAAC,GACA,mBACA,qBACA,eACA,qCACA,OACA,CACAC,uBACAC,qBACA7Q,2CACApC,KACA+S,qDACAjR,wCACAoR,gBAEA,CACAF,uBACAC,oBACA7Q,0CACApC,KACA+S,oDACAjR,wCACAoR,iBAGAJ,gBACAA,8BACAA,cACAC,qDACAD,8BACAA,+CACAA,wBACA,eAEAA,6DACAA,sCAGA,gCACAA,gDAEA,eAEAA,4BAEA,mBACAA,gCACAA,gCACAA,wBAEAA,2DACAA,sCAEA,gBACAA,mBACA,iDACAA,sCAOA,SACA,KACA,mBACAK,0BAEA,eACAC,sBAEA,wDAEA,mBACA,eACA,0BACAN,2BAEAA,6DACAA,sCAKA,2BACA,4BACAA,qCAGA,UAEAxO,UA7PA,WA8PA,aACA,gBACAjE,qBACA,6BACAgT,oDAEA7O,WApQA,WAqQA,cACA,gBACAnE,qBACA,6BACAgT,oDAGAC,UA5QA,WA6QA1S,4BACA,oBAEAA,mBAKA8D,SArRA,WAsRA,kBAGA,cAIAlD,gBA7RA,SA6RAtB,EAAAqT,EAAAC,GACA,iBACA,SAEA,sBACA,aACA,SAEA,0CACA,2BACA,6BACA,0CACA,2BACA,6BACA,0CACA,2BACA,6BACA,0CACA,2BACA,6BACA,0CACA,2BACA,6BACA,0CACA,2BACA,6BACA,0CACA,2BACA,6BACA,0CACA,2BACA,6BACA,2CACA,2BACA,6BAGA,cAEAxP,eApUA,WAqUA3D,sBAIA0D,aAzUA,SAyUA0P,GACA,8CACA,aACA,gBACAC,wCAEA,8CACA,aACA,gBACAA,yCAEA,8CACA,aACA,gBACAA,yCAEA,8CACA,aACA,gBACAA,yCAEA,8CACA,aACA,gBACAA,yCAEA,8CACA,aACA,gBACAA,yCAEA,8CACA,aACA,gBACAA,yCAEA,8CACA,aACA,gBACAA,yCAEA,+CACA,aACA,gBACAA,0CAIAzP,OAzXA,WA0XA5D,mBACA,iBACA,OACAwH,cAEA,+BACA,2BACA,kCACA,SAEA8L,uBACA,kDACA,oBACA,KACA,MACA,YACAtT,+BAIA,kBACAA,eACA,sBACA,iBACA,cACA,cACA,gBACA,eACA,iBACA,iBACA,qCACA,OACAwO,SAEA,OACA+E,SAEA,OACAC,SAEA,OACAC,SAEA,OACA5F,SAEA,OACAC,SAEA,OACAO,SAEA,MACAE,EACA,IACAC,EACA,IACA+E,EACA,IAEA1F,EACA,IACAC,EACA,IACAO,EAEA,KACAqF,EACA,MAEA,EACAnF,EACA,IACAC,EACA,IACA+E,EAJAhF,cAQAmF,EACA,MAEA,EACAnF,EACA,IACAC,EACA,IACAiF,EACA,IAEA5F,EACA,IACAC,EACA,IACAO,EAEA,KACAqF,EACA,MAEA,EACAnF,EACA,IACAC,EACA,IACAgF,EAJAjF,cAQAmF,EACA,MAIA,KAEAC,EADA,oBACAA,EACAC,EACA,0CACApM,SACA,UACAqM,sBACA,QACAA,sBACA,YACArM,qBAGAoM,EACA,oCACApM,SACA,UACAqM,sBACA,QACAA,sBACA,YACArM,qBAIAA,iCACA,IACA,EADA,wBAEA,kBACA,aACAxH,eAGA,IAFA,SAEA,2BACA,MACA,sBACA8T,iBAEA,kBAEA,wCACA,wCACA,sCACA,WACAC,oBACA/T,qBAEA,cACA,cADA,IAEA,GACAkL,YACAE,UACAzI,OAAA0I,yCAGA,6BACA2I,kDAEA,+BACAA,gCAEAA,kDAIAC,UAGA1T,kDACA,OACA2T,EACAD,GAIAE,EACA,SACAtU,wCACA8G,YAEAoN,2CACAxT,kDACA,OACAwT,EACAE,IAGAG,iDACA,KASA,GALA,8CAEAC,EACAD,yBAEA,oCACA5M,yBACAA,8BACA,UACAA,yBACA,KACAA,YACAxH,8BAEA,OACAsU,YACAC,UACAC,gBACAC,mBACA9T,sBACA+T,oBACAC,YAEA3U,mDACA,OACAR,6CACAoV,kCACAC,OACAC,aACAjF,eACAkF,SACAC,YACAC,8BAEAzN,wBACAA,mBAEAA,eACAA,sCACA8L,uBACA9L,gBACA,aAEA,uCACAA,yBACAA,8BACA,UACAA,yBACA,KACAA,aAEA,GACA8M,YACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,eACAkF,SACAC,YACAC,8BAGAzN,wBACAA,mBAEAA,eACAA,sCACA8L,uBACA9L,gBACA,aAEA,uCACAA,yBACAA,8BACA,UACAA,yBACA,KACAA,YACAxH,8BAEA,GACAsU,YACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,eACAkF,SACAC,YACAC,8BAGAzN,wBACAA,mBAEAA,eACAA,sCACA8L,uBACA9L,gBACA,aAEA,uCACAA,yBACAA,8BACA,UACAA,yBACA,KACAA,YACAxH,8BAEA,GACAsU,YACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,eACAkF,SACAC,YACAC,8BAEAzN,wBACAA,mBAEAA,eACAA,sCACA8L,uBACA9L,gBACA,aAEA,uCACAA,yBACAA,8BACA,UACAA,yBACA,KACAA,aAEA,GACA8M,YACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,eACAkF,SACAC,YACAC,8BAGAzN,wBACAA,mBAEAA,eACAA,8CAEA,uCACAA,yBACAA,8BACA,UACAA,yBACA,KACAA,YACAxH,8BAEA,GACAsU,YACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,eACAkF,SACAC,YACAC,8BAGAzN,wBACAA,mBAEAA,eACAA,8CAEA,uCACAA,yBACAA,8BACA,UACAA,yBACA,KACAA,YACAxH,8BAEA,GACAsU,YACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,eACAkF,SACAC,YACAC,8BAEAzN,wBACAA,mBAEAA,eACAA,8CAEA,uCACAA,yBACAA,8BACA,UACAA,yBACA,KACAA,aAEA,GACA8M,YACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,eACAkF,SACAC,YACAC,8BAGAzN,wBACAA,mBAEAA,eACAA,8CAEA,uCACAA,yBACAA,8BACA,UACAA,yBACA,KACAA,YACAxH,8BAEA,GACAsU,YACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,eACAkF,SACAC,YACAC,8BAGAzN,wBACAA,mBAEAA,eACAA,kDAMA,MAGArC,OAv5BA,WAw5BA,gBACA,aACA,aACA,aACAnF,eACA,8CACA,aAEA,oCACA,iCACAA,uBACA,iBAEA,4BACA,yCACAA,uBACA,mBAGA,8CACA,aAEA,oCACA,kCACAA,uBACA,iBAEA,4BACA,0CACAA,uBACA,mBAGA,8CACA,aAEA,oCACA,kCACAA,uBACA,iBAEA,4BACA,0CACAA,uBACA,mBAGA,8CACA,aAEA,oCACA,kCACAA,uBACA,iBAEA,4BACA,0CACAA,uBACA,mBAGA,8CACA,aAEA,oCACA,kCACAA,uBACA,iBAEA,4BACA,0CACAA,uBACA,mBAGA,8CACA,aAEA,oCACA,kCACAA,uBACA,iBAEA,4BACA,0CACAA,uBACA,mBAGA,8CACA,aAEA,oCACA,kCACAA,uBACA,iBAEA,4BACA,0CACAA,uBACA,mBAGA,8CACA,aAEA,oCACA,kCACAA,uBACA,iBAEA,4BACA,0CACAA,uBACA,mBAGA,+CACA,aAEA,oCACA,kCACAA,uBACA,iBAEA,4BACA,0CACAA,uBACA,oBAMAuE,UA9hCA,WA+hCA,WACA,wCACA,SACAiD,qBAEA,wCACA,SACAA,sBAEA,wCACA,SACAA,sBAEA,wCACA,SACAA,sBAEA,wCACA,SACAA,sBAEA,wCACA,SACAA,sBAEA,wCACA,SACAA,sBAEA,wCACA,SACAA,sBAEA,yCACA,SACAA,uBAKAtH,WAvkCA,SAukCA4M,GAEAvM,kBACAyR,SAAA,uBACAC,IAAA,kBACA1R,qCACAA,kBACA2R,SACAA,OAAA,eACAD,IAAA,gCACA,eACA,KACA,iCACA,WACA,8CACA,aACA,iBACA,4BACA,QACA,eAEA1R,wDACA,OACA2T,EACAD,GAEA1T,6CACAA,+CACA2U,IAAA,GACAC,OACA5U,6DACA,IAEA,8CACA,aACA,kBACA,4BACA,QACA,eACAA,6CACAA,wDACA,OACA2T,EACAD,GAEA1T,+CACA2U,IAAA,GACAC,OACA5U,6DACA,IAEA,8CACA,aACA,kBACA,4BACA,QACA,eACAA,6CACAA,wDACA,OACA2T,EACAD,GAEA1T,+CACA2U,IAAA,GACAC,OACA5U,6DACA,IAEA,8CACA,aACA,kBACA,4BACA,QACA,eACAA,6CACAA,wDACA,OACA2T,EACAD,GAEA1T,+CACA2U,IAAA,GACAC,OACA5U,6DACA,IAEA,8CACA,aACA,kBACA,4BACA,QACA,eACAA,6CACAA,wDACA,OACA2T,EACAD,GAEA1T,+CACA2U,IAAA,GACAC,OACA5U,6DACA,IAEA,8CACA,aACA,kBACA,4BACA,QACA,eACAA,6CACAA,wDACA,OACA2T,EACAD,GAEA1T,+CACA2U,IAAA,GACAC,OACA5U,6DACA,IAEA,8CACA,aACA,kBACA,4BACA,QACA,eACAA,6CACAA,wDACA,OACA2T,EACAD,GAEA1T,+CACA2U,IAAA,GACAC,OACA5U,6DACA,IAEA,8CACA,aACA,kBACA,4BACA,QACA,eACAA,6CACAA,wDACA,OACA2T,EACAD,GAEA1T,+CACA2U,IAAA,GACAC,OACA5U,6DACA,IAEA,+CACA,aACA,kBACA,4BACA,QACA,eACAA,6CACAA,wDACA,OACA2T,EACAD,GAEA1T,+CACA2U,IAAA,GACAC,OACA5U,6DACA,KAGAiL,KAAA,MACA,MAIA4J,WA9vCA,WA+vCA,6BACA,6BAEA7U,+BACA4F,4BAMAkP,SAzwCA,WA0wCA9U,0BACAA,oCACAA,mCACAA,iCAGA,6BACA,gDAEA,iDAGAA,2DACAA,kEAGA,sBACAA,kCAGAA,+CACAA,oBACA+U,UAAA,IACAC,YAAA,aACAhV,mCACAkN,kCAEAlN,mCACAkN,mCAKA,kBACA,4BACA+H,qBAEAA,yBAKAC,UApzCA,WAqzCA,MACArV,4BACAA,kCACAA,+BACAA,6BAKA,YAHA,QACAsV,MAEA,GAGAnS,gBAj0CA,SAi0CAuJ,GACAvM,yCACA,4CAGAH,4BACAA,kCACAA,+BACAA,6BAGAA,4BACAA,kCACAA,+BACAA,8BAEA,wBACAA,0BACA,8BACAA,gCACA,6BACAA,+BACA,2BACAA,4BAEAG,oCACAP,gDACA,gCAEAA,gCACAO,mCACA,oBACAF,sBACA,0BACAA,4BACA,uBACAA,yBACA,uBACAA,wBAEA,+BACA,4BACAD,0BACA,yBACA,6BACA,GAEAA,0BACA,sBACA,6BACA,GAEAA,0BACA,mBACA,6BACA,GAEAA,0BACA,qBACA,6BACA,KAKAJ,6DAGA2V,wBAr4CA,WAs4CA3V,2BACAO,2DAEAD,uBAz4CA,WA04CA,6BACA,iDAEA,iDACAC,4DAEAP,gCAEA,4BACA,6BACA,wBACA,+BAEA,iDACAO,6DAIAkD,IA55CA,WA65CAlD,wDACA,YACA,IAIAiD,KAn6CA,WAo6CAjD,uEAGA2C,WAv6CA,SAu6CAJ,EAAAC,EAAAP,GACA,2BACAjC,mCACAA,0CACAA,iBACAA,qBACA,iBACA,iBACAP,iBAEAO,YACA2R,SACA0D,SAAA,mBAEArV,YACA2R,SACA2D,YAAA,oBAEAtV,2DACA,mBAEAA,qBACAuV,GAAAhT,KACA8M,SAAA,OACAkG,GAAA/S,KACAgT,SAAA,oBAGA,0CACA/V,6BACA,6BACA,0CACAA,6BACA,6BACA,0CACAA,6BACA,6BACA,0CACAA,6BACA,6BACA,0CACAA,6BACA,6BACA,0CACAA,6BACA,6BACA,0CACAA,6BACA,6BACA,0CACAA,6BACA,6BACA,2CACAA,6BACA,8BAIAoE,YAj+CA,SAi+CA0I,GAEAC,kBACA,WACA,kBACAvB,KAAA,MACA,IAEA,8BACA,OACA,kBACA,kBAEAwK,0BACAjG,iBACAC,mBAGA,eACA,aACA,4BACA,QACA,eACAzP,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,kEAEA,gBACA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,sEAEA,aACA,4BACA,QACA,eACAA,+CACA2U,IAAA,GACAC,OACA5U,kEAGA0V,kCAGA1V,gDAEAA,6BAAA4F,wBACA5F,6BAAA4F,wBACA5F,6BAAA4F,wBACA5F,6BAAA4F,wBACA5F,6BAAA4F,wBACA5F,6BAAA4F,wBACA5F,6BAAA4F,wBACA5F,6BAAA4F,4BAGAlD,UA1nDA,SA0nDA6J,KAGAoJ,KA7nDA,SA6nDArW,GAAA,WACA,OACA,IASA,GANA,yCACA,0CACA,0CACA,+CAGA,KACA,SAIA,mBACAG,gCACA,sBACA,iBACA,cACA,gBACA,qCACA,yBACA,OACAwO,SAEA,OACA+E,SAEA,OACAC,UAGA,MACAjF,EACA,IACAC,EACA,IACA+E,EAJAhF,cAQAmF,EACA,MACA,EACAnF,EACA,IACAC,EACA,IACAgF,EAJAjF,cAQAmF,EACA,MACA,EACAnF,EACA,IACAC,EACA,IACA+E,EAJAhF,cAQAmF,EACA,MAGA,2BACA,2BACA,KAEAC,EADA,uBAEAC,EACA,0CACA/D,EACA,UACAgE,sBACA,QACAA,sBACA,YACArM,qBAGAoM,EACA,oCACA/D,EACA,UACAgE,sBACA,QACAA,sBACA,YACArM,qBAIA,oCAEA,GADAxH,iBACA,qBACA,4BAEA,GADAA,eACA,eACA,aACA,KACA,aACA,SAGA,mCACA,IACA,EADA,cAEA,sBACA8T,iBAGA,4CACA,wCACA,sCACA,WACA,eACA9T,iCAEA,WACA,+BACAA,uBAEA,kDACA,sCACAA,uBAGA,cACA,cADA,IAEA,GACAkL,YACAE,UACAzI,OAAA0I,yCAEArL,wBAEA,6BACAgU,kDAEA,+BACAA,gCAEAA,kDAGAC,UAGA1T,kDACA,OACA2T,EACAD,SAIA,iBAIA,IAHA,SACA,KAEA,2BACA,cAEA,wCACA,sCACA,cACA,cACA,GACA/I,YACAE,UACAzI,OAAA0I,yCAEArL,wCAEA,6BACAgU,kDAEA,+BACAA,gCAEAA,kDAGAC,UAEA1T,kDACA,OACA2T,EACAD,GAKA,uCACA,yBACA,8BACA,UACA,yBACA,KACA,YACAjU,8BAEAA,4BACA,OACAsU,0BAEAC,UACAC,gBACAC,mBACA9T,sBACA+T,oBACAC,YAEA3U,yBACA,OACAR,6CACAoV,kCACAC,OACAC,aACAjF,QACAkF,SACAC,YACAC,8BAEA,2DACAjV,gDACA,mBACAO,4CAEAP,gDACA,mBACAO,8CAGAP,kCAEA,oBACA,uCACA,yBACA,8BACA,UACA,yBACA,KACA,aAEA,GACAsU,0BACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,QACAkF,SACAC,YACAC,8BAEA,2DACAjV,gDACA,mBACAO,4CAEAP,gDACA,oBAEAA,uCAEA,oBACA,uCACA,yBACA,8BACA,UACA,yBACA,KACA,YACAA,8BAEA,GACAsU,0BACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,QACAkF,SACAC,YACAC,8BAEA,2DACAjV,gDACA,mBACAO,4CAEAP,gDACA,oBAGA,oBACA,uCACA,yBACA,8BACA,UACA,yBACA,KACA,YACAA,8BAEA,GACAsU,0BACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,QACAkF,SACAC,YACAC,8BAEA,2DACAjV,gDACA,mBACAO,4CAEAP,gDACA,oBAGA,oBACA,uCACA,yBACA,8BACA,UACA,yBACA,KACA,aAEA,GACAsU,0BACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,QACAkF,SACAC,YACAC,8BAEA,2DACAjV,gDACA,mBACAO,4CAEAP,gDACA,oBAEAA,uCAEA,oBACA,uCACA,yBACA,8BACA,UACA,yBACA,KACA,YACAA,8BAEA,GACAsU,0BACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,QACAkF,SACAC,YACAC,8BAEA,2DACAjV,gDACA,mBACAO,4CAEAP,gDACA,oBAGA,oBACA,uCACA,yBACA,8BACA,UACA,yBACA,KACA,YACAA,8BAEA,GACAsU,0BACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,QACAkF,SACAC,YACAC,8BAEA,2DACAjV,gDACA,mBACAO,4CAEAP,gDACA,oBAGA,oBACA,uCACA,yBACA,8BACA,UACA,yBACA,KACA,aAEA,GACAsU,0BACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,QACAkF,SACAC,YACAC,8BAEA,2DACAjV,gDACA,mBACAO,4CAEAP,gDACA,oBAEAA,uCAEA,oBACA,uCACA,yBACA,8BACA,UACA,yBACA,KACA,YACAA,8BAEA,GACAsU,0BACAC,UACAC,gBACAC,mBACA9T,uBACA+T,oBACAC,YAPA,IASA,GACAnV,6CACAoV,kCACAC,OACAC,aACAjF,QACAkF,SACAC,YACAC,8BAEA,2DACAjV,gDACA,mBACAO,4CAEAP,gDACA,oBAGA,eAEA,oBAKAmW,WApqEA,SAoqEArJ,EAAA6H,GAAA,WACA,mCACA,oBACA,iCACAtB,uCACA,2CACA,2CACA,gDACAhM,uBACA,KACAgM,oCAEA9S,sDAEA,MAGA6V,YArrEA,SAqrEAtJ,EAAA6H,GAAA,WACA,mCACA,oBACA,iCACAtB,wCACA,2CACA,2CACA,iDACAhM,uBACA,KACAgM,qCAEA9S,sDAEA,MAIA8V,YAvsEA,SAusEAvJ,EAAA6H,GAAA,WACA,mCACA,oBACA,iCACAtB,wCACA,2CACA,2CACA,iDACAhM,uBACA,KACAgM,qCAEA9S,sDAEA,MAIA+V,YAztEA,SAytEAxJ,EAAA6H,GAAA,WACA,mCACA,oBACA,iCACAtB,wCACA,2CACA,2CACA,iDACAhM,uBACA,KACAgM,qCAEA9S,sDAEA,MAIAgW,YA3uEA,SA2uEAzJ,EAAA6H,GAAA,WACA,mCACA,oBACA,iCACAtB,wCACA,2CACA,2CACA,iDACAhM,uBACA,KACAgM,qCAEA9S,sDAEA,MAIAiW,YA7vEA,SA6vEA1J,EAAA6H,GAAA,WACA,mCACA,oBACA,iCACAtB,wCACA,2CACA,2CACA,iDACAhM,uBACA,KACAgM,qCAEA9S,sDAEA,MAGAkW,YA9wEA,SA8wEA3J,EAAA6H,GAAA,WACA,mCACA,oBACA,iCACAtB,wCACA,2CACA,2CACA,iDACAhM,uBACA,KACAgM,qCAEA9S,sDAEA,MAGAmW,YA/xEA,SA+xEA5J,EAAA6H,GAAA,WACA,mCACA,oBACA,iCACAtB,wCACA,2CACA,2CACA,iDACAhM,uBACA,KACAgM,qCAEA9S,sDAEA,MAGAoW,YAhzEA,SAgzEA7J,EAAA6H,GAAA,WACA,mCACA,oBACA,iCACAtB,wCACA,2CACA,2CACA,iDACAhM,uBACA,KACAgM,qCAEA9S,sDAEA,MAGAqW,MAj0EA,WAk0EAxW,qEAEAyW,MAp0EA,WAq0EAzW,oEAEAyD,OAv0EA,WAw0EAtD,2CAGAuD,OA30EA,WA40EAvD,0CAIAuW,SAh1EA,SAg1EAhU,EAAAC,GACAxC,YACAqP,SAAA,eACAqC,IAAA,oBAEA8E,QAr1EA,SAq1EAjU,EAAAC,GACAxC,YACAqP,SAAA,eACAqC,IAAA,mBAGA+E,MA31EA,WA41EA,kBAEAC,QA91EA,WA+1EA,kBAIAC,YAn2EA,gBAo2EA,aACAlX,kBACA,iBACA,gBACA,4BACA,QACA,iBAIAgB,WA92EA,SA82EAN,EAAAb,GACA,WACAG,kBACA,oCACA,0BAEA,0BAKAmX,OACAtW,WADA,SACAuW,GACA,+B,wDCpsFA","file":"static/js/chunk-28de1854.39f0788d.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\":\"\"}})])}\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=7b83eb64&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=7b83eb64&prod&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  \"7b83eb64\",\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>\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    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          // 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 (\n        !document.fullscreenElement &&\n        !document.webkitIsFullScreen &&\n        !document.mozFullScreen &&\n        !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  /* 播放片段 */\n  .h5videoh {\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  .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;\n      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\"},[(_vm.contentComProps.showLeftTree)?_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('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:{\"font-size\":\"12px\"}}),_c('span',{class:data.iconclass1,staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.label||data.strName))]),(data.length)?_c('span',{staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.online)+\"/\"+_vm._s(data.length))]):_vm._e(),(data.firstLevel)?_c('el-popover',{ref:_vm.refNamePopover+data.statusID,staticClass:\"Status\",staticStyle:{\"flex\":\"1\",\"text-align\":\"right\",\"height\":\"36px\",\"line-height\":\"36px\"},attrs:{\"placement\":\"bottom-end\",\"trigger\":\"manual\",\"popper-class\":\"popperOptions\"}},[_c('div',{staticClass:\"StatusPrompt\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',{staticStyle:{\"font-size\":\"12px\"}},[_c('span',{staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-shexiangji\",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 在线:\"+_vm._s(data.online)+\" \")]),_c('span',{staticClass:\"el-tree-camera\",staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-shexiangji el-tree-camera\",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 离线:\"+_vm._s(data.offline)+\" \")]),_c('span',{staticClass:\"el-tree-camera\",staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-jinyong1 el-tree-camera \",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 禁用:\"+_vm._s(data.disable)+\" \")]),_c('span',{staticClass:\"el-tree-camera\",staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-kaiqishexiangtou1 el-tree-camera\",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 空闲:\"+_vm._s(data.idle)+\" \")])])])]),_c('el-button',{staticClass:\"iconfont icon-xianshi2 statusBtn\",staticStyle:{\"margin-left\":\"20px\",\"font-size\":\"12px\"},attrs:{\"slot\":\"reference\",\"type\":\"text\"},on:{\"click\":function($event){return _vm.StatusPrompt(data.statusID,$event)}},slot:\"reference\"})],1):_vm._e()],1)}}],null,false,2888939624)})],1):_vm._e(),_c('div',{staticClass:\"playback_snap_you\",style:(_vm.contentComProps.showLeftTree ? '' :'width:100%')},[_c('div',{staticStyle:{\"height\":\"100%\"},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)}}},[_c('avintercoms-play',{attrs:{\"h5id\":'h'+r+c,\"h5videoid\":'gaovideohb'+r+c}}),_c('div',{staticClass:\"h5controls\",staticStyle:{\"display\":\"none padding:0px\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-end\"}},[_c('button',{staticClass:\"iconfont icon-bofang open_button rotate\",staticStyle:{\"font-size\":\"12px\",\"line-height\":\"14px\"},attrs:{\"id\":'rtchvideo'+r+c},on:{\"click\":_vm.open_liveplay_butt}}),(_vm.$store.state.liveviewrtc1 == 'RTC')?_c('button',{staticClass:\"open_liveplay_butt\",attrs:{\"type\":\"text\"}},[_vm._v(\"RTC\")]):_c('button',{staticClass:\"open_liveplay_butt\",attrs:{\"type\":\"text\"}},[_vm._v(\"WS\")]),_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),_c('div',{staticStyle:{\"width\":\"82%\",\"height\":\"14px\",\"position\":\"absolute\",\"display\":\"flex\",\"justify-content\":\"space-between\",\"padding\":\"0 5px\"}},[_c('div',{staticStyle:{\"line-height\":\"12px\",\"cursor\":\"pointer\"}},[_c('el-button',{staticClass:\"iconfont icon-jian fuhao\",on:{\"click\":function($event){return _vm.jian()}}}),_c('el-button',{staticClass:\"iconfont icon-jia fuhao\",on:{\"click\":function($event){return _vm.jia()}}})],1),_c('div',{staticStyle:{\"line-height\":\"12px\",\"cursor\":\"pointer\"}},[_c('el-button',{staticClass:\"iconfont icon-jia fuhao\",on:{\"click\":function($event){return _vm.jia()}}}),_c('el-button',{staticClass:\"iconfont icon-jian fuhao\",on:{\"click\":function($event){return _vm.jian()}}})],1)]),_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%\"},attrs:{\"id\":'timeline'+r+c,\"width\":\"1500\",\"height\":\"55px\",\"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('button',{staticClass:\"layout layout3x3\",attrs:{\"type\":\"button\",\"data-row\":\"3|3\"},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',{staticClass:\"ele\",staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"remote\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.timeSpeed()}},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',{staticClass:\"ele\",staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"remote\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.timeSpeed()}},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',{staticClass:\"ele\",staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"remote\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.timeSpeed()}},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',{staticClass:\"ele\",staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"remote\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.timeSpeed()}},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=='3')?_c('el-select',{staticClass:\"ele\",staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"remote\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.timeSpeed()}},model:{value:(_vm.region4),callback:function ($$v) {_vm.region4=$$v},expression:\"region4\"}},_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=='3')?_c('el-select',{staticClass:\"ele\",staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"remote\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.timeSpeed()}},model:{value:(_vm.region5),callback:function ($$v) {_vm.region5=$$v},expression:\"region5\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1):_vm._e(),(r=='3'&&c=='1')?_c('el-select',{staticClass:\"ele\",staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"remote\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.timeSpeed()}},model:{value:(_vm.region6),callback:function ($$v) {_vm.region6=$$v},expression:\"region6\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1):_vm._e(),(r=='3'&&c=='2')?_c('el-select',{staticClass:\"ele\",staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"remote\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.timeSpeed()}},model:{value:(_vm.region7),callback:function ($$v) {_vm.region7=$$v},expression:\"region7\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1):_vm._e(),(r=='3'&&c=='3')?_c('el-select',{staticClass:\"ele\",staticStyle:{\"width\":\"70px\"},attrs:{\"filterable\":\"\",\"remote\":\"\",\"size\":\"mini\",\"popper-append-to-body\":false,\"popper-class\":\"selectdrop\"},on:{\"change\":function($event){return _vm.timeSpeed()}},model:{value:(_vm.region8),callback:function ($$v) {_vm.region8=$$v},expression:\"region8\"}},_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(),(r=='1'&&c=='3')?_c('button',{staticClass:\"button_resume\",class:_vm.icon,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.resume()}}}):_vm._e(),(r=='2'&&c=='3')?_c('button',{staticClass:\"button_resume\",class:_vm.icon1,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.resume()}}}):_vm._e(),(r=='3'&&c=='1')?_c('button',{staticClass:\"button_resume\",class:_vm.icon2,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.resume()}}}):_vm._e(),(r=='3'&&c=='2')?_c('button',{staticClass:\"button_resume\",class:_vm.icon3,attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.resume()}}}):_vm._e(),(r=='3'&&c=='3')?_c('button',{staticClass:\"button_resume\",class:_vm.icon,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=2eb097dd&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=2eb097dd&prod&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  \"2eb097dd\",\n  null\n  \n)\n\nexport default component.exports","import store from '../../store'\nvar 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 = '16px Arial'\n  this.minutes_per_step = [\n    1,\n    2,\n    5,\n    10,\n    15,\n    20,\n    30,\n    60,\n    120,\n    180,\n    240,\n    360,\n    720,\n    1440,\n  ] // min/格\n  this.graduation_step = 15 //刻度间最小宽度，单位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.ctx.fillStyle = 'rgb(12, 12, 12)'\n  this.ctx.fillRect(0, 0, this.canvansW, 13) //上边时间\n\n  this.ctx.fillStyle = '#2C7BF4 '\n  this.ctx.fillRect(this.canvansW / 2 - 70, 0, 130, 13) //上面背景块\n\n  var time = start_timestamp + (this.hours_per_ruler * 3600 * 1000) / 2\n\n  this.drawLine(this.canvansW / 2, 18, this.canvansW / 2, 55, 'yellow ', 2) //中间播放点时间线\n\n  //中间画一个三角\n  this.brief(this.canvansW)\n  if (!redrawFlag) {\n    //只有第一次进入才需要添加事件\n    this.add_events()\n  }\n  this.ctx.fillStyle = '#FFF'\n  this.ctx.font = '12px Arial'\n  this.ctx.fillText(this.changeTime(time), this.canvansW / 2 - 60, 10.5)\n  // this.timeblue();\n}\nTimeSlider.prototype.brief = function (s) {\n  this.ctx.fillStyle = '#2C7BF4 '\n  this.ctx.beginPath() // 新建一条路径\n  this.ctx.moveTo(s / 2, 22) // 画笔移动到（10,10）\n  this.ctx.lineTo(s / 2 - 7, 12)\n  this.ctx.lineTo(s / 2 + 7, 12)\n  this.ctx.fill()\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/min24  24*60\n  var px_per_s = _this.canvansW / (_this.hours_per_ruler * 60 * 60) // px/s\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  var s_per_step = px_per_step / px_per_s // s/格\n  for (var i = 0; i < _this.minutes_per_step.length; i++) {\n    if (min_per_step <= _this.minutes_per_step[i]) {\n      //让每格时间在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  var medium_step = 0\n  for (var i = 0; i < _this.minutes_per_step.length; i++) {\n    if (\n      _this.distance_between_gtitle / px_per_min <=\n      _this.minutes_per_step[i]\n    ) {\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 graduation_times\n  var caret_class\n  var lineH\n  var ms_offset = _this.ms_to_next_step(\n    start_timestamp,\n    min_per_step * 60 * 1000,\n  ) //开始的偏移时间 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    graduation_times = start_timestamp + ms_offset + (i * ms_per_step) / 60 //时间=左侧开始时间+偏移时间+格数*ms/格\n    var date = new Date(graduation_time)\n    var dates = new Date(graduation_times)\n    if (date.getUTCHours() == 0 && date.getUTCMinutes() == 0) {\n      caret_class = 'big'\n      lineH = 27 //刻度位置\n      var big_date = _this.graduation_title(date)\n      _this.ctx.fillText(big_date, graduation_left - 20, 45) //刻度时间位置\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 = 27 //刻度位置\n      var middle_date = _this.graduation_title(date)\n      if (middle_date.length > 9) {\n        _this.ctx.font = '11px Arial'\n        _this.ctx.fillStyle = '#FFF'\n        _this.ctx.fillText(middle_date, graduation_left - 30, 43) //刻度时间位置\n      } else {\n        _this.ctx.fillStyle = 'rgba(151,158,167,1)'\n        _this.ctx.font = '13px Arial'\n        _this.ctx.fillText(middle_date, graduation_left - 25, 43) //刻度时间位置\n      }\n    } else {\n      lineH = 22\n    }\n    // drawLine(graduation_left,0,graduation_left,lineH,\"rgba(151,158,167,0.4)\",1);\n    _this.drawLine(\n      graduation_left,\n      15,\n      graduation_left,\n      lineH,\n      'rgba(151,158,167,1)',\n      1,\n    )\n    if (_this.hours_per_ruler == 0.1) {\n      for (let j = 1; j <= 30; j++) {\n        // if (graduation_left<px_per_step&&graduation_left>=0) {\n        //     _this.drawLine(graduation_left-parseInt(px_per_step/20)*j,15,graduation_left-parseInt(px_per_step/20)*j,22,\"rgba(151,158,167,1)\",1);\n        // }else if (graduation_left >=px_per_step) {\n        //     _this.drawLine(graduation_left-parseInt(px_per_step/20)*j,15,graduation_left-parseInt(px_per_step/20)*j,22,\"rgba(151,158,167,1)\",1);\n        // }else if (condition) {\n\n        // }\n        _this.drawLine(\n          graduation_left - parseInt(px_per_step / 30) * j,\n          15,\n          graduation_left - parseInt(px_per_step / 30) * j,\n          22,\n          'rgba(151,158,167,1)',\n          1,\n        )\n        if (i + 1 == num_steps) {\n          _this.drawLine(\n            graduation_left + parseInt(px_per_step / 30) * j,\n            15,\n            graduation_left + parseInt(px_per_step / 30) * j,\n            22,\n            'rgba(151,158,167,1)',\n            1,\n          )\n        }\n      }\n    }\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 (\n  beginX,\n  beginY,\n  endX,\n  endY,\n  color,\n  width,\n) {\n  // console.log(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    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 + 1\n  _this.ctx.fillStyle = cell.style.background\n  _this.ctx.fillRect(beginX, 50, cell_width, 8)\n}\n\n/**\n * 绘制录像块背景\n */\nTimeSlider.prototype.drawCellBg = function () {\n  // let color = '';\n  // if (store.state.darkMode == 'blue') {\n  //     color = '#0B0D1A';\n  // }else if(store.state.darkMode == 'c-dark-theme'){\n  //     color = '#000000'\n  // }else{\n  //     color = '#A0A0A0'\n  // }\n  // // this.ctx.fillStyle = \"rgba(150, 150, 150, 1)\";\n  // this.ctx.fillStyle = color;\n  // this.ctx.fillStyle = \"rgba(150, 150, 150, 1)\";\n  // this.ctx.fillRect(0,50,this.canvansW,11);\n}\n\n/**\n * 时间轴事件\n */\nTimeSlider.prototype.add_events = function () {\n  var _this = this\n  if (_this.canvas.addEventListener) {\n    _this.canvas.addEventListener(\n      'mousewheel',\n      _this.mousewheelFunc.bind(_this),\n    )\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 =\n      _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    //拖动 事件\n    _this.g_isMousemove = false\n    _this.g_isMousedown = false\n    _this.returnTime =\n      _this.start_timestamp + (_this.hours_per_ruler * 3600 * 1000) / 2\n  } else {\n    // 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.mousewhs = function (delta) {\n  console.log(delta)\n  var _this = this\n  var middle_time =\n    _this.start_timestamp + (_this.hours_per_ruler * 3600 * 1000) / 2 //ms 记住当前中间的时间\n  let zoom = { 24: 24, 20: 16, 16: 8, 12: 4, 8: 1, 4: 0.5, 1: 0.1 }\n  if (delta < 0) {\n    if (_this.zoom == 1) {\n      _this.zoom = 4\n    } else {\n      _this.zoom = _this.zoom + 4\n    }\n    if (_this.zoom >= 24) {\n      _this.zoom = 24 //放大最大24小时\n    }\n    _this.hours_per_ruler = _this.zoom\n  } else if (delta > 0) {\n    // 放大\n    _this.zoom = _this.zoom - 4\n    if (_this.zoom <= 1) {\n      _this.zoom = 1 //缩小最小1小时\n    }\n    _this.hours_per_ruler = zoom[_this.zoom]\n  }\n  _this.clearCanvas()\n  _this.start_timestamp =\n    middle_time - (_this.hours_per_ruler * 3600 * 1000) / 2 //start_timestamp = 当前中间的时间 - zoom/2\n  _this.init(_this.start_timestamp, _this.timecell, true)\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  }\n\n  var e = window.event || event\n  var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n  var middle_time =\n    _this.start_timestamp + (_this.hours_per_ruler * 3600 * 1000) / 2 //ms 记住当前中间的时间\n  let zoom = { 24: 24, 20: 16, 16: 8, 12: 4, 8: 1, 4: 0.5, 1: 0.1 }\n  if (delta < 0) {\n    if (_this.zoom == 1) {\n      _this.zoom = 4\n    } else {\n      _this.zoom = _this.zoom + 4\n    }\n    if (_this.zoom >= 24) {\n      _this.zoom = 24 //放大最大24小时\n    }\n    _this.hours_per_ruler = _this.zoom\n  } else if (delta > 0) {\n    // 放大\n    _this.zoom = _this.zoom - 4\n    if (_this.zoom <= 1) {\n      _this.zoom = 1 //缩小最小1小时\n    }\n    _this.hours_per_ruler = zoom[_this.zoom]\n  }\n  _this.clearCanvas()\n  _this.start_timestamp =\n    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 =\n      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 (\n    datetime.getHours() == 0 &&\n    datetime.getMinutes() == 0 &&\n    datetime.getMilliseconds() == 0\n  ) {\n    return (\n      ('0' + datetime.getDate().toString()).substr(-2) +\n      '.' +\n      ('0' + (datetime.getMonth() + 1).toString()).substr(-2) +\n      '.' +\n      datetime.getFullYear()\n    )\n  }\n  return (\n    datetime.getHours() +\n    ':' +\n    ('0' + datetime.getMinutes().toString()).substr(-2) +\n    ':' +\n    ('0' + datetime.getSeconds().toString()).substr(-2)\n  )\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 (\n    year + '-' + month + '-' + date + ' ' + hour + ':' + minute + ':' + second\n  )\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    } 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          case 'mousewhs':\n            data.mousewhs(time)\n            break\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}\n","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","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=7b83eb64&prod&lang=scss&scoped=true&\"","<template>\n  <div class=\"playback\">\n    <div class=\"playback_snap_zuo\" v-if=\"contentComProps.showLeftTree\">\n      <!-- 模糊查询搜查 -->\n      <el-input class=\"snap_zuo_input\" placeholder=\"输入关键字进行过滤\" v-model=\"filterText\">\n      </el-input>\n      <!-- <div class=\"snap_zuo_title\">设备</div> -->\n      <!-- 这是原下拉框代码 -->\n      <el-tree :data=\"data\" node-key=\"id\" :filter-node-method=\"filterNode\" @node-click=\"handleNodeClick\" ref=\"tree\"\n        highlight-current :props=\"defaultProps\">\n        <span slot-scope=\"{ data }\">\n          <i :class=\"data.iconclass\" style=\"font-size:12px;\"></i>\n          <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.label||data.strName}}</span>\n          <span v-if=\"data.length\" style=\"padding-left: 4px;\">{{data.online}}/{{data.length}}</span>\n          <el-popover placement=\"bottom-end\" trigger=\"manual\" v-if=\"data.firstLevel\" class=\"Status\"\n            popper-class=\"popperOptions\" style=\"flex: 1; text-align: right;height: 36px;line-height: 36px;\"\n            :ref=\"refNamePopover+data.statusID\">\n            <div class=\"StatusPrompt\">\n              <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                <span style=\"font-size:12px;\">\n                  <span style=\"padding-left:5px\">\n                    <i class=\"iconfont icon-shexiangji\" style=\"font-size:12px;\"></i> 在线:{{data.online}} </span>\n                  <span class=\"el-tree-camera\" style=\"padding-left:5px\">\n                    <i class=\"iconfont icon-shexiangji el-tree-camera\" style=\"font-size:12px;\"></i> 离线:{{data.offline}}\n                  </span>\n                  <span class=\"el-tree-camera\" style=\"padding-left:5px\">\n                    <i class=\"iconfont icon-jinyong1 el-tree-camera \" style=\"font-size:12px;\"></i> 禁用:{{data.disable}}\n                  </span>\n                  <span class=\"el-tree-camera\" style=\"padding-left:5px\">\n                    <i class=\"iconfont icon-kaiqishexiangtou1 el-tree-camera\" style=\"font-size:12px;\"></i>\n                    空闲:{{data.idle}} </span>\n                </span>\n              </div>\n            </div>\n            <el-button slot=\"reference\" type=\"text\" class=\"iconfont icon-xianshi2 statusBtn\"\n              style=\"margin-left: 20px;font-size:12px\" @click=\"StatusPrompt(data.statusID,$event)\"></el-button>\n          </el-popover>\n        </span>\n      </el-tree>\n    </div>\n    <div class=\"playback_snap_you\" :style=\"contentComProps.showLeftTree ? '' :'width:100%'\">\n      <div id=\"Fullscreen\" style=\"height:100%\">\n        <div id=\"videoPanel\" class=\"videogh1\">\n          <div name='flex' style=\"position: relative;\" class=\"videoColor\" v-for=\"r in rows\" :key=\"r\">\n            <div v-for=\"c in cols\" :key=\"c\" v-bind:id=\"'h'+r+c\" class=\"palace\" name=\"flex\"\n              @contextmenu.prevent=\"stopVideo($event)\" @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              <div class=\"h5controls\" style=\"display:none padding:0px;\">\n                <div style=\"display: flex;justify-content: flex-end;\">\n                  <button :id=\"'rtchvideo'+r+c\" class=\"iconfont icon-bofang open_button rotate\"\n                    @click=\"open_liveplay_butt\" style=\"font-size:12px;line-height: 14px;\"></button>\n                  <button class=\"open_liveplay_butt\" type=\"text\" v-if=\"$store.state.liveviewrtc1 == 'RTC'\">RTC</button>\n                  <button class=\"open_liveplay_butt\" type=\"text\" v-else>WS</button>\n                  <button type=\"button\" class=\"vidbuttion pull-right iconfont icon-roundclosefill\"\n                    @click=\"CloseVideo($event)\"></button>\n                  <button type=\"button\" class=\"vidbuttion pull-right iconfont icon-full\"\n                    @click=\"panelFullScreen($event)\"></button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div style=\"width:82%;height:14px;position:absolute;display:flex;justify-content: space-between;padding:0 5px;\">\n          <div style=\"line-height:12px; cursor:pointer;\">\n            <el-button class=\"iconfont icon-jian fuhao\" @click=\"jian()\"></el-button>\n            <el-button class=\"iconfont icon-jia fuhao\" @click=\"jia()\"></el-button>\n          </div>\n          <div style=\"line-height:12px; cursor:pointer;\">\n            <el-button class=\"iconfont icon-jia fuhao\" @click=\"jia()\"></el-button>\n            <el-button class=\"iconfont icon-jian fuhao\" @click=\"jian()\"></el-button>\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              <div>\n                <canvas class=\"timeline\" :id=\"'timeline'+r+c\" style=\"width:100%;\" width=\"1500\" height=\"55px\"\n                  @mousedown=\"timelinndown($event)\" @mouseout=\"mouseoutcanvas\" @mouseup=\"timetz\"\n                  ondragstart=\"return false;\">\n                </canvas>\n              </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\">\n                        {{$t(\"message.playback.H5SPlayback\")}}</div>\n                      <div :class=\"{co_Baise:Adswitch=='false'}\" @click=\"Adswitchs1\" class=\"co_black\">\n                        {{$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                  <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                  <button type=\"button\" class=\"layout layout3x3\" data-row=\"3|3\" @click=\"changePanel($event)\"></button>\n                  <i style=\"font-size: 24px;color:#B2B1B1;\" class=\"layoutfull\" @click=\"panelFullScreen($event)\"></i>\n                  <el-date-picker class=\"fixed_input\" v-model=\"xzvalue\" size=\"mini\" @change=\"input_ch\" type=\"date\"\n                    placeholder=\"选择日期时间\" default-time=\"00:00:00\">\n                  </el-date-picker>\n                  <el-select filterable remote v-if=\"r=='1'&&c=='1'\" v-model=\"region\" size=\"mini\" class=\"ele\"\n                    :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"timeSpeed()\">\n                    <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                    </el-option>\n                  </el-select>\n                  <el-select filterable remote v-if=\"r=='1'&&c=='2'\" v-model=\"region1\" size=\"mini\" class=\"ele\"\n                    :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"timeSpeed()\">\n                    <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                    </el-option>\n                  </el-select>\n                  <el-select filterable remote v-if=\"r=='2'&&c=='1'\" v-model=\"region2\" size=\"mini\" class=\"ele\"\n                    :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"timeSpeed()\">\n                    <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                    </el-option>\n                  </el-select>\n                  <el-select filterable remote v-if=\"r=='2'&&c=='2'\" v-model=\"region3\" size=\"mini\" class=\"ele\"\n                    :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"timeSpeed()\">\n                    <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                    </el-option>\n                  </el-select>\n                  <el-select filterable remote v-if=\"r=='1'&&c=='3'\" v-model=\"region4\" size=\"mini\" class=\"ele\"\n                    :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"timeSpeed()\">\n                    <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                    </el-option>\n                  </el-select>\n                  <el-select filterable remote v-if=\"r=='2'&&c=='3'\" v-model=\"region5\" size=\"mini\" class=\"ele\"\n                    :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"timeSpeed()\">\n                    <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                    </el-option>\n                  </el-select>\n                  <el-select filterable remote v-if=\"r=='3'&&c=='1'\" v-model=\"region6\" size=\"mini\" class=\"ele\"\n                    :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"timeSpeed()\">\n                    <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                    </el-option>\n                  </el-select>\n                  <el-select filterable remote v-if=\"r=='3'&&c=='2'\" v-model=\"region7\" size=\"mini\" class=\"ele\"\n                    :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"timeSpeed()\">\n                    <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                    </el-option>\n                  </el-select>\n                  <el-select filterable remote v-if=\"r=='3'&&c=='3'\" v-model=\"region8\" size=\"mini\" class=\"ele\"\n                    :popper-append-to-body=\"false\" popper-class='selectdrop' style=\"width:70px\" @change=\"timeSpeed()\">\n                    <el-option v-for=\"item in regiondata\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n                    </el-option>\n                  </el-select>\n                  <button v-if=\"r=='1'&&c=='1'\" type=\"button\" :class=\"icon\" @click=\"resume()\"\n                    class=\"button_resume\"></button>\n                  <button v-if=\"r=='1'&&c=='2'\" type=\"button\" :class=\"icon1\" @click=\"resume()\"\n                    class=\"button_resume\"></button>\n                  <button v-if=\"r=='2'&&c=='1'\" type=\"button\" :class=\"icon2\" @click=\"resume()\"\n                    class=\"button_resume\"></button>\n                  <button v-if=\"r=='2'&&c=='2'\" type=\"button\" :class=\"icon3\" @click=\"resume()\"\n                    class=\"button_resume\"></button>\n                  <button v-if=\"r=='1'&&c=='3'\" type=\"button\" :class=\"icon\" @click=\"resume()\"\n                    class=\"button_resume\"></button>\n                  <button v-if=\"r=='2'&&c=='3'\" type=\"button\" :class=\"icon1\" @click=\"resume()\"\n                    class=\"button_resume\"></button>\n                  <button v-if=\"r=='3'&&c=='1'\" type=\"button\" :class=\"icon2\" @click=\"resume()\"\n                    class=\"button_resume\"></button>\n                  <button v-if=\"r=='3'&&c=='2'\" type=\"button\" :class=\"icon3\" @click=\"resume()\"\n                    class=\"button_resume\"></button>\n                  <button v-if=\"r=='3'&&c=='3'\" type=\"button\" :class=\"icon\" @click=\"resume()\"\n                    class=\"button_resume\"></button>\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      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue'\nimport { listdatagload, listdatag } from '../public/regional'\nimport '../../assets/js/adapter'\nimport {\n  H5sPlayerWS,\n  H5sPlayerHls,\n  H5sPlayerRTC,\n  H5sPlayerAudBack\n} 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  name: 'Advancepb',\n  components: {\n    'avintercoms-play': Avintercomsplay\n  },\n  props: {\n    contentComProps: {\n      type: Object,\n      default: () => ({\n        showLeftTree: true\n      })\n    }\n  },\n  data() {\n    return {\n      starttimes: '',\n      endtimes: '',\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        online: 'online'\n      },\n      filterText: '',\n      data: listdatag,\n\n      demoEvents: [],\n      //过滤文字\n      rows: 1,\n      cols: 1,\n      selectCol: 1,\n      selectRow: 1,\n      selectCol1: 1,\n      selectRow1: 1,\n      contentHeight: '',\n      contentWidth: '',\n      region: 'X1', //倍速\n      region1: 'X1', //倍速\n      region2: 'X1', //倍速\n      region3: 'X1', //倍速\n      region4: 'X1', //倍速\n      region5: 'X1', //倍速\n      region6: 'X1', //倍速\n      region7: 'X1', //倍速\n      region8: 'X1', //倍速\n      regiondata: [\n        {\n          value: '0.5',\n          label: 'X0.5'\n        },\n        {\n          value: '1.0',\n          label: 'X1'\n        },\n        {\n          value: '2.0',\n          label: 'X2'\n        },\n        {\n          value: '4.0',\n          label: 'X4'\n        },\n        {\n          value: '8.0',\n          label: 'X8'\n        },\n        {\n          value: '16.0',\n          label: 'X16'\n        }\n      ],\n      icon: 'iconfont icon-bofang', //暂停图片\n      icon1: 'iconfont icon-bofang', //暂停图片\n      icon2: 'iconfont icon-bofang', //暂停图片\n      icon3: 'iconfont icon-bofang', //暂停图片\n      Adswitch: this.$store.state.Adswitch, //开关\n      proto: 'WS',\n      //进度条\n      value: new Date(),\n      xzvalue: new Date(), //双向日历\n      timedata: [], //数据数组\n      timecell: [], //滚动条数组\n      v1: undefined,\n      v2: undefined,\n      v3: undefined,\n      v4: undefined,\n      v5: undefined,\n      v6: undefined,\n      v7: undefined,\n      v8: undefined,\n      v9: undefined,\n      Gtoken: '', //全局点击节点后token\n      SGtoken: ['', '', '', '', '', '', '', '', ''], //四宫点击节点后token\n      id: '',\n      PlaybackCBinterval: '',\n      PlaybackCBinterval1: '',\n      PlaybackCBinterval2: '',\n      PlaybackCBinterval3: '',\n      PlaybackCBinterval4: '',\n      PlaybackCBinterval5: '',\n      PlaybackCBinterval6: '',\n      PlaybackCBinterval7: '',\n      PlaybackCBinterval8: '',\n      refNamePopover: 'popover-', // popover ref名称前缀\n      rtcid: ''\n    }\n  },\n  beforeDestroy() {\n    this.handleClose()\n    // this.$root.bus.$off('liveplay');\n  },\n  mounted() {\n    if (this.$store.state.root == 'Operator') {\n      this.Regional()\n    }\n    this.updateUI()\n    // this.goolsh();\n    this.functlist()\n    this.funtimeine()\n    var _this = this\n    window.onresize = () => {\n      console.log('aaa1')\n      // 全屏下监控是否按键了ESC\n      if (!_this.checkFull()) {\n        // 全屏下按键esc后要执行的动作\n        $('.layout').css('display', 'block')\n        // this.isFullscreen = false\n      }\n    }\n    this.contentHeight = $('.videogh1').height()\n    $('div[name=\"flex\"]').height(this.contentHeight / this.rows)\n    this.listeneEvent()\n  },\n  methods: {\n    listeneEvent() {\n      this.$bus.$on('handleNodeClick', ({ data, checked, indeterminate }) => {\n        this.handleNodeClick(data, checked, indeterminate)\n      })\n    },\n    // 展开或收缩liveplay上面的button按钮\n    open_liveplay_butt() {\n      if (\n        $('#' + this.rtcid).attr('class') ==\n        'iconfont icon-bofang open_button rotate'\n      ) {\n        $('#' + this.rtcid)\n          .siblings('.open_liveplay_butt')\n          .css('display', 'block')\n        $('#' + this.rtcid).removeClass('rotate')\n        this.$nextTick(() => {\n          $('#' + this.rtcid)\n            .parent()\n            .parent('.h5controls')\n            .css('background-size', '165px 35px')\n        })\n      } else {\n        $('#' + this.rtcid)\n          .siblings('.open_liveplay_butt')\n          .css('display', 'none')\n        $('#' + this.rtcid).addClass('rotate')\n        $('#' + this.rtcid)\n          .parent()\n          .parent('.h5controls')\n          .css('background-size', '125px 35px')\n      }\n    },\n    // 在线离线状态提示\n    StatusPrompt(id, e) {\n      let refName = this.refNamePopover + id\n      if (this.$refs[refName].showPopper) {\n        this.$refs[refName].doClose()\n        for (let i = 0; i < e.currentTarget.classList.length; i++) {\n          e.currentTarget.classList.remove('StatusPromptColor')\n          e.stopPropagation()\n          return\n        }\n      } else {\n        this.$refs[refName].doShow()\n        for (let i = 0; i < e.currentTarget.classList.length; i++) {\n          e.currentTarget.classList.add('StatusPromptColor')\n          e.stopPropagation()\n          return\n        }\n      }\n    },\n    Regional() {\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, '0000000000000000000000000')\n        this.datapush(dataroot)\n        console.log(this.data1)\n      })\n    },\n    //重新组装 tree 里面的数据\n    datapush(data) {\n      this.a(data)\n    },\n    a(data) {\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        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      //第二级\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      //第三级\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      //第四级\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    },\n    e(data) {\n      //第五级\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                {\n                  strToken: arr1[j].strToken,\n                  streamprofile: 'main',\n                  strName: this.$t('message.live.mainstream'),\n                  name:\n                    arr1[j].strName + '--' + this.$t('message.live.mainstream'),\n                  iconclass: 'mdi mdi-playlist-play fa-fw',\n                  disabled_me: false\n                },\n                {\n                  strToken: arr1[j].strToken,\n                  streamprofile: 'sub',\n                  strName: this.$t('message.live.substream'),\n                  name:\n                    arr1[j].strName + '--' + this.$t('message.live.substream'),\n                  iconclass: 'mdi mdi-playlist-play fa-fw',\n                  disabled_me: false\n                }\n              ]\n              arr.cam[i].node = node1\n              arr.cam[i].strName = arr1[j].strName\n              arr.cam[i].name =\n                arr1[j].strName + '--' + this.$t('message.live.mainstream')\n              arr.cam[i].bOnline = arr1[j].bOnline\n              arr.cam[i].iconclass = 'iconfont  icon-shexiangji'\n              arr.cam[i].disabled_me = false\n              if (!arr1[j].bOnline) {\n                // arr.cam[i].iconclass = 'iconfont icon-kaiqishexiangtou';\n                arr.cam[i].iconclass = 'iconfont icon-shexiangji el-tree-camera'\n                arr.cam[i].iconclass1 = 'el-tree-camera'\n              }\n\n              if (arr1[j].nConnectType == 'H5_CLOUD')\n                arr.cam[i].iconclass = 'iconfont  icon-shexiangji'\n\n              if (arr1[j].bRec == true)\n                // arr.cam[i].iconclass2  = 'iconfont icon-radioboxfill none';\n                arr.cam[i].iconclass2 = 'none'\n\n              if (arr1[j].bDisable == true) {\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                arr.cam[i].iconclass = 'iconfont icon-jinyong1 el-tree-camera'\n                arr.cam[i].iconclass1 = 'el-tree-camera'\n              }\n              if (arr1[j].bIdle == true) {\n                arr.cam[i].iconclass =\n                  'iconfont icon-kaiqishexiangtou1 el-tree-camera'\n                arr.cam[i].iconclass1 = 'el-tree-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            arr.cam[i].iconclass = 'iconfont icon-shexiangji el-tree-camera'\n            arr.cam[i].iconclass1 = 'el-tree-camera'\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] = this.getchild(arr.node[i], arr1)\n        }\n      }\n      return arr\n    },\n    Adswitchs() {\n      var open = 'true'\n      this.Adswitch = open\n      console.log(open, '111')\n      this.$store.state.Adswitch = open\n      sessionStorage.Adswitch = this.$store.state.Adswitch\n    },\n    Adswitchs1() {\n      var open = 'false'\n      this.Adswitch = open\n      console.log(open, '222')\n      this.$store.state.Adswitch = open\n      sessionStorage.Adswitch = this.$store.state.Adswitch\n    },\n    //显示第一个数轴\n    functlist() {\n      $('.tab').each(function(e) {\n        if (e == 0) $(this).show()\n        //首次加载的时候默认显示第一个\n        else $(this).hide()\n      })\n    },\n\n    //点击确定键\n    input_ch() {\n      var data = this.Gtoken\n      // console.log(\"日历\",data,this.Gtoken,this.Adswitch);\n      // return false;\n      this.Play(data)\n    },\n    //树形节点点击\n    //开始播放时间  0：00 每天结束时间可能回到第二天清晨\n    handleNodeClick(data, checked, indeterminate) {\n      if (data.disabled_me) {\n        return false\n      }\n      var data = data.token || data.strToken\n      if (data == undefined) {\n        return false\n      }\n      if (this.selectRow == '1' && this.selectCol == '1') {\n        this.SGtoken.splice(0, 1, data)\n        this.Gtoken = this.SGtoken[0]\n      } else if (this.selectRow == '1' && this.selectCol == '2') {\n        this.SGtoken.splice(1, 1, data)\n        this.Gtoken = this.SGtoken[1]\n      } else if (this.selectRow == '2' && this.selectCol == '1') {\n        this.SGtoken.splice(2, 1, data)\n        this.Gtoken = this.SGtoken[2]\n      } else if (this.selectRow == '2' && this.selectCol == '2') {\n        this.SGtoken.splice(3, 1, data)\n        this.Gtoken = this.SGtoken[3]\n      } else if (this.selectRow == '1' && this.selectCol == '3') {\n        this.SGtoken.splice(4, 1, data)\n        this.Gtoken = this.SGtoken[4]\n      } else if (this.selectRow == '2' && this.selectCol == '3') {\n        this.SGtoken.splice(5, 1, data)\n        this.Gtoken = this.SGtoken[5]\n      } else if (this.selectRow == '3' && this.selectCol == '1') {\n        this.SGtoken.splice(6, 1, data)\n        this.Gtoken = this.SGtoken[6]\n      } else if (this.selectRow == '3' && this.selectCol == '2') {\n        this.SGtoken.splice(7, 1, data)\n        this.Gtoken = this.SGtoken[7]\n      } else if (this.selectRow == '3' && this.selectCol == '3') {\n        this.SGtoken.splice(8, 1, data)\n        this.Gtoken = this.SGtoken[8]\n      }\n      // return false;\n      this.Play(data)\n    },\n    mouseoutcanvas() {\n      console.log('11111')\n      return\n    },\n    //拉播\n    timelinndown(err) {\n      if (this.selectRow == '1' && this.selectCol == '1') {\n        if (this.v1 != undefined) {\n          this.v1.pause()\n          clearInterval(this.PlaybackCBinterval)\n        }\n      } else if (this.selectRow == '1' && this.selectCol == '2') {\n        if (this.v2 != undefined) {\n          this.v2.pause()\n          clearInterval(this.PlaybackCBinterval1)\n        }\n      } else if (this.selectRow == '2' && this.selectCol == '1') {\n        if (this.v3 != undefined) {\n          this.v3.pause()\n          clearInterval(this.PlaybackCBinterval2)\n        }\n      } else if (this.selectRow == '2' && this.selectCol == '2') {\n        if (this.v4 != undefined) {\n          this.v4.pause()\n          clearInterval(this.PlaybackCBinterval3)\n        }\n      } else if (this.selectRow == '1' && this.selectCol == '3') {\n        if (this.v5 != undefined) {\n          this.v5.pause()\n          clearInterval(this.PlaybackCBinterval4)\n        }\n      } else if (this.selectRow == '2' && this.selectCol == '3') {\n        if (this.v6 != undefined) {\n          this.v6.pause()\n          clearInterval(this.PlaybackCBinterval5)\n        }\n      } else if (this.selectRow == '3' && this.selectCol == '1') {\n        if (this.v7 != undefined) {\n          this.v7.pause()\n          clearInterval(this.PlaybackCBinterval6)\n        }\n      } else if (this.selectRow == '3' && this.selectCol == '2') {\n        if (this.v8 != undefined) {\n          this.v8.pause()\n          clearInterval(this.PlaybackCBinterval7)\n        }\n      } else if (this.selectRow == '3' && this.selectCol == '3') {\n        if (this.v9 != undefined) {\n          this.v9.pause()\n          clearInterval(this.PlaybackCBinterval8)\n        }\n      }\n    },\n    timetz() {\n      console.log('111')\n      var timevalue = this.xzvalue\n      var _this = this\n      _this.timedata = []\n      // return false\n      var root = this.$store.state.IPPORT\n      var wsroot = this.$store.state.WSROOT\n      if (_this.Gtoken == undefined || _this.Gtoken == '') {\n        return false\n      }\n      setTimeout(function() {\n        var a = $('#timeline' + _this.selectRow + _this.selectCol).TimeSlider(\n          'returnMouseupTime',\n          null,\n          null,\n          function(time) {\n            console.log('time', time, _this.Gtoken)\n            // return false;\n            // 放入视频\n            // return false;\n            var timevalue = new Date(time)\n            console.log(timevalue)\n            var year = timevalue.getFullYear()\n            var month = timevalue.getMonth() + 1\n            var strDate = timevalue.getDate()\n            var strDate1 = timevalue.getDate()\n            var strDate2 = timevalue.getDate() - 1\n            var getHours = timevalue.getHours()\n            var getMinutes = timevalue.getMinutes()\n            var getSeconds = timevalue.getSeconds()\n            var localOffset = Math.abs(timevalue.getTimezoneOffset() / 60)\n            if (month < 10) {\n              month = '0' + month\n            }\n            if (strDate < 10) {\n              strDate = '0' + strDate\n            }\n            if (strDate1 < 10) {\n              strDate1 = '0' + strDate1\n            }\n            if (strDate2 < 10) {\n              strDate2 = '0' + strDate2\n            }\n            if (getHours < 10) {\n              getHours = '0' + getHours\n            }\n            if (getMinutes < 10) {\n              getMinutes = '0' + getMinutes\n            }\n            if (getSeconds < 10) {\n              getSeconds = '0' + getSeconds\n            }\n            var timevalues =\n              year +\n              '-' +\n              month +\n              '-' +\n              strDate +\n              'T' +\n              '' +\n              getHours +\n              ':' +\n              getMinutes +\n              ':' +\n              getSeconds +\n              '' +\n              '+0' +\n              localOffset +\n              ':00'\n\n            var timevaluee =\n              year +\n              '-' +\n              month +\n              '-' +\n              strDate +\n              'T' +\n              '23:59:59' +\n              '+0' +\n              localOffset +\n              ':00'\n\n            var timevalues1 =\n              year +\n              '-' +\n              month +\n              '-' +\n              strDate2 +\n              'T' +\n              '' +\n              getHours +\n              ':' +\n              getMinutes +\n              ':' +\n              getSeconds +\n              '' +\n              '+0' +\n              localOffset +\n              ':00'\n\n            var timevaluee1 =\n              year +\n              '-' +\n              month +\n              '-' +\n              strDate1 +\n              'T' +\n              '23:59:59' +\n              '+0' +\n              localOffset +\n              ':00'\n\n            // console.log(\"======\",strDate1);\n            // console.log(\"timevaluee222222\",timevalues,timevaluee,\"------\",localOffset,\"**\",timevalue);\n            var url = ''\n            if (_this.Adswitch == 'false') {\n              url = url =\n                root +\n                '/api/v1/SearchDeviceRecordByTime?token=' +\n                _this.Gtoken +\n                '&start=' +\n                encodeURIComponent(timevalues1) +\n                '&end=' +\n                encodeURIComponent(timevaluee1) +\n                '&session=' +\n                _this.$store.state.token\n            } else {\n              url =\n                root +\n                '/api/v1/Search?type=record&token=' +\n                _this.Gtoken +\n                '&start=' +\n                encodeURIComponent(timevalues1) +\n                '&end=' +\n                encodeURIComponent(timevaluee) +\n                '&session=' +\n                _this.$store.state.token\n            }\n            // console.log(url);\n            //  return false;\n            _this.$http.get(url).then(result => {\n              let tim0 = new Date(timevalues).getTime()\n              let tim1\n              if (result.status == 200) {\n                var data = result.data\n                console.log(data)\n                var timedata1 = []\n                //console.log(\"length\",data.record.length);\n                for (var i = 0; i < data.record.length; i++) {\n                  var item1\n                  if (i < data.record.length - 1) {\n                    item1 = data.record[i + 1]\n                  }\n                  var item = data.record[i]\n                  //时间转换\n                  var starf = new Date(item['strStartTime']).getTime()\n                  var starf1 = new Date(item1['strStartTime']).getTime()\n                  var end = new Date(item['strEndTime']).getTime()\n                  if (end < tim0 && starf1 > tim0) {\n                    timevalues = item1['strStartTime']\n                    console.log('没有视频')\n                  }\n                  var starf = new Date(starf)\n                  var end = new Date(end)\n                  var timeitem = {\n                    beginTime: starf,\n                    endTime: end,\n                    style: { background: 'rgba(60,196,60, 0.498039)' }\n                  }\n                  //console.log(\"录像段时间段颜色\",timeitem[\"style\"].background); //录像段时间段颜色\n                  if (item['nType'] === 'H5_REC_MANUAL') {\n                    timeitem['style'].background = 'rgba(60,196,60, 0.498039)'\n                    //console.log(\"录像段时间段颜色1\",timeitem[\"style\"].background);\n                  } else if (item['nType'] === 'H5_REC_SCHEDULE') {\n                    timeitem['style'].background = '#31b1ff'\n                  } else {\n                    timeitem['style'].background = 'rgba(238,17,17, 0.498039)'\n                    //console.log(\"录像段时间段颜色2\",timeitem[\"style\"].background);\n                  }\n                  // _this.timedata.push(timeitem);\n                  timedata1.push(timeitem)\n                  // console.log(timedata1)\n\n                  $('#timeline' + _this.selectRow + _this.selectCol).TimeSlider(\n                    'init',\n                    timevalue,\n                    timedata1\n                  )\n                }\n                if (\n                  tim0 >\n                  new Date(\n                    data.record[data.record.length - 1].strEndTime\n                  ).getTime()\n                ) {\n                  timevalues = data.record[data.record.length - 1].strStartTime\n                  $('#timeline' + _this.selectRow + _this.selectCol).TimeSlider(\n                    'init',\n                    timevalues,\n                    timedata1\n                  )\n                }\n                tim1 = data.record[data.record.length - 1].strStartTime.split(\n                  'T'\n                )\n              }\n              if (\n                new Date(timevalues).getTime() > new Date(timevaluee).getTime()\n              ) {\n                timevaluee =\n                  tim1 + 'T' + '23:59:59' + '+0' + localOffset + ':00'\n              }\n              if (_this.selectRow == '1' && _this.selectCol == '1') {\n                _this.selectCol1 = _this.selectCol\n                _this.selectRow1 = _this.selectRow\n                if (_this.v1 != undefined) {\n                  _this.v1.disconnect()\n                  delete _this.v1\n                  _this.v1 = undefined\n                  console.log('上this.v1', _this.v1)\n                }\n                var pbconf1 = {\n                  begintime: timevalues,\n                  endtime: timevaluee,\n                  autoplay: 'true',\n                  showposter: 'false', //'true' or 'false' show poster\n                  callback: _this.PlaybackCB,\n                  serverpb: _this.Adswitch,\n                  userdata: _this // user data\n                }\n                console.log(pbconf1, '911111111122222222222222211111111')\n                let conf = {\n                  videoid: 'gaovideohb' + _this.selectRow + _this.selectCol,\n                  protocol: window.location.protocol, //http: or https:\n                  host: wsroot, //localhost:8080\n                  rootpath: '/', // '/'\n                  token: _this.Gtoken,\n                  pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                  hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                  session: _this.$store.state.token\n                }\n                _this.$nextTick(() => {\n                  _this.v1 = new H5sPlayerRTC(conf)\n                  //return false;\n                  _this.v1.connect()\n                  _this.icon = 'iconfont icon-zantingtingzhi'\n                  setTimeout(() => {\n                    _this.timeSpeed()\n                  }, 1000)\n                })\n              } else if (_this.selectRow == '1' && _this.selectCol == '2') {\n                _this.selectCol1 = _this.selectCol\n                _this.selectRow1 = _this.selectRow\n                if (_this.v2 != undefined) {\n                  _this.v2.disconnect()\n                  delete _this.v2\n                  _this.v2 = undefined\n                }\n                var pbconf1 = {\n                  begintime: timevalues,\n                  endtime: timevaluee,\n                  autoplay: 'true',\n                  showposter: 'false', //'true' or 'false' show poster\n                  callback: _this.PlaybackCB1,\n                  serverpb: _this.Adswitch,\n                  userdata: _this // user data\n                }\n                let conf2 = {\n                  videoid: 'gaovideohb' + _this.selectRow + _this.selectCol,\n                  protocol: window.location.protocol, //http: or https:\n                  host: wsroot, //localhost:8080\n                  rootpath: '/', // '/'\n                  token: _this.Gtoken,\n                  pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                  hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                  session: _this.$store.state.token\n                }\n\n                _this.$nextTick(() => {\n                  _this.v2 = new H5sPlayerRTC(conf2)\n                  //return false;\n                  _this.v2.connect()\n                  _this.icon = 'iconfont icon-zantingtingzhi'\n                  setTimeout(() => {\n                    _this.timeSpeed()\n                  }, 1000)\n                })\n              } else if (_this.selectRow == '2' && _this.selectCol == '1') {\n                _this.selectCol1 = _this.selectCol\n                _this.selectRow1 = _this.selectRow\n                if (_this.v3 != undefined) {\n                  _this.v3.disconnect()\n                  delete _this.v3\n                  _this.v3 = undefined\n                  console.log('上this.v1', _this.v1)\n                }\n                var pbconf1 = {\n                  begintime: timevalues,\n                  endtime: timevaluee,\n                  autoplay: 'true',\n                  showposter: 'false', //'true' or 'false' show poster\n                  callback: _this.PlaybackCB2,\n                  serverpb: _this.Adswitch,\n                  userdata: _this // user data\n                }\n                let conf3 = {\n                  videoid: 'gaovideohb' + _this.selectRow + _this.selectCol,\n                  protocol: window.location.protocol, //http: or https:\n                  host: wsroot, //localhost:8080\n                  rootpath: '/', // '/'\n                  token: _this.Gtoken,\n                  pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                  hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                  session: _this.$store.state.token\n                }\n\n                _this.$nextTick(() => {\n                  _this.v3 = new H5sPlayerRTC(conf3)\n                  //return false;\n                  _this.v3.connect()\n                  _this.icon = 'iconfont icon-zantingtingzhi'\n                  setTimeout(() => {\n                    _this.timeSpeed()\n                  }, 1000)\n                })\n              } else if (_this.selectRow == '2' && _this.selectCol == '2') {\n                _this.selectCol1 = _this.selectCol\n                _this.selectRow1 = _this.selectRow\n                if (_this.v4 != undefined) {\n                  _this.v4.disconnect()\n                  delete _this.v4\n                  _this.v4 = undefined\n                  console.log('上this.v1', _this.v1)\n                }\n                var pbconf1 = {\n                  begintime: timevalues,\n                  endtime: timevaluee,\n                  autoplay: 'true',\n                  showposter: 'false', //'true' or 'false' show poster\n                  callback: _this.PlaybackCB3,\n                  serverpb: _this.Adswitch,\n                  userdata: _this // user data\n                }\n                let conf4 = {\n                  videoid: 'gaovideohb' + _this.selectRow + _this.selectCol,\n                  protocol: window.location.protocol, //http: or https:\n                  host: wsroot, //localhost:8080\n                  rootpath: '/', // '/'\n                  token: _this.Gtoken,\n                  pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                  hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                  session: _this.$store.state.token\n                }\n                _this.$nextTick(() => {\n                  _this.v4 = new H5sPlayerRTC(conf4)\n                  //return false;\n                  _this.v4.connect()\n                  _this.icon = 'iconfont icon-zantingtingzhi'\n                  setTimeout(() => {\n                    _this.timeSpeed()\n                  }, 1000)\n                })\n              } else if (_this.selectRow == '1' && _this.selectCol == '3') {\n                _this.selectCol1 = _this.selectCol\n                _this.selectRow1 = _this.selectRow\n                if (_this.v5 != undefined) {\n                  _this.v5.disconnect()\n                  delete _this.v5\n                  _this.v5 = undefined\n                }\n                var pbconf1 = {\n                  begintime: timevalues,\n                  endtime: timevaluee,\n                  autoplay: 'true',\n                  showposter: 'false', //'true' or 'false' show poster\n                  callback: _this.PlaybackCB4,\n                  serverpb: _this.Adswitch,\n                  userdata: _this // user data\n                }\n                let conf2 = {\n                  videoid: 'gaovideohb' + _this.selectRow + _this.selectCol,\n                  protocol: window.location.protocol, //http: or https:\n                  host: wsroot, //localhost:8080\n                  rootpath: '/', // '/'\n                  token: _this.Gtoken,\n                  pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                  hlsver: 'v1', //v1 is for ts, v5 is for fmp4\n                  session: _this.$store.state.token\n                }\n\n                _this.$nextTick(() => {\n                  _this.v5 = new H5sPlayerRTC(conf2)\n                  //return false;\n                  _this.v5.connect()\n                  _this.icon = 'iconfont icon-zantingtingzhi'\n                })\n              } else if (_this.selectRow == '2' && _this.selectCol == '3') {\n                _this.selectCol1 = _this.selectCol\n                _this.selectRow1 = _this.selectRow\n                if (_this.v6 != undefined) {\n                  _this.v6.disconnect()\n                  delete _this.v6\n                  _this.v6 = undefined\n                  console.log('上this.v1', _this.v1)\n                }\n                var pbconf1 = {\n                  begintime: timevalues,\n                  endtime: timevaluee,\n                  autoplay: 'true',\n                  showposter: 'false', //'true' or 'false' show poster\n                  callback: _this.PlaybackCB5,\n                  serverpb: _this.Adswitch,\n                  userdata: _this // user data\n                }\n                let conf3 = {\n                  videoid: 'gaovideohb' + _this.selectRow + _this.selectCol,\n                  protocol: window.location.protocol, //http: or https:\n                  host: wsroot, //localhost:8080\n                  rootpath: '/', // '/'\n                  token: _this.Gtoken,\n                  pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                  hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                  session: _this.$store.state.token\n                }\n\n                _this.$nextTick(() => {\n                  _this.v6 = new H5sPlayerRTC(conf3)\n                  //return false;\n                  _this.v6.connect()\n                  _this.icon = 'iconfont icon-zantingtingzhi'\n                })\n              } else if (_this.selectRow == '3' && _this.selectCol == '1') {\n                _this.selectCol1 = _this.selectCol\n                _this.selectRow1 = _this.selectRow\n                if (_this.v7 != undefined) {\n                  _this.v7.disconnect()\n                  delete _this.v7\n                  _this.v7 = undefined\n                  console.log('上this.v1', _this.v1)\n                }\n                var pbconf1 = {\n                  begintime: timevalues,\n                  endtime: timevaluee,\n                  autoplay: 'true',\n                  showposter: 'false', //'true' or 'false' show poster\n                  callback: _this.PlaybackCB6,\n                  serverpb: _this.Adswitch,\n                  userdata: _this // user data\n                }\n                let conf4 = {\n                  videoid: 'gaovideohb' + _this.selectRow + _this.selectCol,\n                  protocol: window.location.protocol, //http: or https:\n                  host: wsroot, //localhost:8080\n                  rootpath: '/', // '/'\n                  token: _this.Gtoken,\n                  pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                  hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                  session: _this.$store.state.token\n                }\n                _this.$nextTick(() => {\n                  _this.v7 = new H5sPlayerRTC(conf4)\n                  //return false;\n                  _this.v7.connect()\n                  _this.icon = 'iconfont icon-zantingtingzhi'\n                })\n              } else if (_this.selectRow == '3' && _this.selectCol == '2') {\n                _this.selectCol1 = _this.selectCol\n                _this.selectRow1 = _this.selectRow\n                if (_this.v8 != undefined) {\n                  _this.v8.disconnect()\n                  delete _this.v8\n                  _this.v8 = undefined\n                }\n                var pbconf1 = {\n                  begintime: timevalues,\n                  endtime: timevaluee,\n                  autoplay: 'true',\n                  showposter: 'false', //'true' or 'false' show poster\n                  callback: _this.PlaybackCB7,\n                  serverpb: _this.Adswitch,\n                  userdata: _this // user data\n                }\n                let conf2 = {\n                  videoid: 'gaovideohb' + _this.selectRow + _this.selectCol,\n                  protocol: window.location.protocol, //http: or https:\n                  host: wsroot, //localhost:8080\n                  rootpath: '/', // '/'\n                  token: _this.Gtoken,\n                  pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                  hlsver: 'v1', //v1 is for ts, v8 is for fmp4\n                  session: _this.$store.state.token\n                }\n\n                _this.$nextTick(() => {\n                  _this.v8 = new H5sPlayerRTC(conf2)\n                  //return false;\n                  _this.v8.connect()\n                  _this.icon = 'iconfont icon-zantingtingzhi'\n                })\n              } else if (_this.selectRow == '3' && _this.selectCol == '3') {\n                _this.selectCol1 = _this.selectCol\n                _this.selectRow1 = _this.selectRow\n                if (_this.v9 != undefined) {\n                  _this.v9.disconnect()\n                  delete _this.v9\n                  _this.v9 = undefined\n                  console.log('上this.v1', _this.v1)\n                }\n                var pbconf1 = {\n                  begintime: timevalues,\n                  endtime: timevaluee,\n                  autoplay: 'true',\n                  showposter: 'false', //'true' or 'false' show poster\n                  callback: _this.PlaybackCB8,\n                  serverpb: _this.Adswitch,\n                  userdata: _this // user data\n                }\n                let conf3 = {\n                  videoid: 'gaovideohb' + _this.selectRow + _this.selectCol,\n                  protocol: window.location.protocol, //http: or https:\n                  host: wsroot, //localhost:8080\n                  rootpath: '/', // '/'\n                  token: _this.Gtoken,\n                  pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                  hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                  session: _this.$store.state.token\n                }\n\n                _this.$nextTick(() => {\n                  _this.v9 = new H5sPlayerRTC(conf3)\n                  //return false;\n                  _this.v9.connect()\n                  _this.icon = 'iconfont icon-zantingtingzhi'\n                })\n              }\n            })\n          }\n        )\n      }, 100)\n    },\n    //开始\n    resume() {\n      var strart = this.icon\n      var strart1 = this.icon1\n      var strart2 = this.icon2\n      var strart3 = this.icon3\n      console.log(strart)\n      if (this.selectRow == '1' && this.selectCol == '1') {\n        if (this.v1 != undefined) {\n          //iconfont icon-zantingtingzhi  iconfont icon-bofang\n          if (strart == 'iconfont icon-zantingtingzhi') {\n            this.icon = 'iconfont icon-bofang'\n            console.log(this.icon)\n            this.v1.pause()\n          }\n          if (strart == 'iconfont icon-bofang') {\n            this.icon = 'iconfont icon-zantingtingzhi'\n            console.log(this.icon)\n            this.v1.resume()\n          }\n        }\n      } else if (this.selectRow == '1' && this.selectCol == '2') {\n        if (this.v2 != undefined) {\n          //iconfont icon-zantingtingzhi  iconfont icon-bofang\n          if (strart1 == 'iconfont icon-zantingtingzhi') {\n            this.icon1 = 'iconfont icon-bofang'\n            console.log(this.icon)\n            this.v2.pause()\n          }\n          if (strart1 == 'iconfont icon-bofang') {\n            this.icon1 = 'iconfont icon-zantingtingzhi'\n            console.log(this.icon)\n            this.v2.resume()\n          }\n        }\n      } else if (this.selectRow == '2' && this.selectCol == '1') {\n        if (this.v3 != undefined) {\n          //iconfont icon-zantingtingzhi  iconfont icon-bofang\n          if (strart2 == 'iconfont icon-zantingtingzhi') {\n            this.icon2 = 'iconfont icon-bofang'\n            console.log(this.icon)\n            this.v3.pause()\n          }\n          if (strart2 == 'iconfont icon-bofang') {\n            this.icon2 = 'iconfont icon-zantingtingzhi'\n            console.log(this.icon)\n            this.v3.resume()\n          }\n        }\n      } else if (this.selectRow == '2' && this.selectCol == '2') {\n        if (this.v4 != undefined) {\n          //iconfont icon-zantingtingzhi  iconfont icon-bofang\n          if (strart3 == 'iconfont icon-zantingtingzhi') {\n            this.icon3 = 'iconfont icon-bofang'\n            console.log(this.icon)\n            this.v4.pause()\n          }\n          if (strart3 == 'iconfont icon-bofang') {\n            this.icon3 = 'iconfont icon-zantingtingzhi'\n            console.log(this.icon)\n            this.v4.resume()\n          }\n        }\n      } else if (this.selectRow == '1' && this.selectCol == '3') {\n        if (this.v5 != undefined) {\n          //iconfont icon-zantingtingzhi  iconfont icon-bofang\n          if (strart1 == 'iconfont icon-zantingtingzhi') {\n            this.icon1 = 'iconfont icon-bofang'\n            console.log(this.icon)\n            this.v5.pause()\n          }\n          if (strart1 == 'iconfont icon-bofang') {\n            this.icon1 = 'iconfont icon-zantingtingzhi'\n            console.log(this.icon)\n            this.v5.resume()\n          }\n        }\n      } else if (this.selectRow == '2' && this.selectCol == '3') {\n        if (this.v6 != undefined) {\n          //iconfont icon-zantingtingzhi  iconfont icon-bofang\n          if (strart2 == 'iconfont icon-zantingtingzhi') {\n            this.icon2 = 'iconfont icon-bofang'\n            console.log(this.icon)\n            this.v6.pause()\n          }\n          if (strart2 == 'iconfont icon-bofang') {\n            this.icon2 = 'iconfont icon-zantingtingzhi'\n            console.log(this.icon)\n            this.v6.resume()\n          }\n        }\n      } else if (this.selectRow == '3' && this.selectCol == '1') {\n        if (this.v7 != undefined) {\n          //iconfont icon-zantingtingzhi  iconfont icon-bofang\n          if (strart3 == 'iconfont icon-zantingtingzhi') {\n            this.icon3 = 'iconfont icon-bofang'\n            console.log(this.icon)\n            this.v7.pause()\n          }\n          if (strart3 == 'iconfont icon-bofang') {\n            this.icon3 = 'iconfont icon-zantingtingzhi'\n            console.log(this.icon)\n            this.v7.resume()\n          }\n        }\n      } else if (this.selectRow == '3' && this.selectCol == '2') {\n        if (this.v8 != undefined) {\n          //iconfont icon-zantingtingzhi  iconfont icon-bofang\n          if (strart1 == 'iconfont icon-zantingtingzhi') {\n            this.icon1 = 'iconfont icon-bofang'\n            console.log(this.icon)\n            this.v8.pause()\n          }\n          if (strart1 == 'iconfont icon-bofang') {\n            this.icon1 = 'iconfont icon-zantingtingzhi'\n            console.log(this.icon)\n            this.v8.resume()\n          }\n        }\n      } else if (this.selectRow == '3' && this.selectCol == '3') {\n        if (this.v9 != undefined) {\n          //iconfont icon-zantingtingzhi  iconfont icon-bofang\n          if (strart2 == 'iconfont icon-zantingtingzhi') {\n            this.icon2 = 'iconfont icon-bofang'\n            console.log(this.icon)\n            this.v9.pause()\n          }\n          if (strart2 == 'iconfont icon-bofang') {\n            this.icon2 = 'iconfont icon-zantingtingzhi'\n            console.log(this.icon)\n            this.v9.resume()\n          }\n        }\n      }\n    },\n    // 拖动/倍速\n    timeSpeed() {\n      let _this = this\n      if (_this.selectRow == '1' && _this.selectCol == '1') {\n        if (_this.v1 != undefined) {\n          _this.v1.speed(_this.region)\n        }\n      } else if (_this.selectRow == '1' && _this.selectCol == '2') {\n        if (_this.v2 != undefined) {\n          _this.v2.speed(_this.region1)\n        }\n      } else if (_this.selectRow == '2' && _this.selectCol == '1') {\n        if (_this.v3 != undefined) {\n          _this.v3.speed(_this.region2)\n        }\n      } else if (_this.selectRow == '2' && _this.selectCol == '2') {\n        if (_this.v4 != undefined) {\n          _this.v4.speed(_this.region3)\n        }\n      } else if (_this.selectRow == '1' && _this.selectCol == '3') {\n        if (_this.v5 != undefined) {\n          _this.v5.speed(_this.region4)\n        }\n      } else if (_this.selectRow == '2' && _this.selectCol == '3') {\n        if (_this.v6 != undefined) {\n          _this.v6.speed(_this.region5)\n        }\n      } else if (_this.selectRow == '3' && _this.selectCol == '1') {\n        if (_this.v7 != undefined) {\n          _this.v7.speed(_this.region6)\n        }\n      } else if (_this.selectRow == '3' && _this.selectCol == '2') {\n        if (_this.v8 != undefined) {\n          _this.v8.speed(_this.region7)\n        }\n      } else if (_this.selectRow == '3' && _this.selectCol == '3') {\n        if (_this.v9 != undefined) {\n          _this.v9.speed(_this.region8)\n        }\n      }\n    },\n    //关闭\n    CloseVideo(event) {\n      //关闭回放协议显示方式\n      $('#' + this.rtcid)\n        .siblings('.open_liveplay_butt')\n        .css('display', 'none')\n      $('#' + this.rtcid).addClass('rotate')\n      $('#' + this.rtcid)\n        .parent()\n        .parent('.h5controls')\n        .css('background-size', '125px 35px')\n      var timevalue = new Date()\n      var timedata1 = []\n      this.timersetInterval = setTimeout(\n        function() {\n          if (this.selectRow == '1' && this.selectCol == '1') {\n            if (this.v1 != undefined) {\n              this.region = 'X1'\n              this.v1.disconnect()\n              delete this.v1\n              this.v1 = undefined\n\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n              $('#rtcgaovideohb11').removeClass('rtc_new')\n              $('#gaovideohb' + this.selectRow + this.selectCol)\n                .get(0)\n                .load()\n              $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster =\n                ''\n            }\n          } else if (this.selectRow == '1' && this.selectCol == '2') {\n            if (this.v2 != undefined) {\n              this.region1 = 'X1'\n              this.v2.disconnect()\n              delete this.v2\n              this.v2 = undefined\n              $('#rtcgaovideohb12').removeClass('rtc_new')\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n              $('#gaovideohb' + this.selectRow + this.selectCol)\n                .get(0)\n                .load()\n              $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster =\n                ''\n            }\n          } else if (this.selectRow == '2' && this.selectCol == '1') {\n            if (this.v3 != undefined) {\n              this.region2 = 'X1'\n              this.v3.disconnect()\n              delete this.v3\n              this.v3 = undefined\n              $('#rtcgaovideohb21').removeClass('rtc_new')\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n              $('#gaovideohb' + this.selectRow + this.selectCol)\n                .get(0)\n                .load()\n              $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster =\n                ''\n            }\n          } else if (this.selectRow == '2' && this.selectCol == '2') {\n            if (this.v4 != undefined) {\n              this.region3 = 'X1'\n              this.v4.disconnect()\n              delete this.v4\n              this.v4 = undefined\n              $('#rtcgaovideohb22').removeClass('rtc_new')\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n              $('#gaovideohb' + this.selectRow + this.selectCol)\n                .get(0)\n                .load()\n              $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster =\n                ''\n            }\n          } else if (this.selectRow == '1' && this.selectCol == '3') {\n            if (this.v5 != undefined) {\n              this.region4 = 'X1'\n              this.v5.disconnect()\n              delete this.v5\n              this.v5 = undefined\n              $('#rtcgaovideohb13').removeClass('rtc_new')\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n              $('#gaovideohb' + this.selectRow + this.selectCol)\n                .get(0)\n                .load()\n              $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster =\n                ''\n            }\n          } else if (this.selectRow == '2' && this.selectCol == '3') {\n            if (this.v6 != undefined) {\n              this.region5 = 'X1'\n              this.v6.disconnect()\n              delete this.v6\n              this.v6 = undefined\n              $('#rtcgaovideohb23').removeClass('rtc_new')\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n              $('#gaovideohb' + this.selectRow + this.selectCol)\n                .get(0)\n                .load()\n              $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster =\n                ''\n            }\n          } else if (this.selectRow == '3' && this.selectCol == '1') {\n            if (this.v7 != undefined) {\n              this.region6 = 'X1'\n              this.v7.disconnect()\n              delete this.v7\n              this.v7 = undefined\n              $('#rtcgaovideohb31').removeClass('rtc_new')\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n              $('#gaovideohb' + this.selectRow + this.selectCol)\n                .get(0)\n                .load()\n              $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster =\n                ''\n            }\n          } else if (this.selectRow == '3' && this.selectCol == '2') {\n            if (this.v8 != undefined) {\n              this.region7 = 'X1'\n              this.v8.disconnect()\n              delete this.v8\n              this.v8 = undefined\n              $('#rtcgaovideohb32').removeClass('rtc_new')\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n              $('#gaovideohb' + this.selectRow + this.selectCol)\n                .get(0)\n                .load()\n              $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster =\n                ''\n            }\n          } else if (this.selectRow == '3' && this.selectCol == '3') {\n            if (this.v9 != undefined) {\n              this.region8 = 'X1'\n              this.v9.disconnect()\n              delete this.v9\n              this.v9 = undefined\n              $('#rtcgaovideohb33').removeClass('rtc_new')\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n              $('#gaovideohb' + this.selectRow + this.selectCol)\n                .get(0)\n                .load()\n              $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster =\n                ''\n            }\n          }\n        }.bind(this),\n        100\n      )\n    },\n    //timeline\n    funtimeine() {\n      for (var i = 1; i <= this.rows; i++) {\n        for (var l = 1; l <= this.cols; l++) {\n          // console.log(\"#timeline\"+i+l);\n          $('#timeline' + i + l).TimeSlider({\n            init_cells: this.timedata\n          })\n        }\n      }\n    },\n    //un ui\n    updateUI() {\n      $('.content').innerHeight(\n        $('.content-wrapper').innerHeight() -\n          $('.content-header').outerHeight() -\n          $('.main-header').innerHeight()\n      )\n      //$('div[name=\"flex\"]').height(($(\".content\").height() - 50) / this.rows);\n      if ($(document.body).width() < 768) {\n        this.contentHeight = $(document.body).height() * 0.4\n      } else {\n        this.contentHeight = $(document.body).height() * 0.73\n      }\n      // this.contentHeight = $('.videogh1').height();\n      $('div[name=\"flex\"]').height(this.contentHeight / this.rows)\n      $('.content-mythe-one').height((this.contentHeight / this.rows) * 2.4)\n      //this.contentHeight = $(document.body).height()*0.8;\n      let _this = this\n      if (H5siOS() === true) {\n        $('.h5video').prop('controls', true)\n      }\n\n      $('.right-side-toggle').on('click', function() {\n        $('.right-sidebar')\n          .slideDown(50)\n          .toggleClass('shw-rside')\n        $('.fxhdr').on('click', function() {\n          body.toggleClass('fix-header') /* Fix Header JS */\n        })\n        $('.fxsdr').on('click', function() {\n          body.toggleClass('fix-sidebar') /* Fix Sidebar JS */\n        })\n\n        /* ===== Service Panel JS ===== */\n\n        var fxhdr = $('.fxhdr')\n        if (body.hasClass('fix-header')) {\n          fxhdr.attr('checked', true)\n        } else {\n          fxhdr.attr('checked', false)\n        }\n      })\n    },\n    // esc退出全屏\n    checkFull() {\n      var isFull =\n        document.fullscreenElement ||\n        document.webkitFullscreenElement ||\n        document.mozFullScreenElement ||\n        document.msFullscreenElement\n\n      if (isFull === undefined) {\n        isFull = false\n      }\n      return isFull\n    },\n\n    panelFullScreen(event) {\n      $('#videoPanel').removeClass('videogh1')\n      var elem = document.getElementById('Fullscreen')\n      // document.getElementById(\"fixed_input\").style.display=\"none\";\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          $('.layout').css('display', 'block')\n          console.log('========  updateUIExitFullScreen')\n          this.updateUIExitFullScreen()\n        } else {\n          console.log('panelFullScreen3')\n          $('.layout').css('display', 'none')\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          this.updateUIEnterFullScreen()\n          if (document.addEventListener) {\n            document.addEventListener(\n              'webkitfullscreenchange',\n              this.updateUIExitFullScreen,\n              false\n            )\n            document.addEventListener(\n              'mozfullscreenchange',\n              this.updateUIExitFullScreen,\n              false\n            )\n            document.addEventListener(\n              'fullscreenchange',\n              this.updateUIExitFullScreen,\n              false\n            )\n            document.addEventListener(\n              'MSFullscreenChange',\n              this.updateUIExitFullScreen,\n              false\n            )\n          }\n        }\n      } else {\n        console.log('Fullscreen is not supported on your browser.')\n      }\n    },\n    updateUIEnterFullScreen() {\n      console.log(screen.height)\n      $('div[name=\"flex\"]').height(screen.height / this.rows - 100)\n    },\n    updateUIExitFullScreen() {\n      if ($(document.body).width() < 768) {\n        this.contentHeight = $(document.body).height() * 0.4\n      } else {\n        this.contentHeight = $(document.body).height() * 0.88\n        $('div[name=\"flex\"]').height(this.contentHeight / this.rows)\n      }\n      console.log(this.contentHeight)\n      if (\n        !document.fullscreenElement &&\n        !document.webkitIsFullScreen &&\n        !document.mozFullScreen &&\n        !document.msFullscreenElement\n      ) {\n        this.contentHeight = $(document.body).height() * 0.73\n        $('div[name=\"flex\"]').height(this.contentHeight / this.rows)\n      }\n    },\n    //进度条加号\n    jia() {\n      $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n        'mousewhs',\n        -1\n      )\n    },\n    //进度条减号\n    jian() {\n      $('#timeline' + this.selectRow + this.selectCol).TimeSlider('mousewhs', 1)\n    },\n    //点击宫格\n    videoClick(r, c, $event) {\n      this.rtcid = 'rtchvideo' + r + c\n      $('video').removeClass('h5videoh')\n      $('#gaovideohb' + r + c).addClass('h5videoh')\n      $('.tab').hide() //隐藏所有内容\n      $('#tab' + r + c).show() //显示当前选中项\n      this.selectCol = c\n      this.selectRow = r\n      console.log(r, c)\n      if (\n        $($event.target)\n          .parent()\n          .hasClass('videoClickColor')\n      ) {\n        $($event.target)\n          .parent()\n          .removeClass('videoClickColor')\n      } else {\n        $('#videoPanel div[class*=\"videoClickColor\"]').removeClass(\n          'videoClickColor'\n        )\n        $('#videoPanel>div')\n          .eq(r - 1)\n          .children('div')\n          .eq(c - 1)\n          .addClass('videoClickColor')\n        //$('#videoPanel>div').eq(r - 1).children('div').eq(c - 1).children(\".h5videowrapper\").children(\".h5video\").style.opacity = \"0.25\";\n      }\n      if (this.selectRow == '1' && this.selectCol == '1') {\n        console.log(this.SGtoken[0])\n        this.Gtoken = this.SGtoken[0]\n      } else if (this.selectRow == '1' && this.selectCol == '2') {\n        console.log(this.SGtoken[1])\n        this.Gtoken = this.SGtoken[1]\n      } else if (this.selectRow == '2' && this.selectCol == '1') {\n        console.log(this.SGtoken[2])\n        this.Gtoken = this.SGtoken[2]\n      } else if (this.selectRow == '2' && this.selectCol == '2') {\n        console.log(this.SGtoken[3])\n        this.Gtoken = this.SGtoken[3]\n      } else if (this.selectRow == '1' && this.selectCol == '3') {\n        console.log(this.SGtoken[4])\n        this.Gtoken = this.SGtoken[4]\n      } else if (this.selectRow == '2' && this.selectCol == '3') {\n        console.log(this.SGtoken[5])\n        this.Gtoken = this.SGtoken[5]\n      } else if (this.selectRow == '3' && this.selectCol == '1') {\n        console.log(this.SGtoken[6])\n        this.Gtoken = this.SGtoken[6]\n      } else if (this.selectRow == '3' && this.selectCol == '2') {\n        console.log(this.SGtoken[7])\n        this.Gtoken = this.SGtoken[7]\n      } else if (this.selectRow == '3' && this.selectCol == '3') {\n        console.log(this.SGtoken[8])\n        this.Gtoken = this.SGtoken[8]\n      }\n    },\n    //点击宫格\n    changePanel(event) {\n      // return false;\n      window.setTimeout(\n        function() {\n          this.functlist()\n        }.bind(this),\n        50\n      )\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      // clearInterval(this.PlaybackCB);\n      if (data == '1|1') {\n        if (this.v2 != undefined) {\n          this.v2.disconnect()\n          delete this.v2\n          this.v2 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v3 != undefined) {\n          this.v3.disconnect()\n          delete this.v3\n          this.v3 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v4 != undefined) {\n          this.v4.disconnect()\n          delete this.v4\n          this.v4 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v5 != undefined) {\n          this.v5.disconnect()\n          delete this.v5\n          this.v5 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v6 != undefined) {\n          this.v6.disconnect()\n          delete this.v6\n          this.v6 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v7 != undefined) {\n          this.v7.disconnect()\n          delete this.v7\n          this.v7 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v8 != undefined) {\n          this.v8.disconnect()\n          delete this.v8\n          this.v8 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v9 != undefined) {\n          this.v9.disconnect()\n          delete this.v9\n          this.v9 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n      } else if (data == '2|2') {\n        if (this.v5 != undefined) {\n          this.v5.disconnect()\n          delete this.v5\n          this.v5 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v6 != undefined) {\n          this.v6.disconnect()\n          delete this.v6\n          this.v6 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v7 != undefined) {\n          this.v7.disconnect()\n          delete this.v7\n          this.v7 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v8 != undefined) {\n          this.v8.disconnect()\n          delete this.v8\n          this.v8 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n        if (this.v9 != undefined) {\n          this.v9.disconnect()\n          delete this.v9\n          this.v9 = undefined\n          $('#gaovideohb' + this.selectRow + this.selectCol)\n            .get(0)\n            .load()\n          $('#gaovideohb' + this.selectRow + this.selectCol).get(0).poster = ''\n        }\n      }\n      Vue.nextTick(function() {\n        // console.log(_this.contentHeight / rows);\n        //$('div[name=\"flex\"]').height(($(\".content\").height() - 50) / rows);\n        $('div[name=\"flex\"]').height(_this.contentHeight / rows)\n\n        $('#timeline12').TimeSlider({ init_cells: _this.timedata })\n        $('#timeline21').TimeSlider({ init_cells: _this.timedata })\n        $('#timeline22').TimeSlider({ init_cells: _this.timedata })\n        $('#timeline13').TimeSlider({ init_cells: _this.timedata })\n        $('#timeline23').TimeSlider({ init_cells: _this.timedata })\n        $('#timeline31').TimeSlider({ init_cells: _this.timedata })\n        $('#timeline32').TimeSlider({ init_cells: _this.timedata })\n        $('#timeline33').TimeSlider({ init_cells: _this.timedata })\n      })\n    },\n    stopVideo(event) {\n      return\n    },\n    Play(data) {\n      const _this = this\n      var token = data\n      //关闭视频并改变图标\n\n      this.icon = 'iconfont icon-zantingtingzhi'\n      this.icon1 = 'iconfont icon-zantingtingzhi'\n      this.icon2 = 'iconfont icon-zantingtingzhi'\n      this.icon3 = 'iconfont icon-zantingtingzhi'\n      //console.log(data.token);\n      //放入视频\n      if (token == undefined) {\n        return false\n      }\n      // var Gtoken=data.token\n\n      var timevalue = this.xzvalue\n      console.log('timevalue11111', timevalue)\n      var year = timevalue.getFullYear()\n      var month = timevalue.getMonth() + 1\n      var strDate = timevalue.getDate()\n      var strDate1 = timevalue.getDate() - 1\n      var localOffset = Math.abs(timevalue.getTimezoneOffset() / 60)\n      if (this.Adswitch == 'false') {\n        if (month < 10) {\n          month = '0' + month\n        }\n        if (strDate < 10) {\n          strDate = '0' + strDate\n        }\n        if (strDate1 < 10) {\n          strDate1 = '0' + strDate1\n        }\n      }\n      var timevalues =\n        year +\n        '-' +\n        month +\n        '-' +\n        strDate +\n        'T' +\n        '00:00:00' +\n        '+0' +\n        localOffset +\n        ':00'\n      var timevalues1 =\n        year +\n        '-' +\n        month +\n        '-' +\n        strDate1 +\n        'T' +\n        '00:00:00' +\n        '+0' +\n        localOffset +\n        ':00'\n      var timevaluee =\n        year +\n        '-' +\n        month +\n        '-' +\n        strDate +\n        'T' +\n        '23:59:59' +\n        '+0' +\n        localOffset +\n        ':00'\n\n      // return false;\n      var root = this.$store.state.IPPORT\n      var wsroot = this.$store.state.WSROOT\n      var url = ''\n      if (this.Adswitch == 'false') {\n        url =\n          root +\n          '/api/v1/SearchDeviceRecordByTime?token=' +\n          token +\n          '&start=' +\n          encodeURIComponent(timevalues1) +\n          '&end=' +\n          encodeURIComponent(timevaluee) +\n          '&session=' +\n          _this.$store.state.token\n      } else {\n        url =\n          root +\n          '/api/v1/Search?type=record&token=' +\n          token +\n          '&start=' +\n          encodeURIComponent(timevalues1) +\n          '&end=' +\n          encodeURIComponent(timevaluee) +\n          '&session=' +\n          _this.$store.state.token\n      }\n\n      //return false;\n      this.$http.get(url).then(result => {\n        console.log(url, result)\n        if (this.Adswitch == 'false') {\n          let tim0 = new Date(timevalues).getTime()\n          console.log(tim0)\n          if (result.status == 200) {\n            var data = result.data\n            var timedata1 = []\n            if (!data.record) {\n              return false\n            }\n            //console.log(\"length\",data.record.length);\n            for (var i = 0; i < data.record.length; i++) {\n              var item = data.record[i]\n              var item1\n              if (i < data.record.length - 1) {\n                item1 = data.record[i + 1]\n              }\n              //时间转换\n              var starf = new Date(item['strStartTime']).getTime()\n              var starf1 = new Date(item1['strStartTime']).getTime()\n              var end = new Date(item['strEndTime']).getTime()\n              if (starf < tim0 && end > tim0) {\n                this.starttimes = timevalues\n                console.log(starf, end, tim0, this.starttimes)\n              }\n              if (end < tim0 && starf1 > tim0) {\n                this.starttimes = item1['strStartTime']\n                console.log('零点没有视频')\n              }\n              if (new Date(data.record[0].strStartTime).getTime() >= tim0) {\n                this.starttimes = data.record[0].strStartTime\n                console.log('零点没有视频')\n              }\n\n              var starf = new Date(starf)\n              var end = new Date(end)\n              var timeitem = {\n                beginTime: starf,\n                endTime: end,\n                style: { background: 'rgba(60,196,60, 0.498039)' }\n              }\n              console.log(item['nType'])\n              //console.log(\"录像段时间段颜色\",timeitem[\"style\"].background); //录像段时间段颜色\n              if (item['nType'] === 'H5_REC_MANUAL') {\n                timeitem['style'].background = 'rgba(60,196,60, 0.498039)'\n                //console.log(\"录像段时间段颜色1\",timeitem[\"style\"].background);\n              } else if (item['nType'] === 'H5_REC_SCHEDULE') {\n                timeitem['style'].background = '#31b1ff'\n              } else {\n                timeitem['style'].background = 'rgba(238,17,17, 0.498039)'\n                //console.log(\"录像段时间段颜色2\",timeitem[\"style\"].background);\n              }\n              timedata1.push(timeitem)\n              // console.log(\"4545454\",timeitem);\n            }\n            $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n              'init',\n              timevalue,\n              timedata1\n            )\n          }\n        } else {\n          if (result.status == 200) {\n            var data = result.data\n            var timedata1 = []\n            //console.log(\"length\",data.record.length);\n            for (var i = 0; i < data.record.length; i++) {\n              var item = data.record[i]\n              //时间转换\n              var starf = new Date(item['strStartTime']).getTime()\n              var end = new Date(item['strEndTime']).getTime()\n              var starf = new Date(starf)\n              var end = new Date(end)\n              var timeitem = {\n                beginTime: starf,\n                endTime: end,\n                style: { background: 'rgba(60,196,60, 0.498039)' }\n              }\n              console.log(item['nType'], 555555555555555)\n              //console.log(\"录像段时间段颜色\",timeitem[\"style\"].background); //录像段时间段颜色\n              if (item['nType'] === 'H5_REC_MANUAL') {\n                timeitem['style'].background = 'rgba(60,196,60, 0.498039)'\n                //console.log(\"录像段时间段颜色1\",timeitem[\"style\"].background);\n              } else if (item['nType'] === 'H5_REC_SCHEDULE') {\n                timeitem['style'].background = '#31b1ff'\n              } else {\n                timeitem['style'].background = 'rgba(238,17,17, 0.498039)'\n                //console.log(\"录像段时间段颜色2\",timeitem[\"style\"].background);\n              }\n              timedata1.push(timeitem)\n              // console.log(\"4545454\",timeitem)\n              $('#timeline' + this.selectRow + this.selectCol).TimeSlider(\n                'init',\n                timevalue,\n                timedata1\n              )\n            }\n          }\n        }\n        if (this.selectRow == '1' && this.selectCol == '1') {\n          this.selectCol1 = this.selectCol\n          this.selectRow1 = this.selectCol\n          if (this.v1 != undefined) {\n            this.v1.disconnect()\n            delete this.v1\n            this.v1 = undefined\n            console.log('上this.v1', this.v1)\n          }\n          console.log(timevalues, this.starttimes)\n          var pbconf1 = {\n            begintime: this.starttimes || timevalues,\n            // begintime: timevalues,\n            endtime: timevaluee,\n            autoplay: 'true',\n            showposter: 'false', //'true' or 'false' show poster\n            callback: this.PlaybackCB,\n            serverpb: this.Adswitch,\n            userdata: this // user data\n          }\n          console.log(pbconf1, 444444444)\n          let conf = {\n            videoid: 'gaovideohb' + this.selectRow + this.selectCol,\n            protocol: window.location.protocol, //http: or https:\n            host: wsroot, //localhost:8080\n            rootpath: '/', // '/'\n            token: token,\n            pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n            hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n            session: this.$store.state.token\n          }\n          if (this.$store.state.liveviewrtc1 == 'RTC' || H5siOS() === true) {\n            console.log(this.$store.state.liveviewrtc1, 555552)\n            this.v1 = new H5sPlayerRTC(conf)\n            $('#rtcgaovideohb11').addClass('rtc_new')\n          } else {\n            console.log(this.$store.state.liveviewrtc1, 555551)\n            this.v1 = new H5sPlayerWS(conf)\n            $('#rtcgaovideohb11').removeClass('rtc_new')\n          }\n          // this.v1 = new H5sPlayerRTC(conf);\n          console.log('v111111111111', this.v1)\n          //return false;\n          this.v1.connect()\n        } else if (this.selectRow == '1' && this.selectCol == '2') {\n          this.selectCol1 = this.selectCol\n          this.selectRow1 = this.selectCol\n          if (this.v2 != undefined) {\n            this.v2.disconnect()\n            delete this.v2\n            this.v2 = undefined\n          }\n          var pbconf1 = {\n            begintime: this.starttimes || timevalues,\n            endtime: timevaluee,\n            autoplay: 'true',\n            showposter: 'false', //'true' or 'false' show poster\n            callback: this.PlaybackCB1,\n            serverpb: this.Adswitch,\n            userdata: this // user data\n          }\n          let conf2 = {\n            videoid: 'gaovideohb' + this.selectRow + this.selectCol,\n            protocol: window.location.protocol, //http: or https:\n            host: wsroot, //localhost:8080\n            rootpath: '/', // '/'\n            token: token,\n            pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n            hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n            session: this.$store.state.token\n          }\n          if (this.$store.state.liveviewrtc1 == 'RTC' || H5siOS() === true) {\n            console.log(this.$store.state.liveviewrtc1, 555552)\n            this.v2 = new H5sPlayerRTC(conf2)\n            $('#rtcgaovideohb12').addClass('rtc_new')\n          } else {\n            console.log(this.$store.state.liveviewrtc1, 555551)\n            this.v2 = new H5sPlayerWS(conf2)\n          }\n          console.log('v22222222222222222', this.v2)\n          //return false;\n          this.v2.connect()\n        } else if (this.selectRow == '2' && this.selectCol == '1') {\n          this.selectCol1 = this.selectCol\n          this.selectRow1 = this.selectCol\n          if (this.v3 != undefined) {\n            this.v3.disconnect()\n            delete this.v3\n            this.v3 = undefined\n            console.log('上this.v1', this.v1)\n          }\n          var pbconf1 = {\n            begintime: this.starttimes || timevalues,\n            endtime: timevaluee,\n            autoplay: 'true',\n            showposter: 'false', //'true' or 'false' show poster\n            callback: this.PlaybackCB2,\n            serverpb: this.Adswitch,\n            userdata: this // user data\n          }\n          let conf3 = {\n            videoid: 'gaovideohb' + this.selectRow + this.selectCol,\n            protocol: window.location.protocol, //http: or https:\n            host: wsroot, //localhost:8080\n            rootpath: '/', // '/'\n            token: token,\n            pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n            hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n            session: this.$store.state.token\n          }\n          if (this.$store.state.liveviewrtc1 == 'RTC' || H5siOS() === true) {\n            console.log(this.$store.state.liveviewrtc1, 555552)\n            this.v3 = new H5sPlayerRTC(conf3)\n            $('#rtcgaovideohb21').addClass('rtc_new')\n          } else {\n            console.log(this.$store.state.liveviewrtc1, 555551)\n            this.v3 = new H5sPlayerWS(conf3)\n          }\n          //return false;\n          this.v3.connect()\n        } else if (this.selectRow == '2' && this.selectCol == '2') {\n          this.selectCol1 = this.selectCol\n          this.selectRow1 = this.selectCol\n          if (this.v4 != undefined) {\n            this.v4.disconnect()\n            delete this.v4\n            this.v4 = undefined\n            console.log('上this.v1', this.v1)\n          }\n          var pbconf1 = {\n            begintime: this.starttimes || timevalues,\n            endtime: timevaluee,\n            autoplay: 'true',\n            showposter: 'false', //'true' or 'false' show poster\n            callback: this.PlaybackCB3,\n            serverpb: this.Adswitch,\n            userdata: this // user data\n          }\n          let conf4 = {\n            videoid: 'gaovideohb' + this.selectRow + this.selectCol,\n            protocol: window.location.protocol, //http: or https:\n            host: wsroot, //localhost:8080\n            rootpath: '/', // '/'\n            token: token,\n            pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n            hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n            session: this.$store.state.token\n          }\n          if (this.$store.state.liveviewrtc1 == 'RTC' || H5siOS() === true) {\n            console.log(this.$store.state.liveviewrtc1, 555552)\n            this.v4 = new H5sPlayerRTC(conf4)\n            $('#rtcgaovideohb22').addClass('rtc_new')\n          } else {\n            console.log(this.$store.state.liveviewrtc1, 555551)\n            this.v4 = new H5sPlayerWS(conf4)\n          }\n          //return false;\n          this.v4.connect()\n        } else if (this.selectRow == '1' && this.selectCol == '3') {\n          this.selectCol1 = this.selectCol\n          this.selectRow1 = this.selectCol\n          if (this.v5 != undefined) {\n            this.v5.disconnect()\n            delete this.v5\n            this.v5 = undefined\n          }\n          var pbconf1 = {\n            begintime: this.starttimes || timevalues,\n            endtime: timevaluee,\n            autoplay: 'true',\n            showposter: 'false', //'true' or 'false' show poster\n            callback: this.PlaybackCB4,\n            serverpb: this.Adswitch,\n            userdata: this // user data\n          }\n          let conf2 = {\n            videoid: 'gaovideohb' + this.selectRow + this.selectCol,\n            protocol: window.location.protocol, //http: or https:\n            host: wsroot, //localhost:8080\n            rootpath: '/', // '/'\n            token: token,\n            pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n            hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n            session: this.$store.state.token\n          }\n          if (this.$store.state.liveviewrtc1 == 'RTC' || H5siOS() === true) {\n            console.log(this.$store.state.liveviewrtc1, 555552)\n            this.v5 = new H5sPlayerRTC(conf2)\n            $('#rtcgaovideohb13').addClass('rtc_new')\n          } else {\n            console.log(this.$store.state.liveviewrtc1, 555551)\n            this.v5 = new H5sPlayerWS(conf2)\n          }\n          console.log('v22222222222222222', this.v5)\n          //return false;\n          this.v5.connect()\n        } else if (this.selectRow == '2' && this.selectCol == '3') {\n          this.selectCol1 = this.selectCol\n          this.selectRow1 = this.selectCol\n          if (this.v6 != undefined) {\n            this.v6.disconnect()\n            delete this.v6\n            this.v6 = undefined\n            console.log('上this.v1', this.v6)\n          }\n          var pbconf1 = {\n            begintime: this.starttimes || timevalues,\n            endtime: timevaluee,\n            autoplay: 'true',\n            showposter: 'false', //'true' or 'false' show poster\n            callback: this.PlaybackCB5,\n            serverpb: this.Adswitch,\n            userdata: this // user data\n          }\n          let conf3 = {\n            videoid: 'gaovideohb' + this.selectRow + this.selectCol,\n            protocol: window.location.protocol, //http: or https:\n            host: wsroot, //localhost:8080\n            rootpath: '/', // '/'\n            token: token,\n            pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n            hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n            session: this.$store.state.token\n          }\n          if (this.$store.state.liveviewrtc1 == 'RTC' || H5siOS() === true) {\n            console.log(this.$store.state.liveviewrtc1, 555552)\n            this.v6 = new H5sPlayerRTC(conf3)\n            $('#rtcgaovideohb23').addClass('rtc_new')\n          } else {\n            console.log(this.$store.state.liveviewrtc1, 555551)\n            this.v6 = new H5sPlayerWS(conf3)\n          }\n          //return false;\n          this.v6.connect()\n        } else if (this.selectRow == '3' && this.selectCol == '1') {\n          this.selectCol1 = this.selectCol\n          this.selectRow1 = this.selectCol\n          if (this.v7 != undefined) {\n            this.v7.disconnect()\n            delete this.v7\n            this.v7 = undefined\n            console.log('上this.v1', this.v1)\n          }\n          var pbconf1 = {\n            begintime: this.starttimes || timevalues,\n            endtime: timevaluee,\n            autoplay: 'true',\n            showposter: 'false', //'true' or 'false' show poster\n            callback: this.PlaybackCB6,\n            serverpb: this.Adswitch,\n            userdata: this // user data\n          }\n          let conf4 = {\n            videoid: 'gaovideohb' + this.selectRow + this.selectCol,\n            protocol: window.location.protocol, //http: or https:\n            host: wsroot, //localhost:8080\n            rootpath: '/', // '/'\n            token: token,\n            pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n            hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n            session: this.$store.state.token\n          }\n          if (this.$store.state.liveviewrtc1 == 'RTC' || H5siOS() === true) {\n            console.log(this.$store.state.liveviewrtc1, 555552)\n            this.v7 = new H5sPlayerRTC(conf4)\n            $('#rtcgaovideohb31').addClass('rtc_new')\n          } else {\n            console.log(this.$store.state.liveviewrtc1, 555551)\n            this.v7 = new H5sPlayerWS(conf4)\n          }\n          //return false;\n          this.v4.connect()\n        } else if (this.selectRow == '3' && this.selectCol == '2') {\n          this.selectCol1 = this.selectCol\n          this.selectRow1 = this.selectCol\n          if (this.v8 != undefined) {\n            this.v8.disconnect()\n            delete this.v8\n            this.v8 = undefined\n          }\n          var pbconf1 = {\n            begintime: this.starttimes || timevalues,\n            endtime: timevaluee,\n            autoplay: 'true',\n            showposter: 'false', //'true' or 'false' show poster\n            callback: this.PlaybackCB7,\n            serverpb: this.Adswitch,\n            userdata: this // user data\n          }\n          let conf2 = {\n            videoid: 'gaovideohb' + this.selectRow + this.selectCol,\n            protocol: window.location.protocol, //http: or https:\n            host: wsroot, //localhost:8080\n            rootpath: '/', // '/'\n            token: token,\n            pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n            hlsver: 'v1', //v1 is for ts, v8 is for fmp4\n            session: this.$store.state.token\n          }\n          if (this.$store.state.liveviewrtc1 == 'RTC' || H5siOS() === true) {\n            console.log(this.$store.state.liveviewrtc1, 555552)\n            this.v8 = new H5sPlayerRTC(conf2)\n            $('#rtcgaovideohb32').addClass('rtc_new')\n          } else {\n            console.log(this.$store.state.liveviewrtc1, 555551)\n            this.v8 = new H5sPlayerWS(conf2)\n          }\n          console.log('v82222222222222222', this.v8)\n          //return false;\n          this.v8.connect()\n        } else if (this.selectRow == '3' && this.selectCol == '3') {\n          this.selectCol1 = this.selectCol\n          this.selectRow1 = this.selectCol\n          if (this.v9 != undefined) {\n            this.v9.disconnect()\n            delete this.v9\n            this.v9 = undefined\n            console.log('上this.v1', this.v1)\n          }\n          var pbconf1 = {\n            begintime: this.starttimes || timevalues,\n            endtime: timevaluee,\n            autoplay: 'true',\n            showposter: 'false', //'true' or 'false' show poster\n            callback: this.PlaybackCB8,\n            serverpb: this.Adswitch,\n            userdata: this // user data\n          }\n          let conf3 = {\n            videoid: 'gaovideohb' + this.selectRow + this.selectCol,\n            protocol: window.location.protocol, //http: or https:\n            host: wsroot, //localhost:8080\n            rootpath: '/', // '/'\n            token: token,\n            pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n            hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n            session: this.$store.state.token\n          }\n          if (this.$store.state.liveviewrtc1 == 'RTC' || H5siOS() === true) {\n            console.log(this.$store.state.liveviewrtc1, 555552)\n            this.v9 = new H5sPlayerRTC(conf3)\n            $('#rtcgaovideohb33').addClass('rtc_new')\n          } else {\n            console.log(this.$store.state.liveviewrtc1, 555551)\n            this.v9 = new H5sPlayerWS(conf3)\n          }\n          //return false;\n          this.v9.connect()\n        }\n        this.starttimes = ''\n      })\n      // return false;\n    },\n    //有用啦\n    PlaybackCB(event, userdata) {\n      if (this.region == 'X1') this.region = 1\n      var msgevent = JSON.parse(event)\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        clearInterval(this.PlaybackCBinterval)\n        var time = new Date(msgevent.pbTime.strTime).getTime()\n        var times = new Date(msgevent.pbTime.strTime).getTime() + 1000\n        this.PlaybackCBinterval = setInterval(() => {\n          time = time + 50 * Number(this.region)\n          if (time >= times) {\n            clearInterval(this.PlaybackCBinterval)\n          } else {\n            $('#timeline11').TimeSlider('set_time_to_middle', time)\n          }\n        }, 50)\n      }\n    },\n    PlaybackCB1(event, userdata) {\n      if (this.region == 'X1') this.region = 1\n      var msgevent = JSON.parse(event)\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        clearInterval(this.PlaybackCBinterval1)\n        var time = new Date(msgevent.pbTime.strTime).getTime()\n        var times = new Date(msgevent.pbTime.strTime).getTime() + 1000\n        this.PlaybackCBinterval1 = setInterval(() => {\n          time = time + 50 * Number(this.region)\n          if (time >= times) {\n            clearInterval(this.PlaybackCBinterval1)\n          } else {\n            $('#timeline12').TimeSlider('set_time_to_middle', time)\n          }\n        }, 50)\n        // }\n      }\n    },\n    PlaybackCB2(event, userdata) {\n      if (this.region == 'X1') this.region = 1\n      var msgevent = JSON.parse(event)\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        clearInterval(this.PlaybackCBinterval2)\n        var time = new Date(msgevent.pbTime.strTime).getTime()\n        var times = new Date(msgevent.pbTime.strTime).getTime() + 1000\n        this.PlaybackCBinterval2 = setInterval(() => {\n          time = time + 50 * Number(this.region)\n          if (time >= times) {\n            clearInterval(this.PlaybackCBinterval2)\n          } else {\n            $('#timeline21').TimeSlider('set_time_to_middle', time)\n          }\n        }, 50)\n        // }\n      }\n    },\n    PlaybackCB3(event, userdata) {\n      if (this.region == 'X1') this.region = 1\n      var msgevent = JSON.parse(event)\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        clearInterval(this.PlaybackCBinterval3)\n        var time = new Date(msgevent.pbTime.strTime).getTime()\n        var times = new Date(msgevent.pbTime.strTime).getTime() + 1000\n        this.PlaybackCBinterval3 = setInterval(() => {\n          time = time + 50 * Number(this.region)\n          if (time >= times) {\n            clearInterval(this.PlaybackCBinterval3)\n          } else {\n            $('#timeline22').TimeSlider('set_time_to_middle', time)\n          }\n        }, 50)\n        // }\n      }\n    },\n    PlaybackCB4(event, userdata) {\n      if (this.region == 'X1') this.region = 1\n      var msgevent = JSON.parse(event)\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        clearInterval(this.PlaybackCBinterval4)\n        var time = new Date(msgevent.pbTime.strTime).getTime()\n        var times = new Date(msgevent.pbTime.strTime).getTime() + 1000\n        this.PlaybackCBinterval4 = setInterval(() => {\n          time = time + 50 * Number(this.region)\n          if (time >= times) {\n            clearInterval(this.PlaybackCBinterval4)\n          } else {\n            $('#timeline13').TimeSlider('set_time_to_middle', time)\n          }\n        }, 50)\n        // }\n      }\n    },\n    PlaybackCB5(event, userdata) {\n      if (this.region == 'X1') this.region = 1\n      var msgevent = JSON.parse(event)\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        clearInterval(this.PlaybackCBinterval5)\n        var time = new Date(msgevent.pbTime.strTime).getTime()\n        var times = new Date(msgevent.pbTime.strTime).getTime() + 1000\n        this.PlaybackCBinterval5 = setInterval(() => {\n          time = time + 50 * Number(this.region)\n          if (time >= times) {\n            clearInterval(this.PlaybackCBinterval5)\n          } else {\n            $('#timeline23').TimeSlider('set_time_to_middle', time)\n          }\n        }, 50)\n      }\n    },\n    PlaybackCB6(event, userdata) {\n      if (this.region == 'X1') this.region = 1\n      var msgevent = JSON.parse(event)\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        clearInterval(this.PlaybackCBinterval6)\n        var time = new Date(msgevent.pbTime.strTime).getTime()\n        var times = new Date(msgevent.pbTime.strTime).getTime() + 1000\n        this.PlaybackCBinterval6 = setInterval(() => {\n          time = time + 50 * Number(this.region)\n          if (time >= times) {\n            clearInterval(this.PlaybackCBinterval6)\n          } else {\n            $('#timeline31').TimeSlider('set_time_to_middle', time)\n          }\n        }, 50)\n      }\n    },\n    PlaybackCB7(event, userdata) {\n      if (this.region == 'X1') this.region = 1\n      var msgevent = JSON.parse(event)\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        clearInterval(this.PlaybackCBinterval7)\n        var time = new Date(msgevent.pbTime.strTime).getTime()\n        var times = new Date(msgevent.pbTime.strTime).getTime() + 1000\n        this.PlaybackCBinterval7 = setInterval(() => {\n          time = time + 50 * Number(this.region)\n          if (time >= times) {\n            clearInterval(this.PlaybackCBinterval7)\n          } else {\n            $('#timeline32').TimeSlider('set_time_to_middle', time)\n          }\n        }, 50)\n      }\n    },\n    PlaybackCB8(event, userdata) {\n      if (this.region == 'X1') this.region = 1\n      var msgevent = JSON.parse(event)\n      if (msgevent.type === 'H5S_EVENT_PB_TIME') {\n        clearInterval(this.PlaybackCBinterval8)\n        var time = new Date(msgevent.pbTime.strTime).getTime()\n        var times = new Date(msgevent.pbTime.strTime).getTime() + 1000\n        this.PlaybackCBinterval8 = setInterval(() => {\n          time = time + 50 * Number(this.region)\n          if (time >= times) {\n            clearInterval(this.PlaybackCBinterval8)\n          } else {\n            $('#timeline33').TimeSlider('set_time_to_middle', time)\n          }\n        }, 50)\n      }\n    },\n    enter() {\n      document.getElementsByClassName('h5controls').style.display = 'block'\n    },\n    leave() {\n      document.getElementsByClassName('h5controls').style.display = 'none'\n    },\n    enter1() {\n      $('.back_Choice1').css('display', 'block')\n      // document.getElementById(\"back_Choice\").style.display=\"block\";\n    },\n    leave1() {\n      $('.back_Choice1').css('display', 'none')\n      // document.getElementById(\"back_Choice\").style.display=\"none\";\n    },\n    //隐藏按钮\n    hideover(r, c) {\n      $('#h' + r + '' + c)\n        .children('.h5controls')\n        .css('display', 'block')\n    },\n    showout(r, c) {\n      $('#h' + r + '' + c)\n        .children('.h5controls')\n        .css('display', 'none')\n    },\n    //回访，模式\n    hback() {\n      this.Adswitch = true\n    },\n    nvrback() {\n      this.Adswitch = false\n    },\n\n    //关闭\n    handleClose() {\n      if (this.v1 != undefined) {\n        console.log('关闭')\n        this.myModal1 = false\n        this.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      console.log(!value, data)\n      if (this.$store.state.root == 'Operator') {\n        return data.strName.indexOf(value) !== -1\n      } else {\n        return data.label.indexOf(value) !== -1\n      }\n    }\n  },\n  //模糊查询\n  watch: {\n    filterText(val) {\n      this.$refs.tree.filter(val)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.playback {\n  display: flex;\n  justify-content: space-between;\n\n  .playback_snap_zuo {\n    width: 18%;\n    height: 86vh;\n\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    .StatusPromptColor {\n      color: #67cfb5 !important;\n    }\n  }\n\n  .playback_snap_you {\n    .fuhao {\n      margin-left: 2px;\n      color: #fff;\n      line-height: 14px;\n      font-size: 12px;\n      padding: 0 2px;\n      border: none;\n      border-radius: 0;\n      background: #343434;\n    }\n\n    width: 82%;\n    height: 90vh;\n\n    .videogh1 {\n      height: 85vh;\n      // padding-bottom: 3px;\n    }\n\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        // margin: 5px;\n      }\n\n      .videoColor {\n        background-color: #222222;\n\n        .palace {\n          background-size: 10%;\n          flex: 1 1 10%;\n          border: 1px solid black;\n          position: relative;\n\n          .h5controls {\n            position: absolute;\n            top: 0;\n            background: url('~@/views/liveview/imgs/liveview_buttback.png')\n              no-repeat;\n            background-size: 125px 35px;\n            background-position-x: right;\n            padding: 0px;\n            box-sizing: content-box;\n            z-index: 10000;\n            width: 100%;\n            height: 32px;\n            display: none;\n            text-align: right;\n            line-height: 30px;\n\n            button {\n              border: none;\n              background: none;\n              color: #ffffff;\n              margin-right: 8px;\n            }\n\n            /deep/.open_liveplay_butt {\n              display: none;\n            }\n\n            .rotate {\n              -webkit-transform: rotateY(180deg);\n              transform: rotateY(180deg);\n            }\n          }\n        }\n      }\n\n      div[name='flex'] {\n        display: flex;\n        flex-wrap: wrap;\n        border-bottom: 0px !important;\n\n        :hover {\n          /*background-color: #3c8dbc;*/\n          cursor: pointer;\n        }\n\n        + [name='flex'] {\n          border-left: 0px !important;\n        }\n      }\n    }\n\n    .tab {\n      .mode_Choice {\n        .back_Choice {\n          width: 120px;\n          position: relative;\n          cursor: pointer;\n\n          .back_Choice1 {\n            border-radius: 10px;\n            display: none;\n            width: auto;\n            position: absolute;\n            top: -60px;\n            left: -20px;\n            padding: 10px 20px;\n\n            div:nth-child(1) {\n              margin-bottom: 10px;\n            }\n\n            .co_Baise {\n              color: #fff !important;\n            }\n          }\n\n          .back_zi {\n            line-height: 46px;\n            font-size: 20px;\n            margin-left: 10px;\n          }\n        }\n      }\n\n      .function_butt {\n        width: 30%;\n        min-width: 330px;\n        max-width: 400px;\n        display: flex;\n        justify-content: space-around;\n        align-items: center;\n\n        .fixed_input {\n          width: 60%;\n          max-width: 130px;\n        }\n\n        .button_resume {\n          border: none;\n          background: none;\n        }\n\n        .ele {\n          width: 40px !important;\n          height: 20px;\n          background: #2c7bf4;\n          border: none;\n          border-radius: 8px;\n        }\n      }\n\n      .caveat_butt {\n        display: flex;\n        align-items: center;\n        min-width: 180px;\n\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\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\n        .mr-0 {\n          width: 15px;\n          height: 15px;\n          border-radius: 50px;\n          border: 0;\n          margin-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\n/deep/ .selectdrop {\n  border: none !important;\n  background-color: #2d2d2d !important;\n}\n\n/deep/ .selectdrop .hover {\n  background: #181818 !important;\n}\n\n/deep/ .el-input--suffix .el-input__suffix {\n  display: none !important;\n}\n\n/deep/ .ele .el-input--suffix .el-input__inner {\n  padding: 0 10px;\n  border: none !important;\n  height: 20px !important;\n  line-height: 20px !important;\n}\n\n/deep/ .ele .selectdrop {\n  left: -19px !important;\n}\n\n/deep/ .ele .popper__arrow {\n  display: none;\n}\n</style>","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=2eb097dd&prod&lang=scss&scoped=true&\""],"sourceRoot":""}