{"version":3,"sources":["webpack:///./src/views/liveview/Liveplay.vue?d493","webpack:///./src/views/liveview/Liveplay.vue?424f","webpack:///./src/views/liveview/Liveplay.vue","webpack:///./src/views/liveview/imgs/2000.png","webpack:///./src/views/Liveview.vue?c2bd","webpack:///./src/views/liveview/Liveplay.vue?0303","webpack:///src/views/liveview/Liveplay.vue","webpack:///src/views/Liveview.vue","webpack:///./src/views/Liveview.vue?33eb","webpack:///./src/views/Liveview.vue?12a4","webpack:///./src/views/Liveview.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","dropTarget","attrs","videoid","directives","name","rawName","value","expression","canvas2id","staticStyle","canvas3id","canvasid","videonameid","preventDefault","dragover","drag","_v","_s","videoname","picturequality","valuebutton","inputid","Bitstream","target","canvasdisplay","spanqualityid","qualityid","handleCommand","elqualityid","$t","slot","_l","it","index","key","strName","Audiochange","model","callback","$$v","Audioslider","a","data","rtcid","open_liveplay_butt","$store","state","liveviewrtc","scopedSlots","_u","fn","qrcode","proxy","ref","class","Audiosetup","Information","Shoutwheatclass","Shoutwheat","DoSnapshotWeb","DoSnapshot","DoManualRecordStart","DoManualRecordStop","PtzControlShow","dzfa","discanvas","Fullscren","FullScreen","CloseVideo","PtzActionUpleft","PtzActionStop","PtzActionUp","PtzActionUpright","PtzActionLeft","PtzActionRight","PtzActionDownleft","PtzActionDown","PtzActionDownright","content","focusing","PtzActionZoomIn","PtzActionZoomOut","Focus","PtzActionfocusing","PtzActionfocusings","aperture","PtzActionaperture","PtzActionaperturej","LightON","PtzActionlighton","LightOFF","PtzActionlightoff","WiperON","PtzActionwiperon","WiperOFF","PtzActionwiperoff","Preset_value","Pre","domProps","preset_Jump","strToken","preset_set","staticRenderFns","component","module","exports","_this","liveplay","filterText","activeNames","stopPropagation","Refresh","headswitch1","filterNode","defaultProps","handleNodeClick","dragStart","token","label","streamprofile","disabled_me","iconclass","iconclass1","online","length","_e","refNamePopover","statusID","offline","disable","idle","StatusPrompt","iconclass2","iconclass3","headswitch","data1","filterNode1","defaultProps1","NewView","ViewName","viewname","viewadd","view","viewdata","defaultProps2","viewClick","icon","Delview","Editview","r","c","stopVideo","videoClick","dbclick","rows","cols","changePanel","panelFullScreen","Alloffvideo"],"mappings":"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","file":"static/js/chunk-79435f5a.71380f5c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"liveplay h5container\",on:{\"drop\":function($event){return _vm.dropTarget()}}},[_c('video',{staticClass:\"h5video\",attrs:{\"id\":_vm.videoid,\"autoplay\":\"\",\"webkit-playsinline\":\"\",\"playsinline\":\"\"}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.canvasdisplay),expression:\"canvasdisplay\"}],staticClass:\"h5vcanvas\",attrs:{\"id\":_vm.canvas2id}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.canvasdisplay),expression:\"canvasdisplay\"}],staticStyle:{\"position\":\"absolute\",\"bottom\":\"0\",\"right\":\"0\"},attrs:{\"id\":_vm.canvas3id}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.canvasdisplay),expression:\"canvasdisplay\"}],staticStyle:{\"position\":\"absolute\",\"bottom\":\"0\",\"right\":\"0\"},attrs:{\"id\":_vm.canvasid}}),_c('div',{staticClass:\"breath_light\"}),_c('div',{staticClass:\"elqualitytoggle\",attrs:{\"id\":_vm.videonameid,\"draggable\":\"true\"},on:{\"dragover\":function($event){$event.preventDefault();return _vm.dragover($event)},\"dragstart\":function($event){return _vm.drag($event)}}},[_vm._v(\" \"+_vm._s(_vm.videoname)+\" \"+_vm._s(_vm.picturequality)+\" \"),_c('input',{attrs:{\"type\":\"button\",\"value\":_vm.valuebutton,\"id\":_vm.inputid},on:{\"click\":function($event){return _vm.Bitstream($event.target.value)}}})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.canvasdisplay),expression:\"!canvasdisplay\"}],staticClass:\"spanquality elqualitytoggle\",attrs:{\"id\":_vm.spanqualityid}},[_c('el-dropdown',{staticClass:\" \",attrs:{\"placement\":\"top-end\",\"trigger\":\"click\",\"id\":_vm.qualityid},on:{\"command\":_vm.handleCommand}},[_c('span',{staticClass:\"el-dropdown-link\",attrs:{\"id\":_vm.elqualityid}},[_c('i',{staticClass:\"el-icon-video-camera el-icon--left\"}),_vm._v(_vm._s(_vm.$t('message.live.Quality'))+\" \")]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},[_vm._l((_vm.qualitylist),function(it,index){return _c('el-dropdown-item',{key:index,attrs:{\"command\":it}},[_vm._v(_vm._s(it.strName))])})],2)],1)],1),_c('div',{staticClass:\"Audio_slider\",attrs:{\"id\":\"Audio_slider\"}},[_c('el-slider',{attrs:{\"step\":0.1,\"show-tooltip\":false,\"max\":1},on:{\"input\":_vm.Audiochange},model:{value:(_vm.Audioslider),callback:function ($$v) {_vm.Audioslider=$$v},expression:\"Audioslider\"}})],1),_c('div',{staticClass:\"information\",staticStyle:{\"display\":\"none padding:0px\"}},[_c('div',{staticClass:\"information_con\"},[_c('div',{staticClass:\"information1\"},[_c('div',{staticClass:\"information_title\"},[_vm._v(_vm._s(_vm.$t('message.live.Video')))]),_vm._l((_vm.informationVideo),function(a,index){return _c('div',{key:index,staticClass:\"information_content\"},[_c('div',{staticClass:\"information_content_left\"},[_vm._v(_vm._s(a.name))]),_c('div',{staticClass:\"information_content_right\"},[_vm._v(_vm._s(a.data))])])})],2),_c('div',{staticClass:\"information1\"},[_c('div',{staticClass:\"information_title\"},[_vm._v(_vm._s(_vm.$t('message.live.Audio')))]),_vm._l((_vm.informationAudio),function(a,index){return _c('div',{key:index,staticClass:\"information_content\"},[_c('div',{staticClass:\"information_content_left\"},[_vm._v(_vm._s(a.name))]),_c('div',{staticClass:\"information_content_right\"},[_vm._v(_vm._s(a.data))])])})],2)])]),_c('div',{staticClass:\"liveplay_butt\"},[_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\":_vm.rtcid},on:{\"click\":_vm.open_liveplay_butt}}),(_vm.$store.state.liveviewrtc == '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('CDropdown',{staticClass:\"fw_butt\",attrs:{\"color\":\"link\",\"placement\":\"bottom-start\",\"caret\":false},scopedSlots:_vm._u([{key:\"toggler-content\",fn:function(){return [_c('button',{staticClass:\"iconfont icon-erweima1\",staticStyle:{\"margin-left\":\"0px\"},on:{\"click\":_vm.qrcode}})]},proxy:true}])},[_c('div',{staticClass:\"bottom_QR\"},[_c('div',{staticClass:\"bottom_scan\"},[_vm._v(\"扫一扫\")]),_c('div',{staticClass:\"bottom_QRcode\"},[_c('div',[_c('div',{ref:\"qrcodead\",staticStyle:{\"margin-bottom\":\"16px\"},attrs:{\"id\":\"qrcodead1\"}}),_c('div',[_vm._v(\"Android\")])]),_c('div',[_c('div',{ref:\"qrcodeios\",staticStyle:{\"margin-bottom\":\"16px\"},attrs:{\"id\":\"qrcodeios1\"}}),_c('div',[_vm._v(\"iOS\")])])])])]),_c('button',{staticClass:\"info_id_show iconfont\",class:(_vm.Audioslider==0)?'icon-jingyin':'icon-mn_shengyin_fill',on:{\"click\":_vm.Audiosetup}}),_c('button',{staticClass:\"info_id_show iconfont icon-liuliang\",on:{\"click\":_vm.Information}}),_c('button',{staticClass:\"iconfont\",class:_vm.Shoutwheatclass,on:{\"click\":_vm.Shoutwheat}}),_c('button',{staticClass:\"iconfont icon-picfill\",on:{\"click\":_vm.DoSnapshotWeb}}),_c('button',{staticClass:\"iconfont icon-camerafill\",on:{\"click\":_vm.DoSnapshot}}),_c('button',{staticClass:\"iconfont icon-videofill\",on:{\"click\":_vm.DoManualRecordStart}}),_c('button',{staticClass:\"iconfont icon-radioboxfill\",on:{\"click\":_vm.DoManualRecordStop}}),_c('button',{staticClass:\"ptz_id_show iconfont icon-yuntai\",on:{\"click\":_vm.PtzControlShow}}),_c('button',{staticClass:\"iconfont\",class:_vm.dzfa,staticStyle:{\"font-size\":\"16px\"},on:{\"click\":_vm.discanvas}}),_c('button',{staticClass:\"iconfont\",class:_vm.Fullscren,on:{\"click\":_vm.FullScreen}}),_c('button',{staticClass:\"iconfont icon-roundclosefill\",on:{\"click\":function($event){return _vm.CloseVideo('close')}}})],1)]),_c('div',{staticClass:\"liveplay_ptz\",staticStyle:{\"display\":\"none padding:0px\"}},[_c('div',{staticClass:\"flex_content\"},[_c('div',{staticClass:\"content_zoom\"},[_c('div',{staticClass:\"key_zoom\"},[_c('div',{staticClass:\"key_flex\"},[_c('div',{staticClass:\"key_but\",on:{\"mousedown\":function($event){return _vm.PtzActionUpleft($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionUpleft($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}}),_c('div',{staticClass:\"key_but\",on:{\"mousedown\":function($event){return _vm.PtzActionUp($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionUp($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}}),_c('div',{staticClass:\"key_but\",on:{\"mousedown\":function($event){return _vm.PtzActionUpright($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionUpright($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}}),_c('div',{staticClass:\"key_but\",on:{\"mousedown\":function($event){return _vm.PtzActionLeft($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionLeft($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}}),_c('div',{staticClass:\"key_but\"}),_c('div',{staticClass:\"key_but\",on:{\"mousedown\":function($event){return _vm.PtzActionRight($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionRight($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}}),_c('div',{staticClass:\"key_but\",on:{\"mousedown\":function($event){return _vm.PtzActionDownleft($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionDownleft($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}}),_c('div',{staticClass:\"key_but\",on:{\"mousedown\":function($event){return _vm.PtzActionDown($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionDown($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}}),_c('div',{staticClass:\"key_but\",on:{\"mousedown\":function($event){return _vm.PtzActionDownright($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionDownright($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})])]),_c('div',{staticClass:\"zoom\"},[_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.focusing,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-add-focus zoom_add\",on:{\"mousedown\":function($event){return _vm.PtzActionZoomIn($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionZoomIn($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})]),_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.focusing,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-reduce-focus zoom_add\",on:{\"mousedown\":function($event){return _vm.PtzActionZoomOut($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionZoomOut($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})])],1)]),_c('div',{staticClass:\"zoom_g\"},[_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.Focus,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-jujiao2 zoom_add\",on:{\"mousedown\":function($event){return _vm.PtzActionfocusing($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionfocusing($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})]),_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.Focus,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-jujiao1 zoom_add\",on:{\"mousedown\":function($event){return _vm.PtzActionfocusings($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionfocusings($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})]),_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.aperture,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-guangquanjia zoom_add\",on:{\"mousedown\":function($event){return _vm.PtzActionaperture($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionaperture($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})]),_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.aperture,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-guangquanjian zoom_add\",on:{\"mousedown\":_vm.PtzActionaperturej,\"mouseup\":_vm.PtzActionStop,\"touchstart\":_vm.PtzActionaperturej,\"touchend\":_vm.PtzActionStop}})]),_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.LightON,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-light-open zoom_add\",on:{\"mousedown\":function($event){return _vm.PtzActionlighton($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionfocusing($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})]),_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.LightOFF,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-light-close zoom_add\",on:{\"mousedown\":function($event){return _vm.PtzActionlightoff($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionfocusings($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})]),_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.WiperON,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-kaiyushua zoom_add\",on:{\"mousedown\":function($event){return _vm.PtzActionwiperon($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionaperture($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})]),_c('el-tooltip',{attrs:{\"enterable\":false,\"content\":_vm.content.WiperOFF,\"placement\":\"top\",\"effect\":\"light\"}},[_c('button',{staticClass:\"iconfont icon-guanyushua zoom_add\",on:{\"mousedown\":function($event){return _vm.PtzActionwiperoff($event)},\"mouseup\":function($event){return _vm.PtzActionStop($event)},\"touchstart\":function($event){return _vm.PtzActionaperture($event)},\"touchend\":function($event){return _vm.PtzActionStop($event)}}})])],1),_c('div',{staticClass:\"Preset\"},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('el-slider',{attrs:{\"show-tooltip\":false,\"max\":1,\"min\":0.1,\"step\":0.1},model:{value:(_vm.Preset_value),callback:function ($$v) {_vm.Preset_value=$$v},expression:\"Preset_value\"}}),_c('span',{staticStyle:{\"color\":\"#ffffff\"}},[_vm._v(_vm._s(_vm.Preset_value))])],1),_c('div',{staticClass:\"block\"},[_c('el-timeline',_vm._l((_vm.Presetdata),function(Pre){return _c('el-timeline-item',{key:Pre.strName,attrs:{\"placement\":\"top\"}},[_c('el-card',[_c('div',{staticClass:\"preset_bgc\"},[_c('input',{staticClass:\"preset_input\",attrs:{\"type\":\"text\"},domProps:{\"value\":Pre.strName}}),_c('button',{staticClass:\"iconfont icon-RectangleCopy1\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.preset_Jump(Pre.strToken)}}}),_c('button',{staticClass:\"iconfont icon-icon-test1\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.preset_set(Pre.strToken,$event)}}})])])],1)}),1)],1)])])])])}\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!./Liveplay.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!./Liveplay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Liveplay.vue?vue&type=template&id=251ef47a&scoped=true&\"\nimport script from \"./Liveplay.vue?vue&type=script&lang=js&\"\nexport * from \"./Liveplay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Liveplay.vue?vue&type=style&index=0&id=251ef47a&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  \"251ef47a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAAACXBIWXMAAAsSAAALEgHS3X78AAABHElEQVR4nO3TAQ3AMAzAsP5gx59BT+ALAhtCpDy7ewb49coCdwaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBAIBoFgEAgGgWAQCAaBYBC4mZkPW98EK0J6HgUAAAAASUVORK5CYII=\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Liveview.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Liveview.vue?vue&type=style&index=0&lang=scss&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Liveplay.vue?vue&type=style&index=0&id=251ef47a&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Liveplay.vue?vue&type=style&index=0&id=251ef47a&lang=scss&scoped=true&\"","<template>\n    <div class=\"liveplay h5container\" @drop=\"dropTarget()\" >\n        <video class=\"h5video\" :id=\"videoid\" autoplay webkit-playsinline playsinline></video>\n        <canvas v-show=\"canvasdisplay\" class=\"h5vcanvas\" :id=\"canvas2id\"></canvas>                             \n        <!-- <video v-show=\"canvasdisplay\" class=\"h5video2\" :id=\"videoid2\" autoplay webkit-playsinline playsinline style=\"object-fit: fill;position:absolute;bottom:0;right:0;\"></video> -->\n        <canvas v-show=\"canvasdisplay\" :id=\"canvas3id\" style=\"position:absolute;bottom:0;right:0;\"></canvas>\n        <canvas v-show=\"canvasdisplay\" :id=\"canvasid\" style=\"position:absolute;bottom:0;right:0;\"></canvas>\n        <div class=\"breath_light\"></div>\n        <div :id=\"videonameid\" class=\"elqualitytoggle\" \n            @dragover.prevent=\"dragover($event)\"\n            draggable=\"true\" \n            @dragstart=\"drag($event)\">\n            {{videoname}} {{picturequality}}\n            <input type=\"button\" :value=\"valuebutton\"  @click=\"Bitstream($event.target.value)\" :id=\"inputid\" class=\"\"/>\n        </div>\n        <!-- <div :id=\"rtcid\" class=\"\"></div> -->\n        <!-- 画质 -->\n        <span class=\"spanquality elqualitytoggle\" v-show=\"!canvasdisplay\" :id=\"spanqualityid\">\n            <el-dropdown placement='top-end' trigger=\"click\"  @command=\"handleCommand\" class=\" \"  :id=\"qualityid\">\n                <span :id=\"elqualityid\" class=\"el-dropdown-link\">\n                    <i class=\"el-icon-video-camera el-icon--left\"></i>{{$t('message.live.Quality')}}\n                </span>\n                <el-dropdown-menu slot=\"dropdown\">\n                    <template >\n                        <el-dropdown-item v-for=\"(it,index) in qualitylist\"   :key=\"index\" :command=\"it\">{{it.strName}}</el-dropdown-item>\n                    </template>\n                </el-dropdown-menu>\n            </el-dropdown>\n        </span>\n        <div id=\"Audio_slider\" class=\"Audio_slider\">\n            <el-slider :step='0.1' :show-tooltip=\"false\" :max='1' @input='Audiochange' v-model=\"Audioslider\"></el-slider>\n        </div>\n        <div class=\"information\"  style=\"display:none padding:0px\">\n            <div class=\"information_con\">\n                <div class=\"information1\">\n                    <div class=\"information_title\">{{$t('message.live.Video')}}</div>\n                    <div class=\"information_content\" v-for=\"(a,index) in informationVideo\" :key=\"index\">\n                        <div class=\"information_content_left\">{{a.name}}</div>\n                        <div class=\"information_content_right\">{{a.data}}</div>\n                    </div>\n                </div>\n                <div class=\"information1\">\n                    <div class=\"information_title\">{{$t('message.live.Audio')}}</div>\n                    <div class=\"information_content\" v-for=\"(a,index) in informationAudio\" :key=\"index\">\n                        <div class=\"information_content_left\">{{a.name}}</div>\n                        <div class=\"information_content_right\">{{a.data}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"liveplay_butt\">\n            <div style=\"display: flex;justify-content: flex-end;\">\n                <button :id=\"rtcid\" class=\"iconfont icon-bofang open_button rotate\" @click=\"open_liveplay_butt\" style=\"font-size:12px;line-height: 14px;\"></button>\n                <button class=\"open_liveplay_butt\" type=\"text\" v-if=\"$store.state.liveviewrtc == 'RTC'\">RTC</button>\n                <button class=\"open_liveplay_butt\" type=\"text\" v-else>WS</button>\n                <CDropdown\n                    class=\"fw_butt\"\n                    style=\"\"\n                    color=\"link\"\n                    placement=\"bottom-start\"\n                    :caret=\"false\">\n                    <template #toggler-content>\n                        <button class=\"iconfont icon-erweima1\" @click=\"qrcode\" style=\"margin-left:0px\"></button>\n                    </template>\n                    <div class=\"bottom_QR\">\n                        <div class=\"bottom_scan\">扫一扫</div>\n                        <div class=\"bottom_QRcode\">\n                            <div>\n                                <div ref=\"qrcodead\" id=\"qrcodead1\" style=\"margin-bottom: 16px;\"></div>\n                                <div>Android</div>\n                            </div>\n                            <div>\n                                <div ref=\"qrcodeios\" id=\"qrcodeios1\" style=\"margin-bottom: 16px;\"></div>\n                                <div>iOS</div>\n                            </div>\n                        </div>\n                    </div>\n                </CDropdown>\n                <button class=\"info_id_show iconfont\" :class=\"(Audioslider==0)?'icon-jingyin':'icon-mn_shengyin_fill'\" @click=\"Audiosetup\"></button>\n                <button class=\"info_id_show iconfont icon-liuliang\" @click=\"Information\"></button>\n                <button class=\"iconfont\" :class=\"Shoutwheatclass\" @click=\"Shoutwheat\"></button>\n                <button class=\"iconfont icon-picfill\" @click=\"DoSnapshotWeb\"></button>\n                <button class=\"iconfont icon-camerafill\" @click=\"DoSnapshot\"></button>\n                <button class=\"iconfont icon-videofill\" @click=\"DoManualRecordStart\"></button>\n                <button class=\"iconfont icon-radioboxfill\" @click=\"DoManualRecordStop\"></button>\n                <button class=\"ptz_id_show iconfont icon-yuntai\" @click=\"PtzControlShow\"></button>\n                <button class=\"iconfont\" :class=\"dzfa\" @click=\"discanvas\" style=\"font-size: 16px;\"></button>\n                <button class=\"iconfont\" :class=\"Fullscren\" @click=\"FullScreen\"></button>\n                <button class=\"iconfont icon-roundclosefill\" @click=\"CloseVideo('close')\"></button>\n            </div>\n        </div>\n        <div class=\"liveplay_ptz\"  style=\"display:none padding:0px\">\n            <div class=\"flex_content\">\n                <div class=\"content_zoom\">\n                    <div class=\"key_zoom\">\n                        <div class=\"key_flex\">\n                            <div class=\"key_but\" @mousedown =\"PtzActionUpleft($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionUpleft($event)\" @touchend=\"PtzActionStop($event)\"></div>\n                            <div class=\"key_but\" @mousedown =\"PtzActionUp($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionUp($event)\" @touchend=\"PtzActionStop($event)\"></div>\n                            <div class=\"key_but\" @mousedown =\"PtzActionUpright($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionUpright($event)\" @touchend=\"PtzActionStop($event)\"></div>\n                            <div class=\"key_but\" @mousedown =\"PtzActionLeft($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionLeft($event)\" @touchend=\"PtzActionStop($event)\"></div>\n                            <div class=\"key_but\" ></div>\n                            <div class=\"key_but\" @mousedown =\"PtzActionRight($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionRight($event)\" @touchend=\"PtzActionStop($event)\"></div>\n                            <div class=\"key_but\" @mousedown =\"PtzActionDownleft($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionDownleft($event)\" @touchend=\"PtzActionStop($event)\"></div>\n                            <div class=\"key_but\" @mousedown =\"PtzActionDown($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionDown($event)\" @touchend=\"PtzActionStop($event)\"></div>\n                            <div class=\"key_but\" @mousedown =\"PtzActionDownright($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionDownright($event)\" @touchend=\"PtzActionStop($event)\"></div>\n                        </div>\n                        \n                    </div>\n                    <div class=\"zoom\">\n                            <el-tooltip :enterable=\"false\" :content=\"content.focusing\" placement=\"top\" effect=\"light\">\n                                <button class=\"iconfont icon-add-focus zoom_add\" @mousedown =\"PtzActionZoomIn($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionZoomIn($event)\" @touchend=\"PtzActionStop($event)\"></button>\n                            </el-tooltip>\n                            <el-tooltip :enterable=\"false\" :content=\"content.focusing\" placement=\"top\" effect=\"light\">\n                                <button class=\"iconfont icon-reduce-focus zoom_add\" @mousedown =\"PtzActionZoomOut($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionZoomOut($event)\" @touchend=\"PtzActionStop($event)\"></button>\n                            </el-tooltip>\n                        </div>\n                </div>\n                <!-- 聚光等 -->\n                <div class=\"zoom_g\">\n                    <el-tooltip :enterable=\"false\" :content=\"content.Focus\" placement=\"top\" effect=\"light\">\n                        <button class=\"iconfont icon-jujiao2 zoom_add\" @mousedown =\"PtzActionfocusing($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionfocusing($event)\" @touchend=\"PtzActionStop($event)\"></button>\n                    </el-tooltip>\n                    <el-tooltip :enterable=\"false\" :content=\"content.Focus\" placement=\"top\" effect=\"light\">\n                        <button class=\"iconfont icon-jujiao1 zoom_add\" @mousedown =\"PtzActionfocusings($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionfocusings($event)\" @touchend=\"PtzActionStop($event)\"></button>\n                    </el-tooltip>\n\n                    <el-tooltip :enterable=\"false\" :content=\"content.aperture\" placement=\"top\" effect=\"light\">\n                        <button class=\"iconfont icon-guangquanjia zoom_add\" @mousedown =\"PtzActionaperture($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionaperture($event)\" @touchend=\"PtzActionStop($event)\"></button>\n                    </el-tooltip>\n                    <el-tooltip :enterable=\"false\" :content=\"content.aperture\" placement=\"top\" effect=\"light\">\n                        <button class=\"iconfont icon-guangquanjian zoom_add\"  @mousedown =\"PtzActionaperturej\" @mouseup=\"PtzActionStop\" @touchstart =\"PtzActionaperturej\" @touchend=\"PtzActionStop\"></button>\n                    </el-tooltip>\n                    <!-- 后四 -->\n                    <el-tooltip :enterable=\"false\" :content=\"content.LightON\" placement=\"top\" effect=\"light\">\n                        <button class=\"iconfont icon-light-open zoom_add\" @mousedown =\"PtzActionlighton($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionfocusing($event)\" @touchend=\"PtzActionStop($event)\"></button>\n                    </el-tooltip>\n                    <el-tooltip :enterable=\"false\" :content=\"content.LightOFF\" placement=\"top\" effect=\"light\">\n                        <button class=\"iconfont icon-light-close zoom_add\" @mousedown =\"PtzActionlightoff($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionfocusings($event)\" @touchend=\"PtzActionStop($event)\"></button>\n                    </el-tooltip>\n\n                    <el-tooltip :enterable=\"false\" :content=\"content.WiperON\" placement=\"top\" effect=\"light\">\n                        <button class=\"iconfont icon-kaiyushua zoom_add\" @mousedown =\"PtzActionwiperon($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionaperture($event)\" @touchend=\"PtzActionStop($event)\"></button>\n                    </el-tooltip>\n                    <el-tooltip :enterable=\"false\" :content=\"content.WiperOFF\" placement=\"top\" effect=\"light\">\n                        <button class=\"iconfont icon-guanyushua zoom_add\" @mousedown =\"PtzActionwiperoff($event)\" @mouseup=\"PtzActionStop($event)\" @touchstart =\"PtzActionaperture($event)\" @touchend=\"PtzActionStop($event)\"></button>\n                    </el-tooltip>\n                </div>\n                <div class=\"Preset\">\n                    <div class=\"\" style=\"text-align: center;\">\n                        <el-slider v-model=\"Preset_value\" :show-tooltip=\"false\" :max=\"1\" :min=\"0.1\" :step=\"0.1\"></el-slider>\n                        <span style=\"color:#ffffff;\">{{Preset_value}}</span>\n                    </div>\n                    <div class=\"block\">\n                        <el-timeline>\n                            <el-timeline-item placement=\"top\" v-for=\"Pre in Presetdata\" :key=\"Pre.strName\" >\n                                <el-card>\n                                    <div class=\"preset_bgc\">\n                                        <input type=\"text\" class=\"preset_input\" :value=\"Pre.strName\"/>\n                                        <button type=\"button\" class=\"iconfont icon-RectangleCopy1\" @click=\"preset_Jump(Pre.strToken)\"></button>\n                                        <button type=\"button\" class=\"iconfont icon-icon-test1\" @click=\"preset_set(Pre.strToken,$event)\"></button>\n                                    </div>\n                                </el-card>\n                            </el-timeline-item>\n                        </el-timeline>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport QRCode from 'qrcodejs2';\nimport '../../assets/js/adapter'\nimport {H5sPlayerWS,H5sPlayerHls,H5sPlayerRTC,H5sPlayerAudBack} from '../../assets/js/h5splayer.js'\nimport {H5siOS,H5sPlayerCreate} from '../../assets/js/h5splayerhelper.js'\nimport uuid from '../../assets/js/uuid';\nimport images from './imgs/2000.png';\nexport default {\n    name:\"liveplay\",\n    props:['h5id', 'h5videoid',\"cols\",\"rows\"],\n    data(){\n        return{\n            Audioslider:0,//音频\n            informationshow: false,\n            informationAudio:[],\n            informationVideo:[],\n            proto: this.$store.state.liveviewrtc,\n            videoid: this.h5videoid,\n            videoid2: this.h5videoid+2,\n            canvasid: 'canvas'+this.h5videoid,\n            canvas2id: 'canvas2'+this.h5videoid,\n            canvas3id: 'canvas3'+this.h5videoid,\n            h5handler:undefined,//v1\n            audioback:undefined,//语音\n            currtoken:undefined,//token\n            tokenshou:null,\n            ptzshow: false,\n            audioshow: false,\n            Fullscren:'icon-full',\n            dzfa:'icon-chuangkoufangda1',\n            Preset_value:0.5,//镜头转换速度\n            Presetdata:[],//预置位数组\n            Shoutwheatclass:\"icon-voicefill1\",//语音图标\n            content:{\n                focusing:this.$t('message.live.focusing'),\n                Focus:this.$t('message.live.Focus'),\n                aperture:this.$t('message.live.aperture'),\n\n                LightON:this.$t('message.live.LightON'),\n                LightOFF:this.$t('message.live.LightOFF'),\n                WiperON:this.$t('message.live.WiperON'),\n                WiperOFF:this.$t('message.live.WiperOFF')\n            },//聚焦\n\n            spanqualityid:\"spanqualityid\"+this.h5videoid,\n            qualityid: 'quality'+this.h5videoid,\n            elqualityid:'elqualityid'+this.h5videoid,\n            videonameid:\"name\"+this.h5videoid,\n            picturequalityid:\"picturequalityid\"+this.h5videoid,\n            inputid:\"input\"+this.h5videoid,\n            qualitylist:[],\n            valuebutton:this.$t(\"message.live.substream\"),\n            videoname:\"\",//视频名称\n            picturequality:'',//画质名称\n            rtcid:\"rtc\"+this.h5videoid,\n            streamprofileInformation:null,//码流区分\n            height:\"\",\n            width:\"\",\n            canvasdisplay:false,\n            videowidth:'',\n            videoheigh:'',\n            resolutionw:'',\n            resolutionh:'',\n            name:'',\n            interval:'',\n            RootCloseTokenId:'',\n        }\n    },\n    beforeDestroy() {\n        this.CloseVideo('close');\n    },\n    computed: {\n        listData() {\n            return this.$store.state.liveplay;\n        },\n        allclosevideo(){\n            return this.$store.state.offVideo;\n        },\n        jiaohuan(){\n            return this.$store.state.jiaohuan;\n        }\n    },\n    mounted(){\n        let _this = this;\n        // console.log(this.$store.state.liveplay)\n        $(\"#\"+this.spanqualityid).addClass(\"spanquality\");\n        $(\"#\"+this.inputid).addClass(\"spanpicturequality\");\n        this. Gettranscod();\n        this.$root.bus.$on('dbclick',function(r,c){\n            _this.canvasdisplay = false;\n            if ('h'+r+c == _this.h5id) {\n                _this.videocanvas();\n                \n            }\n        });\n        setTimeout(()=>{\n            // this.Recdot();\n        },2000);\n        _this.$root.bus.$on('deviceStatus', function(token,vid){\n\t\t\t// _this.TreeRecdot(token,vid);\n\t\t});\n        // 按ESC退出全屏，改变icon\n        window.addEventListener('resize', () => {\n            if(!this.checkFull() &&this.$store.state.FullScreenId!=''){\n                // 退出全屏后要执行的动作\n                this.Fullscren='icon-full';\n                var $container =$('#'+this.$store.state.FullScreenId);\n                var liveplay_butt = $container.children(\".liveplay_butt\");\n                var suoxiao = liveplay_butt.children(\".icon-suoxiao\");\n                suoxiao.removeClass(\"icon-suoxiao\");\n                suoxiao.addClass(\"icon-full\");\n                _this.canvasdisplay = false\n            }\n        });\n        this.elqualitytoggle();\n        if (localStorage.getItem(this.$store.state.user)) {\n            let strLayoutType = JSON.parse(localStorage.getItem(this.$store.state.user))['strLayoutType'];\n            if (strLayoutType==\"1|13\"||strLayoutType==\"4|4\"||strLayoutType==\"5|5\") {\n                this.$nextTick(()=>{\n                    $('.liveplay_butt').css('background-size', '280px 35px');\n                })\n            }else{\n                $('.liveplay_butt').css('background-size', '380px 35px');\n            }\n        }\n        this.$root.bus.$on('strLayoutTypes',function(data){\n            $('.liveplay_butt').children().children('.open_button').addClass('rotate');\n            $('.liveplay_butt').children().children('.open_liveplay_butt').css(\"display\", \"none\");\n            if (data==\"1|13\"||data==\"4|4\"||data==\"5|5\") {\n                this.$nextTick(()=>{\n                    $('.liveplay_butt').css('background-size', '280px 35px');\n                }) \n            }else if (data==\"3|3\"){\n                this.$nextTick(()=>{\n                    setTimeout(()=>{\n                        $('.liveplay_butt').css('background-size', '380px 35px');\n                    },25)\n                })\n            }else{\n                this.$nextTick(()=>{\n                    setTimeout(()=>{\n                        $('.liveplay_butt').css('background-size', '380px 35px');\n                    },25)\n                })\n            }\n        });\n    },\n    watch:{\n        listData(token){\n            if(token.viewparameter=='viewparameter'){\n                this.CloseVideo(token.viewparameter);\n            }\n            setTimeout(()=>{\n                if (this.h5id != token.vid)\n                {\n                    return;\n                }\n                this.PlayVideo(token.token,token.streamprofile,token.label,token.name);\n                this.tokenshou=token.token;\n                this.RootCloseTokenId=token.treeid;\n                this.streamprofileInformation=token.streamprofile\n                var root = this.$store.state.IPPORT;\n                var url = root + \"/api/v1/GetVidStreamStatus?token=\"+token.token+\"&stream=\"+token.streamprofile+\"&session=\"+ this.$store.state.token;\n                //重组\n                let resinterval = setInterval(()=>{\n                    this.$http.get(url).then(result=>{\n                        if(result.status == 200){\n                            if (result.data.nVideoWidth) {\n                                clearInterval(resinterval);\n                            }\n                            this.resolutionw = result.data.nVideoWidth\n                            this.resolutionh = result.data.nVideoHeight\n                        }\n                    })\n                },2000)\n            },200)\n        },\n        allclosevideo(close){\n            this.AllCloseVideo(close)\n        },\n        jiaohuan(jiao){\n            if (jiao==this.h5videoid) {\n                this.$store.state.jiaohuan='';\n                console.log(this.inputid);\n                this.CloseVideo('close',false);\n                let datas = this.$store.state.drag;\n                this.PlayVideo(datas.two.strToken,datas.two.strStream,null,datas.two.name)\n                let viewdata1 = {};\n                let viewdata2 = {};\n                viewdata1['strIndex'] = this.$store.state.drag.two.strId\n                viewdata1['strToken'] =this.$store.state.drag.one.strToken\n                viewdata1['strStream'] =this.$store.state.drag.one.strStream\n                this.$store.state.liveviewadd.push(viewdata1)\n                if (this.$store.state.drag.two.strToken!='') {\n                    viewdata2['strIndex'] = this.$store.state.drag.one.strId\n                    viewdata2['strToken'] =this.$store.state.drag.two.strToken\n                    viewdata2['strStream'] =this.$store.state.drag.two.strStream\n                    this.$store.state.liveviewadd.push(viewdata2)\n                }\n            }\n        }\n    },\n    methods:{\n        // 展开或收缩liveplay上面的button按钮\n        open_liveplay_butt(){\n            if ($(\"#\"+this.rtcid)[0].className==\"iconfont icon-bofang open_button rotate\") {\n                $(\"#\"+this.rtcid).siblings('.open_liveplay_butt').css(\"display\", \"block\");\n                $(\"#\"+this.rtcid).removeClass('rotate');\n                $(\"#\"+this.rtcid).parent().parent('.liveplay_butt').css('background-size', '420px 35px');\n            }else{\n                $(\"#\"+this.rtcid).siblings('.open_liveplay_butt').css(\"display\", \"none\");\n                $(\"#\"+this.rtcid).addClass('rotate');\n                $(\"#\"+this.rtcid).parent().parent('.liveplay_butt').css('background-size', '380px 35px');\n            }\n        },\n        //画质选择，是否显示\n        elqualitytoggle(){\n            if(typeof(localStorage.elqualitytoggle) == 'undefined'){\n                if ($(\"#\"+this.spanqualityid).get(0).className==\"spanquality elqualitytoggle\") {\n                    $(\"#\"+this.spanqualityid).removeClass(\"elqualitytoggle\")\n                }else{\n                    $(\"#\"+this.spanqualityid).addClass(\"elqualitytoggle\")\n                }\n            }else{\n                if(localStorage.elqualitytoggle == 'block') {\n                    if ($(\"#\"+this.spanqualityid).get(0).className==\"spanquality elqualitytoggle\") {\n                        $(\"#\"+this.spanqualityid).removeClass(\"elqualitytoggle\")\n                    }else{\n                        $(\"#\"+this.spanqualityid).addClass(\"elqualitytoggle\")\n                    }\n                }else if(localStorage.elqualitytoggle == 'none'){\n                    $('.elqualitytoggle').css('display', 'none');\n                }\n            }\n        },\n        // 判断全屏\n\t\tcheckFull(){\n            //判断浏览器是否处于全屏状态 （需要考虑兼容问题）\n            //火狐浏览器\n            var isFull = document.mozFullScreen||\n            document.fullScreen ||\n            //谷歌浏览器及Webkit内核浏览器\n            document.webkitIsFullScreen ||\n            document.webkitRequestFullScreen ||\n            document.mozRequestFullScreen ||\n            document.msFullscreenEnabled\n            if(isFull === undefined) {\n            isFull = false\n            }\n            return isFull;\n        },\n        // 点击el-tree录像小圆点显示\n        TreeRecdot(token,vid){\n            var $container = $(\"#\"+vid);\n            var $controlrec = $container.children(\".breath_light\");\n            $controlrec.css(\"display\", \"none\");\n            if (localStorage.getItem('bRec')) {\n                let bRecToken = JSON.parse(localStorage.getItem('bRec'));\n                for (let k = 0; k < bRecToken.length; k++) {\n                    const rectoken = bRecToken[k];\n                    if (token==rectoken) {\n                        this.$nextTick(()=>{\n                            var $container = $(\"#\"+vid);\n                            var $controlrec = $container.children(\".breath_light\");\n                            $controlrec.css(\"display\", \"block\");\n                        })\n                    }\n                }\n            }\n        },\n        // 刷新页面录像小圆点显示\n        Recdot(){\n            if (localStorage.getItem(this.$store.state.user)) {\n                let localToken = JSON.parse(localStorage.getItem(this.$store.state.user))['src'];\n                let bRecToken = JSON.parse(localStorage.getItem('bRec'));\n                if (localToken!=[]) {\n                    for (let i = 0; i < localToken.length; i++) {\n                        const playtoken = localToken[i]['strToken'];\n                        for (let k = 0; k < bRecToken.length; k++) {\n                            const rectoken = bRecToken[k];\n                            if (playtoken==rectoken) {\n                                this.$nextTick(()=>{\n                                    var $container = $(\"#\"+localToken[i]['strIndex']);\n                                    var $controlrec = $container.children(\".breath_light\");\n                                    $controlrec.css(\"display\", \"block\");\n                                })\n                            }\n                        }\n                    }\n                }\n            }\n        },\n        //拖动播放\n        drag(e){\n            this.$store.state.drag.drags = true;\n            this.$store.state.dragid = this.h5id;\n            console.log(this.$store.state.liveviewadd);\n            let data= this.$store.state.liveviewadd;\n            for (let i = 0; i < data.length; i++) {\n                if (data[i].strIndex ==  this.h5id) {\n                    this.$store.state.drag.one.strId = this.h5id\n                    this.$store.state.drag.one.strIndex = this.h5videoid\n                    this.$store.state.drag.one.strStream = data[i].strStream\n                    this.$store.state.drag.one.strToken = data[i].strToken\n                    this.$store.state.drag.one.name = this.name\n                }\n                \n            }\n            console.log(this.$store.state.drag.one);\n        },\n        dragover (e) {\n            // console.log(e)\n        },\n        dropTarget () {\n            if (this.$store.state.drag.drags&&this.$store.state.dragid!=this.h5id) {\n                this.$store.state.drag.drags = false\n                // let viewdata = JSON.parse(localStorage.getItem(this.$store.state.user));\n                // let data= viewdata.src;\n                let data= this.$store.state.liveviewadd;\n                console.log(data);\n                this.$store.state.jiaohuan = this.$store.state.drag.one.strIndex;\n                let token =''\n                this.$store.state.drag.two.strId = this.h5id\n                this.$store.state.drag.two.strIndex = ''\n                this.$store.state.drag.two.strStream = ''\n                this.$store.state.drag.two.strToken = ''\n                this.$store.state.drag.two.name = ''\n                for (let i = 0; i < data.length; i++) {\n                    if (data[i].strIndex ==  this.h5id) {\n                        this.$store.state.drag.two.strId = this.h5id\n                        this.$store.state.drag.two.strIndex = this.h5videoid\n                        this.$store.state.drag.two.strStream = data[i].strStream\n                        this.$store.state.drag.two.strToken = data[i].strToken\n                        this.$store.state.drag.two.name = this.name\n                        token = data[i].strToken;\n                    }\n                }\n                let datas = this.$store.state.drag;\n                this.CloseVideo('close',false);\n                var root = this.$store.state.IPPORT;\n                var url = root + \"/api/v1/GetVidStreamStatus?token=\"+datas.one.strToken+\"&stream=\"+datas.one.strStream+\"&session=\"+ this.$store.state.token;\n                //重组\n                this.$http.get(url).then(result=>{\n                    if(result.status == 200){\n                        this.resolutionw = result.data.nVideoWidth\n                        this.resolutionh = result.data.nVideoHeight\n                        this.PlayVideo(datas.one.strToken,datas.one.strStream,null,datas.one.name);\n                        this.tokenshou=datas.one.strToken;\n                        this.streamprofileInformation=datas.one.streamprofile\n                    }\n                })\n            }\n        },\n        //音频\n        Audiosetup(){\n            var $container = $(\"#\"+this.h5id);\n            var $controlsin = $container.children(\".Audio_slider\");\n            if (this.audioshow == false){\n                $controlsin.css(\"display\", \"block\");\n                this.audioshow = true;\n            }else{\n                $controlsin.css(\"display\", \"none\");\n                this.audioshow = false;\n            }\n        },\n        Audiochange(){\n            //要打开音频设置\n            // console.log(\"要打开音频设置\",this.Audioslider)\n            document.getElementById(this.h5videoid).volume=this.Audioslider\n        },\n        //码率\n        Information(){\n            console.log('124')\n            var $container = $(\"#\"+this.h5id);\n            var $controlsin = $container.children(\".information\");\n            var cors=this.cols*this.rows;\n            console.log(this.tokenshou)\n            if(cors>9||this.tokenshou==undefined){\n                return false\n            }\n            if (this.informationshow == false)\n            {\n                console.log('12455',cors)\n                $controlsin.css(\"display\", \"block\");\n                this.informationshow = true;\n            }else\n            {\n                $controlsin.css(\"display\", \"none\");\n                this.informationshow = false;\n                clearInterval(this.timerRunInfo);\n                return false\n            }\n            this.Informationdate()\n            this.timerRunInfo = setInterval(() => {\n                this.Informationdate()\n            },8000)\n        },\n        Informationdate(){\n            var root = this.$store.state.IPPORT;\n            //url\n            var url = root + \"/api/v1/GetVidStreamStatus?token=\"+this.tokenshou+\"&stream=\"+this.streamprofileInformation+\"&session=\"+ this.$store.state.token;\n            //重组\n            this.$http.get(url).then(result=>{\n                if(result.status == 200){\n                    console.log(result)\n                    var item=result.data\n                    var informationAudio=[{\n                            name:this.$t(\"message.live.Codec\"),\n                            data:item.strAudioType\n                        },{\n                            name:this.$t(\"message.live.SampleRate\"),\n                            data:item.nAudioSampleRate\n                        },{\n                            name:this.$t(\"message.live.SampleBit\"),\n                            data:item.nAudioSampleBit\n                        },{\n                            name:this.$t(\"message.live.Channels\"),\n                            data:item.nAudioChannels\n                        },{\n                            name:this.$t(\"message.live.Bitrate\"),\n                            data:(item.nAudioBitrate/1024).toFixed(1)+'kpbs'\n                        }]\n                         if(this.height){\n                            var informationVideo = [\n                                {\n                                    name: this.$t(\"message.live.Codec\"),\n                                    data: item.strVideoType,\n                                },\n                                {\n                                    name: this.$t(\"message.live.Width\"),\n                                    data: this.width,\n                                },\n                                {\n                                    name: this.$t(\"message.live.Height\"),\n                                    data: this.height,\n                                },\n                                {\n                                    name: this.$t(\"message.live.FPS\"),\n                                    data: item.nVideoFPS,\n                                },\n                                {\n                                    name: this.$t(\"message.live.Bitrate\"),\n                                    data: (item.nVideoBitrate / 1024).toFixed(1) + \"kpbs\",\n                                },\n                                ];\n                            }else{\n                        var informationVideo=[{\n                            name:this.$t(\"message.live.Codec\"),\n                            data:item.strVideoType\n                        },{\n                            name:this.$t(\"message.live.Width\"),\n                            data:item.nVideoWidth\n                        },{\n                            name:this.$t(\"message.live.Height\"),\n                            data:item.nVideoHeight\n                        },{\n                            name:this.$t(\"message.live.FPS\"),\n                            data:item.nVideoFPS\n                        },{\n                            name:this.$t(\"message.live.Bitrate\"),\n                            data:(item.nVideoBitrate/1024).toFixed(1)+'kpbs'\n                        }]\n                    }\n                        this.informationAudio=informationAudio\n                        this.informationVideo=informationVideo\n                }\n            })\n        },\n        //码流按钮\n        Bitstream(event){\n            let data= JSON.parse(localStorage.getItem(this.$store.state.user));\n            // return false\n            if(event===this.$t(\"message.live.substream\")){\n                this.streamprofileInformation='sub'\n                var streamprofile='sub'\n                var token=this.inputtoken\n                var label=this.inputlabel\n                var arr=label.substring(0,this.inputlabel.lastIndexOf(\"-\"))\n                var name=arr+\"-\"+this.$t(\"message.live.substream\")\n                // this.PlayVideo(token,streamprofile,label,name)\n                this.valuebutton=this.$t(\"message.live.mainstream\")\n                this.picturequality='';\n                for (let i = 0; i < data.src.length; i++) {\n                    if(data.src[i].strIndex==this.h5id){\n                        data.src[i].strStream='sub'\n                    }\n                    \n                }\n                localStorage.setItem(this.$store.state.user,JSON.stringify(data));\n                this.$store.state.liveviewadd = data.src;\n                var root = this.$store.state.IPPORT;\n                var url = root + \"/api/v1/GetVidStreamStatus?token=\"+token+\"&stream=\"+streamprofile+\"&session=\"+ this.$store.state.token;\n                //重组\n                this.$http.get(url).then(result=>{\n                    if(result.status == 200){\n                        this.resolutionw = result.data.nVideoWidth;\n                        this.resolutionh = result.data.nVideoHeight;\n                        this.PlayVideo(token,streamprofile,label,name)\n                    }\n                })\n\n            }else if(event===this.$t(\"message.live.mainstream\")){\n                this.streamprofileInformation='main'\n                var streamprofile='main'\n                var token=this.inputtoken\n                var arr=this.inputlabel.substring(0,this.inputlabel.lastIndexOf(\"-\"))\n                var name=arr+\"-\"+this.$t(\"message.live.mainstream\")\n                // this.PlayVideo(token,streamprofile,label,name);\n                this.valuebutton=this.$t(\"message.live.substream\")\n                this.picturequality='';\n                for (let i = 0; i < data.src.length; i++) {\n                    if(data.src[i].strIndex==this.h5id){\n                        data.src[i].strStream='main'\n                    }\n                    \n                }\n                localStorage.setItem(this.$store.state.user,JSON.stringify(data));\n                this.$store.state.liveviewadd = data.src;\n                var root = this.$store.state.IPPORT;\n                var url = root + \"/api/v1/GetVidStreamStatus?token=\"+token+\"&stream=\"+streamprofile+\"&session=\"+ this.$store.state.token;\n                //重组\n                this.$http.get(url).then(result=>{\n                    if(result.status == 200){\n                        this.resolutionw = result.data.nVideoWidth;\n                        this.resolutionh = result.data.nVideoHeight;\n                        this.PlayVideo(token,streamprofile,label,name)\n                    }\n                })\n            }\n        },\n        // 转码\n        Gettranscod(){\n            var url = this.$store.state.IPPORT + \"/api/v1/GetTransProfile?session=\"+ this.$store.state.token;\n            this.$http.get(url).then(result=>{\n            //   return false;\n              if(result.status == 200){\n                this.qualitylist=result.data.profile\n                //   var itme=result.data.profile;\n                //   for(var i=0;i<itme.length;i++){\n                //       var qualitydata={\n                //           strName:itme[i].strName,\n                //           strToken:itme[i].strToken,\n                //           nCodec:itme[i].nCodec,\n                //           nEngine:itme[i].nEngine,\n                //           nBitrate:itme[i].nBitrate,\n                //           nFPSType:itme[i].nFPSType,\n                //           nFPS :itme[i].nFPS,\n                //           nScaleType:itme[i].nScaleType,\n                //           nWidth:itme[i].nWidth,\n                //           nHeight:itme[i].nHeight,\n                //       };\n                //       this.qualityform.push(qualitydata);\n                //   }\n\n             }\n            }).catch()\n        },\n        // 画质\n        handleCommand(command) {\n            this.height =command.nHeight\n            this.width =command.nWidth\n            this.videoname=''\n            var arr=this.inputlabel.substring(0,this.inputlabel.lastIndexOf(\"-\"))\n            var name=arr+\"-\"+command.strName\n            var token=this.inputtoken\n            this.videoname=name\n            var streamprofile= command.strToken\n            this.PlayVideo(token,streamprofile,\"\",name)\n           \n        },\n        discanvas(){\n            this.canvasdisplay = !this.canvasdisplay;\n            this.videowidth = $('#'+this.videoid).width();\n            this.videoheight = $('#'+this.videoid).height();\n            this.videocanvas()\n        },\n        //canvas映射\n        videocanvas(){\n            let img = new Image();\n            img.src = images;\n            let _this = this;\n            let video = document.getElementById(this.videoid);\n            let canvas = document.getElementById(this.canvasid);\n            let canvas2 = document.getElementById(this.canvas2id);\n            let canvas3 = document.getElementById(this.canvas3id);\n            let width = $('#'+this.videoid).width()/4;\n            let height = $('#'+this.videoid).height()/4;\n            // let numbe = 1;\n            let context = canvas.getContext('2d');\n            let context2 = canvas2.getContext('2d');\n            let context3 = canvas3.getContext('2d');\n            canvas2.width=$('#'+this.videoid).width()\n            canvas2.height=$('#'+this.videoid).height()\n            $('.h5video2').width($('#'+this.videoid).width()/4);\n            $('.h5video2').height($('#'+this.videoid).height()/4);\n            canvas.width=width;\n            canvas.height=height;\n            canvas3.width=width;\n            canvas3.height=height;\n            clearInterval(this.interval);\n            let x=0 ,y=0 ,disX = 0, disY = 0, disW = width, disH = height;\n            this.interval = setInterval(function() {\n                if(video.paused || video.ended) {\n                    return;\n                }\n                captureFrame();\n            },40)\n            function captureFrame() {\n                if (disW/width==1) {\n                    disX = 0;\n                    disY = 0;\n                }\n                if (_this.resolutionw*disW/width>_this.resolutionw-disX) {\n                    disX = _this.resolutionw-_this.resolutionw*disW/width;\n                }\n                if (_this.resolutionh*disH/height>_this.resolutionh-disY) {\n                    disY = _this.resolutionh-_this.resolutionh*disH/height;\n                }\n                context2.clearRect(0, 0, canvas2.width, canvas2.height);\n                // console.log(disX, disY,_this.resolutionw*disW/width,_this.resolutionh*disH/height,0,0,canvas2.width,canvas2.height);\n                //0 1083.5861350881396 960 544 0 0 1123 768\n                // 0 544 960 544 0 0 1123 768\n                console.log(video, disX, disY,_this.resolutionw*disW/width,_this.resolutionh*disH/height,0,0,canvas2.width,canvas2.height);\n                context2.drawImage(video, disX, disY,_this.resolutionw*disW/width,_this.resolutionh*disH/height,0,0,canvas2.width,canvas2.height);\n                context3.clearRect(0, 0, canvas3.width, canvas3.height);\n                context3.drawImage(video, 0, 0,width,height);\n            }\n            canvas.onmousedown = function (e) {\n                x = e.clientX - canvas.getBoundingClientRect().left; y = e.clientY - canvas.getBoundingClientRect().top;\n                //限制移动不能超出画布\n                if (x <= disW / 2) x = 0;\n                if (x > disW / 2 && x < width - disW / 2) x = x - disW / 2;\n                if (x >= width - disW / 2) x = width - disW;\n                if (y <= disH / 2) y = 0;\n                if (y > disH / 2 && y < height - disH / 2) y = y - disH / 2;\n                if (y >= height - disH / 2) y = height - disH;\n                //先清除之前的然后重新绘制\n                context.clearRect(0, 0, canvas.width, canvas.height);\n                context.drawImage(img, x, y, disW, disH);\n                disX = _this.resolutionw/disW * x; disY = _this.resolutionh/disH* y;\n\n                canvas.onmousemove = function (e) {\n                    x = e.clientX - canvas.getBoundingClientRect().left; y = e.clientY - canvas.getBoundingClientRect().top;\n                    // console.log(x,disW,width);\n                    //限制移动不能超出画布\n                    if (x <= disW / 2) x = 0;\n                    if (x > disW / 2 && x < width - disW / 2) x = x - disW / 2;\n                    if (x >= width - disW / 2) x = width - disW;\n                    if (y <= disH / 2) y = 0;\n                    if (y > disH / 2 && y < height - disH / 2) y = y - disH / 2;\n                    if (y >= height - disH / 2) y = height - disH;\n                    disX = _this.resolutionw/width * x; disY = _this.resolutionh/height* y\n                    //先清除之前的然后重新绘制\n                    context.clearRect(0, 0, canvas.width, canvas.height);\n                    context.drawImage(img, x, y, disW, disH);\n                };\n\n                canvas.onmouseup = function () {\n                    canvas.onmousemove = null;\n                    canvas.onmouseup = null;\n                };\n            }\n            canvas2.onmousewheel = canvas.onmousewheel = function (event) {\n                if (event.wheelDeltaY > 0) {\n                    if (disW < width) {\n                        disW = disW + width / 4;\n                        disH = disH + height / 4;\n                    } else {\n                        disW = width;\n                        disH = height;\n                    }\n                } else {\n                    // console.log(disW,width/4);\n                    if (disW < width/2) {\n                        disW = width / 4; \n                        disH = height / 4;\n                    } else {\n                        disW = disW - width / 4;\n                        disH = disH - height / 4;\n                    }\n                }\n                // numbe=disW/width\n                if (canvas.width-x<disW) {\n                    x = canvas.width-disW;\n                }\n                if (canvas.height-y<disH) {\n                    y = canvas.height-disH;\n                }\n                context.clearRect(0, 0, canvas.width, canvas.height);\n                context.drawImage(img, x, y, disW, disH);\n            }\n        },\n        //播放\n        PlayVideo(token,streamprofile,label,name){\n            if (token=='') return\n            this.name =name\n            if (this.h5handler != undefined)\n            {\n                this.h5handler.disconnect();\n                delete this.h5handler;\n                this.h5handler = undefined;\n                if(document.getElementById(this.h5videoid)){\n                    $(\"#\" + this.h5videoid).get(0).poster = '';\n                    $(\"#\" + this.h5videoid).get(0).load();\n                }\n            }\n                this.currtoken = token;\n\n                var videosize = document.querySelector('#'+this.h5id);\n                // return false;\n                this.inputtoken=token\n                this.inputlabel=name\n                this.streamprofile=streamprofile\n                // this.streamprofile=streamprofile\n                this.videoname=name;//视频名称\n            \n                $(\"#\"+this.videonameid).addClass(\"videoname\");\n                $(\"#\"+this.inputid).addClass(\"streambutton\")\n                $(\"#\"+this.qualityid).addClass(\"quality\")\n                $(\"#\"+this. picturequalityid).removeClass(\"picturequality\")      \n                //console.log(\"*********************\",label,token);\n                $(\"#\"+this.spanqualityid).removeClass(\"spanquality\")\n                $(\"#\"+this.inputid).removeClass(\"spanpicturequality\") \n                this.currtoken = token;\n                // console.log(streamprofile,\"111111111111111111*****\")\n                if(streamprofile===\"sub\"){\n                    this.valuebutton=this.$t(\"message.live.mainstream\")\n                } else if(streamprofile===\"main\"){\n                    this.valuebutton=this.$t(\"message.live.substream\")\n                }else{\n                    this.valuebutton=this.$t(\"message.live.substream\")\n                }\n\n                let conf = {\n                    videoid: this.h5videoid,\n                    protocol: window.location.protocol, //http: or https:\n                    host: this.$store.state.WSROOT, //localhost:8080\n                    streamprofile: streamprofile, // {string} - stream profile, main/sub or other predefine transcoding profile\n                    rootpath: '/', // '/'\n                    token: token,\n                    hlsver: 'v1', //v1 is for ts, v2 is for fmp4\n                    rtcengine: localStorage.getItem('H5sRtcengine'),\n                    session: this.$store.state.token, //session got from login\n                    consolelog: 'true'\n                };\n                if (this.$store.state.liveviewrtc == 'RTC' || (H5siOS() === true)){\n                    console.log(this.$store.state.liveviewrtc)\n                    this.h5handler = new H5sPlayerRTC(conf);\n                    // $(\"#\"+this.rtcid).addClass(\"rtc_new\");\n                }else{\n                    console.log(this.$store.state.liveviewrtc)\n                    this.h5handler = new H5sPlayerWS(conf);\n                    // $(\"#\"+this.rtcid).removeClass(\"rtc_new\");\n                }\n                this.h5handler.connect();\n                this.$store.state.liveplay={\n                    token:null,\n                    streamprofile:null,\n                    name:null,\n                    label:null,\n                    vid:null,\n                    viewparameter:null\n                }\n                if (localStorage.getItem('bRec')) {\n                let bRecToken = JSON.parse(localStorage.getItem('bRec'));\n                for (let k = 0; k < bRecToken.length; k++) {\n                    const rectoken = bRecToken[k];\n                    if (token==rectoken) {\n                        this.$nextTick(()=>{\n                            var $container = $(\"#\"+this.h5id);\n                            var $controlrec = $container.children(\".breath_light\");\n                            $controlrec.css(\"display\", \"block\");\n                        })\n                    }\n                }\n            }\n        },\n        // 全部关闭\n        AllCloseVideo(){\n             // console.log(viewparameter)\n            this.canvasdisplay=false\n            this.$root.bus.$emit('close',true)\n            this.$store.state.videoid = this.videoid+uuid();\n            // 关闭实时协议显示\n            if (localStorage.getItem(this.$store.state.user)) {\n                let strLayoutType = JSON.parse(localStorage.getItem(this.$store.state.user))['strLayoutType'];\n                this.$nextTick(()=>{\n                    $('.liveplay_butt').children().children('.open_button').addClass('rotate');\n                    $('.liveplay_butt').children().children('.open_liveplay_butt').css(\"display\", \"none\");\n                    if (strLayoutType==\"1|13\"||strLayoutType==\"4|4\"||strLayoutType==\"5|5\") {\n                        this.$nextTick(()=>{\n                           setTimeout(()=>{\n                                $('.liveplay_butt').css('background-size', '280px 35px');\n                           },25)\n                        }) \n                    }else if (strLayoutType==\"3|3\"){\n                        this.$nextTick(()=>{\n                            setTimeout(()=>{\n                                $('.liveplay_butt').css('background-size', '380px 35px');\n                            },25)\n                        })\n                    }else{\n                        this.$nextTick(()=>{\n                            setTimeout(()=>{\n                                $('.liveplay_butt').css('background-size', '380px 35px');\n                            },25)\n                        })\n                    }\n                })\n            }\n            // if(viewparameter==='close'){\n                for(var i=0;i<this.$store.state.liveviewadd.length;i++){\n                    if(this.$store.state.liveviewadd[i].strToken==this.tokenshou){\n                        this.$root.bus.$emit('closeToken',this.$store.state.liveviewadd[i].strToken);\n                        if (localStorage.getItem('treeid')) {\n                            var treeid =  JSON.parse(localStorage.getItem('treeid'));\n                            for (let k = 0; k < treeid.length; k++) {\n                                if (this.$store.state.liveviewadd[i].strToken==treeid[k].strToken) {\n                                    this.$root.bus.$emit('RootCloseToken',treeid[k].treeid,treeid[k].firstlevel,treeid[k].strToken);\n                                    treeid.splice(k, 1);\n                                    localStorage.setItem('treeid',JSON.stringify(treeid));\n                                }\n                            }\n                        }else{\n                            this.$root.bus.$emit('RootCloseToken',this.$store.state.liveviewadd[i].treeid);\n                        }\n                        this.$store.state.liveviewadd.splice(i,1)\n                        console.log(this.$store.state.liveviewadd)\n                    }\n                }\n                \n            // }\n            var $container = $(\"#\"+this.h5id);\n            // 录像\n            var $controlrec = $container.children(\".breath_light\");\n            $controlrec.css(\"display\", \"none\");\n            //音频\n            var $controlsinAudio = $container.children(\".Audio_slider\");\n            $controlsinAudio.css(\"display\", \"none\");\n            this.audioshow = false;\n            //码流\n            var $controlsininformation = $container.children(\".information\");\n            $controlsininformation.css(\"display\", \"none\");\n            this.informationshow = false;\n            clearInterval(this.timerRunInfo);\n            //ptz\n            var $controlsptz = $container.children(\".liveplay_ptz\");\n            $controlsptz.css(\"display\", \"none\");\n            this.ptzshow = false;\n            this.Audioslider = 0;\n            if (document.getElementById(this.h5videoid)) {\n                document.getElementById(this.h5videoid).volume=this.Audioslider    \n            }\n            //麦克风\n            if (this.Shoutwheatclass==\"icon-voicefill\") {\n                this.Shoutwheat();\n            }\n            //转码\n            this.videoname=\"\";\n            this.valuebutton='';\n            var $ptzcontrols = $container.children(\".ptzcontrols\");\n            \n            // var valueId=document.getElementById('inputid ')\n            // var divId=document.getElementById('divid')\n            // console.log(divId)\n            $ptzcontrols.css(\"display\", \"none\");\n            $(\"#\"+this.videonameid).removeClass(\"videoname\");\n            $(\"#\"+this.inputid).removeClass(\"streambutton\")\n            $(\"#\"+this.qualityid).removeClass(\"quality\")\n            // $(\"#\"+this.rtcid).removeClass(\"rtc_new\");\n            $(\"#\"+this.spanqualityid).addClass(\"spanquality\")\n            $(\"#\"+this.inputid).addClass(\"spanpicturequality\")\n            if (this.audioback != undefined)\n            {\n                this.audioback.disconnect();\n                delete this.audioback;\n                this.audioback = undefined;\n            }\n            if (this.h5handler != undefined)\n            {\n                this.h5handler.disconnect();\n                delete this.h5handler;\n                this.h5handler = undefined;\n                if(document.getElementById(this.h5videoid)){\n                    $(\"#\" + this.h5videoid).get(0).poster = '';\n                    $(\"#\" + this.h5videoid).get(0).load();\n                    this.$nextTick(()=>{\n                        $(\"#\" + this.h5videoid).remove();\n                        $container.prepend(`<video style=\"width:100%;height:100%;object-fit: fill;\" class=\"h5video\" id=${this.h5videoid}  autoplay webkit-playsinline playsinline></video>`);\n                    })\n                }\n            }\n            \n        },\n        //关闭\n        CloseVideo(viewparameter,drag=true){\n            this.$root.bus.$emit('close',true)\n            this.canvasdisplay=false\n            // console.log(viewparameter)\n            this.$store.state.videoid = this.videoid+uuid();\n            // 关闭实时协议显示\n            if (localStorage.getItem(this.$store.state.user)) {\n                setTimeout(()=>{\n                    var  strLayoutType = JSON.parse(localStorage.getItem(this.$store.state.user))['strLayoutType'];\n                    this.$nextTick(()=>{\n                        if (strLayoutType==\"1|13\"||strLayoutType==\"4|4\"||strLayoutType==\"5|5\") {\n                            this.$nextTick(()=>{\n                                setTimeout(()=>{\n                                    // $(\"#\"+this.rtcid).siblings('.open_liveplay_butt').css(\"display\", \"none\");\n                                    // $(\"#\"+this.rtcid).addClass('rotate');\n                                    $(\"#\"+this.rtcid).parent().parent('.liveplay_butt').css('background-size', '280px 35px');\n                                },50)\n                            }) \n                        }else if (strLayoutType==\"3|3\"){\n                            this.$nextTick(()=>{\n                                setTimeout(()=>{\n                                    $(\"#\"+this.rtcid).siblings('.open_liveplay_butt').css(\"display\", \"none\");\n                                    $(\"#\"+this.rtcid).addClass('rotate');\n                                    $(\"#\"+this.rtcid).parent().parent('.liveplay_butt').css('background-size', '380px 35px');\n                                },25)\n                            })\n                        }else{\n                            this.$nextTick(()=>{\n                                setTimeout(()=>{\n                                    $(\"#\"+this.rtcid).siblings('.open_liveplay_butt').css(\"display\", \"none\");\n                                    $(\"#\"+this.rtcid).addClass('rotate');\n                                    $(\"#\"+this.rtcid).parent().parent('.liveplay_butt').css('background-size', '380px 35px');\n                                },25)\n                            })\n                        }\n                    })\n                },200)\n            }\n            if(viewparameter==='close'){\n                for(var i=0;i<this.$store.state.liveviewadd.length;i++){\n                    if(this.$store.state.liveviewadd[i].strIndex==this.h5id){\n                        this.$root.bus.$emit('closeToken',this.$store.state.liveviewadd[i].strToken);\n                        if (localStorage.getItem('treeid')) {\n                            var treeid =  JSON.parse(localStorage.getItem('treeid'));\n                            for (let k = 0; k < treeid.length; k++) {\n                                if (this.$store.state.liveviewadd[i].strToken==treeid[k].strToken) {\n                                    this.$root.bus.$emit('RootCloseToken',treeid[k].treeid,treeid[k].firstlevel,treeid[k].strToken);\n                                    treeid.splice(k, 1);\n                                    localStorage.setItem('treeid',JSON.stringify(treeid));\n                                }\n                            }\n                        }else{\n                            this.$root.bus.$emit('RootCloseToken',this.$store.state.liveviewadd[i].treeid);\n                        }\n                        this.$store.state.liveviewadd.splice(i,1)\n                        console.log(this.$store.state.liveviewadd)\n                    }\n                }\n            }\n            var $container = $(\"#\"+this.h5id);\n            // 录像\n            var $controlrec = $container.children(\".breath_light\");\n            $controlrec.css(\"display\", \"none\");\n            //音频\n            var $controlsinAudio = $container.children(\".Audio_slider\");\n            $controlsinAudio.css(\"display\", \"none\");\n            this.audioshow = false;\n            //码流\n            var $controlsininformation = $container.children(\".information\");\n            $controlsininformation.css(\"display\", \"none\");\n            this.informationshow = false;\n            clearInterval(this.timerRunInfo);\n            clearInterval(this.interval);\n            //ptz\n            var $controlsptz = $container.children(\".liveplay_ptz\");\n            $controlsptz.css(\"display\", \"none\");\n            this.ptzshow = false;\n            this.Audioslider = 0;\n            if (document.getElementById(this.h5videoid)) {\n                document.getElementById(this.h5videoid).volume=this.Audioslider    \n            }\n            //麦克风\n            if (this.Shoutwheatclass==\"icon-voicefill\") {\n                this.Shoutwheat();\n            }\n            //转码\n            this.videoname=\"\";\n            this.valuebutton='';\n            var $ptzcontrols = $container.children(\".ptzcontrols\");\n            \n            // var valueId=document.getElementById('inputid ')\n            // var divId=document.getElementById('divid')\n            // console.log(divId)\n            $ptzcontrols.css(\"display\", \"none\");\n            $(\"#\"+this.videonameid).removeClass(\"videoname\");\n            $(\"#\"+this.inputid).removeClass(\"streambutton\")\n            $(\"#\"+this.qualityid).removeClass(\"quality\")\n            // $(\"#\"+this.rtcid).removeClass(\"rtc_new\");\n            $(\"#\"+this.spanqualityid).addClass(\"spanquality\")\n            $(\"#\"+this.inputid).addClass(\"spanpicturequality\")\n            if (this.audioback != undefined)\n            {\n                this.audioback.disconnect();\n                delete this.audioback;\n                this.audioback = undefined;\n            }\n            if (this.h5handler != undefined)\n            {\n                this.h5handler.disconnect();\n                delete this.h5handler;\n                this.h5handler = undefined;\n                if(document.getElementById(this.h5videoid)){\n                    $(\"#\" + this.h5videoid).get(0).poster = '';\n                    $(\"#\" + this.h5videoid).get(0).load();\n                    if (drag) {\n                        this.$nextTick(()=>{\n                            $(\"#\" + this.h5videoid).remove();\n                            $container.prepend(`<video style=\"width:100%;height:100%;object-fit: fill;\" class=\"h5video\" id=${this.h5videoid}  autoplay webkit-playsinline playsinline></video>`);\n                        })\n                    }\n                }\n            }\n            \n        },\n        //预置位跳转\n        preset_Jump(token){\n\t\t   //url\n\t\t    var url = this.$store.state.IPPORT + \"/api/v1/Ptz?token=\"+this.tokenshou+\"&action=preset&preset=\"+token+\"&speed=\"+this.Preset_value+\"&session=\"+ this.$store.state.token;\n            console.log(url)\n            //重组\n            this.$http.get(url).then(result=>{\n                if(result.status == 200){\n                    console.log(\"跳转\");\n                }\n            })\n\n\n        },\n        //预置位设置\n        preset_set(token,event){\n            var input_val=event.currentTarget.previousElementSibling.previousElementSibling.value;\n\t\t   //url\n\t\t    var url = this.$store.state.IPPORT + \"/api/v1/SetPreset?token=\"+this.tokenshou+\"&presetname=\"+input_val+\"&presettoken=\"+token+\"&session=\"+ this.$store.state.token;\n            console.log(url)\n            //重组\n            this.$http.get(url).then(result=>{\n                if(result.status == 200){\n                    console.log(result);\n                }\n            })\n            console.log(\"设置\");\n        },\n        // 二维码\n        qrcode () {\n            console.log(this.currtoken)\n            if(this.currtoken==undefined){\n                return false;\n            }else{\n                var android= window.location.protocol + '//' + window.location.host + '/single.html?token=' + this.currtoken+\"&h5splayer=ws\"+ this.$store.state.token;\n                var ios= window.location.protocol + '//' + window.location.host + '/single.html?token=' + this.currtoken+\"&h5splayer=rtc\"+ this.$store.state.token;\n            }\n            this.$refs.qrcodead.innerHTML=\"\";\n            this.$refs.qrcodeios.innerHTML=\"\";\n            console.log(android,ios)\n            var qrcode = new QRCode(this.$refs.qrcodead, {\n                width: 100,\n                height: 100// 高度\n            })\n            var qrcode1 = new QRCode(this.$refs.qrcodeios, {\n                width: 100,\n                height: 100// 高度\n            })\n            qrcode.clear();\n            qrcode1.clear();\n            qrcode.makeCode(android);\n            qrcode1.makeCode(ios);\n        },\n        //麦克风\n        Shoutwheat(){\n            if (this.h5handler == undefined)\n            {\n                return;\n            }\n            var tokenshou=this.currtoken\n            var conf2 = {\n                protocol: window.location.protocol, //http: or https:\n                host: window.location.host, //localhost:8080\n                rootpath:'/', // '/' or window.location.pathname\n                token:tokenshou,\n                session:this.$store.state.token //session got from login\n            };\n            \n            \n            var Shoutwheat=this.Shoutwheatclass;\n            if(Shoutwheat==\"icon-voicefill1\"){\n                console.log(\"大开\");\n                this.audioback = new H5sPlayerAudBack(conf2);\n                this.audioback.connect();\n                this.Shoutwheatclass=\"icon-voicefill\";\n            }else{\n                console.log(\"关闭2\");\n                this.audioback.disconnect();\n                delete this.audioback;\n                this.audioback = undefined;\n                this.Shoutwheatclass=\"icon-voicefill1\";\n            }\n        },\n        //本地截图\n        DoSnapshotWeb(){\n            if (this.h5handler == undefined)\n            {\n                return;\n            }\n            var fileName = '1';\n            const date = new Date();\n            fileName = this.currtoken + '_' + date.getFullYear() + '-' + (date.getMonth() + 1)\n                         + '-' + date.getDate() + '-' + date.getHours() + '-' + date.getMinutes() + '-' + date.getSeconds();\n            console.log(fileName);\n            var video = $(\"#\" + this.h5videoid).get(0);\n            var w = video.videoWidth;//video.videoWidth * scaleFactor;\n            var h = video.videoHeight;//video.videoHeight * scaleFactor;\n            var canvas = document.createElement('canvas');\n            canvas.width = w;\n            canvas.height = h;\n            var ctx = canvas.getContext('2d');\n            ctx.drawImage(video, 0, 0, w, h);\n            var MIME_TYPE = \"image/png\";\n            var imgURL = canvas.toDataURL(MIME_TYPE,1.0);\n            // console.log(imgURL);\n\n            var dlLink = document.createElement('a');\n            dlLink.download = fileName;\n            dlLink.href = imgURL;\n            dlLink.dataset.downloadurl = [MIME_TYPE, dlLink.download, dlLink.href].join(':');\n\n            document.body.appendChild(dlLink);\n            dlLink.click();\n            document.body.removeChild(dlLink);\n        },\n        //截图服务端\n        DoSnapshot(){\n            if (this.h5handler == undefined)\n            {\n                return;\n            }\n            let _this =this;\n            var snapshot = \"token=\" + this.currtoken;\n            console.log(\"snapshot cmd\", snapshot);\n\n            var url = this.$store.state.IPPORT + \"/api/v1/Snapshot?\" + snapshot  + \"&session=\"+ this.$store.state.token;\n\n            this.$http.get(url).then(result => {\n                console.log(result);\n                if (result.status == 200)\n                {\n                    this.$message({\n                        message: 'Snapshot successfully',\n                        type: 'success'\n                    });\n                }\n            }).catch(error => {\n                console.log('Snapshot failed!', error);\n                this.$Notice.info({\n                    title: \"Snapshot failed !\"\n                })\n                this.$message({\n                    message: 'Snapshot failed !',\n                    type: 'warning'\n                });\n            });\n        },\n        //开始录像\n        DoManualRecordStart(){\n            if (this.h5handler == undefined)\n            {\n                return;\n            }\n            let _this =this;\n\n            var record = \"token=\" + this.currtoken + \"&duration=300\";\n            console.log(\"record cmd\", record);\n\n            var url = this.$store.state.IPPORT + \"/api/v1/ManualRecordStart?\" + record  + \"&session=\"+ this.$store.state.token;\n\n            this.$http.get(url).then(result => {\n                console.log(result);\n                if (result.status == 200)\n                {\n                    this.$message({\n                        message: 'Manual Start Record successfully',\n                        type: 'success'\n                    });\n                    var $container = $(\"#\"+this.h5id);\n                    var $controlrec = $container.children(\".breath_light\");\n                    $controlrec.css(\"display\", \"block\");\n                    for (let i = 0; i < this.$store.state.Recviewadd.length; i++) {\n                        if (this.$store.state.Recviewadd[i]==this.currtoken) {\n                            this.$store.state.Recviewadd.splice(i,1);\n                            i--;\n                        }\n                    }\n                    this.$root.bus.$emit('RootrecToken',this.currtoken);\n                    this.$root.bus.$emit('recToken',this.currtoken);\n                    this.$store.state.Recviewadd.push(this.currtoken);\n                    localStorage.setItem('bRec',JSON.stringify(this.$store.state.Recviewadd));\n                }\n            }).catch(error => {\n                console.log('Record failed!', error);\n                this.$message({\n                    message: 'Record failed !',\n                    type: 'warning'\n                });\n            });\n        },\n        //关闭录像\n        DoManualRecordStop(event){\n            if (this.h5handler == undefined)\n            {\n                return;\n            }\n            let _this =this;\n            var record = \"token=\" + this.currtoken;\n            console.log(\"record cmd\", record);\n\n            var url = this.$store.state.IPPORT + \"/api/v1/ManualRecordStop?\" + record  + \"&session=\"+ this.$store.state.token;\n\n            this.$http.get(url).then(result => {\n                console.log(result);\n                if (result.status == 200)\n                {\n                    this.$message({\n                        message: 'Manual Stop Record successfully',\n                        type: 'success'\n                    });\n                    var $container = $(\"#\"+this.h5id);\n                    var $controlrec = $container.children(\".breath_light\");\n                    $controlrec.css(\"display\", \"none\");\n\n                    for(var i=0;i<this.$store.state.Recviewadd.length;i++){\n                        if(this.$store.state.Recviewadd[i]==this.currtoken){\n                            this.$store.state.Recviewadd.splice(i,1)\n                            i--;\n                            console.log(this.$store.state.Recviewadd)\n                        }\n                    }\n                    this.$root.bus.$emit('RootcloserecToken',this.currtoken);\n                    this.$root.bus.$emit('closerecToken',this.currtoken);\n                    localStorage.setItem('bRec',JSON.stringify(this.$store.state.Recviewadd));\n                }\n            }).catch(error => {\n                \n                this.$message({\n                    message: 'Record failed !',\n                    type: 'warning'\n                });\n            });\n        },\n        //全屏\n        FullScreen(){\n            this.$store.state.FullScreenId ='';\n            var elem = $(\"#\"+this.h5id).get(0);\n            this.$store.state.FullScreenId = this.h5id;\n            //var elem = $(\"#videoPanel\");\n            if (\n            document.fullscreenEnabled ||\n            document.webkitFullscreenEnabled ||\n            document.mozFullScreenEnabled ||\n            document.msFullscreenEnabled\n            ) {\n                if (\n                    document.fullscreenElement ||\n                    document.webkitFullscreenElement ||\n                    document.mozFullScreenElement ||\n                    document.msFullscreenElement\n                ) {\n                    if (document.exitFullscreen) {\n                        document.exitFullscreen();\n                    } else if (document.webkitExitFullscreen) {\n                        document.webkitExitFullscreen();\n                    } else if (document.mozCancelFullScreen) {\n                        document.mozCancelFullScreen();\n                    } else if (document.msExitFullscreen) {\n                        document.msExitFullscreen();\n                        \n                    }\n                    // this.Electronicoff();\n                    // this.Electronicopen();\n                    console.log(\"========  updateUIExitFullScreen\");\n                    this.updateUIExitFullScreen();\n                    this.Fullscren='icon-full';\n                    _this.canvasdisplay = false\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                    this.Fullscren='icon-suoxiao';\n                }\n            } else {\n                console.log('Fullscreen is not supported on your browser.');\n            }\n        },\n        updateUIExitFullScreen(){\n            if (!document.fullscreenElement && !document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement)\n            {\n                $('div[name=\"flex\"]').height(this.contentHeight / this.rows);\n            }\n        },\n        PtzControlShow(event){\n            this.Presetdata=[];\n            var cors=this.cols*this.rows;\n            if(cors>9){\n                return false\n            }\n\t\t   //url\n           var url = this.$store.state.IPPORT + \"/api/v1/GetPresets?token=\"+this.tokenshou+\"&session=\"+ this.$store.state.token;\n            //重组\n            this.$http.get(url).then(result=>{\n                if(result.status == 200){\n                    if(result.bStatus==false){\n                        return false;\n                    }else{\n                        var data=result.data;\n\n                        console.log(data)\n                        for(var i = 0; i < data.preset.length; i++){\n                            var newItem ={\n                                strName : data.preset[i].strName,\n                                strToken : data.preset[i].strToken,};\n                            this.Presetdata.push(newItem);\n                            if(i>8){\n                                break;\n                            }\n                        }\n                    }\n                }\n            })\n            var $container = $(\"#\"+this.h5id);\n            var $controls = $container.children(\".liveplay_ptz\");\n            if (this.ptzshow == false)\n            {\n                $controls.css(\"display\", \"block\");\n                this.ptzshow = true;\n            }else\n            {\n                $controls.css(\"display\", \"none\");\n                this.ptzshow = false;\n            }\n        },\n\n        PtzActionwiperon(event){\n            this.PtzAction('wiperon');\n        },\n        PtzActionwiperoff(event){\n            this.PtzAction('wiperoff');\n        },\n        PtzActionlighton(event){\n            this.PtzAction('lighton');\n        },\n        PtzActionlightoff(event){\n            this.PtzAction('lightoff');\n        },\n        PtzActionfocusing(event){\n            this.PtzAction('focusin');\n        },\n        PtzActionfocusings(event){\n            this.PtzAction('focusout');\n        },\n        PtzActionaperture(event){\n            this.PtzAction('irisin');\n        },\n        PtzActionaperturej(event){\n            this.PtzAction('irisout');\n        },\n\n        PtzActionZoomIn(event)\n        {\n            console.log(\"PtzActionZoomIn\");\n            this.PtzAction('zoomin');\n        },\n        PtzActionZoomOut(event)\n        {\n            this.PtzAction('zoomout');\n        },\n        PtzActionUpleft(event){\n            this.PtzAction('upleft');\n        },\n        PtzActionUpright(event){\n            this.PtzAction('upright');\n        },\n        PtzActionDownleft(event){\n            this.PtzAction('downleft');\n        },\n        PtzActionDownright(event){\n            this.PtzAction('downright');\n        },\n        PtzActionLeft(event)\n        {\n            this.PtzAction('left');\n        },\n        PtzActionRight(event)\n        {\n            this.PtzAction('right');\n        },\n        PtzActionUp(event)\n        {\n            this.PtzAction('up');\n        },\n        PtzActionDown(event)\n        {\n            this.PtzAction('down');\n        },\n        PtzActionStop(event)\n        {\n            console.log(\"PtzActionStop\");\n            this.PtzAction('stop');\n        },\n\n        PtzAction(action)\n        {\n            if (this.h5handler == undefined)\n            {\n                return;\n            }\n            let _this =this;\n            var ptzcmd = \"token=\" + this.currtoken + \"&action=\" + action + \"&speed=\"+this.Preset_value+\"\";\n            console.log(\"ptzcmd\", ptzcmd);\n\n            var url = this.$store.state.IPPORT + \"/api/v1/Ptz?\" + ptzcmd  + \"&session=\"+ this.$store.state.token;\n\n            this.$http.get(url).then(result => {\n                console.log(result);\n                if (result.status == 200)\n                {\n\n                }\n            }).catch(error => {\n                console.log('ptz failed!', error);\n            });\n        },\n    }\n}\n</script>\n\n\n<style lang=\"scss\" scoped>\n    .liveplay{\n        width: 100%;\n        height: 100%;\n        position: relative;\n        .h5vcanvas{\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%\n        }\n        .h5video{\n            object-fit: fill;\n            width: 100%;\n            height: 100%\n        }\n        &:hover .liveplay_butt{\n            display: block;\n        }\n        // 音频\n        .Audio_slider{\n            display: none;\n            width: 100px;\n            position: absolute;\n            top: 40px;\n            left: 50px;\n            z-index:1012;\n            .el-slider__runway{\n                height: 4px;\n            }\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: 380px 35px;\n            background-position-x:right;\n            text-align: right;\n            padding: 0 15px;\n            /deep/.open_liveplay_butt{\n                display: none;\n            }\n            .rotate{\n                -webkit-transform: rotateY(180deg);\n                transform: rotateY(180deg); \n            }\n            .bottom_QR{\n                font-size:16px;\n                font-weight:600;\n                \n                text-align: center;\n                \n                .bottom_scan{\n                    font-size:16px;\n                    font-weight:600;\n                    margin-bottom: 20px;\n                    padding: 0 20px;\n                }\n                .bottom_QRcode{\n                    display: flex;\n                    div{\n                        padding: 0 20px;\n                    }\n                }\n            }\n            button{\n                background: none;\n                border: none;\n                padding: 0;\n                margin: 0;\n                color: #FFFFFF;\n                margin-left: 12px;\n            }\n            .fw_butt{\n                padding:0;display: inline;\n                border: none;\n                top: -2px;\n                right: -12px;\n                /deep/ .btn-link{\n                    padding: 0px 12px 0px 0px !important;\n                }\n            }\n        }\n        .liveplay_ptz {\n            position:absolute;\n            bottom:0;\n            background:rgba(255,255,255,0);\n            padding:0px;\n            box-sizing:content-box;\n            width: 100%;\n            height: 100%;\n            display:none;\n            .flex_content{\n                width: 100%;\n                height: 100%;\n                // background: rgba(0,0,0,0.3);\n                padding: 8% 0 8% 0;\n                position: relative;\n                /* margin-bottom: 6%; */\n                .content_zoom{\n                    width: 50%;\n                    height: 100%;\n                    display: flex;\n                    /* justify-content: space-between; */\n                    align-items: flex-end;\n                    .key_zoom{\n                        width: 25%;\n                        margin: 0 4% 0 8%;\n                        /* position: absolute;\n                        bottom: 4%; */\n                        .key_flex{\n                            width: 100px;\n                            height: 100px;\n                            display: flex;\n                            flex-wrap: wrap;\n                            justify-content: space-between;\n                            margin-left: 5%;\n                            background:url(\"~@/views/liveview/imgs/liveview_ptzbutton.png\") no-repeat center;\n                            /* margin-bottom: 20px; */\n                            .key_but{\n                                width: 33.33%;\n                                height: 33.33%;\n                                text-align: center;\n                                /* background-color: #FF0000; */\n                            }\n                        }\n                    }\n                    .zoom{\n                        width: 20px;\n                        height: 50px;\n                        // background-color: rgba(0, 0, 0, 0.6);\n                        display: flex;\n                        flex-wrap: wrap;\n                        justify-content: space-around;\n                        align-content: space-around;\n                        margin-left: 40px;\n                        margin-bottom: 50px;\n                        .zoom_add{\n                            width: 20px;\n                            height: 20px;\n                            text-align: center;\n                            background: none;\n                            border: 0;\n                            padding: 0;\n                            color: #FFFFFF;\n                        }\n                    }\n                    \n                }\n                .zoom_g{\n                    width: 20px;\n                    height: 100%;\n                    position: absolute;\n                    left: 0;\n                    bottom: 0;\n                    background-color: rgba(0, 0, 0, 0.6);\n                    display: flex;\n                    flex-wrap: wrap;\n                    justify-content: space-around;\n                    align-content: space-around;\n                    // margin-left: 40px\n                    padding: 0 2px;\n                    ;\n                    .zoom_add{\n                        width: 20px;\n                        height: 20px;\n                        text-align: center;\n                        background: none;\n                        border: 0;\n                        padding: 0;\n                        color: #FFFFFF;\n                        font-size: 14px;\n                        &:nth-child(5){\n                            color: #3ABBFE;\n                            font-size: 18px;\n                        }\n                        &:nth-child(7){\n                            color: #3ABBFE;\n                            font-size: 18px;\n                        }\n                        &:nth-child(6){\n                            font-size: 18px;\n                        }\n                        &:nth-child(8){\n                            font-size: 18px;\n                        }\n                    }\n                }\n                \n                /*  */\n                .Preset{\n                    width: 30%;\n                    position: absolute;\n                    bottom: 10%;\n                    right: 4%;\n                    .block {\n                        width: 100%;\n                        height: 140px;\n                        margin-right: 4%;\n                        overflow: auto;\n                        color: #FFFFFF;\n                        &::-webkit-scrollbar{\n                            display: none;\n                        }\n                        .preset_bgc{\n                            width:100%;\n                            height:24px;\n                            background:rgba(255,255,255,0.2);\n                            .preset_input{\n                                width: 52%;\n                                background:none;\n                                /* opacity:0.2; */\n                                border-radius:12px;\n                                border: 0;\n                                padding: 0 0 0 10px;\n                                color:rgba(255,255,255,1)!important;\n                            }\n                            button{\n                                width: 15%;\n                                background: none;\n                                border: 0;\n                                font-size: 15px;\n                                color: #ffffff;\n                                margin-left: 3px;\n                            }\n                        }\n                    }\n                }\n\n            }\n        }\n        .information {\n            position:absolute;\n            bottom:40px;\n            left: 10px;\n            background:rgba(0,0,0,0.5);\n            box-sizing:content-box;\n            /* z-index:1100; */\n            width: 330px;\n            height: 150px;\n            display:none;\n            color: #FFFFFF;\n            .information_con{\n                width: 100%;\n                height: 90%;\n                display: flex;\n                justify-content: space-between;\n                flex-wrap: wrap;\n                align-content: space-between;\n                .information1{\n                    width: 50%;\n                    .information_title{\n                        width: 100%;\n                        height: 30px;\n                        line-height: 30px;\n                        background-color: rgba(0, 0, 0, 0.7);\n                        padding: 0 10px;\n                    }\n                    .information_content{\n                        width: 100%;\n                        display: flex;\n                        justify-content: space-between;\n                        padding: 0 2px;\n                        .information_content_left{\n                            width: 50%;\n                            color: #3ABBFE;\n                            text-align: left;\n                        }\n                        .information_content_right{\n                            width: 50%;\n                            color: #3ABBFE;\n                            text-align: left;\n                        }\n\n                    }\n                }\n            }\n        }\n\n        //主副码流\n        .videoname{ \n            position: absolute;\n            bottom: 0px;\n            font-size:14px;\n            background-color: rgba(0,0,0,0.3);\n            color: #FFFFFF;\n            padding: 8px 24px;\n            text-align: center;\n            .streambutton{\n                position: absolute;\n                bottom: 5px;\n                right: -73px;\n                border-radius: 10px;\n                background-color: #67cfb5;\n                border: none;\n                width:68px;\n                font-size: 10px;\n                height: 25px;\n                padding: 0 2px;\n            }\n        }\n        .quality{\n            position: absolute;\n            bottom: 5px;\n            right: 10px;\n            padding:0 10px;\n            /* display:none; */\n        }\n        .spanquality{\n            display:none;\n        }\n        .spanpicturequality{\n            display: none !important;\n        }\n        .elqualitytoggle{\n            display:block;\n        }\n        .el-dropdown{\n            .el-dropdown-link {\n                color: white;\n                .el-dropdown-menu :hover li{\n                    background-color: rgb(248, 28, 28)!important;\n                }\n            }\n        }\n        //rtc\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    }\n// 录像呼吸灯\n.breath_light {\n    display:none;\n    position: absolute;\n    bottom: 45px;\n    left: 19px;\n    width: 7px; /* 宽度 */\n    height: 7px;         /* 高度 */\n    border-radius:50%;\n    opacity: 0.1;          /* 不透明度 */\n    overflow: hidden;         /* 溢出隐藏 */\n    background:red;       /* 背景色 */\n    //  margin: 25% auto;         /* 外边距 */\n\n    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */\n    animation-name: breath;       /* 动画名称 */\n    animation-duration: 2s;       /* 动画时长3秒 */\n    animation-timing-function: ease-in-out;   /* 动画速度曲线：以低速开始和结束 */\n    animation-iteration-count: infinite;   /* 播放次数：无限 */\n    /* Safari and Chrome */\n    -webkit-animation-name: breath;     /* 动画名称 */\n    -webkit-animation-duration: 2s;     /* 动画时长3秒 */\n    -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */\n    -webkit-animation-iteration-count: infinite; /* 播放次数：无限 */\n}\n@keyframes breath {\n    from { opacity: 0.1; }       /* 动画开始时的不透明度 */\n    50% { opacity:  1; }       /* 动画50% 时的不透明度 */\n    to  { opacity: 0.1; }       /* 动画结束时的不透明度 */ \n}\n@-webkit-keyframes breath {\n    from { opacity: 0.1; }       /* 动画开始时的不透明度 */\n    50% { opacity:  1; }       /* 动画50% 时的不透明度 */\n    to  { opacity: 0.1; }       /* 动画结束时的不透明度 */\n}\n</style>","<template>\n    <div class=liveview>\n        <div id=\"watermarktoggle\"></div>\n        <!-- 左侧数据栏 -->\n\t\t<div class=\"liveview_left\">\n            <el-input\n                class=\"liveview_left_input\"\n                placeholder=\"输入关键字进行过滤\"\n                v-model=\"filterText\">\n            </el-input>\n            <el-collapse v-model=\"activeNames\">\n                <el-collapse-item name=\"1\" id=\"headswitch\">\n                    <template slot=\"title\">\n                        <div style=\"display: flex;justify-content: space-between;width: 85%; align-items: center;\">\n                            <div>{{$t(\"message.live.device\")}}</div>\n                            <div class=\"liveview_colltitle\">\n                                <div class=\"liveview_titleicon1\" @click.stop=\"Refresh('device')\"></div>\n                                <div @click.stop=\"headswitch1\" class=\"liveview_titleicon\"></div>\n                            </div>\n                        </div>\n                    </template>\n                    <el-tree\n                        :data=\"data\"\n                        node-key=\"id\"\n                        :filter-node-method=\"filterNode\"\n                        ref=\"tree\"\n                        @node-click=\"handleNodeClick\"\n                        :props=\"defaultProps\">\n                        <span slot-scope=\"{ data }\" style=\"width:100%;\">\n                            <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                                <!-- draggable=\"true\" \n                                    @dragstart=\"dragStart($event,data.token,data.label,data.streamprofile, data.name,data.disabled_me,node)\" -->\n                                <span \n                                    class=\"size_color\" \n                                    draggable=\"true\" \n                                    @dragstart=\"dragStart($event,data.token,data.label,data.streamprofile, data.name,data.disabled_me)\" style=\"display: flex; justify-content: flex-start; align-items: center;\">\n                                    <span style=\"font-size: 10px;\" :class=\"data.iconclass\" :id=\"'icon'+data.token\"></span>\n                                    <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.label}}</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\" popper-class=\"popperOptions\" style=\"flex: 1; text-align: right;height: 36px;line-height: 36px;\" :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>\n                                                        在线:{{data.online}}\n                                                    </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>\n                                                        离线:{{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>\n                                                        禁用:{{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}}\n                                                    </span>\n                                                </span>\n                                            </div>\n                                        </div>\n                                        <el-button  slot=\"reference\" type=\"text\"  class=\"iconfont icon-xianshi2 statusBtn\" style=\"margin-left: 20px;font-size:12px\" @click=\"StatusPrompt(data.statusID,$event)\"></el-button>\n                                    </el-popover>\n                                    <!-- <span v-if=\"data.offline\" class=\"iconfont icon-kaiqishexiangtou\" style=\"padding-left: 4px;font-size:10px;\"> ({{data.offline}})</span> -->\n                                </span>\n                                <!-- <span :class=\"data.iconclass2\" class=\"black\" style=\"\">{{$t(\"message.live.Videorecording\")}}</span> -->\n                                <div style=\"display:flex\">\n                                    <span :class=\"data.iconclass2\" class=\"black\" style=\"\">●</span>\n                                    <span :class=\"data.iconclass3\" class=\"nowplay\" >\n                                        <div style=\"display:flex\">\n                                            <span class=\"dot\">●</span>\n                                            <span class=\"nowplayText\">正在播放</span>\n                                        </div>\n                                    </span>\n                                </div>\n                            </div>\n                        </span>\n                    </el-tree>\n                </el-collapse-item>\n                <el-collapse-item name=\"1\" id=\"headswitch1\">\n                    <template slot=\"title\">\n                        <div style=\"display: flex;justify-content: space-between;width: 85%; align-items: center;\">\n                            <div>{{$t(\"message.live.Region\")}}</div>\n                            <div class=\"liveview_colltitle\">\n                                <div class=\"liveview_titleicon1\" @click.stop=\"Refresh('Region')\"></div>\n                                <div @click.stop=\"headswitch\" class=\"liveview_titleicon\"></div>\n                            </div>\n                        </div>\n                    </template>\n                   <el-tree\n                        class=\"el_tree\"\n                        node-key=\"strToken\" \n                        :default-expanded-keys=\"['root']\" \n                        :data=\"data1\" \n                        ref=\"tree1\"\n                        :filter-node-method=\"filterNode1\"\n                        @node-click=\"handleNodeClick\"\n                        :props=\"defaultProps1\">\n                        <span slot-scope=\"{ data }\" style=\"width:100%;\">\n                            <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                                <span  \n                                    draggable=\"true\" \n                                    @dragstart=\"dragStart($event,data.strToken,data.strName,data.streamprofile, data.name,data.disabled_me)\">\n                                    <span v-if=\"data.iconclass\" style=\"font-size: 12px;\" :class=\"data.iconclass\" :id=\"'icon'+data.strToken\"></span>\n                                    <span v-else style=\"font-size: 12px;\" class=\"iconfont icon-quyu\" :id=\"'icon'+data.strToken\"></span>\n                                    <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.strName}}</span>\n                                </span>\n                                <!-- <span :class=\"data.iconclass2\" class=\"black\" style=\"\">{{$t(\"message.live.Videorecording\")}}</span> -->\n                                <div style=\"display:flex\">\n                                    <span :class=\"data.iconclass2\" class=\"black\" style=\"\">●</span>\n                                    <span :class=\"data.iconclass3\" class=\"nowplay\" >\n                                        <div style=\"display:flex\">\n                                            <span class=\"dot\">●</span>\n                                            <span class=\"nowplayText\">正在播放</span>\n                                        </div>\n                                    </span>\n                                </div>\n                            </div>\n                        </span>\n                        <!-- <span slot-scope=\"{data }\" style=\"width:100%;\">\n                            <span>\n                                <span class=\"iconfont icon-quyu\"></span>\n                                <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.strName}}</span>\n                            </span>\n                            <div v-if=\"data.cam.length!=0\">\n                                <el-tree class=\"el_tree1\" :data=\"data.cam\" :props=\"defaultProps1\" @node-click=\"handleNodeClick\">\n                                    <span slot-scope=\"{ data }\" style=\"width:100%;\">\n                                        <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                                            <span  \n                                                draggable=\"true\" \n                                                @dragstart=\"dragStart($event,data.strToken,data.strName,data.streamprofile, data.name,data.disabled_me)\">\n                                                <span style=\"font-size: 12px;\" :class=\"data.iconclass\" :id=\"'icon'+data.strToken\"></span>\n                                                <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.strName}}</span>\n                                            </span>\n                                            <span :class=\"data.iconclass2\" class=\"black\" style=\"\">{{$t(\"message.live.Videorecording\")}}</span>\n                                        </div>\n                                    </span>\n                                </el-tree>\n                            </div>\n                        </span> -->\n                    </el-tree>\n                </el-collapse-item>\n                <el-collapse-item name=\"2\" id=\"viewclis\">\n                    <template slot=\"title\">\n                        <div style=\"display: flex;justify-content: space-between;width: 85%; align-items: center;\">\n                            <div>{{$t(\"message.live.View\")}}</div>\n                            <div class=\"liveview_colltitle\">\n                                <div class=\"liveview_titleicon1\" @click.stop=\"Refresh('view')\"></div>\n                                 <el-popover\n                                    placement=\"right\"\n                                    :title=\"NewView\"\n                                    width=\"260\"\n                                    trigger=\"click\">\n                                    <div class=\"liveview_popover\">\n                                        <div class=\"liveview_popover_top\">\n                                            <div>{{ViewName}}</div>\n                                            <el-input \n                                                placeholder=\"请输入名称\" \n                                                class=\"liveview_left_input\"\n                                                v-model=\"viewname\"></el-input>\n                                        </div>\n                                        <div class=\"liveview_popover_but\">\n                                            <el-button @click.stop=\"viewadd\">{{$t(\"message.camera.save\")}}</el-button>\n                                        </div>\n                                    </div>\n                                    <div @click.stop=\"view\" slot=\"reference\" class=\"liveview_titleicon2\"></div>\n                                </el-popover>\n                            </div>\n                        </div>\n                    </template>\n                    <el-tree\n                        class=\"el_tree\"\n                        node-key=\"strToken\" \n                        :default-expanded-keys=\"['root']\" \n                        :data=\"viewdata\" \n                        @node-click=\"viewClick\"\n                        :props=\"defaultProps2\">\n                        <span slot-scope=\"{data }\" style=\"width:100%;\">\n                            <div style=\"width:100%;display: flex;justify-content: space-between;\">\n                                <span>\n                                    <span :class=\"data.icon\"></span>\n                                    <span style=\"padding-left: 6px;\">{{data.strName}}</span>\n                                </span>\n                                <div style=\"width:20%;display: flex;justify-content: space-between;\">\n                                    <div @click.stop=\"Delview(data.strToken)\" class=\"iconfont icon-ashbin\"></div>\n                                    <div @click.stop=\"Editview(data)\" class=\"iconfont icon-zhongmingming\"></div>\n                                </div>\n                            </div>\n                        </span>\n                    </el-tree>\n                </el-collapse-item>\n            </el-collapse>\n\t\t</div>\n\t\t<!-- 右边视频栏 -->\n      \t<div class=\"liveview_right\" id=\"videoPanel\">\n            <div id=\"video_hed\" style=\"position: relative;\">\n                <div name='flex' style=\"\" class=\"videoColor\" v-for=\"r in rows\" :key=\"r\">\n                    <div\n                        @drop=\"dropTarget($event,r,c)\" \n                        @dragover.prevent=\"dragover($event)\" \n                        class=\"palace\" \n                        name=\"flex\" \n                        v-for=\"c in cols\" \n                        @contextmenu.prevent=\"stopVideo($event)\" \n                        @click=\"videoClick(r,c,$event)\" :key=\"c\"\n                        @dblclick=\"dbclick(r,c,$event)\">\n                        <v-liveplay \n                            v-bind:id=\"'h'+r+c\" \n                            :h5id=\"'h'+r+c\" \n                            :rows=\"rows\" \n                            :cols=\"cols\" \n                            :h5videoid=\"'hvideo'+r+c\"\n                            :canvasid=\"'canvas'+r+c\">\n                        </v-liveplay>\n                    </div>\n                </div>\n            </div>\n\t\t\t<div class=\"liveview_group blocks\">\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1\" data-row=\"1|1\" @click=\"changePanel($event)\"></el-button>\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben\" data-row=\"1|3\" @click=\"changePanel($event)\"></el-button>\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben2\" data-row=\"2|2\" @click=\"changePanel($event)\"></el-button>\n\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-sansi\" data-row=\"1|4\" @click=\"changePanel($event)\"></el-button>\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben3\" data-row=\"1|6\" @click=\"changePanel($event)\"></el-button>\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben4\" data-row=\"1|7\" @click=\"changePanel($event)\"></el-button>\n\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben5\" data-row=\"3|3\" @click=\"changePanel($event)\"></el-button>\n\n\t\t\t\t\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben6\" data-row=\"1|13\" @click=\"changePanel($event)\"></el-button>\n\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-qietu16\" data-row=\"4|4\" @click=\"changePanel($event)\"></el-button>\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-qietu25\" data-row=\"5|5\" @click=\"changePanel($event)\"></el-button>\n\t\t\t\t<el-button type=\"button\" class=\"iconfont icon-tubiao_huaban1fuben9\" @click=\"panelFullScreen($event)\"> </el-button>\n                 <el-button type=\"button\"  class=\"iconfont icon-quanbuguanbi-01 offAllVideo\" @click=\"Alloffvideo\"></el-button>\n\t\t\t</div>\n\t\t</div>\n    </div>\n</template>\n<script>\nimport Vue from 'vue'\nimport liveplay from './liveview/Liveplay'\nimport uuid from '../assets/js/uuid'\nexport default {\n    name: 'Liveview',\n    components: {\n        'v-liveplay': liveplay\n    },\n\tdata(){\n\t\treturn{\n            viewlists:{},\n            NewView:this.$t(\"message.live.NewView\"),\n            ViewName:this.$t(\"message.live.ViewName\"),\n            cur_query:this.$route.query || {},\n            viewname:null,//视图名称\n            viewdata:[],//视图数据\n            proto: this.$store.state.liveviewrtc,\n            activeNames: ['1','2'],//左边\n\t\t\trows: 0,\n\t\t\tcols: 0,\n\t\t\tselectCol: 1,\n\t\t\tselectRow: 1,\n\t\t\tcontentHeight: '',\n            contentWidth: '',\n            filterText:\"\",//搜索框\n            data:[],\n            data1:[],\n            defaultProps: {\n                children: 'children',\n                label: 'label',\n                token:\"token\",\n                iconclass:\"iconclass\",\n                length:'length',\n                online:'online',\n                offline:'offline',\n            },\n            defaultProps1: {\n                children: 'cam',\n                label: 'strName',\n                cam:\"cam\"\n            },\n            defaultProps2:{\n                label: 'strName',\n            },\n            objlist:{},\n            dbclicks:true,\n            drags:true,\n            h55id:'',\n            refNamePopover: 'popover-', // popover ref名称前缀\n            treeNodeId:[],\n\t\t}\n    },\n    // updated(){\n    //     let data = this.cur_query.view;\n    //     console.log(data);\n    //     let FullScreen = this.cur_query.fullscreen||false;\n    //     console.log(FullScreen);\n    //     if (FullScreen==\"true\") {\n    //         $('.liveview_left').addClass('liveview_lefts');\n    //         $('.liveview_right').addClass('liveview_rights');\n    //     }\n    //     if(this.viewlists[data]){\n    //         console.log(this.viewlists[data]);\n    //         this.viewClick(this.viewlists[data]);\n\t// \t}\n    // },\n\tmounted(){\n        if (this.$route.query.view) {\n        }else{\n            if (localStorage.getItem(this.$store.state.user)) {\n                if (JSON.parse(localStorage.getItem(this.$store.state.user))['src']==[]) {\n                }else{\n                    this.cols = 3;\n                    this.rows = 3;\n                }\n            }else{\n                this.cols = 3;\n                this.rows = 3;\n            }\n        }\n        this.viewplay();\n        setTimeout(() => {\n            if (_this.cur_query.embed=='true') {\n                if (_this.cur_query.fullscreen==\"false\") {\n                    _this.updateUI(0.89);\n                }else if (_this.cur_query.fullscreen==\"true\") {\n                    _this.updateUI(0.98);\n                }else{\n                    _this.updateUI(0.89);\n                }\n            }else if(_this.cur_query.embed=='false'){\n                if (this.$route.query.fullscreen=='true') {\n                    this.updateUI(0.89);\n                }else if(_this.cur_query.fullscreen==\"false\"){\n                    this.updateUI(0.82);\n                }else {\n                    this.updateUI(0.82);\n                }\n            }else{\n                if (this.$route.query.fullscreen=='true') {\n                    this.updateUI(0.89);\n                }else if(_this.cur_query.fullscreen==\"false\"){\n                    this.updateUI(0.82);\n                }else {\n                    this.updateUI(0.82);\n                }\n            }\n            this.licenseWaterMark();\n            this.addWaterMarker();\n        }, 1000);\n        if(this.$store.state.root==\"Operator\"){\n                $('#headswitch').hide()\n                $('#viewclis').hide()\n            }else{\n                $('#headswitch1').hide()\n            }\n        // this.addWaterMarker();\n        // // document.getElementById(\"watermarktoggle\").style.display=this.$store.state.watermarktoggle;\n        // console.log(localStorage.getItem('H5sRtcengine'))\n\t\t// if(localStorage.getItem('watermarktoggle')==null){\n\t\t// \tif(this.$store.state.Certificatetime==\"true\"){\n\t\t// \t\tdocument.getElementById(\"watermarktoggle\").style.display='none';\n\t\t// \t}else if(this.$store.state.Certificatetime==\"false\"){\n\t\t// \t\tdocument.getElementById(\"watermarktoggle\").style.display='block';\n\t\t// \t}\n\t\t// }else{\n\t\t// \tdocument.getElementById(\"watermarktoggle\").style.display=this.$store.state.watermarktoggle;\n        // }\n        \n        this.loadtest();\n        this.$nextTick(()=>{\n            this.loadDevice();\n            this.NumberDevice();\n            this.cloudDevice();\n            this.Regional();\n            this.srcview();\n        })\n\n        this.viewlist();\n        let _this = this;\n        this.$root.bus.$on('close',function(){\n            $(_this.h55id).removeClass('dbclick')\n            _this.dbclicks=true;\n        })\n        _this.$root.bus.$on('closeToken',function(token){\n            _this.closePlayvideo(token);\n        });\n        _this.$root.bus.$on('recToken',function(token){\n            _this.elTreeBrec(token);\n        });\n        _this.$root.bus.$on('closerecToken',function(token){\n            _this.closeelTreeBrec(token);\n        });\n        _this.$root.bus.$on('RootCloseToken',function(id,level,token){\n            _this.closeRootPlayvideo(id,level,token);\n        });\n        _this.$root.bus.$on('RootrecToken',function(token){\n            _this.RootrecToken(token);\n        });\n        _this.$root.bus.$on('RootcloserecToken',function(token){\n            _this.RootcloserecToken(token);\n        });\n\t},\n\tmethods:{\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        closeelTreeBrec(token){\n            for (var k = 0; k < this.data.length;k++){\n                var data= this.data[k].children;\n                if (data.length>0) {\n                    for (var i = 0; i < data.length;i++){\n                        // if (data[i].bRec==true) {\n                            if (token==data[i].token) {\n                                data[i].iconclass2 = '';\n                            }    \n                        // }\n                    }\n                }\n            }\n        },\n        elTreeBrec(token){\n            for (var k = 0; k < this.data.length;k++){\n                var data= this.data[k].children;\n                if (data.length>0) {\n                    for (var i = 0; i < data.length;i++){\n                        // if (data[i].bRec==true) {\n                            if (token==data[i].token) {\n                                data[i].iconclass2 = 'none';\n                            }    \n                        // }\n                    }\n                }\n            }\n        },\n        closePlayvideo(token){\n            for (var k = 0; k < this.data.length;k++){\n                var data= this.data[k].children;\n                if (data.length>0) {\n                    for (var i = 0; i < data.length;i++){\n                        if (data[i].bOnline==true) {\n                            if (token==data[i].token) {\n                                data[i].iconclass = 'iconfont icon-shexiangji ';\n                                data[i].iconclass1 = '';\n                                data[i].iconclass3 = '';\n                            }    \n                        }\n                    }\n                }\n            }\n        },\n        closeRootPlayvideo(id,level,token){\n            for (var k = 0; k < this.data1.length;k++){\n                var data= this.data1[k].cam;\n                if (data.length>0) {\n                    for (var i = 0; i < data.length;i++){\n                        if (data[i].bOnline==true) {\n                            if (id==data[i].treeid) {\n                                data[i].iconclass = 'iconfont icon-shexiangji ';\n                                data[i].iconclass1 = '';\n                                data[i].iconclass3 = '';\n                            }else{\n                                if (level==this.data1[k].firstLevel){\n                                    if (token==data[i].strToken) {\n                                        data[i].iconclass = 'iconfont icon-shexiangji ';\n                                        data[i].iconclass1 = '';\n                                        data[i].iconclass3 = '';\n                                    } \n                                }\n                            }\n                        }else{\n                            if (data[i].cam) {\n                                this.rootfirst(data[i].cam,id,level,token,data[i].firstLevel);\n                            }\n                        }\n                    }\n                }\n            }\n        },\n        rootfirst(data,id,level,token,dataLevel){\n            for (var i = 0; i < data.length;i++){\n                if (data[i].bOnline==true) {\n                    if (id==data[i].treeid) {\n                        data[i].iconclass = 'iconfont icon-shexiangji ';\n                        data[i].iconclass1 = '';\n                        data[i].iconclass3 = '';\n                    }else{\n                        if (level==dataLevel){\n                            if (token==data[i].strToken) {\n                                data[i].iconclass = 'iconfont icon-shexiangji ';\n                                data[i].iconclass1 = '';\n                                data[i].iconclass3 = '';\n                            } \n                        }\n                    }\n                }else{\n                    if (data[i].cam) {\n                        this.roottwo(data[i].cam,id,level,token,data[i].firstLevel);\n                    }\n                }\n            }\n        },\n        roottwo(data,id,level,token,dataLevel){\n            for (var i = 0; i < data.length;i++){\n                if (data[i].bOnline==true) {\n                    if (id==data[i].treeid) {\n                        data[i].iconclass = 'iconfont icon-shexiangji ';\n                        data[i].iconclass1 = '';\n                        data[i].iconclass3 = '';\n                    }else{\n                        if (level==dataLevel){\n                            if (token==data[i].strToken) {\n                                data[i].iconclass = 'iconfont icon-shexiangji ';\n                                data[i].iconclass1 = '';\n                                data[i].iconclass3 = '';\n                            } \n                        }\n                    }\n                }else{\n                    if (data[i].cam) {\n                        this.rootthree(data[i].cam,id,level,token,data[i].firstLevel);\n                    }\n                }\n            }\n        },\n        rootthree(data,id,level,token,dataLevel){\n            for (var i = 0; i < data.length;i++){\n                if (data[i].bOnline==true) {\n                    if (id==data[i].treeid) {\n                        data[i].iconclass = 'iconfont icon-shexiangji ';\n                        data[i].iconclass1 = '';\n                        data[i].iconclass3 = '';\n                    }else{\n                        if (level==dataLevel){\n                            if (token==data[i].strToken) {\n                                data[i].iconclass = 'iconfont icon-shexiangji ';\n                                data[i].iconclass1 = '';\n                                data[i].iconclass3 = '';\n                            } \n                        }\n                    }\n                }else{\n                    if (data[i].cam) {\n                        this.rootfour(data[i].cam,id,level,token,data[i].firstLevel);\n                    }\n                }\n            }\n        },\n        rootfour(data,id,level,token,dataLevel){\n            for (var i = 0; i < data.length;i++){\n                if (data[i].bOnline==true) {\n                    if (id==data[i].treeid) {\n                        data[i].iconclass = 'iconfont icon-shexiangji ';\n                        data[i].iconclass1 = '';\n                        data[i].iconclass3 = '';\n                    }else{\n                        if (level==dataLevel){\n                            if (token==data[i].strToken) {\n                                data[i].iconclass = 'iconfont icon-shexiangji ';\n                                data[i].iconclass1 = '';\n                                data[i].iconclass3 = '';\n                            } \n                        }\n                    }\n                }else{\n                    if (data[i].cam) {\n                        this.rootfive(data[i].cam,id,level,token,data[i].firstLevel);\n                    }\n                }\n            }\n        },\n        rootfive(data,id,level,token,dataLevel){\n            for (var i = 0; i < data.length;i++){\n                if (data[i].bOnline==true) {\n                    if (id==data[i].treeid) {\n                        data[i].iconclass = 'iconfont icon-shexiangji ';\n                        data[i].iconclass1 = '';\n                        data[i].iconclass3 = '';\n                    }else{\n                        if (level==dataLevel){\n                            if (token==data[i].strToken) {\n                                data[i].iconclass = 'iconfont icon-shexiangji ';\n                                data[i].iconclass1 = '';\n                                data[i].iconclass3 = '';\n                            } \n                        }\n                    }\n                }\n            }\n        },\n        // 区域开启录像\n        RootrecToken(token){\n            for (var k = 0; k < this.data1.length;k++){\n                var data= this.data1[k].cam;\n                if (data.length>0) {\n                    for (var i = 0; i < data.length;i++){\n                        if (token==data[i].strToken) {\n                            data[i].iconclass2 = 'none';\n                            this.$set(this.data1, data[i].iconclass2, \"none\");\n                        }\n                        if (data[i].cam) {\n                            this.RootRecFirst(data[i].cam,token);\n                        }\n                    }\n                }\n            }\n        },\n        RootRecFirst(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = 'none';\n                    this.$set(this.data1, data[i].iconclass2, \"none\");\n                }\n                if (data[i].cam) {\n                    this.RootRecTwo(data[i].cam,token);\n                }\n            }\n        },\n        RootRecTwo(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = 'none';\n                    this.$set(this.data1, data[i].iconclass2, \"none\");\n                }\n                if (data[i].cam) {\n                    this.RootRecThree(data[i].cam,token);\n                }\n            }\n        },\n        RootRecThree(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = 'none';\n                    this.$set(this.data1, data[i].iconclass2, \"none\");\n                }\n                if (data[i].cam) {\n                    this.RootRecFour(data[i].cam,token);\n                }\n            }\n        },\n        RootRecFour(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = 'none';\n                    this.$set(this.data1, data[i].iconclass2, \"none\");\n                }\n                if (data[i].cam) {\n                    this.RootRecFive(data[i].cam,token);\n                }\n            }\n        },\n        RootRecFive(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = 'none';\n                    this.$set(this.data1, data[i].iconclass2, \"none\");\n                }\n            }\n        },\n        // 区域关闭录像\n        RootcloserecToken(token){\n            for (var k = 0; k < this.data1.length;k++){\n                var data= this.data1[k].cam;\n                if (data.length>0) {\n                    for (var i = 0; i < data.length;i++){\n                        if (token==data[i].strToken) {\n                            data[i].iconclass2 = '';\n                            this.$set(this.data1, data[i].iconclass2, \"\");\n                        }\n                        if (data[i].cam) {\n                            this.CloseRootRecFirst(data[i].cam,token);\n                        }\n                    }\n                }\n            }\n        },\n        CloseRootRecFirst(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = '';\n                    this.$set(this.data1, data[i].iconclass2, \"\");\n                }\n                if (data[i].cam) {\n                    this.CloseRootRecTwo(data[i].cam,token);\n                }\n            }\n        },\n        CloseRootRecTwo(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = '';\n                    this.$set(this.data1, data[i].iconclass2, \"\");\n                }\n                if (data[i].cam) {\n                    this.CloseRootRecThree(data[i].cam,token);\n                }\n            }\n        },\n        CloseRootRecThree(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = '';\n                    this.$set(this.data1, data[i].iconclass2, \"\");\n                }\n                if (data[i].cam) {\n                    this.CloseRootRecFour(data[i].cam,token);\n                }\n            }\n        },\n        CloseRootRecFour(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = '';\n                    this.$set(this.data1, data[i].iconclass2, \"\");\n                }\n                if (data[i].cam) {\n                    this.CloseRootRecFive(data[i].cam,token);\n                }\n            }\n        },\n        CloseRootRecFive(data,token){\n            for (var i = 0; i < data.length;i++){\n                if (token==data[i].strToken) {\n                    data[i].iconclass2 = '';\n                    this.$set(this.data1, data[i].iconclass2, \"\");\n                }\n            }\n        },\n        licenseWaterMark() {\n\t\t\tlet _this = this;\n\t\t\tvar url =_this.$store.state.IPPORT + \"/api/v1/GetSystemInfo?session=\" + _this.$store.state.token;\n            // console.log(\"------------\",url)\n\t\t\t_this.$http.get(url).then(result => {\n                if (result.status == 200) {\n                    if (result.data.strLicenseType=='Enterprise'||result.data.strLicenseType=='Customization') {     \n                        this.$store.state.Certificatetime='false'\n                        sessionStorage.Certificatetime = 'false'\n                        if(localStorage.getItem('watermarktoggle')==null){\n                            if(this.$store.state.Certificatetime==\"true\"){\n                                document.getElementById(\"watermarktoggle\").style.display='block';\n                            }else if(this.$store.state.Certificatetime==\"false\"){\n                                document.getElementById(\"watermarktoggle\").style.display='none';\n                            }\n                        }else{\n                            document.getElementById(\"watermarktoggle\").style.display=this.$store.state.watermarktoggle;\n                        }\n                    }else{\n                        this.$store.state.Certificatetime='true'\n                        sessionStorage.Certificatetime = 'true'\n                        if(localStorage.getItem('watermarktoggle')==null){\n                            if(this.$store.state.Certificatetime==\"true\"){\n                                document.getElementById(\"watermarktoggle\").style.display='block';\n                            }else if(this.$store.state.Certificatetime==\"false\"){\n                                document.getElementById(\"watermarktoggle\").style.display='none';\n                            }\n                        }else{\n                            document.getElementById(\"watermarktoggle\").style.display=this.$store.state.watermarktoggle;\n                        }\n                        }\n                }\n\t\t\t}).catch(error => {\n                console.log(\"GetSystemInfo\");\n\t\t\t});\n\t\t},\n        Alloffvideo(){\n            this.$store.state.offVideo='close'+uuid();\n        },\n        viewplay(){\n            let data = this.cur_query.view;\n            console.log(data);\n            let FullScreen = this.cur_query.fullscreen||false;\n            console.log(FullScreen);\n            if (FullScreen==\"true\") {\n                $('.liveview_left').addClass('liveview_lefts');\n                $('.liveview_right').addClass('liveview_rights');\n            }\n            setTimeout(()=>{\n                if(this.viewlists[data]){\n                    console.log(this.viewlists[data]);\n                    if (this.viewlists[data].src.length<=0) {\n                        this.viewClick(this.viewlists[data]);\n                    }\n                }else{\n                    let data = localStorage.getItem(this.$store.state.user);\n                    let srcdata = JSON.parse(data);\n                    if (srcdata.src.length<=0) {\n                        var viewdata={\n                            strName:this.$store.state.user,\n                            strLayoutType:'3|3',\n                            src:[]\n                        }\n                        this.viewClick(viewdata);\n                    }\n                }\n            },2000)\n        },\n        autoplay(){\n            let data = localStorage.getItem(this.$store.state.user);\n            let srcdata = JSON.parse(data);\n            if (srcdata.src.length>0) {\n                this.viewClick(srcdata);\n            }\n        },\n        viewlist(){\n            var url = this.$store.state.IPPORT + \"/api/v1/GetSrc\"+\"?session=\"+ this.$store.state.token;\n            this.$http.get(url).then(result=>{\n                if (result.status === 200) {\n                    console.log(result.data.src);\n                    for (let i = 0; i < result.data.src.length; i++) {\n                        this.objlist[result.data.src[i].strToken]=result.data.src[i].strName\n                    }\n                    this.autoplay();\n                }\n            })\n\n        },\n        //编辑视图\n        Editview(data){\n            console.log(data,this.$store.state.liveviewadd)\n            // return\n            var url = this.$store.state.IPPORT + \"/api/v1/DelView?token=\"+data.strToken+\"&session=\"+ this.$store.state.token;\n            this.$http.get(url).then(result=>{\n                if (result.status === 200) {\n                    this.Editadd(data)\n                }\n            })\n        },\n        Editadd(data){\n            console.log(this.$store.state.liveviewadd);\n            var viewdata={\n                strName:data.strName,\n                strToken:uuid(4, 16).toLowerCase(),\n                strLayoutType:this.rows+'|'+this.cols,\n                src:this.$store.state.liveviewadd\n            }\n            var viewjson=JSON.stringify(viewdata)\n            // console.log(viewjson)\n            // return\n            var url = this.$store.state.IPPORT + \"/api/v1/AddView?session=\"+ this.$store.state.token;\n            this.$http.post(url,viewjson,{headers: {'Content-Type': 'application/json'}}).then(result=>{\n                if (result.status === 200) {\n                    console.log(result,url)\n                    this.Refresh('view')\n                    this.$message({\n                        message: this.$t(\"message.camera.Save_successfully\"),\n                        type: 'warning'\n                    });\n                }\n            })\n\n        },\n        //删除视图\n        Delview(strToken){\n            for(var i=0;i<this.viewdata.length;i++){\n                if(this.viewdata[i].strToken==strToken){\n                    this.viewdata.splice(i,1)\n                    console.log(this.viewdata,strToken)\n                }\n            }\n            var url = this.$store.state.IPPORT + \"/api/v1/DelView?token=\"+strToken+\"&session=\"+ this.$store.state.token;\n            this.$http.get(url).then(result=>{\n                if (result.status === 200) {\n                    console.log(result)\n                    this.$message({\n                        message: this.$t(\"message.camera.Delete_successful\"),\n                        type: 'warning'\n                    });\n                    // this.Refresh('view')\n                }\n            })\n        },\n        //播放视图\n        async viewClick(data){\n            // console.log(data)\n            this.$store.state.liveviewadd=[]\n            var _this=this\n            await this.changePanel(data,'viewClick')\n            if(data.src.length==0){\n                var vdata={\n                    viewparameter:'viewparameter'\n                }\n                _this.$store.state.liveplay=vdata\n                return\n            }\n            for(var i=0;i<data.src.length;i++){\n                if (this.objlist[data.src[i].strToken] == undefined) return\n                // console.log(data.src[i].strToken,data.src[i].strIndex,data)\n                var label=''\n                if(data.src[i].strStream=='main'){\n                    // label=data.src[i].strName+\"--\"+this.$t('message.live.mainstream')\n                    label=this.objlist[data.src[i].strToken]+\"--\"+this.$t('message.live.mainstream')\n                }else if(data.src[i].strStream=='sub'){\n                    // label=data.src[i].strName+\"--\"+this.$t('message.live.substream')\n                    label=this.objlist[data.src[i].strToken]+\"--\"+this.$t('message.live.substream')\n                }\n                // console.log(label)\n                var vdata={\n                    token:data.src[i].strToken,\n                    streamprofile:data.src[i].strStream,\n                    name:label,\n                    label:data.src[i].strName,\n                    vid:data.src[i].strIndex,\n                    viewparameter:'viewparameter'\n                }\n                var viewdata={\n                    strIndex:data.src[i].strIndex,\n                    strToken:data.src[i].strToken,\n                    strStream:data.src[i].strStream\n                }\n                _this.$store.state.liveplay=vdata\n                await _this.$store.state.liveviewadd.push(viewdata)\n            }\n        },\n        //保存视图\n        viewadd(){\n            if(this.viewname==null){\n                return\n            }\n            var viewdata={\n                strName:this.viewname,\n                strToken:uuid(4, 16).toLowerCase(),\n                strLayoutType:this.rows+'|'+this.cols,\n                src:this.$store.state.liveviewadd\n            }\n            console.log(viewdata)\n            var viewjson=JSON.stringify(viewdata)\n            if(viewdata.strLayoutType=='1|1'){\n                viewdata.icon='iconfont icon-tubiao_huaban11'\n            }else if(viewdata.strLayoutType=='1|3'){\n                viewdata.icon='iconfont icon-tubiao_huaban1fuben1'\n            }else if(viewdata.strLayoutType=='1|4'){\n                viewdata.icon='iconfont icon-sansi'\n            }else if(viewdata.strLayoutType=='2|2'){\n                viewdata.icon='iconfont icon-tubiao_huaban1fuben21'\n            }else if(viewdata.strLayoutType=='1|6'){\n                viewdata.icon='iconfont icon-tubiao_huaban1fuben31'\n            }else if(viewdata.strLayoutType=='1|7'){\n                viewdata.icon='iconfont icon-tubiao_huaban1fuben41'\n            }else if(viewdata.strLayoutType=='3|3'){\n                viewdata.icon='iconfont icon-tubiao_huaban1fuben51'\n            }else if(viewdata.strLayoutType=='1|13'){\n                viewdata.icon='iconfont icon-tubiao_huaban1fuben61'\n            }else if(viewdata.strLayoutType=='4|4'){\n                viewdata.icon='iconfont icon-tubiao_huaban1fuben71'\n            }else if(viewdata.strLayoutType=='5|5'){\n                viewdata.icon='iconfont icon-tubiao_huaban1fuben8'\n            }\n            console.log(viewjson)\n            // return\n            var url = this.$store.state.IPPORT + \"/api/v1/AddView?session=\"+ this.$store.state.token;\n            this.$http.post(url,viewjson,{headers: {'Content-Type': 'application/json'}}).then(result=>{\n                if (result.status === 200) {\n                    console.log(result,url);\n                    this.viewdata=[];\n                    this.srcview()\n                    // this.viewdata.push(viewdata)\n                }\n            })\n            this.viewname=null\n            \n        },\n        // 'http://localhost:8080/api/v1/AddView?session=59733292-eda0-42dd-b676-ed71c7a664cf'\n        srcview(){\n            console.log(this.$store.state.token);\n            var url = this.$store.state.IPPORT + \"/api/v1/GetView?session=\"+ this.$store.state.token;\n            this.$http.get(url).then(result=>{\n                console.log(result);\n                if (result.status === 200) {\n                    // console.log(result)\n                    var oldarr=result.data.conf;\n                    var oldarr1=result.data.src;\n                    console.log(oldarr,oldarr1)\n                    \n                    for(var l in oldarr){\n                        var dataroot=this.getview(oldarr[l],oldarr1);\n                        console.log(dataroot)\n                        if (dataroot.strLayoutType==\"1|4\") {\n                            dataroot.icon= 'iconfont icon-sigongge02';\n                        }\n                        this.viewdata.push(dataroot);\n                        this.viewlists[dataroot.strName]=dataroot\n                    }\n                    // console.log(this.viewdata)\n                }\n            })\n        },\n        getview(arr,arr1){\n            if(arr.strLayoutType=='1|1'){\n                arr.icon='iconfont icon-tubiao_huaban11'\n            }else if(arr.strLayoutType=='1|3'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben1'\n            }else if(arr.strLayoutType=='2|2'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben21'\n            }else if(arr.strLayoutType=='1|6'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben31'\n            }else if(arr.strLayoutType=='1|7'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben41'\n            }else if(arr.strLayoutType=='3|3'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben51'\n            }else if(arr.strLayoutType=='1|13'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben61'\n            }else if(arr.strLayoutType=='4|4'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben71'\n            }else if(arr.strLayoutType=='5|5'){\n                arr.icon='iconfont icon-tubiao_huaban1fuben8'\n            }\n            for(var i in arr.src){\n                for(var j in arr1){\n                    if(arr.src[i].strToken == arr1[j].strToken){\n                        arr.src[i].strName = arr1[j].strName;\n                        // console.log(arr.src[i])\n                    }\n                }\n            }\n            // if(arr.src && arr.src.length>0){\n            //     for (var i = 0; i < arr.src.length; i++) {\n            //         arr.src[i] = getview(arr.src[i],arr1);\n            //     }\n            // }\n            return arr;\n        },\n        //刷新\n        Refresh(type){\n            if(type=='device'){\n                this.data=[];\n                this.loadtest();\n                this.loadDevice();\n                this.NumberDevice();\n                this.cloudDevice();\n            }else if(type=='Region'){\n                this.data1=[];\n                this.Regional();\n            }else if(type=='view'){\n                this.viewdata=[];\n                this.srcview();\n            }\n        },\n        //水印\n        addWaterMarker(){\n\t\t\tif(!document.getElementById(\"watermarktoggle\")){\n\t\t\t\treturn\n\t\t\t}\n            var date=new Date();\n            var Y = date.getFullYear() + '-';\n            var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';\n            var D = date.getDate() + ' ';\n            var dates=Y+M+D;\n            var watermarkstring= this.$store.state.watermarkstring;\n            // console.log(watermarkstring);\n\n            var can = document.createElement('canvas');\n            var body = document.body;\n            body.appendChild(can);\n            can.width=300; //画布的宽\n            can.height=200;//画布的高度\n            can.style.display='none';\n            var cans = can.getContext('2d');\n            cans.rotate(-20*Math.PI/140); //画布里面文字的旋转角度\n            cans.font = \"16px Microsoft JhengHei\"; //画布里面文字的字体\n            cans.fillStyle = \"rgba(17, 17, 17, 1)\";//画布里面文字的颜色\n            cans.textAlign = 'left'; //画布里面文字的水平位置\n            cans.textBaseline = 'Middle'; //画布里面文字的垂直位置\n            cans.fillText(watermarkstring,can.width/3,can.height/2); //画布里面文字的间距比例\n            document.getElementById(\"watermarktoggle\").style.backgroundImage=\"url(\"+can.toDataURL(\"image/png\")+\")\";\n        },\n        //树形节点点击\n        handleNodeClick(data, e){\n            $(this.h55id).removeClass('dbclick');\n            this.dbclicks=true;\n            this.$root.bus.$emit('dbclick',true);\n            if(data.streamprofile==undefined){\n                data.streamprofile='main'\n            }\n            console.log(data)\n            if (data.token&&data.bOnline==true) {\n                data['iconclass'] = 'iconfont icon-shexiangji el-tree-camera-play';\n                data['iconclass1'] = 'el-tree-camera-play';\n                data['iconclass3'] = 'none';\n            }\n            if (data.strToken&&data.bOnline==true) {\n                data['iconclass'] = 'iconfont icon-shexiangji el-tree-camera-play';\n                data['iconclass1'] = 'el-tree-camera-play';\n                data['iconclass3'] = 'none';\n            }\n            // var a=data.token.replace(/#/g,\"%23\")\n            // return false;\n            let _this =this;\n            if(data.disabled_me==false){\n                // document.getElementById(\"icon\"+data.token).style.color=\"#5fbfa7\";\n                if (data.token) {\n                    let vid = 'h' + _this.$data.selectRow + _this.$data.selectCol;\n                    \n                    var vdata={\n                        token:data.token,\n                        streamprofile:data.streamprofile,\n                        name:data.name,\n                        label:data.label,\n                        vid:vid\n                    }\n                    var viewdata={\n                        strIndex:vid,\n                        strToken:data.token,\n                        strStream:data.streamprofile,\n                    }\n                    _this.$store.state.liveplay=vdata\n                    for (let i = 0; i < _this.$store.state.liveviewadd.length; i++) {\n                        if (_this.$store.state.liveviewadd[i].strIndex==vid) {\n                            _this.$store.state.liveviewadd.splice(i,1);\n                            i--;\n                        }\n                    }\n                    _this.$store.state.liveviewadd.push(viewdata)\n                    console.log(\"----------------------\",vdata,_this.$store.state.liveplay);\n                    // _this.$root.bus.$emit('liveplay', data.token, data.streamprofile, data.name,data.label,vid);\n                    this.$root.bus.$emit('deviceStatus',data.token,vid);\n                }\n                if (data.strToken) {\n                    console.log(data.strToken)\n                    let vid = 'h' + _this.$data.selectRow + _this.$data.selectCol;\n                    var vdata={\n                        token:data.strToken,\n                        streamprofile:data.streamprofile,\n                        name:data.name,\n                        label:data.label,\n                        vid:vid\n                    }\n                    var viewdata={\n                        strIndex:vid,\n                        strToken:data.strToken,\n                        strStream:data.streamprofile,\n                        treeid:data.treeid\n                    }\n                    var treeid={\n                        strToken:data.strToken,\n                        treeid:data.treeid,\n                        firstlevel:e.parent.data.firstLevel\n                    }\n                    this.treeNodeId.push(treeid)\n                    localStorage.setItem('treeid',JSON.stringify(this.treeNodeId));\n                    _this.$store.state.liveplay=vdata\n                    for (let i = 0; i < _this.$store.state.liveviewadd.length; i++) {\n                        if (_this.$store.state.liveviewadd[i].strIndex==vid) {\n                            _this.$store.state.liveviewadd.splice(i,1);\n                            i--;\n                        }\n                    }\n                    _this.$store.state.liveviewadd.push(viewdata)\n                    console.log(\"----------------------\",vdata,_this.$store.state.liveplay);\n                    // _this.$root.bus.$emit('liveplay', data.strToken, data.streamprofile, data.name,data.strName,vid);\n                    this.$root.bus.$emit('deviceStatus',data.strToken,vid);\n                }\n                \n                _this.$nextTick(()=>{\n                    setTimeout(()=>{\n                    for(var i=1;i<=this.rows;i++){\n                        for(var c=1;c<=this.cols;c++){\n                            var video= document.getElementById(\"hvideo\"+i+c)\n                            console.log('video.paused++++',video.poster);\n                            if(video.poster==\"\"||video.poster==\"http://localhost:6080/\"||video.poster==_this.$store.state.IPPORT){\n                                this.selectCol = c;\n                                this.selectRow =i;\n                                $(\".h5container\").removeClass('h5videoh');\n                                $(\"#h\"+this.selectRow+this.selectCol).addClass('h5videoh');\n                                // console.log('video.paused1',video.poster,i,c);\n                                return false\n                            }else{\n                                console.log('video.paused1',video.poster);\n                            }\n                        }\n                    }\n                    },300)\n                })\n                var viewdata={\n                    strName:this.$store.state.user,\n                    strLayoutType:this.rows+'|'+this.cols,\n                    src:this.$store.state.liveviewadd\n                }\n                localStorage.setItem(this.$store.state.user,JSON.stringify(viewdata));\n            }else{\n               console.log(\"不可用\");\n            }\n        },\n        //拖动播放\n        dragStart(ev,token,label,streamprofile,name,disabled_me){\n            this.drags=false\n            // console.log(ev,token,label,streamprofile,name,disabled_me,\"124\");\n            var drag={\n                token:token,\n                label:label,\n                streamprofile:streamprofile,\n                name:name,\n                disabled_me:disabled_me,\n            }\n            this.drag=drag;\n            ev.dataTransfer.setData(\"Text\",ev.target.id);\n        },\n        dragover (ev) {\n            // console.log(ev,\"123\",ev.target.id)\n            // ev.preventDefalut()\n        },\n        dropTarget (ev,r,c) {\n            if (this.drags) return\n            this.drags =true\n            let _this =this;\n            var data=this.drag;\n            if(data.streamprofile==undefined){\n                data.streamprofile='main'\n            }\n            // return false;\n            if(data.disabled_me==false){\n                // document.getElementById(\"icon\"+data.token).style.color=\"#5fbfa7\";\n                if (data.token) {\n                    let vid = 'h' + r + c;\n                    var vdata={\n                        token:data.token,\n                        streamprofile:data.streamprofile,\n                        name:data.name,\n                        label:data.label,\n                        vid:vid\n                    }\n                    var viewdata={\n                        strIndex:vid,\n                        strToken:data.token,\n                        strStream:data.streamprofile\n                    }\n                    _this.$store.state.liveplay=vdata\n                    _this.$store.state.liveviewadd.push(viewdata)\n                    console.log(\"----------------------\",vdata,_this.$store.state.liveplay);\n                    // _this.$root.bus.$emit('liveplay', data.token, data.streamprofile, data.name,data.label,vid);\n                }\n                _this.$nextTick(()=>{\n                    setTimeout(()=>{\n                    for(var i=1;i<=this.rows;i++){\n                        for(var c=1;c<=this.cols;c++){\n                            var video= document.getElementById(\"hvideo\"+i+c)\n                            // console.log('video.paused',video);\n                            if(video.poster==\"\"||video.poster==\"http://localhost:6080/\"||video.poster==_this.$store.state.IPPORT){\n                                this.selectCol = c;\n                                this.selectRow =i;\n                                $(\".h5container\").removeClass('h5videoh');\n                                $(\"#h\"+this.selectRow+this.selectCol).addClass('h5videoh');\n                                return false\n                            }else{\n                                console.log('video.paused1',!video.poster);\n                            }\n                        }\n                    }\n                    },300)\n                })\n                    \n            }else{\n               console.log(\"不可用\");\n            }\n        },\n\t\t//点击宫格\n\t\tvideoClick(r, c, $event) {\n            this.selectCol = c;\n            this.selectRow = r;\n            console.log(r, c);\n            $(\".h5container\").removeClass('h5videoh');\n            $(\"#h\"+r+c).addClass('h5videoh');\n        },\n        dbclick(r,c,event){\n            if (!($('#hvideo'+r+c).get(0).paused)){\n                if (this.dbclicks) {\n                    console.log(r,c,this.cols*this.rows);\n                    if (this.cols*this.rows==6) {\n                        if (r*c == 2 || r*c == 3) {\n                            this.h55id = \"#h\"+r+c;\n                            document.getElementsByClassName('Six_Palace')[c-1].setAttribute('class','palace sixts')\n                            this.dbclicks=false;\n                            this.$root.bus.$emit('dbclick', r,c);\n                        }else{\n                        this.h55id = \"#h\"+r+c;\n                        $(\"#h\"+r+c).addClass('dbclick');\n                        this.dbclicks=false;\n                        this.$root.bus.$emit('dbclick', r,c);\n                        }\n                    }else if (this.cols*this.rows==13) {\n                        if (r*c == 6 || r*c == 8) {\n                            this.h55id = \"#h\"+r+c;\n                            document.getElementsByClassName('videoflexitem')[c-1].setAttribute('class','palace sixts')\n                            this.dbclicks=false;\n                            this.$root.bus.$emit('dbclick', r,c);\n                        }else{\n                        this.h55id = \"#h\"+r+c;\n                        $(\"#h\"+r+c).addClass('dbclick');\n                        this.dbclicks=false;\n                        this.$root.bus.$emit('dbclick', r,c);\n                        }\n                    }else if(this.cols*this.rows==7){\n                        this.h55id = \"#h\"+r+c;\n                        document.getElementsByClassName('Seven_Palace')[c-1].setAttribute('class','palace sixts')//Seven_Palace\n                        this.dbclicks=false;\n                        this.$root.bus.$emit('dbclick', r,c);\n                    }else{\n                        console.log(11111);\n                        this.h55id = \"#h\"+r+c;\n                        $(\"#h\"+r+c).addClass('dbclick');\n                        this.dbclicks=false;\n                        this.$root.bus.$emit('dbclick', r,c);\n                    }\n                }else{\n                    if (this.cols*this.rows==6) {\n                        if (r*c == 2 || r*c == 3) {\n                            this.h55id = \"\";\n                            $(\".sixts\").addClass('Six_Palace');\n                            $(\".sixts\").removeClass('sixts');\n                            this.dbclicks=true;\n                            this.$root.bus.$emit('dbclick', r,c);\n                        }else{\n                            this.h55id = \"\";\n                            $(\"#h\"+r+c).removeClass('dbclick');\n                            this.dbclicks=true;\n                            this.$root.bus.$emit('dbclick', r,c);\n                        }\n                    }else if (this.cols*this.rows==13) {\n                        if (r*c == 6 || r*c == 8) {\n                            this.h55id = \"\";\n                            $(\".sixts\").addClass('videoflexitem');\n                            $(\".sixts\").removeClass('sixts');\n                            this.dbclicks=true;\n                            this.$root.bus.$emit('dbclick', r,c);\n                        }else{\n                            this.h55id = \"\";\n                            $(\"#h\"+r+c).removeClass('dbclick');\n                            this.dbclicks=true;\n                            this.$root.bus.$emit('dbclick', r,c);\n                        }\n                    }else if(this.cols*this.rows==7){\n                        this.h55id = \"\";\n                        $(\".sixts\").addClass('Seven_Palace');\n                        $(\".sixts\").removeClass('sixts');\n                        this.dbclicks=true;\n                        this.$root.bus.$emit('dbclick', r,c);\n                    }else{\n                        this.h55id = \"\";\n                        $(\"#h\"+r+c).removeClass('dbclick');\n                        this.dbclicks=true;\n                        this.$root.bus.$emit('dbclick', r,c);\n                    }\n                }\n            };\n            \n        },\n        stopVideo(event){\n            return;\n        },\n\t\t// ui宽度\n\t\tupdateUI(x) {\n            console.log(x);\n            if($(document.body).width() < 768)\n            {\n                this.contentHeight = $(document.body).height()*0.4;\n            }else\n            {\n                this.contentHeight = $(document.body).height()*x;\n            }\n            $('div[name=\"flex\"]').height(this.contentHeight / this.rows);\n            //this.contentHeight = $(document.body).height()*0.8;\n            let _this = this;\n            // if (H5siOS() === true)\n            // {\n            //     $('.h5video').prop(\"controls\", true);\n            // }\n        },\n\t\t//点击宫格\n        changePanel(event,viewClick) {\n            $(this.h55id).removeClass('dbclick');\n            this.dbclicks=true;\n            this.h55id = \"\";\n            this.$root.bus.$emit('dbclick',true)\n            console.log(viewClick,event)\n            var data=''\n            if(viewClick=='viewClick'){\n                data=event.strLayoutType\n            }else{\n                data = $(event.target).data('row');\n            }\n            // return\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            console.log(this.rows,this.cols);\n            this.$root.bus.$emit('strLayoutTypes',this.rows+'|'+this.cols);\n            Vue.nextTick(function () {\n                if(data=='1|6'||data=='1|7'||data=='1|13'){\n                    // console.log(\"121\");\n                    \n                }else{\n                    // console.log(\"45845454545\");\n                    $(\"#videoPanel .videoColor .palace\").removeClass(\"Seven_Palace\");\n                    $(\"#videoPanel .videoColor .palace\").removeClass(\"Six_Palace\");\n                    $(\"#videoPanel .videoColor .palace\").removeClass(\"videoflexitem\");\n                    $(\"#videoPanel .videoColor .palace\").removeClass(\"fours_Palace\");\n                }\n                var list_gong=$(\".palace\");\n                if(data=='1|4'){\n                    // console.log(\"23\")\n                    list_gong.removeClass(\"videoflexitem\");\n                    list_gong.removeClass(\"Seven_Palace\");\n                    list_gong.removeClass(\"Six_Palace\");\n\n                    list_gong.addClass(\"fours_Palace\");\n                }\n                if(data=='1|6'){\n                    // console.log(\"23\")\n                    list_gong.removeClass(\"videoflexitem\");\n                    list_gong.removeClass(\"Seven_Palace\");\n                    list_gong.removeClass(\"fours_Palace\");\n\n                    list_gong.addClass(\"Six_Palace\");\n                }\n                if(data=='1|7'){\n                    // console.log(\"234\")\n                    list_gong.removeClass(\"videoflexitem\");\n                    list_gong.removeClass(\"Six_Palace\");\n                    list_gong.removeClass(\"fours_Palace\");\n\n                    list_gong.addClass(\"Seven_Palace\");\n                }\n                if(data=='1|13'){\n                    // console.log(\"2345\")\n                    list_gong.removeClass(\"Six_Palace\");\n                    list_gong.removeClass(\"Seven_Palace\");\n                    list_gong.removeClass(\"fours_Palace\");\n\n                    list_gong.addClass(\"videoflexitem\");\n                }\n                //$('div[name=\"flex\"]').height(($(\".content\").height() - 50) / rows);\n                $('div[name=\"flex\"]').height(_this.contentHeight / rows);\n                var cors=_this.cols*_this.rows;\n                console.log(cors)\n                if(cors>9){\n                    $('.ptz_id_show').hide()\n                    $('.info_id_show').hide()\n                    $('.ptzcontrols').hide()\n                    $('.information').hide()\n                    $('.liveplay_ptz').hide()\n                    $('.open_button').hide();\n                    $('.open_liveplay_butt').hide();\n                }\n                if(cors<=9){\n                    $('.ptz_id_show').show()\n                    $('.info_id_show').show()\n                    $('.open_button').show();\n                    // $('.open_liveplay_butt').show();\n                }\n            })\n        },\n        //全屏\n        panelFullScreen(event) {\n            var elem = document.getElementById('video_hed');\n            //var elem = $(\"#videoPanel\");\n            console.log('panelFullScreen', event);\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                    console.log(\"========  updateUIExitFullScreen\");\n                    this.updateUIExitFullScreen();\n                } else {\n                     console.log('panelFullScreen3');\n\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                    {\n                        document.addEventListener('webkitfullscreenchange', this.updateUIExitFullScreen, false);\n                        document.addEventListener('mozfullscreenchange', this.updateUIExitFullScreen, false);\n                        document.addEventListener('fullscreenchange', this.updateUIExitFullScreen, false);\n                        document.addEventListener('MSFullscreenChange', this.updateUIExitFullScreen, false);\n                    }\n                }\n            } else {\n                console.log('Fullscreen is not supported on your browser.');\n            }\n        },\n        updateUIEnterFullScreen(){\n\n            $('div[name=\"flex\"]').height(screen.height / this.rows);\n        },\n        updateUIExitFullScreen(){\n            if (!document.fullscreenElement && !document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement)\n            {\n                $('div[name=\"flex\"]').height(this.contentHeight / this.rows);\n            }\n        },\n        //最菜的写法\n        headswitch(){\n            $('#headswitch').show()\n            $('#headswitch1').hide()\n        },\n        headswitch1(){\n            $('#headswitch1').show()\n            $('#headswitch').hide()\n        },\n        //测试机仓\n        loadtest(){\n            var root = this.$store.state.IPPORT;\n            if(this.$store.state.root==\"Operator\"){\n                return false\n            }\n            this.$store.state.Recviewadd=[];\n            var url = root + \"/api/v1//GetSrcCamera?session=\"+ this.$store.state.token;\n            // return falsel;\n            this.$http.get(url).then(result=>{\n                if(result.status == 200){\n                    var data =  result.data;\n                    var srcGroup = {children: []};\n                    srcGroup.label=this.$t('message.live.camera');\n                    srcGroup.iconclass=\"iconfont  icon-shexiangji\";\n                    srcGroup.length=data.src.length;\n                    var number = 0;\n                    var numberbDisable = 0;\n                    var offlineNumber = 0;\n                    var disableNumber = 0;\n                    var IdleNumber =0;\n                    for(var i=0; i< data.src.length; i++){\n                        var item = data.src[i];\n                        if (item.bOnline&&!item.bDisable) {\n                            number=number+1;\n                        }\n                        if(item['nOriginalType'] == 'H5_CH_GB'){\n                            numberbDisable=numberbDisable+1;\n                            continue;\n                        }else{\n                            // 主副流\n                            var node=[{\n                            token : item['strToken'],\n                            streamprofile : \"main\",\n                            label :this.$t('message.live.mainstream'),\n                            name:item['strName']+\"--\"+this.$t('message.live.mainstream'),\n                            iconclass : 'mdi mdi-playlist-play fa-fw',\n                            disabled_me:false\n                            },{\n                            token : item['strToken'],\n                            streamprofile : \"sub\",\n                            label :this.$t('message.live.substream'),\n                            name:item['strName']+\"--\"+this.$t('message.live.substream'),\n                            iconclass : 'mdi mdi-playlist-play fa-fw',\n                            disabled_me:false\n                            }]\n                            var newItem ={\n                                token : item['strToken'],\n                                label : item['strName'],\n                                iconclass : 'iconfont  icon-shexiangji',\n                                iconclass1 : '',\n                                iconclass2 : 'iconfont  icon-shexiangtou',\n                                name:item['strName']+\"--\"+this.$t('message.live.mainstream'),\n                                children:node,\n                                disabled_me:false,\n                                statusID:item['strToken']\n                            };\n                            if(item['bOnline']==true){\n                                // newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n                                newItem['bOnline'] = true;\n                            }else if(item['bOnline']==false){\n                                newItem['bOnline'] = false;\n                            }\n                            if(!item['bOnline']){\n                                // newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n                                newItem['iconclass'] = 'iconfont icon-shexiangji el-tree-camera';\n                                newItem['iconclass1'] = 'el-tree-camera';\n                                offlineNumber=offlineNumber+1;\n                            }\n                            if(item['nType'] == 'H5_CLOUD')\n                                newItem['iconclass'] = 'mdi mdi-cloud-upload fa-fw';\n                            \n                            if(item['bRec'] == true){\n                                //  newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n                                newItem['iconclass2'] = 'none';\n                                this.$store.state.Recviewadd.push(item['strToken']);\n                                newItem['bRec'] = true;\n                            }else if(item['bRec']==false){\n                                newItem['bRec'] = false;\n                            }\n                            \n                            if(item['bDisable'] == true&&this.$store.state.devicemarktoggle=='none'){\n                                numberbDisable = numberbDisable+1;\n                                continue;\n                            }\n                            if(item['bDisable'] == true){\n                                if (this.$store.state.devicemarktoggle==undefined||this.$store.state.devicemarktoggle=='block') {\n                                    disableNumber=disableNumber+1;\n                                }\n                            }\n                            if (item['bDisable'] == true) {\n                                newItem['iconclass'] = 'iconfont icon-jinyong1 el-tree-camera';\n                                newItem['iconclass1'] = 'el-tree-camera';\n                            }\n                            if (item['bIdle'] == true) {\n                                IdleNumber=IdleNumber+1;\n                                newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou1 el-tree-camera';\n                                newItem['iconclass1'] = 'el-tree-camera';\n                            }\n                            if (localStorage.getItem(this.$store.state.user)) {\n                                let localToken = JSON.parse(localStorage.getItem(this.$store.state.user))['src'];\n                                for (let i = 0; i < localToken.length; i++) {\n                                    const playtoken = localToken[i]['strToken'];\n                                    if (playtoken==item['strToken']&&item['bOnline']==true) {\n                                        newItem['iconclass'] = 'iconfont icon-shexiangji el-tree-camera-play';\n                                        newItem['iconclass1'] = 'el-tree-camera-play';\n                                        newItem['iconclass3'] = 'none';\n                                    }\n                                }\n                            }\n                            if(!item['bOnline']){\n                                srcGroup.children.push(newItem);\n                            }else{\n                                srcGroup.children.unshift(newItem);\n                            }\n                        }\n                    }\n                    srcGroup.firstLevel=true,\n                    srcGroup.length=data.src.length-numberbDisable;\n                    srcGroup.online=number;\n                    // srcGroup.offline=srcGroup.length-number;\n                    srcGroup.offline=offlineNumber;\n                    srcGroup.disable=disableNumber;\n                    srcGroup.idle = IdleNumber;\n                    this.data.push(srcGroup);\n                    console.log(this.data);\n                } \n            })\n\n        },\n        //写作业\n        loadDevice() {\n            var root = this.$store.state.IPPORT;\n            if(this.$store.state.root==\"Operator\"){\n                return false\n            }\n            var url = root + \"/api/v1/GetDevice?session=\"+ this.$store.state.token;\n\n            //重组\n            this.$http.get(url).then(result=>{\n                if(result.status == 200){\n                    // var srcData = [];\n                    var data=result.data.dev;\n                    // console.log(data)\n                    if(Array.isArray(data)){\n                        data.sort((a,b)=>{\n                            if(a.strName===b.strName) return 0;\n\n                            return a.strName > b.strName? 1:-1 \n                        })\n                        for(var i=0; i<data.length; i++){\n                            var item=data[i];\n\n                            this.data.push({\n                                token:item.strToken,\n                                label:item.strName,\n                                length:'',\n                                online:0,\n                                offline:0,\n                                iconclass:\"iconfont icon-shexiangji\",\n                                children:[],\n                                firstLevel:true,\n                                statusID:data[i].strToken\n                            })\n                            this.loadSrc(item.strToken)\n                        }\n                    }\n                }\n            })\n        },\n        loadSrc(strToken) {\n            var root = this.$store.state.IPPORT;\n            let _this =this;\n            this.$store.state.Recviewadd=[];\n            var url = root + \"/api/v1/GetDeviceSrc?token=\"+ strToken + \"&session=\" + this.$store.state.token;\n\n            this.$http.get(url).then(result => {\n                console.log(result);\n                if (result.status == 200)\n                {\n                    var number = 0;\n                    var numberbDisable = 0;\n                    var offlineNumber = 0;\n                    var disableNumber = 0;\n                    var IdleNumber =0;\n                    var data =  result.data;\n                    var srcGroup = [];\n                    for(var i=0; i< data.src.length; i++){\n                        var item = data.src[i];\n                        if (item.bOnline&&!item.bDisable) {\n                            number=number+1;\n                        }\n\n                        // 主副流\n                        var node=[{\n                        token : item['strToken'],\n                        streamprofile : \"main\",\n                        label :this.$t('message.live.mainstream'),\n                        name:item['strName']+\"--\"+this.$t('message.live.mainstream'),\n                        iconclass : 'mdi mdi-playlist-play fa-fw',\n                        disabled_me:false\n                        },{\n                        token : item['strToken'],\n                        streamprofile : \"sub\",\n                        label :this.$t('message.live.substream'),\n                        name:item['strName']+\"--\"+this.$t('message.live.substream'),\n                        iconclass : 'mdi mdi-playlist-play fa-fw',\n                        disabled_me:false\n                        }]\n                        for(var l=0; l< node.length; l++){\n                            if(item['bDisable'] == true){\n                                node[l].disabled_me =true;\n                            }\n                        }\n                        \n                        var newItem ={\n                                token : item['strToken'],\n                                label : item['strName'],\n                                iconclass : 'iconfont  icon-shexiangji',\n                                iconclass1 : '',\n                                name:item['strName']+\"--\"+this.$t('message.live.mainstream'),\n                                children:node,\n                                disabled_me:false};\n                        if(item['bOnline']==true){\n                            // newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n                            newItem['bOnline'] = true;\n                        }else if(item['bOnline']==false){\n                            newItem['bOnline'] = false;\n                        }\n                        if(!item['bOnline']){\n                            // newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n                            newItem['iconclass'] = 'iconfont icon-shexiangji el-tree-camera';\n                            newItem['iconclass1'] = 'el-tree-camera';\n                        } \n                        if(!item['bOnline']&&item['bIdle'] == false){ \n                            offlineNumber=offlineNumber+1;\n                        }\n                        if(item['nType'] == 'H5_CLOUD')\n                            newItem['iconclass'] = 'mdi mdi-cloud-upload fa-fw';\n\n                        if(item['bRec'] == true){\n                            // newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n                            newItem['iconclass2'] = 'none';\n                            this.$store.state.Recviewadd.push(item['strToken']);\n                            newItem['bRec'] = true;\n                        }else if(item['bRec']==false){\n                            newItem['bRec'] = false;\n                        }\n\n                        if(item['bDisable'] == true){\n                            newItem['disabled_me'] =true;\n                            // newItem['iconclass1'] = 'camera';\n                            newItem['iconclass'] = 'iconfont icon-jinyong1 el-tree-camera';\n                            newItem['iconclass1'] = 'el-tree-camera';\n                        }\n                        if(item['bDisable'] == true){\n                            if (this.$store.state.devicemarktoggle==undefined||this.$store.state.devicemarktoggle=='block') {\n                                disableNumber=disableNumber+1;\n                            }\n                        }\n                        if(item['bDisable'] == true&&this.$store.state.devicemarktoggle=='none'){\n                            numberbDisable = numberbDisable+1;\n                            continue;\n                        }\n                        if (item['bIdle'] == true) {\n                            newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou1 el-tree-camera';\n                            newItem['iconclass1'] = 'el-tree-camera';\n                            IdleNumber=IdleNumber+1;\n                        }\n                        if (localStorage.getItem(this.$store.state.user)) {\n                            let localToken = JSON.parse(localStorage.getItem(this.$store.state.user))['src'];\n                            for (let i = 0; i < localToken.length; i++) {\n                                const playtoken = localToken[i]['strToken'];\n                                if (playtoken==item['strToken']&&item['bOnline']==true) {\n                                    newItem['iconclass'] = 'iconfont icon-shexiangji el-tree-camera-play';\n                                    newItem['iconclass1'] = 'el-tree-camera-play';\n                                    newItem['iconclass3'] = 'none';\n                                }\n                            }\n                        }\n                        // srcGroup.push(newItem);\n                        if(!item['bOnline']||item.bDisable){\n                            srcGroup.push(newItem);\n                        }else{\n                            srcGroup.unshift(newItem);\n                        }\n                    }\n                    var srcData = this.data.find(item => item.token === strToken);\n                    if(srcData){\n                        srcData.children=srcGroup;\n                        srcData.length=result.data.src.length-numberbDisable;\n                        srcData.online=number;\n                        // srcData.offline=srcData.length-srcData.online;\n                        srcData.offline=offlineNumber;\n                        srcData.disable=disableNumber;\n                        srcData.idle = IdleNumber;\n                    }\n                }\n            }).catch(error => {\n                console.log('GetSrc failed', error);\n            });\n        },\n        //数字仓机\n        NumberDevice() {\n            var root = this.$store.state.IPPORT;\n            if(this.$store.state.root==\"Operator\"){\n                return false\n            }\n            //url\n            var url = root + \"/api/v1/GetGbDevice?session=\"+ this.$store.state.token;\n\n            //重组\n            this.$http.get(url).then(result=>{\n                if(result.status == 200){\n                    var data=result.data.dev;\n                    // console.log(data)\n                    if(Array.isArray(data)){\n                        data.sort((a,b)=>{\n                            if(a.strName===b.strName) return 0;\n\n                            return a.strName > b.strName? 1:-1 \n                        })\n                        for(var i=0; i<data.length; i++){\n                            var item=data[i];\n\n                            this.data.push({\n                                token:item.strToken,\n                                label:item.strName,\n                                iconclass:\"iconfont icon-shexiangji\",\n                                children:[],\n                                firstLevel:true,\n                                length:'',\n                                online:0,\n                                offline:0,\n                                statusID:data[i].strToken\n                            })\n                            this.NumberSrc(item.strToken)\n                        }\n                        // console.log(this.data)\n                    }\n                }\n            })\n        },\n        NumberSrc(strToken) {\n            var root = this.$store.state.IPPORT;\n            let _this =this;\n            this.$store.state.Recviewadd=[];\n            var url = root + \"/api/v1/GetGbDeviceSrc?token=\"+ strToken + \"&session=\" + this.$store.state.token;\n\n            this.$http.get(url).then(result => {\n                if (result.status == 200)\n                {   \n                    var number = 0;\n                    var numberbDisable = 0;\n                    var offlineNumber = 0;\n                    var disableNumber = 0;\n                    var IdleNumber =0;\n                    var data =  result.data;\n                    var srcGroup = [];\n                    for(var i=0; i< data.src.length; i++){\n                        var item = data.src[i];\n                        if (item.bOnline&&!item.bDisable) {\n                            number=number+1;\n                        }\n                        // 主副流\n                        var node=[{\n                        token : item['strToken'],\n                        streamprofile : \"main\",\n                        label :this.$t('message.live.mainstream'),\n                        name:item['strName']+\"--\"+this.$t('message.live.mainstream'),\n                        iconclass : 'mdi mdi-playlist-play fa-fw',\n                        disabled_me:false\n                        },{\n                        token : item['strToken'],\n                        streamprofile : \"sub\",\n                        label :this.$t('message.live.substream'),\n                        name:item['strName']+\"--\"+this.$t('message.live.substream'),\n                        iconclass : 'mdi mdi-playlist-play fa-fw',\n                        disabled_me:false\n                        }]\n                        var newItem ={\n                                token : item['strToken'],\n                                label : item['strName'],\n                                iconclass : 'iconfont  icon-shexiangji',\n                                iconclass1:'',\n                                name:item['strName']+\"--\"+this.$t('message.live.mainstream'),\n                                children:node,\n                                disabled_me:false};\n                        if(item['bOnline']==true){\n                            // newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n                            newItem['bOnline'] = true;\n                        }else if(item['bOnline']==false){\n                            newItem['bOnline'] = false;\n                        }\n                        if(!item['bOnline']){\n                            // newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n                            newItem['iconclass'] = 'iconfont icon-shexiangji el-tree-camera';\n                            newItem['iconclass1'] = 'el-tree-camera';\n                        }\n                        if(!item['bOnline']&&item['bIdle'] == false){ \n                            offlineNumber=offlineNumber+1;\n                        }\n\n                        if(item['nType'] == 'H5_CLOUD')\n                            newItem['iconclass'] = 'mdi mdi-cloud-upload fa-fw';\n\n                        if(item['bRec'] == true){\n                            // newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n                            newItem['iconclass2'] = 'none';\n                            this.$store.state.Recviewadd.push(item['strToken']);\n                            newItem['bRec'] = true;\n                        }else if(item['bRec']==false){\n                            newItem['bRec'] = false;\n                        }\n                        if (item['bDisable'] == true) {\n                            newItem['iconclass'] = 'iconfont icon-jinyong1 el-tree-camera';\n                            newItem['iconclass1'] = 'el-tree-camera';\n                        }\n                        if(item['bDisable'] == true){\n                            if (this.$store.state.devicemarktoggle==undefined||this.$store.state.devicemarktoggle=='block') {\n                                disableNumber=disableNumber+1;\n                            }\n                        }\n                        \n                        if(item['bDisable'] == true&&this.$store.state.devicemarktoggle=='none'){\n                            numberbDisable = numberbDisable+1;\n                            continue;\n                        }\n                        if (item['bIdle'] == true) {\n                            newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou1 el-tree-camera';\n                            newItem['iconclass1'] = 'el-tree-camera';\n                            IdleNumber=IdleNumber+1;\n                        }\n                        if (localStorage.getItem(this.$store.state.user)) {\n                            let localToken = JSON.parse(localStorage.getItem(this.$store.state.user))['src'];\n                            for (let i = 0; i < localToken.length; i++) {\n                                const playtoken = localToken[i]['strToken'];\n                                if (playtoken==item['strToken']&&item['bOnline']==true) {\n                                    newItem['iconclass'] = 'iconfont icon-shexiangji el-tree-camera-play';\n                                    newItem['iconclass1'] = 'el-tree-camera-play';\n                                    newItem['iconclass3'] = 'none';\n                                }\n                            }\n                        }\n\n                    srcGroup.push(newItem);\n                    }\n                    var srcData = this.data.find(item => item.token === strToken)\n                    // console.log(srcData)\n                    if(srcData){\n                        srcData.children=srcGroup\n                        srcData.length=result.data.src.length-numberbDisable;\n                        srcData.online=number;\n                        // srcData.offline=srcData.length-srcData.online;\n                        srcData.offline=offlineNumber;\n                        srcData.disable=disableNumber;\n                        srcData.idle = IdleNumber;\n                    }\n                }\n            }).catch(error => {\n                console.log('GetSrc failed', error);\n            });\n        },\n        //级联\n        cloudDevice() {\n            var root = this.$store.state.IPPORT;\n            if(this.$store.state.root==\"Operator\"){\n                return false\n            }\n            var url = root + \"/api/v1/GetCloudDevice?session=\"+ this.$store.state.token;\n\n            //重组\n            this.$http.get(url).then(result=>{\n                if(result.status == 200){\n                    var data=result.data.dev;\n                    // console.log(data)\n                    if(Array.isArray(data)){\n                        data.sort((a,b)=>{\n                            if(a.strName===b.strName) return 0;\n\n                            return a.strName > b.strName? 1:-1 \n                        })\n                        for(var i=0; i<data.length; i++){\n                            var item=data[i];\n\n                            this.data.push({\n                                token:item.strToken,\n                                label:item.strName,\n                                iconclass:\"iconfont icon-shexiangji\",\n                                children:[],\n                                firstLevel:true,\n                                length:'',\n                                online:0,\n                                offline:0,\n                                statusID:data[i].strToken\n                            })\n                            this.cloudSrc(item.strToken)\n                        }\n                        // console.log(this.data)\n                    }\n                }\n            })\n        },\n        cloudSrc(strToken) {\n            var root = this.$store.state.IPPORT;\n            this.$store.state.Recviewadd=[];\n            var url = root + \"/api/v1/GetCloudDeviceSrc?token=\"+ strToken + \"&session=\" + this.$store.state.token;\n\n            this.$http.get(url).then(result => {\n                if (result.status == 200)\n                {   \n                    var number = 0;\n                    var numberbDisable = 0;\n                    var offlineNumber = 0;\n                    var disableNumber = 0;\n                    var IdleNumber =0;\n                    var data =  result.data;\n                    var srcGroup = [];\n                    for(var i=0; i< data.src.length; i++){\n                        var item = data.src[i];\n                        if (item.bOnline&&!item.bDisable) {\n                            number=number+1;\n                        }\n                        // 主副流\n                        var node=[{\n                        token : item['strToken'],\n                        streamprofile : \"main\",\n                        label :this.$t('message.live.mainstream'),\n                        name:item['strName']+\"--\"+this.$t('message.live.mainstream'),\n                        iconclass : 'mdi mdi-playlist-play fa-fw',\n                        disabled_me:false\n                        },{\n                        token : item['strToken'],\n                        streamprofile : \"sub\",\n                        label :this.$t('message.live.substream'),\n                        name:item['strName']+\"--\"+this.$t('message.live.substream'),\n                        iconclass : 'mdi mdi-playlist-play fa-fw',\n                        disabled_me:false\n                        }]\n                        var newItem ={\n                                token : item['strToken'],\n                                label : item['strName'],\n                                iconclass : 'iconfont  icon-shexiangji',\n                                iconclass1:'',\n                                name:item['strName']+\"--\"+this.$t('message.live.mainstream'),\n                                children:node,\n                                disabled_me:false};\n                        if(item['bOnline']==true){\n                            // newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n                            newItem['bOnline'] = true;\n                        }else if(item['bOnline']==false){\n                            newItem['bOnline'] = false;\n                        }\n                        if(!item['bOnline']){\n                            // newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou';\n                            newItem['iconclass'] = 'iconfont icon-shexiangji el-tree-camera';\n                            newItem['iconclass1'] = 'el-tree-camera';\n                        }\n                        if(!item['bOnline']&&item['bIdle'] == false){ \n                            offlineNumber=offlineNumber+1;\n                        }\n                        // if(item['nType'] == 'H5_CLOUD')\n                        //     newItem['iconclass'] = 'iconfont  icon-shexiangji';\n\n                        if(item['bRec'] == true){\n                            // newItem['iconclass2'] = 'iconfont icon-radioboxfill none';\n                            newItem['iconclass2'] = 'none';\n                            this.$store.state.Recviewadd.push(item['strToken']);\n                            newItem['bRec'] = true;\n                        }else if(item['bRec']==false){\n                            newItem['bRec'] = false;\n                        }\n                        if (item['bDisable'] == true) {\n                            newItem['iconclass'] = 'iconfont icon-jinyong1 el-tree-camera';\n                            newItem['iconclass1'] = 'el-tree-camera';\n                        }\n                        if(item['bDisable'] == true){\n                            if (this.$store.state.devicemarktoggle==undefined||this.$store.state.devicemarktoggle=='block') {\n                                disableNumber=disableNumber+1;\n                            }\n                        }\n                        \n                        if(item['bDisable'] == true&&this.$store.state.devicemarktoggle=='none'){\n                            numberbDisable = numberbDisable+1;\n                            continue;\n                        }\n                        if (item['bIdle'] == true) {\n                            newItem['iconclass'] = 'iconfont icon-kaiqishexiangtou1 el-tree-camera';\n                            newItem['iconclass1'] = 'el-tree-camera';\n                            IdleNumber=IdleNumber+1;\n                        }\n                        if (localStorage.getItem(this.$store.state.user)) {\n                            let localToken = JSON.parse(localStorage.getItem(this.$store.state.user))['src'];\n                            for (let i = 0; i < localToken.length; i++) {\n                                const playtoken = localToken[i]['strToken'];\n                                if (playtoken==item['strToken']&&item['bOnline']==true) {\n                                    newItem['iconclass'] = 'iconfont icon-shexiangji el-tree-camera-play';\n                                    newItem['iconclass1'] = 'el-tree-camera-play';\n                                    newItem['iconclass3'] = 'none';\n                                }\n                            }\n                        }\n\n                    srcGroup.push(newItem);\n                    }\n                    var srcData = this.data.find(item => item.token === strToken)\n                    // console.log(srcData)\n                    if(srcData){\n                        srcData.children=srcGroup\n                        srcData.length=result.data.src.length-numberbDisable;\n                        srcData.online=number;\n                        // srcData.offline=srcData.length-srcData.online;\n                        srcData.offline=offlineNumber;\n                        srcData.disable=disableNumber;\n                        srcData.idle = IdleNumber;\n                    }\n                }\n            }).catch(error => {\n                console.log('GetSrc failed', error);\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                if (localStorage.getItem(this.$store.state.user)) {\n                    let localToken = JSON.parse(localStorage.getItem(this.$store.state.user))['src'];\n                    for(var k in dataroot.cam){\n                        for (let i = 0; i < localToken.length; i++) {\n                            const playtoken = localToken[i]['strToken'];\n                            if (playtoken==dataroot.cam[k].strToken&&dataroot.cam[k].bOnline==true) {\n                                dataroot.cam[k].iconclass = 'iconfont icon-shexiangji el-tree-camera-play';\n                                dataroot.cam[k].iconclass1 = 'el-tree-camera-play';\n                                dataroot.cam[k].iconclass3 = 'none';\n                            }\n                        }\n                        \n                    }\n                }\n                // this.data1.push(dataroot);\n                console.log(dataroot);\n                this.datapush(dataroot)\n                console.log(this.data1);\n            })\n        },\n        datapush(data){\n            data['firstLevel'] =data.strToken;\n            this.a(data)\n        },\n        a(data){\n            console.log(data);\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                    data.node[i]['firstLevel'] =data.node[i].strToken;\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.data1=[];\n                    this.data1.push(data);\n                }\n            }\n        },\n        b(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                    data.node[i]['firstLevel'] =data.node[i].strToken;\n                    data.cam.push(data.node[i])\n                }\n            }\n            delete data.node\n            for (let i = 0; i < data.cam.length; i++) {\n                if (data.cam[i].strName!='设备暂时不可用') {\n                    console.log(data.cam[i]);\n                    if (data.cam[i].cam) {\n                        this.c(data.cam[i])\n                    }\n                }\n            }\n        },\n        c(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                    data.node[i]['firstLevel'] =data.node[i].strToken;\n                    data.cam.push(data.node[i])\n                }\n            }\n            delete data.node;\n            for (let i = 0; i < data.cam.length; i++) {\n                if (data.cam[i].strName!='设备暂时不可用') {\n                    // console.log(data.cam[i]);\n                    if (data.cam[i].cam) {\n                        this.d(data.cam[i])\n                    }\n                }\n            }\n        },\n        d(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                    data.node[i]['firstLevel'] =data.node[i].strToken;\n                    data.cam.push(data.node[i])\n                }\n            }\n            delete data.node;\n            for (let i = 0; i < data.cam.length; i++) {\n                if (data.cam[i].strName!='设备暂时不可用') {\n                console.log(data.cam[i]);\n                if (data.cam[i].cam) {\n                    this.e(data.cam[i])\n                }}\n            }\n        },\n        e(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                    if (data.node[i].strName!='设备暂时不可用') {\n                        data.node[i]['firstLevel'] =data.node[i].strToken;\n                        data.cam.push(data.node[i])\n                    }\n                }\n            }\n            delete data.node;\n        },\n        getchild(arr,arr1) {\n            this.$store.state.Recviewadd=[];\n            for(var i in arr.cam){\n                if(!arr.cam[i].strName){\n                    for(var j in arr1){\n                        if(arr.cam[i].strToken == arr1[j].strToken){\n                            var node1=[{\n                                strToken : arr1[j].strToken,\n                                streamprofile : \"main\",\n                                strName :this.$t('message.live.mainstream'),\n                                name:arr1[j].strName+\"--\"+this.$t('message.live.mainstream'),\n                                iconclass : 'mdi mdi-playlist-play fa-fw',\n                                disabled_me:false\n                            },{\n                                strToken : arr1[j].strToken,\n                                streamprofile : \"sub\",\n                                strName :this.$t('message.live.substream'),\n                                name:arr1[j].strName+\"--\"+this.$t('message.live.substream'),\n                                iconclass : 'mdi mdi-playlist-play fa-fw',\n                                disabled_me:false\n                            }]\n                            arr.cam[i].treeid= arr1[j].strToken+uuid();\n                            arr.cam[i].iconclass2='';\n                            arr.cam[i].node=node1;\n                            arr.cam[i].strName = arr1[j].strName;\n                            arr.cam[i].name=arr1[j].strName+\"--\"+this.$t('message.live.mainstream')\n                            arr.cam[i].bOnline = arr1[j].bOnline;\n                            arr.cam[i].iconclass=\"iconfont  icon-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                            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                                this.$store.state.Recviewadd.push(arr1[j].strToken);\n                            }\n\n                            if(arr1[j].bDisable== true){\n                                \n                                arr.cam[i].node[0].disabled_me=true;\n                                arr.cam[i].node[1].disabled_me=true;\n                                arr.cam[i].disabled_me=true;\n                                // arr.cam[i].iconclass1= 'camera';\n                                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 = 'iconfont icon-kaiqishexiangtou1 el-tree-camera';\n                                arr.cam[i].iconclass1 = 'el-tree-camera';\n                            }\n                        }\n                    }\n                }\n            }\n\n            var camarr=[]\n\t\t\tvar camarr1=[]\n\t\t\tfor(var i in arr.cam){\n\t\t\t\tcamarr.push(arr.cam[i].strToken)\n\t\t\t}\n\t\t\tfor(var i in arr1){\n\t\t\t\tcamarr1.push(arr1[i].strToken)\n\t\t\t}\n\t\t\tlet diff = camarr.filter(item => !new Set(camarr1).has(item))\n\t\t\t// console.log(diff)\n\t\t\tfor(var i in arr.cam){\n\t\t\t\tfor(var j in diff){\n\t\t\t\t\tif(arr.cam[i].strToken == diff[j]){\n\t\t\t\t\t\tarr.cam[i].strName = '设备暂时不可用';\n\t\t\t\t\t\t// 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\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n            if(arr.node && arr.node.length>0){\n                for (var i = 0; i < arr.node.length; i++) {\n                    arr.node[i] = this.getchild(arr.node[i],arr1);\n                }\n            }\n            if (arr.cam.length>0) {\n                if (localStorage.getItem(this.$store.state.user)) {\n                    let localToken = JSON.parse(localStorage.getItem(this.$store.state.user))['src'];\n                    for(var k in arr.cam){\n                        for (let i = 0; i < localToken.length; i++) {\n                            const playtoken = localToken[i]['strToken'];\n                            if (playtoken==arr.cam[k].strToken&&arr.cam[k].bOnline==true) {\n                                arr.cam[k].iconclass = 'iconfont icon-shexiangji el-tree-camera-play';\n                                arr.cam[k].iconclass1 = 'el-tree-camera-play';\n                                arr.cam[k].iconclass3 = 'none';\n                            }\n                        }\n                        \n                    }\n                }\n            }\n            return arr;\n        },\n        //模糊查询\n        filterNode(value, data, node) {\n            // 如果什么都没填就直接返回\n            if (!value) return true;\n            // 如果传入的value和data中的label相同说明是匹配到了\n            if (data.label.indexOf(value) !== -1) {\n            return true;\n            }\n            // 否则要去判断它是不是选中节点的子节点\n            return this.checkBelongToChooseNode(value, data, node);\n        },\n        filterNode1(value, data, node) {\n            // 如果什么都没填就直接返回\n            if (!value) return true;\n            // 如果传入的value和data中的label相同说明是匹配到了\n            if (data.strName.indexOf(value) !== -1) {\n            return true;\n            }\n            // 否则要去判断它是不是选中节点的子节点\n            // return this.checkBelongToChooseNode(value, data, node);\n        },\n        // 判断传入的节点是不是选中节点的子节点\n        checkBelongToChooseNode(value, data, node) {\n            const level = node.level;\n            // 如果传入的节点本身就是一级节点就不用校验了\n            if (level === 1) {\n            return false;\n            }\n            // 先取当前节点的父节点\n            let parentData = node.parent;\n            // 遍历当前节点的父节点\n            let index = 0;\n            while (index < level - 1) {\n            // 如果匹配到直接返回\n            if (parentData.data.label.indexOf(value) !== -1) {\n                return true;\n            }\n            // 否则的话再往上一层做匹配\n            parentData = parentData.parent;\n            index ++;\n            }\n            // 没匹配到返回false\n            return false;\n        },\n    },\n    computed: {\n        contractFile() {\n            return this.$store.state.videoid\n        },  \n        watchview(){\n            return this.$route.query.view\n        },\n        fullscreen(){\n            return this.$route.query.fullscreen||false;\n        \n        }\n    },\n    //模糊查询\n    watch: {\n        fullscreen(data){\n            console.log(data);\n            if (this.$route.query.embed=='true') {\n                if (data==\"false\") {\n                    $('.liveview_left').removeClass('liveview_lefts');\n                    $('.liveview_right').removeClass('liveview_rights');\n                    this.updateUI(0.89);\n                }else if (data=='true') {\n                    $('.liveview_left').addClass('liveview_lefts');\n                    $('.liveview_right').addClass('liveview_rights');\n                    this.updateUI(0.98);\n                }\n            }else if(this.$route.query.embed=='false'){\n                    this.updateUI(0.89);\n            }else{\n                if (data=='true') {\n                    $('.liveview_left').addClass('liveview_lefts');\n                    $('.liveview_right').addClass('liveview_rights');\n                    this.updateUI(0.89)   \n                }else{\n                    $('.liveview_left').removeClass('liveview_lefts');\n                    $('.liveview_right').removeClass('liveview_rights');\n                    this.updateUI(0.82)  \n                }\n            }\n            // if (data=='true') {\n            //     $('.liveview_left').addClass('liveview_lefts');\n            //     $('.liveview_right').addClass('liveview_rights');\n            //     this.updateUI(0.89)   \n            // }else{\n            //     $('.liveview_left').removeClass('liveview_lefts');\n            //     $('.liveview_right').removeClass('liveview_rights');\n            //     this.updateUI(0.82)  \n            // }\n        },\n        watchview(data){\n            if(this.viewlists[data]){\n                console.log(this.viewlists[data]);\n                this.viewClick(this.viewlists[data]);\n            }\n        },\n        contractFile(value){\n            var viewdata={\n                strName:this.$store.state.user,\n                strLayoutType:this.rows+'|'+this.cols,\n                src:this.$store.state.liveviewadd\n            }\n            localStorage.setItem(this.$store.state.user,JSON.stringify(viewdata));\n        },\n        filterText(val) {\n            console.log(\"filter\",val);\n            if (this.$store.state.root==\"Operator\") {\n                this.$refs.tree1.filter(val);\n            }else{\n                this.$refs.tree.filter(val);\n            }\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\">\n.liveview{\n    .el-tree-node{\n        overflow: auto;\n    }\n    padding-top: 10px;\n    display: flex;\n    // flex-wrap: wrap;\n    justify-content: space-between;\n    /* 水印 */\n    #watermarktoggle{\n        position: fixed;\n        z-index: 100;\n        width: 100%;\n        height: 100%;\n        left: 0;\n        top: 0;\n        display: none;\n        pointer-events: none;\n        margin-top: 40px;\n    }\n    .liveview_left{\n        width: 16%;\n        // min-width: 290px;\n        height: 89vh;\n        margin: 0 5px;\n        overflow: auto;\n        &::-webkit-scrollbar{\n            display: none;\n        }\n        .liveview_left_input{\n            margin: 10px 0;\n        }\n        // #headswitch1{\n        //     display: none;\n        // }\n        //录像管理\n        .black{\n            display: none;font-size: 12px;color: #606266; padding-left: 4px;line-height: 24px;color: #f00;\n        }\n        .nowplay{\n            display: none;font-size: 12px;color: #606266; padding-left: 4px;line-height: 23.5px;color: #30d158;\n            .dot{\n                font-size: 12px;line-height: 23.5px;padding-right: 4px;\n            }\n            .nowplayText{\n                line-height: 26px;\n            }\n        }\n        // .none{\n        //     display: block;\n        // }\n        \n        .el_tree .el-tree-node__content{\n            min-height: 24px;\n            height: auto;\n        }\n        .el-collapse{\n            .el-collapse-item{\n                height: 40vh;\n                .el-collapse-item__wrap{\n                    .el-collapse-item__content{\n                        height: 35vh;\n                        padding: 0 10px;\n                        overflow: auto;\n                        // ::-webkit-scrollbar{\n                        //     display: none;\n                        // }\n                    }\n                }\n            }\n        }\n    }\n    .StatusPrompt {\n        display:none;\n    }\n    .StatusPromptColor{\n        color:#67cfb5 !important;\n    }\n    .liveview_lefts{\n        width: 0%;\n    }\n    .liveview_right{\n        width: 84%;\n        height: 89vh;\n        .dbclick{\n            position: absolute;\n            top: 1px;\n            left: 1px;\n            width: 83.45vw;\n            height: 82.5vh;\n        }\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        .videoColor {\n            .palace{\n                background-size: 10%;\n                flex: 1 1 10%;\n            }\n            .fours_Palace{\n                flex: 1 1 33.33%!important;\n                height: 33.33% !important;\n                &:nth-child(1){\n                    flex: 1 1 100% !important;\n                    height: 66.66% !important;\n                }\n            }\n            /* 六 */\n            .Six_Palace{\n                flex: 1 1 33.33%!important;\n                height: 33.33% !important;\n                &:nth-child(1){\n                    flex: 1 1 66.66% !important;\n                    height: 66.66% !important;\n                }\n                &:nth-child(3){\n                    width: 33.33% !important;\n                    position: absolute;\n                    top: 33.33%;\n                    right: 0;\n                }\n            }\n            .sixts{\n                height: 100% !important;\n                width: 100% !important;\n                position: absolute;\n                top: 0;\n                left: 0;\n            }\n            /* 十三宫格 */\n            .videoflexitem{\n                flex: 1 1 25% !important;\n                width: 25% !important;\n                height: 25% !important;\n                &:nth-child(6){\n                    position: absolute;\n                    top: 50%;\n                    left: 0;\n                }\n                &:nth-child(7){\n                    flex: 1 1 50% !important;\n                    height: 50% !important;\n                }\n                &:nth-child(8){\n                    flex: 1 1 25% !important;\n                    position: absolute;\n                    top: 50%;\n                    right: 0;\n                }\n            }\n            /* 七宫格 */\n            .Seven_Palace{\n                flex: 1 1 33.33%;\n                height: 33.33% !important;\n                &:nth-child(1){\n                    height: 100% !important;\n                }\n                &:nth-child(3){\n                    width: 33.33% !important;\n                    position: absolute;\n                    top: 33.33%;\n                    right: 0;\n                }\n                &:nth-child(2){\n                    width: 33.33% !important;\n                    position: absolute;\n                    top: 33.33%;\n                    right: 33.33%;\n                }\n                &:nth-child(6){\n                    width: 33.33% !important;\n                    position: absolute;\n                    bottom: 0;\n                    right: 33.33%;\n                }\n                &:nth-child(7){\n                    width: 33.33% !important;\n                    position: absolute;\n                    bottom: 0;\n                    right: 0;\n                }\n            }\n        }\n        div[name='flex'] {\n            display: flex;\n            flex-wrap: wrap;\n            border-bottom: 0px !important;\n            :hover {\n                /*background-color: #3c8dbc;*/\n                cursor: pointer;\n            }\n            +[name='flex'] {\n                border-left: 0px !important;\n            }\n        }\n        .liveview_group{\n            width: 100%;\n            padding: 20px 20%;\n            display: flex;\n            justify-content: space-between;\n            button{\n                border: none;\n                background: none;\n                font-size: 30px;\n            }\n        }\n    }\n    .liveview_rights{\n        width: 100%;\n        #video_hed{\n            height: 100%;\n        }\n        .liveview_group{\n            display: none;\n        }\n    }\n}\n.el-popover.el-popper{\n    .liveview_popover{\n        .liveview_popover_top{\n            display: flex;\n            width: 100%;\n            margin-bottom: 10px;\n            div{\n                width: 35%;\n                line-height: 40px;\n            }\n            .liveview_left_input{\n                width: 65%;\n                .el-input__inner{\n                    width: 100%;\n                    border: none;\n                }\n            }\n        }\n        .liveview_popover_but{\n            width: 100%;\n            display: flex;\n            justify-content: flex-end;\n            button{\n                border-radius: 5px;\n                border: none;\n            }\n        }\n    }\n}\n.none{\n    display: block !important;\n}\n</style>","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"liveview\"},[_c('div',{attrs:{\"id\":\"watermarktoggle\"}}),_c('div',{staticClass:\"liveview_left\"},[_c('el-input',{staticClass:\"liveview_left_input\",attrs:{\"placeholder\":\"输入关键字进行过滤\"},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:\"filterText\"}}),_c('el-collapse',{model:{value:(_vm.activeNames),callback:function ($$v) {_vm.activeNames=$$v},expression:\"activeNames\"}},[_c('el-collapse-item',{attrs:{\"name\":\"1\",\"id\":\"headswitch\"}},[_c('template',{slot:\"title\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\",\"width\":\"85%\",\"align-items\":\"center\"}},[_c('div',[_vm._v(_vm._s(_vm.$t(\"message.live.device\")))]),_c('div',{staticClass:\"liveview_colltitle\"},[_c('div',{staticClass:\"liveview_titleicon1\",on:{\"click\":function($event){$event.stopPropagation();return _vm.Refresh('device')}}}),_c('div',{staticClass:\"liveview_titleicon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.headswitch1($event)}}})])])]),_c('el-tree',{ref:\"tree\",attrs:{\"data\":_vm.data,\"node-key\":\"id\",\"filter-node-method\":_vm.filterNode,\"props\":_vm.defaultProps},on:{\"node-click\":_vm.handleNodeClick},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',{staticClass:\"size_color\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\",\"align-items\":\"center\"},attrs:{\"draggable\":\"true\"},on:{\"dragstart\":function($event){return _vm.dragStart($event,data.token,data.label,data.streamprofile, data.name,data.disabled_me)}}},[_c('span',{class:data.iconclass,staticStyle:{\"font-size\":\"10px\"},attrs:{\"id\":'icon'+data.token}}),_c('span',{class:data.iconclass1,staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.label))]),(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),_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('span',{staticClass:\"black\",class:data.iconclass2},[_vm._v(\"●\")]),_c('span',{staticClass:\"nowplay\",class:data.iconclass3},[_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('span',{staticClass:\"dot\"},[_vm._v(\"●\")]),_c('span',{staticClass:\"nowplayText\"},[_vm._v(\"正在播放\")])])])])])])}}])})],2),_c('el-collapse-item',{attrs:{\"name\":\"1\",\"id\":\"headswitch1\"}},[_c('template',{slot:\"title\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\",\"width\":\"85%\",\"align-items\":\"center\"}},[_c('div',[_vm._v(_vm._s(_vm.$t(\"message.live.Region\")))]),_c('div',{staticClass:\"liveview_colltitle\"},[_c('div',{staticClass:\"liveview_titleicon1\",on:{\"click\":function($event){$event.stopPropagation();return _vm.Refresh('Region')}}}),_c('div',{staticClass:\"liveview_titleicon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.headswitch($event)}}})])])]),_c('el-tree',{ref:\"tree1\",staticClass:\"el_tree\",attrs:{\"node-key\":\"strToken\",\"default-expanded-keys\":['root'],\"data\":_vm.data1,\"filter-node-method\":_vm.filterNode1,\"props\":_vm.defaultProps1},on:{\"node-click\":_vm.handleNodeClick},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',{attrs:{\"draggable\":\"true\"},on:{\"dragstart\":function($event){return _vm.dragStart($event,data.strToken,data.strName,data.streamprofile, data.name,data.disabled_me)}}},[(data.iconclass)?_c('span',{class:data.iconclass,staticStyle:{\"font-size\":\"12px\"},attrs:{\"id\":'icon'+data.strToken}}):_c('span',{staticClass:\"iconfont icon-quyu\",staticStyle:{\"font-size\":\"12px\"},attrs:{\"id\":'icon'+data.strToken}}),_c('span',{class:data.iconclass1,staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.strName))])]),_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('span',{staticClass:\"black\",class:data.iconclass2},[_vm._v(\"●\")]),_c('span',{staticClass:\"nowplay\",class:data.iconclass3},[_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('span',{staticClass:\"dot\"},[_vm._v(\"●\")]),_c('span',{staticClass:\"nowplayText\"},[_vm._v(\"正在播放\")])])])])])])}}])})],2),_c('el-collapse-item',{attrs:{\"name\":\"2\",\"id\":\"viewclis\"}},[_c('template',{slot:\"title\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\",\"width\":\"85%\",\"align-items\":\"center\"}},[_c('div',[_vm._v(_vm._s(_vm.$t(\"message.live.View\")))]),_c('div',{staticClass:\"liveview_colltitle\"},[_c('div',{staticClass:\"liveview_titleicon1\",on:{\"click\":function($event){$event.stopPropagation();return _vm.Refresh('view')}}}),_c('el-popover',{attrs:{\"placement\":\"right\",\"title\":_vm.NewView,\"width\":\"260\",\"trigger\":\"click\"}},[_c('div',{staticClass:\"liveview_popover\"},[_c('div',{staticClass:\"liveview_popover_top\"},[_c('div',[_vm._v(_vm._s(_vm.ViewName))]),_c('el-input',{staticClass:\"liveview_left_input\",attrs:{\"placeholder\":\"请输入名称\"},model:{value:(_vm.viewname),callback:function ($$v) {_vm.viewname=$$v},expression:\"viewname\"}})],1),_c('div',{staticClass:\"liveview_popover_but\"},[_c('el-button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.viewadd($event)}}},[_vm._v(_vm._s(_vm.$t(\"message.camera.save\")))])],1)]),_c('div',{staticClass:\"liveview_titleicon2\",attrs:{\"slot\":\"reference\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.view($event)}},slot:\"reference\"})])],1)])]),_c('el-tree',{staticClass:\"el_tree\",attrs:{\"node-key\":\"strToken\",\"default-expanded-keys\":['root'],\"data\":_vm.viewdata,\"props\":_vm.defaultProps2},on:{\"node-click\":_vm.viewClick},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{staticStyle:{\"width\":\"100%\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',[_c('span',{class:data.icon}),_c('span',{staticStyle:{\"padding-left\":\"6px\"}},[_vm._v(_vm._s(data.strName))])]),_c('div',{staticStyle:{\"width\":\"20%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('div',{staticClass:\"iconfont icon-ashbin\",on:{\"click\":function($event){$event.stopPropagation();return _vm.Delview(data.strToken)}}}),_c('div',{staticClass:\"iconfont icon-zhongmingming\",on:{\"click\":function($event){$event.stopPropagation();return _vm.Editview(data)}}})])])])}}])})],2)],1)],1),_c('div',{staticClass:\"liveview_right\",attrs:{\"id\":\"videoPanel\"}},[_c('div',{staticStyle:{\"position\":\"relative\"},attrs:{\"id\":\"video_hed\"}},_vm._l((_vm.rows),function(r){return _c('div',{key:r,staticClass:\"videoColor\",attrs:{\"name\":\"flex\"}},_vm._l((_vm.cols),function(c){return _c('div',{key:c,staticClass:\"palace\",attrs:{\"name\":\"flex\"},on:{\"drop\":function($event){return _vm.dropTarget($event,r,c)},\"dragover\":function($event){$event.preventDefault();return _vm.dragover($event)},\"contextmenu\":function($event){$event.preventDefault();return _vm.stopVideo($event)},\"click\":function($event){return _vm.videoClick(r,c,$event)},\"dblclick\":function($event){return _vm.dbclick(r,c,$event)}}},[_c('v-liveplay',{attrs:{\"id\":'h'+r+c,\"h5id\":'h'+r+c,\"rows\":_vm.rows,\"cols\":_vm.cols,\"h5videoid\":'hvideo'+r+c,\"canvasid\":'canvas'+r+c}})],1)}),0)}),0),_c('div',{staticClass:\"liveview_group blocks\"},[_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1\",attrs:{\"type\":\"button\",\"data-row\":\"1|1\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben\",attrs:{\"type\":\"button\",\"data-row\":\"1|3\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben2\",attrs:{\"type\":\"button\",\"data-row\":\"2|2\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-sansi\",attrs:{\"type\":\"button\",\"data-row\":\"1|4\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben3\",attrs:{\"type\":\"button\",\"data-row\":\"1|6\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben4\",attrs:{\"type\":\"button\",\"data-row\":\"1|7\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben5\",attrs:{\"type\":\"button\",\"data-row\":\"3|3\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben6\",attrs:{\"type\":\"button\",\"data-row\":\"1|13\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-qietu16\",attrs:{\"type\":\"button\",\"data-row\":\"4|4\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-qietu25\",attrs:{\"type\":\"button\",\"data-row\":\"5|5\"},on:{\"click\":function($event){return _vm.changePanel($event)}}}),_c('el-button',{staticClass:\"iconfont icon-tubiao_huaban1fuben9\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.panelFullScreen($event)}}}),_c('el-button',{staticClass:\"iconfont icon-quanbuguanbi-01 offAllVideo\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.Alloffvideo}})],1)])])}\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!./Liveview.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!./Liveview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Liveview.vue?vue&type=template&id=e3375284&\"\nimport script from \"./Liveview.vue?vue&type=script&lang=js&\"\nexport * from \"./Liveview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Liveview.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}