wangrong
2021-11-24 749179ef60bca3074f8e12325b92b0d406d9246c
1
{"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":""}