{"version":3,"sources":["webpack:///./src/views/replay/Archive.vue?b670","webpack:///./src/views/replay/Archive.vue?59d5","webpack:///./src/views/replay/Archive.vue?bd3d","webpack:///./src/views/replay/Archive.vue","webpack:///src/views/replay/Archive.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","filterText","expression","_v","ref","data","filterNode","defaultProps","scopedSlots","_u","key","fn","class","iconclass","staticStyle","iconclass1","_s","label","strName","online","length","_e","refNamePopover","statusID","offline","disable","idle","on","$event","StatusPrompt","slot","datechange","_l","item","startvalue","endvalue","getCheckedNodes","$t","tableDatak","tableData1","slice","currentPage","pageSize","Name","Token","StartTime","scope","row","starf","EndTime","end","Type","type","content","content1","handleEdit","$index","content2","Refresh","percentage","content3","url","urlto","content4","Refresh1","total","handleSizeChange","handleCurrentChange","handleClose","Playback","myModal1","rowstarf","rowend","timelinndown","timelinnup","max","timelinn","timelink","icon","resume","Speed","region","displayc","staticRenderFns","component"],"mappings":"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","file":"static/js/chunk-0e436f9d.8a9b3aa5.js","sourcesContent":["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!./Archive.vue?vue&type=style&index=0&id=28f199ad&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!./Archive.vue?vue&type=style&index=0&id=28f199ad&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"playback\"},[_c('div',{staticClass:\"playback_snap_zuo\"},[_c('el-input',{staticClass:\"snap_zuo_input\",attrs:{\"placeholder\":\"输入关键字进行过滤\"},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:\"filterText\"}}),_c('div',{staticClass:\"snap_zuo_title\"},[_vm._v(\"设备\")]),_c('el-tree',{ref:\"tree\",attrs:{\"data\":_vm.data,\"show-checkbox\":\"\",\"node-key\":\"id\",\"filter-node-method\":_vm.filterNode,\"highlight-current\":\"\",\"props\":_vm.defaultProps},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _c('span',{},[_c('i',{class:data.iconclass,staticStyle:{\"font-size\":\"10px\"}}),_c('span',{class:data.iconclass1,staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.label||data.strName))]),(data.length)?_c('span',{staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(data.online)+\"/\"+_vm._s(data.length))]):_vm._e(),(data.firstLevel)?_c('el-popover',{ref:_vm.refNamePopover+data.statusID,staticClass:\"Status\",staticStyle:{\"flex\":\"1\",\"text-align\":\"right\",\"height\":\"36px\",\"line-height\":\"36px\"},attrs:{\"placement\":\"bottom-end\",\"trigger\":\"manual\",\"popper-class\":\"popperOptions\"}},[_c('div',{staticClass:\"StatusPrompt\"},[_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',{staticStyle:{\"font-size\":\"12px\"}},[_c('span',{staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-shexiangji\",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 在线:\"+_vm._s(data.online)+\" \")]),_c('span',{staticClass:\"el-tree-camera\",staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-shexiangji el-tree-camera\",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 离线:\"+_vm._s(data.offline)+\" \")]),_c('span',{staticClass:\"el-tree-camera\",staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-jinyong1 el-tree-camera \",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 禁用:\"+_vm._s(data.disable)+\" \")]),_c('span',{staticClass:\"el-tree-camera\",staticStyle:{\"padding-left\":\"5px\"}},[_c('i',{staticClass:\"iconfont icon-kaiqishexiangtou1 el-tree-camera\",staticStyle:{\"font-size\":\"12px\"}}),_vm._v(\" 空闲:\"+_vm._s(data.idle)+\" \")])])])]),_c('el-button',{staticClass:\"iconfont icon-xianshi2 statusBtn\",staticStyle:{\"margin-left\":\"20px\",\"font-size\":\"12px\"},attrs:{\"slot\":\"reference\",\"type\":\"text\"},on:{\"click\":function($event){return _vm.StatusPrompt(data.statusID,$event)}},slot:\"reference\"})],1):_vm._e()],1)}}])})],1),_c('div',{staticClass:\"playback_snap_you\"},[_c('div',{staticClass:\"snap_you_top\"},[_c('div',{staticClass:\"snap_you_topfast\"},[_c('div',{staticClass:\"snap_you_topinterval\"},[_vm._v(\"日期\")]),_c('el-select',{attrs:{\"placeholder\":\"请选择\"},on:{\"change\":_vm.datechange},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}},_vm._l((_vm.selectdate),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1),_c('div',{staticClass:\"snap_you_topdate\"},[_c('div',{staticClass:\"snap_you_topinterval\"},[_vm._v(\"开始日期\")]),_c('el-date-picker',{attrs:{\"type\":\"datetime\",\"placeholder\":\"选择日期时间\"},model:{value:(_vm.startvalue),callback:function ($$v) {_vm.startvalue=$$v},expression:\"startvalue\"}}),_c('div',{staticClass:\"snap_you_topinterval1\"},[_vm._v(\"-\")]),_c('div',{staticClass:\"snap_you_topinterval\"},[_vm._v(\"结束日期\")]),_c('el-date-picker',{attrs:{\"type\":\"datetime\",\"placeholder\":\"选择日期时间\"},model:{value:(_vm.endvalue),callback:function ($$v) {_vm.endvalue=$$v},expression:\"endvalue\"}})],1),_c('div',{staticClass:\"snap_you_topbutt\"},[_c('el-button',{staticClass:\"snap_you_topbutt1\",on:{\"click\":_vm.getCheckedNodes}},[_vm._v(_vm._s(_vm.$t(\"message.archive.search\")))]),_c('el-button',{staticClass:\"snap_you_topbutt2\",on:{\"click\":_vm.tableDatak}},[_vm._v(_vm._s(_vm.$t(\"message.archive.Clear\")))])],1)]),_c('div',{staticClass:\"snap_you_bottom\"},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"stripe\":\"\",\"data\":_vm.tableData1.slice((_vm.currentPage-1)*_vm.pageSize,_vm.currentPage*_vm.pageSize)}},[_c('el-table-column',{attrs:{\"prop\":\"name\",\"label\":_vm.label.Name,\"min-width\":\"50\"}}),_c('el-table-column',{attrs:{\"prop\":\"token\",\"label\":_vm.label.Token}}),_c('el-table-column',{attrs:{\"prop\":\"starf\",\"label\":_vm.label.StartTime},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('i',{staticClass:\"el-icon-time\"}),_c('span',[_vm._v(_vm._s(scope.row.starf))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"end\",\"label\":_vm.label.EndTime},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('i',{staticClass:\"el-icon-time\"}),_c('span',[_vm._v(_vm._s(scope.row.end))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"end\",\"label\":_vm.label.Type,\"min-width\":\"50\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('span',[_vm._v(_vm._s(scope.row.type))])]}}])}),_c('el-table-column',{attrs:{\"fixed\":\"right\",\"width\":\"310px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"snap_you_lable_butt\"},[_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":_vm.content.content1,\"placement\":\"top-start\"}},[_c('el-button',{staticClass:\"iconfont icon-guiding\",attrs:{\"size\":\"mini\",\"type\":\"button\"},on:{\"click\":function($event){return _vm.handleEdit(scope.$index, scope.row)}}})],1),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":_vm.content.content2,\"placement\":\"top-start\"}},[_c('el-button',{staticClass:\"iconfont icon-history\",attrs:{\"size\":\"mini\",\"type\":\"button\"},on:{\"click\":function($event){return _vm.Refresh(scope.row)}}})],1),_c('el-progress',{attrs:{\"type\":\"circle\",\"percentage\":scope.row.percentage,\"stroke-width\":2,\"width\":35}}),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":_vm.content.content3,\"placement\":\"top-start\"}},[_c('a',{attrs:{\"href\":scope.row.url,\"download\":scope.row.urlto}},[_c('el-button',{staticClass:\"iconfont icon-download\",attrs:{\"size\":\"mini\"}})],1)]),_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":_vm.content.content4,\"placement\":\"top-start\"}},[_c('el-button',{staticClass:\"iconfont icon-play\",attrs:{\"size\":\"mini\",\"data-toggle\":\"modal\",\"data-target\":\"#myModal\"},on:{\"click\":function($event){return _vm.Refresh1(scope.$index, scope.row)}}})],1)],1)]}}])})],1),_c('el-pagination',{staticStyle:{\"text-align\":\"center\"},attrs:{\"layout\":\"prev, pager, next\",\"current-page\":_vm.currentPage,\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1)]),_c('el-dialog',{staticClass:\"dasboard_modal\",attrs:{\"before-close\":_vm.handleClose,\"title\":_vm.label.Playback,\"visible\":_vm.myModal1,\"width\":\"30%\"},on:{\"update:visible\":function($event){_vm.myModal1=$event}}},[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"space-between\"}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"message.archive.StartTime\"))+\":\"+_vm._s(_vm.rowstarf))]),_c('span',[_vm._v(_vm._s(_vm.$t(\"message.archive.EndTime\"))+\":\"+_vm._s(_vm.rowend))])]),_c('div',{staticClass:\"text-center\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('video',{staticClass:\"videoo\",attrs:{\"id\":\"pbplayarch\"}}),_c('div',{staticClass:\"rtc_new\",attrs:{\"id\":\"rtcid\"}})]),_c('div',{staticClass:\"block\",on:{\"mousedown\":function($event){return _vm.timelinndown($event)},\"mouseup\":function($event){return _vm.timelinnup($event)}}},[_c('el-slider',{attrs:{\"max\":_vm.max,\"show-tooltip\":false},on:{\"change\":function($event){return _vm.timelinn(_vm.timelink)}},model:{value:(_vm.timelink),callback:function ($$v) {_vm.timelink=$$v},expression:\"timelink\"}})],1),_c('div',{staticClass:\"playback_function\"},[_c('div',{staticClass:\"strart\",class:_vm.icon,on:{\"click\":function($event){return _vm.resume()}}}),_c('el-select',{staticStyle:{\"width\":\"70px\"},attrs:{\"size\":\"mini\"},on:{\"change\":function($event){return _vm.Speed()}},model:{value:(_vm.region),callback:function ($$v) {_vm.region=$$v},expression:\"region\"}},_vm._l((_vm.regiondata),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1),_c('span',[_vm._v(_vm._s(_vm.displayc))])],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!./Archive.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!./Archive.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Archive.vue?vue&type=template&id=28f199ad&scoped=true&\"\nimport script from \"./Archive.vue?vue&type=script&lang=js&\"\nexport * from \"./Archive.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Archive.vue?vue&type=style&index=0&id=28f199ad&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  \"28f199ad\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"playback\">\n        <div class=\"playback_snap_zuo\">\n            <!-- 模糊查询搜查 -->\n            <el-input\n                class=\"snap_zuo_input\"\n                placeholder=\"输入关键字进行过滤\"\n                v-model=\"filterText\">\n            </el-input>\n            <div class=\"snap_zuo_title\">设备</div>\n            <!-- 这是原下拉框代码 -->\n            <el-tree\n                :data=\"data\"\n                show-checkbox\n                node-key=\"id\"\n                :filter-node-method=\"filterNode\"\n                ref=\"tree\"\n                highlight-current\n                :props=\"defaultProps\">\n                <span slot-scope=\"{ data }\">\n                    <i :class=\"data.iconclass\" style=\"font-size:10px;\"></i>\n                    <span :class=\"data.iconclass1\" style=\"padding-left: 4px;\">{{data.label||data.strName}}</span>\n                    <span v-if=\"data.length\" style=\"padding-left: 4px;\">{{data.online}}/{{data.length}}</span>\n                    <el-popover placement=\"bottom-end\" trigger=\"manual\" v-if=\"data.firstLevel\" class=\"Status\" 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>\n            </el-tree>\n        </div>\n        <div class=\"playback_snap_you\">\n            <div class=\"snap_you_top\">\n                <div class=\"snap_you_topfast\">\n                    <div class=\"snap_you_topinterval\">日期</div>\n                    <el-select v-model=\"value\" placeholder=\"请选择\" @change=\"datechange\">\n                        <el-option\n                        v-for=\"item in selectdate\"\n                        :key=\"item.value\"\n                        :label=\"item.label\"\n                        :value=\"item.value\">\n                        </el-option>\n                    </el-select>\n                </div>\n                <div class=\"snap_you_topdate\">\n                    <div class=\"snap_you_topinterval\">开始日期</div>\n                    <el-date-picker\n                        v-model=\"startvalue\"\n                        type=\"datetime\"\n                        placeholder=\"选择日期时间\">\n                    </el-date-picker>\n                    <div class=\"snap_you_topinterval1\">-</div>\n                    <div class=\"snap_you_topinterval\">结束日期</div>\n                    <el-date-picker\n                        v-model=\"endvalue\"\n                        type=\"datetime\"\n                        placeholder=\"选择日期时间\">\n                    </el-date-picker>\n                </div>\n                <div class=\"snap_you_topbutt\">\n                    <el-button class=\"snap_you_topbutt1\" @click=\"getCheckedNodes\">{{$t(\"message.archive.search\")}}</el-button>\n                    <el-button class=\"snap_you_topbutt2\" @click=\"tableDatak\">{{$t(\"message.archive.Clear\")}}</el-button>\n                </div>\n            </div>\n            <div class=\"snap_you_bottom\">\n                <!-- 有按钮 -->\n                <el-table\n                    stripe\n                    :data=\"tableData1.slice((currentPage-1)*pageSize,currentPage*pageSize)\"\n                    style=\"width: 100%;\">\n                    <el-table-column\n                        prop=\"name\"\n                        :label=\"label.Name\"\n                        min-width=\"50\" >\n                    </el-table-column>\n                    <el-table-column\n                        prop=\"token\"\n                        :label=\"label.Token\">\n                    </el-table-column>\n                    <el-table-column\n                        prop=\"starf\"\n                        :label=\"label.StartTime\">\n                            <template slot-scope=\"scope\">\n                            <i class=\"el-icon-time\"></i>\n                            <span>{{ scope.row.starf }}</span>\n                        </template>\n                    </el-table-column>\n                    <el-table-column\n                        prop=\"end\"\n                        :label=\"label.EndTime\">\n                            <template slot-scope=\"scope\">\n                            <i class=\"el-icon-time\"></i>\n                            <span>{{ scope.row.end }}</span>\n                        </template>\n                    </el-table-column>\n                    <el-table-column\n                        prop=\"end\"\n                        :label=\"label.Type\"\n                        min-width=\"50\">\n                            <template slot-scope=\"scope\">\n                            <span>{{ scope.row.type }}</span>\n                        </template>\n                    </el-table-column>\n                    <el-table-column\n                        fixed=\"right\"\n                        width=310px>\n                        <template slot-scope=\"scope\">\n                            <div class=\"snap_you_lable_butt\">\n                                <el-tooltip class=\"item\" effect=\"dark\" :content=\"content.content1\" placement=\"top-start\">\n                                    <el-button size=\"mini\" type=\"button\" class=\"iconfont icon-guiding\" @click=\"handleEdit(scope.$index, scope.row)\"></el-button>\n                                </el-tooltip>\n                                <el-tooltip class=\"item\" effect=\"dark\" :content=\"content.content2\" placement=\"top-start\">\n                                    <el-button size=\"mini\" type=\"button\" class=\"iconfont icon-history\" @click=\"Refresh(scope.row)\"></el-button>\n                                </el-tooltip>\n                                    <el-progress type=\"circle\" :percentage=\"scope.row.percentage\" :stroke-width=\"2\" :width=\"35\"></el-progress>\n                                <el-tooltip class=\"item\" effect=\"dark\" :content=\"content.content3\" placement=\"top-start\">\n                                    <a :href=\"scope.row.url\" :download=\"scope.row.urlto\"><el-button size=\"mini\" class=\"iconfont icon-download\"></el-button></a>\n                                </el-tooltip>\n                                <el-tooltip class=\"item\" effect=\"dark\" :content=\"content.content4\" placement=\"top-start\">\n                                    <el-button size=\"mini\" @click=\"Refresh1(scope.$index, scope.row)\" data-toggle=\"modal\" data-target=\"#myModal\" class=\"iconfont icon-play\"></el-button>\n                                </el-tooltip>\n                            </div>\n                        </template>\n                        </el-table-column>\n                </el-table>\n                <!-- 分页 -->\n                <el-pagination\n                    style=\"text-align: center;\"\n                    layout=\"prev, pager, next\"\n                    @size-change=\"handleSizeChange\" \n                    @current-change=\"handleCurrentChange\"\n                    :current-page=\"currentPage\"\n                    :total=\"total\">\n                </el-pagination>\n            </div>\n        </div>\n        <el-dialog\n            :before-close=\"handleClose\"\n            class=\"dasboard_modal\"\n            :title=\"label.Playback\"\n            :visible.sync=\"myModal1\"\n            width=\"30%\">\n            <div style=\"display: flex;justify-content: space-between;\">\n                <span>{{$t(\"message.archive.StartTime\")}}:{{rowstarf}}</span>\n                <span>{{$t(\"message.archive.EndTime\")}}:{{rowend}}</span>\n            </div>\n            <div class=\"text-center\">\n                <div style=\"position:relative\">\n                    <video class=\"videoo\" id=\"pbplayarch\"></video>\n                    <div id=\"rtcid\" class=\"rtc_new\"></div>\n                </div>\n                <div class=\"block\" @mousedown =\"timelinndown($event)\" @mouseup=\"timelinnup($event)\">\n                    <el-slider  v-model=\"timelink\" :max=\"max\" @change=\"timelinn(timelink)\" :show-tooltip=\"false\"></el-slider>\n                    <!-- <input @mousedown =\"a($event)\" @mouseup=\"b($event)\" type=\"range\"> -->\n                </div>\n                <!-- <el-button :class=\"icon\" @click=\"resume()\" class=\"strart\"></el-button> -->\n                <div class=\"playback_function\">\n                    <div :class=\"icon\" @click=\"resume()\" class=\"strart\"></div>\n                    <!-- 倍速 -->\n                    <el-select v-model=\"region\" size=\"mini\" style=\"width:70px\" @change=\"Speed()\">\n                        <el-option\n                            v-for=\"item in regiondata\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                        </el-option>\n                    </el-select>\n                    <!-- 实时时间 -->\n                    <span>{{displayc}}</span>\n                </div>\n            </div>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\nimport {listdatagload,listdatag} from '../public/regional'\nimport '../../assets/js/adapter'\nimport {H5sPlayerWS,H5sPlayerHls,H5sPlayerRTC,H5sPlayerAudBack} from '../../assets/js/h5splayer.js'\nexport default {\n    \n    name:\"Archive\",\n    data() {\n        return {\n            v1:undefined,\n            session:this.$store.state.token,\n            content:{\n                content1:this.$t(\"message.archive.archive\"),\n                content2:this.$t(\"message.archive.Refresh\"),\n                content3:this.$t(\"message.archive.Download\"),\n                content4:this.$t(\"message.archive.Playback\")\n            },\n            label:{\n                Type:this.$t(\"message.table.Type\"),\n                Name:this.$t(\"message.table.Name\"),\n                Token:this.$t(\"message.table.Token\"),\n                Time:this.$t(\"message.table.Time\"),\n                StartTime:this.$t(\"message.table.StartTime\"),\n                EndTime:this.$t(\"message.table.EndTime\"),\n                Playback:this.$t(\"message.archive.Playback\")\n            },\n            icon:'icon_start',\n            timelink:0,//滑块\n            max:0,//滑块最大值\n            value: '',\n            endvalue: new Date().getTime(),\n            startvalue:new Date().getTime() - 3600 * 1000 * 1,\n            myModal1:false,\n            region:'1.0',\n            regiondata:[{\n                    value: \"0.5\",\n                    label: \"0.5\"\n                }, {\n                    value: \"1.0\",\n                    label: \"1.0\"\n                }, {\n                    value: \"2.0\",\n                    label: \"2.0\"\n                }, {\n                    value: \"4.0\",\n                    label: \"4.0\"\n                }, {\n                    value: \"8.0\",\n                    label: \"8.0\"\n                }, {\n                    value: \"16.0\",\n                    label: \"16.0\"\n            }],\n            selectdate: [{\n                    value: (new Date().getTime() - 3600 * 1000 * 1),\n                    label: this.$t(\"message.archive.Onehour\")\n                }, {\n                    value: (new Date().getTime() - 3600 * 1000 * 24),\n                    label: this.$t(\"message.archive.Oneday\")\n                }, {\n                    value: (new Date().getTime() - 3600 * 1000 * 24 * 7),\n                    label: this.$t(\"message.archive.Oneweek\")\n                }, {\n                    value: (new Date().getTime() - 3600 * 1000 * 24 * 30),\n                    label: this.$t(\"message.archive.Onemonth\")\n            }],\n            //分页\n            currentPage: 1, // 当前页码\n            total: 0, // 总条数\n            pageSize: 10,//一页数量\n            search: '',\n            filterText: '',\n            data: listdatag,\n            defaultProps: {\n                children: this.$store.state.root==\"Operator\"?'cam':'children',\n                label: this.$store.state.root==\"Operator\"?'strName':'label',\n                token:this.$store.state.root==\"Operator\"?'strToken':\"token\",\n                iconclass:\"iconclass\",\n                online:'online',\n            },\n            tableData1: [],\n            rowstarf:\"\",//跟进进度条开始时间\n            rowend:\"\",//进度条结束时间\n            displayc:\"\",//实时时间\n            Refreshset:undefined,//刷新\n            url:\"\",//图片地址\n            refNamePopover: 'popover-', // popover ref名称前缀\n        }\n    },\n    beforeDestroy() {\n        this.handleClose();\n        clearInterval(this.Refreshset);\n        // this.$root.bus.$off('liveplay');\n    },\n    mounted(){\n        if(this.$store.state.root==\"Operator\"){\n\t\t\tthis.Regional()\n\t\t}\n    },\n    methods:{\n        // 在线离线状态提示\n        StatusPrompt(id,e){\n            let refName = this.refNamePopover + id;\n            if (this.$refs[refName].showPopper) {\n                this.$refs[refName].doClose();\n                for (let i = 0; i < e.currentTarget.classList.length; i++) {\n                    e.currentTarget.classList.remove('StatusPromptColor')\n                    e.stopPropagation();\n                    return;\n                }\n            }else{\n                this.$refs[refName].doShow();\n                for (let i = 0; i < e.currentTarget.classList.length; i++) {\n                    e.currentTarget.classList.add('StatusPromptColor')\n                    e.stopPropagation();\n                    return;\n                }\n            }\n        },\n        Regional(){\n            var root = this.$store.state.IPPORT;\n            var url = root + \"/api/v1/GetRegion?session=\"+ this.$store.state.token;\n            this.$http.get(url).then(result=>{\n                console.log(result);\n                var oldarr=result.data.root;\n                var oldarr1=result.data.src;\n                // console.log(oldarr,oldarr1)\n                var dataroot=this.getchild(oldarr,oldarr1);\n                // this.data1.push(dataroot);\n                console.log(dataroot);\n                this.datapush(dataroot)\n                console.log(this.data1);\n            })\n        },\n        datapush(data){\n            this.a(data)\n        },\n        a(data){\n            console.log(data);\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                data.cam.push(data.node[i])\n            }\n            }\n            delete data.node\n            for (let i = 0; i < data.cam.length; i++) {\n                console.log(data.cam[i].strName);\n                if (data.cam[i].strName!='设备暂时不可用') {\n                    this.b(data.cam[i])\n                    this.data=[];\n                    this.data.push(data);\n                }\n            }\n        },\n        b(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                    data.cam.push(data.node[i])\n                }\n            }\n            delete data.node\n            for (let i = 0; i < data.cam.length; i++) {\n                if (data.cam[i].strName!='设备暂时不可用') {\n                    console.log(data.cam[i]);\n                    if (data.cam[i].cam) {\n                        this.c(data.cam[i])\n                    }\n                }\n            }\n        },\n        c(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                data.cam.push(data.node[i])\n            }\n            }\n            delete data.node;\n            for (let i = 0; i < data.cam.length; i++) {\n                if (data.cam[i].strName!='设备暂时不可用') {\n                    console.log(data.cam[i]);\n                    if (data.cam[i].cam) {\n                        this.d(data.cam[i])\n                    }\n                }\n            }\n        },\n        d(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                data.cam.push(data.node[i])\n            }\n            }\n            delete data.node;\n            for (let i = 0; i < data.cam.length; i++) {\n                if (data.cam[i].strName!='设备暂时不可用') {\n                console.log(data.cam[i]);\n                if (data.cam[i].cam) {\n                    this.e(data.cam[i])\n                }}\n            }\n        },\n        e(data){\n            if (data.name) {\n                return\n            }\n            if(data.node.length!=0){\n                for (let i = 0; i < data.node.length; i++) {\n                    if (data.cam[i].strName!='设备暂时不可用') {\n                        data.cam.push(data.node[i])\n                    }\n            }\n            }\n            delete data.node;\n        },\n        getchild(arr,arr1) {\n            for(var i in arr.cam){\n                if(!arr.cam[i].strName){\n                    for(var j in arr1){\n                        if(arr.cam[i].strToken == arr1[j].strToken){\n                            var node1=[{\n                                strToken : arr1[j].strToken,\n                                streamprofile : \"main\",\n                                strName :this.$t('message.live.mainstream'),\n                                name:arr1[j].strName+\"--\"+this.$t('message.live.mainstream'),\n                                iconclass : 'mdi mdi-playlist-play fa-fw',\n                                disabled_me:false\n                            },{\n                                strToken : arr1[j].strToken,\n                                streamprofile : \"sub\",\n                                strName :this.$t('message.live.substream'),\n                                name:arr1[j].strName+\"--\"+this.$t('message.live.substream'),\n                                iconclass : 'mdi mdi-playlist-play fa-fw',\n                                disabled_me:false\n                            }]\n                            arr.cam[i].node=node1;\n                            arr.cam[i].strName = arr1[j].strName;\n                            arr.cam[i].name=arr1[j].strName+\"--\"+this.$t('message.live.mainstream')\n                            arr.cam[i].bOnline = arr1[j].bOnline;\n                            arr.cam[i].iconclass=\"iconfont  icon-shexiangji\"\n                            arr.cam[i].disabled_me=false\n                            if(!arr1[j].bOnline){\n                                //  arr.cam[i].iconclass = 'iconfont icon-kaiqishexiangtou';\n                                arr.cam[i].iconclass = 'iconfont icon-shexiangji el-tree-camera';\n                                arr.cam[i].iconclass1 = 'el-tree-camera';\n                            }\n\n                            if(arr1[j].nConnectType == 'H5_CLOUD')\n                                arr.cam[i].iconclass = 'iconfont  icon-shexiangji';\n\n                            if(arr1[j].bRec == true)\n                                // arr.cam[i].iconclass2  = 'iconfont icon-radioboxfill none';\n                                arr.cam[i].iconclass2= 'none';\n\n                            if(arr1[j].bDisable== true){\n                                \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            return arr;\n        },\n        //刷新\n        Refresh(row){\n            console.log(row);\n            \n            //3m刷新数据\n            this.rename=row.token;\n            this.redata=row.strFileName;\n            this.rerow=row;\n            this.Refreshset = setInterval(function(){\n                var url1 = this.$store.state.IPPORT + \"/api/v1/GetArchiveStatus?token=\"+row.token+\"&filename=\"+row.strFileName+\"&session=\"+ this.$store.state.token;\n                \n                this.$http.get(url1).then(result1=>{\n                    if (result1.status == 200)\n                    {\n                        console.log(result1.data.nPercentage);\n                        row.percentage=result1.data.nPercentage;\n                        if(result1.data.nPercentage==100){\n                            clearInterval(this.Refreshset);\n                        }\n                    }\n                    \n                    }).catch(error => {\n                        console.log('GetArchiveStatus failed!', error);\n                    });\n            }.bind(this),3000)\n        },\n        //归档\n        handleEdit(index, row) {\n            console.log(index,row);\n            \n            var end=new Date(row.end).getTime();\n            var starf=new Date(row.starf).getTime();\n            var rqstarf=new Date(starf);\n            //时间差\n            var starfend=(end-starf)/1000;\n            //年月日\n            var y = rqstarf.getFullYear();\n            var m = rqstarf.getMonth()+1;\n            var d = rqstarf.getDate();\n            //时分秒\n            var h = rqstarf.getHours();\n            var mm = rqstarf.getMinutes();\n            var s = rqstarf.getSeconds();\n            var rq=y+'-'+m+'-'+d;\n            var sj=h+'-'+mm+'-'+s;\n            var roww=row.token;\n            //url\n            let _this =this;\n\t\t\tvar url = this.$store.state.IPPORT + \"/api/v1/Archive?token=\"+roww+\"&start1=\"+rq+\"&start2=\"+sj+\"&duration=\"+starfend+\"&speed=4&session=\"+ this.$store.state.token;\n           \n            this.$http.get(url).then(result=>{\n                if (result.status == 200){\n                    console.log(result)\n                    this.$message('Archive in progressing');\n                    var data=result.data;\n                    var strFileName=data.strFileName;\n                    row.strFileName=strFileName;//下载的地址\n                    var strUrl=data.strUrl;\n                    row.url=strUrl+\"?session=\"+ this.$store.state.token;//下载的地址\n                    console.log(row.url)\n                    var urlto=strUrl.split(\"/\");\n                    row.urlto=urlto[urlto.length-1];//下载文件\n                    // this.Refresh()\n                }\n            }).catch(error => {\n                console.log('Snapshot failed!', error);\n                this.$message('Archive failed !');\n            });\n        },\n        // 整月日期\n        datechange(){\n            console.log(this.value)\n            this.startvalue=this.value\n        },\n        PlaybackCB(event, userdata){\n            // console.log(\"Playback callback \", event,userdata);\n            \n            var msgevent = JSON.parse(event);\n            if (msgevent.type === 'H5S_EVENT_PB_TIME')\n            {\n                this.displayc=msgevent.pbTime.strTime;\n                var starf=new Date(this.rowstarf).getTime()/1000;\n                var endd=new Date(msgevent.pbTime.strTime).getTime()/1000;\n                var staefend=endd-starf;\n                this.timelink=staefend;\n            }\n        },\n        //播放\n        Refresh1(index, row){\n            if (this.v1 != undefined){\n                this.v1.disconnect();\n                delete this.v1;\n                this.v1 = undefined;\n            }\n            console.log(index, row);\n            this.rowstarf=row.starf;\n            this.rowend=row.end;\n            this.url=row.url;\n            this.myModal1=true\n            var pbconf1 = {\n                begintime: row.starf,\n                endtime: row.end,\n                showposter: 'false', //'true' or 'false' show poster\n\t\t\t\tcallback: this.PlaybackCB,\n\t\t\t\tuserdata:  this // user data\n            };\n            this.$nextTick(()=>{\n                console.log(row.token);\n                let conf = {\n                    videoid: \"pbplayarch\",\n                    protocol: window.location.protocol, //http: or https:\n                    host: this.$store.state.WSROOT, //localhost:8080\n                    rootpath:'/', // '/'\n                    token:row.token,\n                    pbconf: pbconf1, //This is optional, if no pbconf, this will be live.\n                    hlsver:'v1', //v1 is for ts, v2 is for fmp4\n                    session:this.$store.state.token\n                };\n                var end=new Date(row.end).getTime();\n                var starf=new Date(row.starf).getTime();\n                var starfend=(end-starf)/1000;//时间差\n                console.log(starfend,conf);\n                // return false\n                this.max=starfend;\n                if (this.$store.state.liveviewrtc1=='RTC') {\n                    this.v1 = new H5sPlayerRTC(conf);\n                }else{\n                    $('#rtcid').removeClass(\"rtc_new\");\n                    this.v1 = new H5sPlayerWS(conf);\n                }\n                this.v1.connect();\n                setTimeout(function(){\n                    this.v1.start();\n                }.bind(this),500);\n            })\n        },\n        //开始\n        resume(){\n            var strart=this.icon;\n            console.log(strart);\n            if(strart==\"icon_start\"){\n                console.log(strart);\n                this.icon=\"icon_stop\";\n                this.v1.pause();\n            }\n            if(strart==\"icon_stop\"){\n                console.log(strart);\n                this.icon=\"icon_start\";\n                this.v1.resume();\n            }\n        },\n        //拖\n        timelinndown(err){\n            console.log('a',err)\n            this.v1.pause();\n        },\n        timelinnup(err){\n            console.log('a',err)\n            this.v1.resume();\n        },\n        timelinn(timelink){\n            console.log(timelink);\n            this.v1.seek(timelink);\n            this.icon=\"icon_start\";\n        },\n        //关闭\n        handleClose(){\n            if (this.v1 != undefined){\n                console.log('关闭')\n                this.timelink=0\n                this.myModal1=false;\n                this.v1.disconnect();\n                delete this.v1;\n                this.v1 = undefined;\n                $('#pbplayarch').get(0).load();\n            }\n        },\n        //倍速\n        Speed(){\n            console.log( this.region);\n            this.v1.speed(this.region);\n        },\n        // 表格归档 下载 刷新\n        \n        //按钮搜索\n        async getCheckedNodes() {\n            this.tableData1=[];\n            console.log(\"node值\",this.$refs.tree.getCheckedNodes());\n            var nodes=this.$refs.tree.getCheckedNodes();\n            var srartdate=new Date(this.startvalue).toISOString()+\"08:00\";\n            var enddate= new Date(this.endvalue).toISOString()+\"08:00\";\n            // console.log(this.endvalue,this.startvalue,srartdate,enddate)\n            for(var l=0 ;l<nodes.length; l++){\n                if(nodes[l].token||nodes[l].strToken!=undefined&&nodes[l].token||nodes[l].strToken!=\"root\"){\n                    // console.log(nodes[l].token,nodes[l].label)\n                    var label=nodes[l].label||nodes[l].strName\n                    // return false\n                    var token = nodes[l].token||nodes[l].strToken;\n                    var url = this.$store.state.IPPORT + \"/api/v1/SearchDeviceRecordByTime?token=\"+token+\"&start=\"+srartdate+\"&end=\"+enddate+\"&session=\"+ this.$store.state.token;\n                    // console.log(url);\n                    //return false;\n                    await this.$http.get(url).then(result=>{\n                        if(result.status == 200){\n                            this.$message('Query successful');\n                            var data=result.data;\n                            console.log(data,label)\n                            for(var i=0;i<data.record.length;i++){\n                                var item=data.record[i];\n                                var timeitem={\n                                        name: label,\n                                        token: nodes[l].token||nodes[l].strToken,\n                                        starf : item['strStartTime'],\n                                        end : item['strEndTime'],\n                                        type: item['nType'],\n                                        percentage:0,\n                                        url:'',\n                                        urlto:'',\n                                        strFileName:\"\"\n                                    };\n                                    \n                                    //   console.log(data)\n                                    if(item['nType']==\"H5_REC_MANUAL\"){\n                                        timeitem[\"type\"] = this.$t(\"message.archive.ManualRecord\");\n                                    }else if(item[\"nType\"]===\"H5_REC_SCHEDULE\"){\n                                        timeitem[\"type\"] = this.$t(\"message.archive.Schedulerecord\");\n                                    }else{\n                                        timeitem[\"type\"] = this.$t(\"message.archive.AlarmRecord\");\n                                    }\n                                    // console.log(timeitem);\n                                    //填充\n                                    this.tableData1.push(timeitem);\n                            }\n                            \n                            this.total=this.tableData1.length;\n                        }\n                    }).catch(error => {\n                        console.log('Snapshot failed!', error);\n                        this.$message('Query failed !');\n                    });\n                }\n            }\n        },\n        //清空表格\n        tableDatak(){\n            this.tableData1=[];\n            this.total=0;\n        },\n        //分页\n        handleSizeChange(val) {\n            console.log(`每页 ${val} 条`);\n            this.currentPage = 1;\n            this.pageSize = val;\n        },\n        handleCurrentChange(val) {\n            console.log(`当前页: ${val}`);\n            this.currentPage = val;\n        },\n        //模糊查询\n        filterNode(value, data) {\n            if (!value) return true;\n            if (this.$store.state.root==\"Operator\") {\n\t\t\t\treturn data.strName.indexOf(value) !== -1;\n\t\t\t}else{\n\t\t\t\treturn data.label.indexOf(value) !== -1;\n\t\t\t}\n        }\n    },\n     //模糊查询\n    watch: {\n      filterText(val) {\n        this.$refs.tree.filter(val);\n      }\n    }\n    \n}\n</script>\n\n<style lang=\"scss\" scoped>\n.playback{\n    display: flex;\n    justify-content: space-between;\n    .playback_snap_zuo{\n        width: 18%;\n        height: 86vh;\n        .snap_zuo_title{\n            width: 100%;\n            padding: 12px 20px;\n            font-size: 16px;\n            font-family: PingFang SC;\n            font-weight: 500;\n            margin-bottom: 10px;\n        }\n        .StatusPromptColor{\n            color:#67cfb5 !important;\n        }\n    }\n    .playback_snap_you{\n        width: 82%;\n        height: 86vh;\n        .snap_you_top{\n            padding: 15px 20px;\n            @extend .g_flex;\n            justify-content: space-between;\n            align-items: center;\n            width: 100%;\n            .el-input__inner{\n                background: none;\n                padding: 0;\n            }\n            .snap_you_topfast{\n                width: 17%;\n                min-width: 240px;\n                @extend .g_flex;\n                justify-content: space-around;\n                align-items: center;\n            }\n            .snap_you_topdate{\n                width: 45%;\n                min-width: 600px;\n                @extend .g_flex;\n                justify-content: space-around;\n                align-items: center;\n            }\n            .snap_you_topbutt{\n                width: 15%;\n                min-width: 160px;\n                @extend .g_flex;\n                justify-content: space-around;\n                align-items: center;\n                .snap_you_topbutt1{\n                    background: #3ABBFE;\n                    border: none;\n                }\n            }\n        }\n        .snap_you_bottom{\n            .button_edi button{\n                border: 0;\n                background:none;\n                font-size: 24px;\n                margin-right: 40px;\n                button:last-child{\n                    margin-right: 0;\n                }\n            }\n            .snap_you_lable_butt{\n                width: 100%;\n                display: flex;\n                justify-content: space-around;\n                align-content: center;\n                button{\n                    background: none;\n                    border: none;\n                    font-size: 24px;\n                }\n            }\n        }\n    }\n    .dasboard_modal{\n        .el-select.el-select--mini{\n            .el-input__inner{\n                background: none !important;\n            }\n        }\n        .playback_function{\n            display: flex;\n            padding: 0 20%;\n            justify-content: space-around;\n            margin-top: 16px;\n        }\n        .videoo{\n            width: 100%;\n        }\n    }\n}\n\n\n.icon_start{\n    width: 32px;\n    height: 32px;\n    background: url('~@/views/replay/imgs/Playback_start.png') no-repeat center;\n    background-size: 100%;\n}\n.icon_stop{\n    width: 32px;\n    height: 32px;\n    background: url('~@/views/replay/imgs/Playback_stop.png') no-repeat center;\n    background-size: 100%;\n}\n.g_flex{\n    display: flex;\n}\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</style>"],"sourceRoot":""}