{"version":3,"sources":["webpack:///./node_modules/core-js/internals/same-value.js","webpack:///./src/utils/chartCustomer.js","webpack:///./src/views/recordSearch/index.vue?3e89","webpack:///src/views/recordSearch/index.vue","webpack:///./src/views/recordSearch/index.vue?9e4d","webpack:///./src/views/recordSearch/index.vue","webpack:///./node_modules/core-js/modules/es.string.search.js"],"names":["module","exports","Object","is","x","y","originalColor","id","name","color","render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","model","value","callback","$$v","type","expression","search","$set","directives","rawName","start","step","end","on","handleChange","determine","_l","item","key","label","_v","isUnderWayValue","staticClass","tableData","tableH","scopedSlots","_u","fn","scope","_s","dateFormatter","Date","row","startTime","stopTime","$event","rePlay","pageNo","pageSize","totalCount","handleSizeChange","handleCurrentChange","socketPlay","socketReplay","ref","staticRenderFns","watch","handler","timer","clearTimeout","setTimeout","deep","data","playVideo","mounted","window","innerHeight","getData","methods","time","year","getFullYear","month","getMonth","date","getDate","hour","getHours","minute","getMinutes","second","getSeconds","pause","param","append","monitorpointId","frequency","endTime","$post","equipmentURL","then","$message","warning","size","page","getOptions","$getJSON","tmpArr","forEach","monitorpointName","queryParams","loading","backstageURL","bid","isUnderWay","querymode","typeValue","timevalue1","dateValue","timevalue2","tmeValue","monitorpointid","search_fm","pageno","pagesize","formatType","formatDate","add0","day","val","component","fixRegExpWellKnownSymbolLogic","anObject","requireObjectCoercible","sameValue","regExpExec","SEARCH","nativeSearch","maybeCallNative","regexp","O","searcher","undefined","call","RegExp","String","string","res","done","rx","S","previousLastIndex","lastIndex","result","index"],"mappings":"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","file":"assets/js/chunk-321e30df.1313d029.js","sourcesContent":["// `SameValue` abstract operation\n// https://tc39.es/ecma262/#sec-samevalue\n// eslint-disable-next-line es/no-object-is -- safe\nmodule.exports = Object.is || function is(x, y) {\n // eslint-disable-next-line no-self-compare -- NaN check\n return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;\n};\n","export let colors = [\r\n '#43FD87',\r\n '#F6EE55',\r\n '#1296DB',\r\n '#DC24F6',\r\n '#F64D3B',\r\n '#FF9F7F',\r\n '#FB7293',\r\n '#E062AE',\r\n '#E690D1',\r\n '#E7BCF3',\r\n '#9D96F5',\r\n '#8378EA',\r\n '#96BFFF'\r\n]\r\nexport let resultColor = [\r\n { name: '白名单', color: '#14E75F' },\r\n { name: '江苏电台', color: '#8A8A8A' },\r\n { name: '浙江电台', color: '#8A8A8A' },\r\n { name: '误报', color: '#DC24F6' },\r\n { name: '非法电台', color: '#E4DA11' }\r\n]\r\nexport let originalColor = [\r\n { id:1,name: '合法电台', color: '#43FD87' },\r\n { id:2,name: '区域非法', color: '#F6EE55' },\r\n { id:3,name: '时间非法', color: '#1296DB' },\r\n { id:4,name: '频率非法', color: '#DC24F6' },\r\n { id:5,name: '内容非法', color: '#F64D3B' }\r\n]\r\nlet xAxisLine = {\r\n axisLabel: {\r\n interval: 0,\r\n formatter: function (value) {\r\n var ret = '' //拼接加\\n返回的类目项\r\n var maxLength = 2 //每项显示文字个数\r\n var valLength = value.length //X轴类目项的文字个数\r\n var rowN = Math.ceil(valLength / maxLength) //类目项需要换行的行数\r\n if (rowN > 1) {\r\n //如果类目项的文字大于3,\r\n for (var i = 0; i < rowN; i++) {\r\n var temp = '' //每次截取的字符串\r\n var start = i * maxLength //开始截取的位置\r\n var end = start + maxLength //结束截取的位置\r\n //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,\r\n temp = value.substring(start, end) + '\\n'\r\n ret += temp //凭借最终的字符串\r\n }\r\n return ret\r\n } else {\r\n return value\r\n }\r\n }\r\n }\r\n}\r\nlet tooltip = {\r\n axisPointer: {\r\n type: 'shadow',\r\n shadowStyle: {\r\n color: 'rgba(222,222,227,0.3)'\r\n }\r\n },\r\n textStyle: {\r\n color: '#5C5C5C'\r\n },\r\n padding: 10,\r\n backgroundColor: 'rgba(255,255,255,0.8)',\r\n extraCssText: 'box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);'\r\n}\r\nlet yAxis = {\r\n minInterval: '1',\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: 'rgba(255,255,255,0.5)'\r\n }\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 10\r\n },\r\n splitLine: {\r\n show: false\r\n }\r\n}\r\nlet xAxis = {\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n color: 'rgba(255,255,255,0.5)'\r\n }\r\n },\r\n nameTextStyle: {\r\n fontSize: 10\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 10\r\n }\r\n}\r\n\r\nlet stepA = [\r\n {\r\n offset: 0,\r\n color: '#02F7CC'\r\n },\r\n {\r\n offset: 0.5,\r\n color: '#15BFCD'\r\n },\r\n {\r\n offset: 1,\r\n color: '#2987CF'\r\n }\r\n]\r\nlet stepB = [\r\n {\r\n offset: 0,\r\n color: '#f27121'\r\n },\r\n {\r\n offset: 0.7,\r\n color: '#e94057'\r\n },\r\n {\r\n offset: 1,\r\n color: '#8a2387'\r\n }\r\n]\r\nlet stepC = [\r\n {\r\n offset: 0,\r\n color: '#00bf8f'\r\n },\r\n {\r\n offset: 1,\r\n color: '#001510'\r\n }\r\n]\r\nlet stepD = [\r\n {\r\n offset: 0,\r\n color: '#43c6ac'\r\n },\r\n {\r\n offset: 1,\r\n color: '#191654'\r\n }\r\n]\r\nlet stepE = [\r\n {\r\n offset: 0,\r\n color: '#141e30'\r\n },\r\n {\r\n offset: 1,\r\n color: '#243b55'\r\n }\r\n]\r\nlet stepF = [\r\n {\r\n offset: 0,\r\n color: '#6a9113'\r\n },\r\n {\r\n offset: 1,\r\n color: '#141517'\r\n }\r\n]\r\nlet stepG = [\r\n {\r\n offset: 0,\r\n color: '#02F7CC'\r\n },\r\n {\r\n offset: 0.5,\r\n color: '#15BFCD'\r\n },\r\n {\r\n offset: 1,\r\n color: '#2987CF'\r\n }\r\n]\r\nexport let chart_word = {\r\n tooltip: tooltip,\r\n grid: {\r\n left: 10,\r\n top: 10,\r\n right: 10,\r\n bottom: 10\r\n },\r\n}\r\nexport let lineExtend = {\r\n legend: {\r\n show: false\r\n },\r\n grid: {\r\n left: 10,\r\n top: 10,\r\n right: 20,\r\n bottom: 0\r\n },\r\n yAxis: {\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: 'rgba(255,255,255,0.5)'\r\n }\r\n },\r\n splitLine: {\r\n show: false\r\n }\r\n },\r\n xAxis: {\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: 'rgba(255,255,255,0.5)'\r\n }\r\n },\r\n nameTextStyle: {\r\n fontSize: 10\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 10\r\n }\r\n },\r\n series: {\r\n smooth: false,\r\n lineStyle: {\r\n normal: {\r\n type: 'solid',\r\n color: 'rgb(39,140,206)'\r\n }\r\n },\r\n itemStyle: {\r\n normal: {\r\n color: '#3AA1FF'\r\n }\r\n },\r\n areaStyle: {\r\n normal: {\r\n color: {\r\n type: 'linear',\r\n x: 0,\r\n y: 0,\r\n x2: 0,\r\n y2: 1,\r\n colorStops: [\r\n {\r\n offset: 0,\r\n color: 'rgba(39,140,206,1)' // 0% 处的颜色\r\n },\r\n {\r\n offset: 0.7,\r\n color: 'rgba(18,198,205,0.7)' // 50% 处的颜色\r\n },\r\n {\r\n offset: 1,\r\n color: 'rgba(1,249,204,0.4)' // 100% 处的颜色\r\n }\r\n ],\r\n globalCoord: false // 缺省为 false\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport let barG = {\r\n tooltip: tooltip,\r\n grid: {\r\n left: 10,\r\n top: 20,\r\n right: 10,\r\n bottom: 0\r\n },\r\n yAxis: {\r\n minInterval: '1'\r\n //show: false\r\n },\r\n xAxis: {\r\n show: true,\r\n axisLine: {\r\n lineStyle: {\r\n //color: \"#fff\"\r\n }\r\n },\r\n nameTextStyle: {\r\n fontSize: 10\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 10\r\n }\r\n },\r\n series: {\r\n barWidth: '60%',\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'top',\r\n color: '#FFF'\r\n }\r\n },\r\n itemStyle: {\r\n barBorderRadius: [5, 5, 0, 0],\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n shadowBlur: 10,\r\n color: {\r\n type: 'linear',\r\n x: 0,\r\n y: 0,\r\n x2: 0,\r\n y2: 1,\r\n colorStops: stepG,\r\n global: false // 缺省为 false\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport let chart_a = {\r\n tooltip: tooltip,\r\n grid: {\r\n left: 10,\r\n top: 10,\r\n right: 10,\r\n bottom: 40\r\n },\r\n yAxis: yAxis,\r\n xAxis: {\r\n show: true,\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\"\r\n }\r\n },\r\n nameTextStyle: {\r\n fontSize: 8\r\n },\r\n axisLabel: {\r\n rotate:45,\r\n interval: 0,\r\n fontSize: 8\r\n }\r\n },\r\n series: {\r\n barWidth: '60%',\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'top',\r\n color: '#FFF'\r\n }\r\n },\r\n itemStyle: {\r\n barBorderRadius: [5, 5, 0, 0],\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n shadowBlur: 10,\r\n color: {\r\n type: 'linear',\r\n x: 0,\r\n y: 0,\r\n x2: 0,\r\n y2: 1,\r\n colorStops: stepG,\r\n global: false // 缺省为 false\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport let chart_b = {\r\n tooltip: tooltip,\r\n grid: {\r\n left: 10,\r\n top: 10,\r\n right: 10,\r\n bottom: 40\r\n },\r\n yAxis: yAxis,\r\n xAxis: {\r\n show: true,\r\n axisLine: {\r\n lineStyle: {\r\n color: \"#fff\"\r\n }\r\n },\r\n nameTextStyle: {\r\n fontSize: 8\r\n },\r\n axisLabel: {\r\n rotate:45,\r\n interval: 0,\r\n fontSize: 8\r\n }\r\n },\r\n series: {\r\n barWidth: '60%',\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'top',\r\n color: '#FFF'\r\n }\r\n },\r\n areaStyle:{},\r\n itemStyle: {\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n shadowBlur: 10,\r\n color: {\r\n type: 'linear',\r\n x: 0,\r\n y: 0,\r\n x2: 0,\r\n y2: 1,\r\n colorStops: stepB,\r\n global: false // 缺省为 false\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport let HeatMap = {\r\n tooltip: tooltip,\r\n grid: {\r\n left: 4,\r\n top: 0,\r\n right: 10,\r\n bottom: 0\r\n },\r\n yAxis: {\r\n minInterval: '1',\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n //color: 'rgba(255,255,255,0.5)'\r\n }\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 8\r\n },\r\n splitLine: {\r\n show: false\r\n }\r\n },\r\n xAxis: {\r\n position:'top',\r\n axisLine: {\r\n show: false,\r\n lineStyle: {\r\n //color: 'rgba(255,255,255,0.5)'\r\n }\r\n },\r\n nameTextStyle: {\r\n fontSize: 8\r\n },\r\n axisLabel: {\r\n show:false,\r\n interval: 0,\r\n formatter: function (value) {\r\n return value.substring(0, 3) + '\\n' + value.substring(3)\r\n }\r\n }\r\n },\r\n series: {\r\n label: {\r\n normal: {\r\n show: true,\r\n //color: '#FFF',\r\n fontSize: 10\r\n }\r\n },\r\n itemStyle: {\r\n barBorderRadius: [5, 5, 0, 0],\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n shadowBlur: 2\r\n }\r\n }\r\n}\r\n\r\nexport let barC = {\r\n tooltip: tooltip,\r\n grid: {\r\n left: 10,\r\n top: 20,\r\n right: 20,\r\n bottom: 0\r\n },\r\n yAxis: yAxis,\r\n xAxis: xAxis,\r\n series: {\r\n barWidth: '60%',\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'top',\r\n color: '#FFF'\r\n }\r\n },\r\n itemStyle: {\r\n barBorderRadius: [5, 5, 0, 0],\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n shadowBlur: 10,\r\n color: {\r\n type: 'linear',\r\n x: 0,\r\n y: 0,\r\n x2: 0,\r\n y2: 1,\r\n colorStops: stepC,\r\n global: false // 缺省为 false\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport let barD = {\r\n tooltip: tooltip,\r\n grid: {\r\n left: 10,\r\n top: 20,\r\n right: 20,\r\n bottom: 0\r\n },\r\n yAxis: yAxis,\r\n xAxis: xAxis,\r\n series: {\r\n barWidth: '60%',\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'top',\r\n color: '#FFF'\r\n }\r\n },\r\n itemStyle: {\r\n barBorderRadius: [5, 5, 0, 0],\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n shadowBlur: 10,\r\n color: {\r\n type: 'linear',\r\n x: 0,\r\n y: 0,\r\n x2: 0,\r\n y2: 1,\r\n colorStops: stepD,\r\n global: false // 缺省为 false\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport let barE = {\r\n tooltip: tooltip,\r\n grid: {\r\n left: 10,\r\n top: 20,\r\n right: 20,\r\n bottom: 0\r\n },\r\n yAxis: yAxis,\r\n xAxis: xAxis,\r\n series: {\r\n barWidth: '60%',\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'top',\r\n color: '#FFF'\r\n }\r\n },\r\n itemStyle: {\r\n barBorderRadius: [5, 5, 0, 0],\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n shadowBlur: 10,\r\n color: {\r\n type: 'linear',\r\n x: 0,\r\n y: 0,\r\n x2: 0,\r\n y2: 1,\r\n colorStops: stepE,\r\n global: false // 缺省为 false\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport let barF = {\r\n tooltip: tooltip,\r\n grid: {\r\n left: 10,\r\n top: 20,\r\n right: 20,\r\n bottom: 0\r\n },\r\n yAxis: yAxis,\r\n xAxis: xAxis,\r\n series: {\r\n barWidth: '60%',\r\n large: true,\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'top',\r\n color: '#FFF'\r\n }\r\n },\r\n itemStyle: {\r\n barBorderRadius: [5, 5, 0, 0],\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n shadowBlur: 10,\r\n color: {\r\n type: 'linear',\r\n x: 0,\r\n y: 0,\r\n x2: 0,\r\n y2: 1,\r\n colorStops: stepF,\r\n global: false // 缺省为 false\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport let barH = {\r\n tooltip: {\r\n axisPointer: {\r\n type: 'shadow',\r\n shadowStyle: {\r\n color: 'rgba(222,222,227,0.3)'\r\n }\r\n },\r\n textStyle: {\r\n color: '#5C5C5C'\r\n },\r\n padding: 10,\r\n backgroundColor: 'rgba(255,255,255,0.8)',\r\n extraCssText: 'box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);'\r\n },\r\n grid: {\r\n left: 20,\r\n top: 40,\r\n right: 20,\r\n bottom: 40\r\n },\r\n yAxis: {\r\n minInterval: '1'\r\n //show: false\r\n },\r\n xAxis: {\r\n show: true,\r\n axisLine: {\r\n lineStyle: {\r\n //color: \"#fff\"\r\n }\r\n },\r\n nameTextStyle: {\r\n fontSize: 10\r\n },\r\n axisLabel: {\r\n interval: 0,\r\n fontSize: 10\r\n }\r\n },\r\n series: {\r\n barGap: '100%',\r\n label: {\r\n normal: {\r\n show: true,\r\n position: 'top'\r\n //color: '#FFF'\r\n }\r\n },\r\n itemStyle: {\r\n barBorderRadius: [5, 5, 0, 0],\r\n shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n shadowBlur: 10\r\n }\r\n }\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-row',[_c('el-col',{staticStyle:{\"height\":\"45px\",\"text-align\":\"left\",\"margin-top\":\"20px\",\"display\":\"flex\"},attrs:{\"span\":24}},[_c('el-radio-group',{staticStyle:{\"margin-right\":\"15px\"},model:{value:(_vm.type),callback:function ($$v) {_vm.type=$$v},expression:\"type\"}},[_c('el-radio-button',{attrs:{\"label\":\"时间段\"}}),_c('el-radio-button',{attrs:{\"label\":\"单日\"}}),_c('el-radio-button',{attrs:{\"label\":\"单月\"}}),_c('el-radio-button',{attrs:{\"label\":\"年度\"}})],1),_c('span',{staticStyle:{\"margin-right\":\"15px\"}},[_c('el-date-picker',{staticStyle:{\"width\":\"130px\"},attrs:{\"type\":_vm.type == '时间段'\n ? 'date'\n : _vm.type == '单月'\n ? 'month'\n : _vm.type == '年度'\n ? 'year'\n : 'date',\"placeholder\":_vm.type == '时间段'\n ? '选择日期'\n : _vm.type == '单月'\n ? '选择月份'\n : _vm.type == '年度'\n ? '选择年份'\n : '选择日期',\"clearable\":\"\"},model:{value:(_vm.search.valueDay),callback:function ($$v) {_vm.$set(_vm.search, \"valueDay\", $$v)},expression:\"search.valueDay\"}})],1),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.type == '时间段'),expression:\"type == '时间段'\"}],staticStyle:{\"margin-right\":\"15px\"}},[_c('el-time-select',{staticStyle:{\"width\":\"130px\"},attrs:{\"picker-options\":{\n start: '00:00',\n step: '00:30',\n end: '23:30',\n },\"placeholder\":\"选择时间\",\"clearable\":\"\"},model:{value:(_vm.search.valueTime),callback:function ($$v) {_vm.$set(_vm.search, \"valueTime\", $$v)},expression:\"search.valueTime\"}})],1),_c('el-input',{staticStyle:{\"margin-right\":\"15px\",\"width\":\"130px\"},attrs:{\"placeholder\":\"查询广播\",\"suffix-icon\":\"el-icon-service\"},model:{value:(_vm.search.search_fm),callback:function ($$v) {_vm.$set(_vm.search, \"search_fm\", $$v)},expression:\"search.search_fm\"}}),_c('el-select',{staticStyle:{\"margin-right\":\"15px\"},attrs:{\"placeholder\":\"请选择\"},on:{\"change\":_vm.handleChange},model:{value:(_vm.determine),callback:function ($$v) {_vm.determine=$$v},expression:\"determine\"}},_vm._l((_vm.options),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1),_c('div',{staticStyle:{\"width\":\"30%\",\"display\":\"flex\"}},[_c('span',{staticStyle:{\"width\":\"100px\",\"line-height\":\"28px\"}},[_vm._v(\"录音方式:\")]),_c('el-select',{attrs:{\"placeholder\":\"请选择录音方式\"},model:{value:(_vm.isUnderWayValue),callback:function ($$v) {_vm.isUnderWayValue=$$v},expression:\"isUnderWayValue\"}},[_c('el-option',{attrs:{\"label\":\"定时录制\",\"value\":\"0\"}}),_c('el-option',{attrs:{\"label\":\"监听录制\",\"value\":\"3\"}}),_c('el-option',{attrs:{\"label\":\"采样录制\",\"value\":\"4\"}})],1)],1)],1),_c('el-col',{staticClass:\"Device\",staticStyle:{\"margin-top\":\"30px\"},attrs:{\"span\":24}},[_c('el-table',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"detailTable\",attrs:{\"data\":_vm.tableData,\"height\":_vm.tableH,\"stripe\":\"\",\"size\":\"small\"}},[_c('el-table-column',{attrs:{\"label\":\"monitorpointId\",\"prop\":\"monitorpointId\"}}),_c('el-table-column',{attrs:{\"label\":\"monitorpointName\",\"prop\":\"monitorpointName\"}}),_c('el-table-column',{attrs:{\"label\":\"frequency\",\"prop\":\"frequency\"}}),_c('el-table-column',{attrs:{\"label\":\"startTime\",\"prop\":\"startTime\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\" \"+_vm._s(_vm.dateFormatter(new Date(scope.row.startTime)))+\" \")]}}])}),_c('el-table-column',{attrs:{\"label\":\"stopTime\",\"prop\":\"stopTime\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\" \"+_vm._s(_vm.dateFormatter(new Date(scope.row.stopTime)))+\" \")]}}])}),_c('el-table-column',{attrs:{\"label\":\"recordStatus\",\"prop\":\"recordStatus\"}}),_c('el-table-column',{attrs:{\"label\":\"操作\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',[_c('el-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"dark\",\"content\":\"点击回放\",\"placement\":\"top\"}},[_c('i',{staticClass:\"el-icon-refresh-right\",on:{\"click\":function($event){return _vm.rePlay(scope)}}})])],1)]}}])})],1)],1),_c('el-col',{staticStyle:{\"margin-top\":\"5px\"},attrs:{\"span\":24}},[_c('el-pagination',{attrs:{\"current-page\":_vm.pageNo,\"page-sizes\":[10, 20, 30, 50],\"page-size\":_vm.pageSize,\"layout\":\"total, sizes, prev, pager, next, jumper\",\"total\":_vm.totalCount},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1)],1),_c('el-dialog',{attrs:{\"visible\":_vm.socketPlay,\"width\":\"50\"},on:{\"update:visible\":function($event){_vm.socketPlay=$event},\"close\":_vm.socketReplay}},[_c('video',{ref:\"socketVidoPlay\",attrs:{\"id\":\"socketVidoPlay\",\"src\":\"\",\"controls\":\"\",\"preload\":\"\",\"width\":\"100%\",\"height\":\"300\"}})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div>\n <el-row>\n <el-col\n :span=\"24\"\n style=\"height: 45px; text-align: left; margin-top: 20px; display: flex\"\n >\n <el-radio-group v-model=\"type\" style=\"margin-right: 15px\">\n <el-radio-button label=\"时间段\"></el-radio-button>\n <el-radio-button label=\"单日\"></el-radio-button>\n <el-radio-button label=\"单月\"></el-radio-button>\n <el-radio-button label=\"年度\"></el-radio-button>\n </el-radio-group>\n <span style=\"margin-right: 15px\">\n <el-date-picker\n v-model=\"search.valueDay\"\n :type=\"\n type == '时间段'\n ? 'date'\n : type == '单月'\n ? 'month'\n : type == '年度'\n ? 'year'\n : 'date'\n \"\n :placeholder=\"\n type == '时间段'\n ? '选择日期'\n : type == '单月'\n ? '选择月份'\n : type == '年度'\n ? '选择年份'\n : '选择日期'\n \"\n clearable\n style=\"width: 130px\"\n ></el-date-picker>\n </span>\n <span v-show=\"type == '时间段'\" style=\"margin-right: 15px\">\n <el-time-select\n v-model=\"search.valueTime\"\n :picker-options=\"{\n start: '00:00',\n step: '00:30',\n end: '23:30',\n }\"\n placeholder=\"选择时间\"\n clearable\n style=\"width: 130px\"\n ></el-time-select>\n </span>\n <el-input\n placeholder=\"查询广播\"\n suffix-icon=\"el-icon-service\"\n v-model=\"search.search_fm\"\n style=\"margin-right: 15px; width: 130px\"\n ></el-input>\n <el-select\n v-model=\"determine\"\n placeholder=\"请选择\"\n @change=\"handleChange\"\n style=\"margin-right: 15px\"\n >\n <el-option\n v-for=\"item in options\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\"\n ></el-option>\n </el-select>\n\n <div style=\"width: 30%; display: flex\">\n <span style=\"width: 100px; line-height: 28px\">录音方式:</span>\n <el-select v-model=\"isUnderWayValue\" placeholder=\"请选择录音方式\">\n <el-option label=\"定时录制\" value=\"0\"> </el-option>\n <el-option label=\"监听录制\" value=\"3\"> </el-option>\n <el-option label=\"采样录制\" value=\"4\"> </el-option>\n </el-select>\n </div>\n </el-col>\n\n <el-col :span=\"24\" class=\"Device\" style=\"margin-top: 30px\">\n <el-table\n :data=\"tableData\"\n :height=\"tableH\"\n v-loading=\"loading\"\n stripe\n size=\"small\"\n class=\"detailTable\"\n >\n <el-table-column\n label=\"monitorpointId\"\n prop=\"monitorpointId\"\n ></el-table-column>\n <el-table-column\n label=\"monitorpointName\"\n prop=\"monitorpointName\"\n ></el-table-column>\n <el-table-column label=\"frequency\" prop=\"frequency\"></el-table-column>\n <el-table-column label=\"startTime\" prop=\"startTime\">\n <template slot-scope=\"scope\">\n {{ dateFormatter(new Date(scope.row.startTime)) }}\n </template>\n </el-table-column>\n <el-table-column label=\"stopTime\" prop=\"stopTime\">\n <template slot-scope=\"scope\">\n {{ dateFormatter(new Date(scope.row.stopTime)) }}\n </template>\n </el-table-column>\n <el-table-column\n label=\"recordStatus\"\n prop=\"recordStatus\"\n ></el-table-column>\n <el-table-column label=\"操作\">\n <template slot-scope=\"scope\">\n <div>\n <el-tooltip\n class=\"item\"\n effect=\"dark\"\n content=\"点击回放\"\n placement=\"top\"\n >\n <i class=\"el-icon-refresh-right\" @click=\"rePlay(scope)\"></i>\n </el-tooltip>\n </div>\n </template>\n </el-table-column>\n </el-table>\n </el-col>\n\n <el-col :span=\"24\" style=\"margin-top: 5px\">\n <el-pagination\n @size-change=\"handleSizeChange\"\n @current-change=\"handleCurrentChange\"\n :current-page=\"pageNo\"\n :page-sizes=\"[10, 20, 30, 50]\"\n :page-size=\"pageSize\"\n layout=\"total, sizes, prev, pager, next, jumper\"\n :total=\"totalCount\"\n >\n </el-pagination>\n </el-col>\n </el-row>\n\n <el-dialog :visible.sync=\"socketPlay\" width=\"50\" @close=\"socketReplay\">\n <video\n id=\"socketVidoPlay\"\n ref=\"socketVidoPlay\"\n src=\"\"\n controls\n preload\n width=\"100%\"\n height=\"300\"\n ></video>\n </el-dialog>\n </div>\n</template>\n<script>\nimport { originalColor } from \"@/utils/chartCustomer.js\";\n\nexport default {\n watch: {\n isUnderWayValue: {\n handler(n, o) {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n this.timer = setTimeout(() => {\n this.getData();\n }, 300);\n },\n deep: true,\n },\n search: {\n handler(n, o) {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n this.timer = setTimeout(() => {\n this.getData();\n }, 300);\n },\n deep: true,\n },\n determine: {\n handler(n, o) {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n this.timer = setTimeout(() => {\n this.getData();\n }, 500);\n },\n deep: true,\n },\n type: {\n handler(n, o) {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n this.timer = setTimeout(() => {\n this.getData();\n }, 500);\n },\n deep: true,\n },\n },\n data() {\n return {\n isUnderWayValue: \"0\",\n playVideo: null,\n socketPlay: false,\n tableH: 0,\n timer: null,\n totalCount: 100,\n pageNo: 1,\n pageSize: 10,\n tableData: [],\n tableH: null,\n otherAct: [{ item: \"查看所有\", id: \"\", type: \"primary\" }],\n type: \"年度\",\n options: [],\n\n queryParams: {\n page: 1,\n size: 10,\n VF: \"\",\n table: \"t_fm_scan_timestamp\",\n },\n determine: \"\",\n search: {\n valueTime: new Date().getHours() + \":00\",\n valueDay: new Date(),\n search_fm: \"\",\n },\n loading: false,\n colors: originalColor,\n color: [\n { color: \"#9D96F5\", percentage: 10 },\n { color: \"#FF9F7F\", percentage: 20 },\n { color: \"#FB7293\", percentage: 30 },\n { color: \"#37A2DA\", percentage: 40 },\n { color: \"#67E0E3\", percentage: 50 },\n { color: \"#9FE6B8\", percentage: 60 },\n { color: \"#E690D1\", percentage: 80 },\n { color: \"#E7BCF3\", percentage: 100 },\n ],\n };\n },\n mounted() {\n this.tableH = window.innerHeight - 135;\n this.getData();\n },\n methods: {\n dateFormatter(time) {\n if (time) {\n var year = time.getFullYear();\n var month = time.getMonth() + 1;\n var date = time.getDate();\n var hour = time.getHours();\n var minute = time.getMinutes();\n var second = time.getSeconds();\n return (\n this.add0(year) +\n \"-\" +\n this.add0(month) +\n \"-\" +\n this.add0(date) +\n \" \" +\n this.add0(hour) +\n \":\" +\n this.add0(minute) +\n \":\" +\n this.add0(second)\n );\n } else {\n return 0;\n }\n },\n socketReplay() {\n if (this.playVideo) {\n this.playVideo.pause();\n this.playVideo = null;\n }\n },\n rePlay(scope) {\n if (scope.row.stopTime) {\n let startTime = this.dateFormatter(\n new Date(new Date(scope.row.startTime).getTime())\n );\n let endTime = this.dateFormatter(\n new Date(new Date(scope.row.stopTime).getTime() + 1000 * 60 * 180)\n );\n\n let param = new URLSearchParams();\n param.append(\"method\", \"mutipleReview\");\n param.append(\"instruct\", 1);\n param.append(\"playType\", 1);\n param.append(\"hls\", 1);\n param.append(\"key\", 123456);\n param.append(\"monitorpointId\", scope.row.monitorpointId);\n param.append(\"frequencyValue\", scope.row.frequency);\n param.append(\"startTime\", startTime);\n param.append(\"endTime\", endTime);\n\n this.$post(window.equipmentURL + \"FRP/NetRequest.do\", param).then(\n (res) => {\n if (res.success == \"true\") {\n this.socketPlay = true;\n this.playVideo = this.$refs.socketVidoPlay;\n if (Hls.isSupported()) {\n var hls = new Hls();\n hls.loadSource(res.url);\n hls.attachMedia(this.playVideo);\n hls.on(Hls.Events.MANIFEST_PARSED, function () {\n this.playVideo.play();\n });\n } else if (\n this.playVideo.canPlayType(\"application/vnd.apple.mpegurl\")\n ) {\n this.playVideo.src = res.url;\n this.playVideo.addEventListener(\"loadedmetadata\", function () {\n this.playVideo.play();\n });\n }\n } else {\n this.$message.error(res.msg);\n }\n }\n );\n } else {\n this.$message.warning(\"尚未有回放\");\n }\n },\n handleSizeChange(size) {\n this.pageSize = size;\n this.getData();\n },\n handleCurrentChange(page) {\n this.pageNo = page;\n this.getData();\n },\n getOptions() {\n this.$getJSON(\n window.backstageURL +\n \"dataservice/getNoTokenData?bid=getChannelSettingB\"\n ).then((res) => {\n this.options = [];\n let tmpArr = res.data.data[0];\n tmpArr.forEach((item) => {\n let oneOption = {\n value: item.monitorpointId,\n label: item.monitorpointName,\n };\n this.options.push(oneOption);\n });\n });\n },\n handleChange(value) {\n this.queryParams.determine = value;\n },\n getData() {\n this.loading = true;\n let typeValue = this.formatType(this.type);\n\n let dateValue =\n this.search.valueDay == \"\"\n ? \"2021\"\n : this.formatDate(this.search.valueDay);\n\n let tmeValue =\n this.type == \"时间段\" ? this.search.valueTime.split(\":\")[0] : \"\";\n\n this.$getJSON(window.backstageURL + \"dataservice/getNoTokenData\", {\n bid: \"getRecordHistory\",\n isUnderWay: this.isUnderWayValue,\n querymode: typeValue,\n timevalue1: dateValue,\n timevalue2: tmeValue,\n monitorpointid: this.determine,\n frequency: this.search.search_fm,\n pageno: this.pageNo,\n pagesize: this.pageSize,\n }).then((res) => {\n this.loading = false;\n this.tableData = res.data.data[0];\n this.totalCount = Number(res.data.data[1][0].counter);\n });\n },\n\n formatType(type) {\n if (type == \"时间段\") {\n return \"time\";\n } else if (type == \"单日\") {\n return \"day\";\n } else if (type == \"单月\") {\n return \"month\";\n } else if (type == \"年度\") {\n return \"year\";\n }\n },\n\n formatDate(date) {\n if (date) {\n let year = date.getFullYear();\n let month = date.getMonth() + 1;\n let day = date.getDate();\n\n if (this.type == \"年度\") {\n return year;\n } else if (this.type == \"单月\") {\n return year + \"-\" + this.add0(month);\n } else if (this.type == \"单日\" || this.type == \"时间段\") {\n return year + \"-\" + this.add0(month) + \"-\" + this.add0(day);\n } else {\n return \"\";\n }\n }\n },\n\n add0(val) {\n return val < 10 ? \"0\" + val : val;\n },\n },\n};\n</script>\n<style lang=\"scss\" scope>\n</style>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0a776128&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\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","'use strict';\nvar fixRegExpWellKnownSymbolLogic = require('../internals/fix-regexp-well-known-symbol-logic');\nvar anObject = require('../internals/an-object');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar sameValue = require('../internals/same-value');\nvar regExpExec = require('../internals/regexp-exec-abstract');\n\n// @@search logic\nfixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {\n return [\n // `String.prototype.search` method\n // https://tc39.es/ecma262/#sec-string.prototype.search\n function search(regexp) {\n var O = requireObjectCoercible(this);\n var searcher = regexp == undefined ? undefined : regexp[SEARCH];\n return searcher !== undefined ? searcher.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));\n },\n // `RegExp.prototype[@@search]` method\n // https://tc39.es/ecma262/#sec-regexp.prototype-@@search\n function (string) {\n var res = maybeCallNative(nativeSearch, this, string);\n if (res.done) return res.value;\n\n var rx = anObject(this);\n var S = String(string);\n\n var previousLastIndex = rx.lastIndex;\n if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;\n var result = regExpExec(rx, S);\n if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;\n return result === null ? -1 : result.index;\n }\n ];\n});\n"],"sourceRoot":""}
|