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?867f","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","staticClass","tableData","tableH","scopedSlots","_u","fn","scope","_v","_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","getOptions","getData","methods","console","log","time","year","getFullYear","month","getMonth","date","getDate","hour","getHours","minute","getMinutes","second","getSeconds","pause","param","append","monitorpointId","frequency","endTime","$post","then","$message","warning","size","page","$getJSON","res","tmpArr","forEach","monitorpointName","queryParams","dateValue","bid","querymode","typeValue","timevalue1","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","done","rx","S","previousLastIndex","lastIndex","result","index"],"mappings":"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","file":"assets/js/chunk-321e30df.3316696f.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\"},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)],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\"\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        <!-- <el-button\n          type=\"primary\"\n          icon=\"el-icon-search\"\n          @click=\"handleSearch\"\n          >查询</el-button\n        > -->\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    search: {\n      handler(n, o) {\n        // this.getInfo();\n        if (this.timer) {\n          clearTimeout(this.timer);\n        }\n        this.timer = setTimeout(() => {\n          this.getData();\n          // this.$emit(\"changeFrequency\", this.frequencyValue);\n        }, 300);\n      },\n      deep: true,\n    },\n    determine: {\n      handler(n, o) {\n        // this.getInfo();\n        if (this.timer) {\n          clearTimeout(this.timer);\n        }\n        this.timer = setTimeout(() => {\n          this.getData();\n          // this.$emit(\"changeFrequency\", this.frequencyValue);\n        }, 500);\n      },\n      deep: true,\n    },\n    type: {\n      handler(n, o) {\n        // this.getInfo();\n        if (this.timer) {\n          clearTimeout(this.timer);\n        }\n        this.timer = setTimeout(() => {\n          this.getData();\n          // this.$emit(\"changeFrequency\", this.frequencyValue);\n        }, 500);\n      },\n      deep: true,\n    },\n  },\n  data() {\n    return {\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\n    // this.getData();\n    this.getOptions();\n    this.getData();\n  },\n  methods: {\n    dateFormatter(time) {\n      console.log(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      console.log(scope.row);\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(\"http://wiibox.xicp.io:19868/FRP/NetRequest.do\", param).then(\n          (res) => {\n            console.log(res);\n            if (res.success == \"true\") {\n              console.log(\"123\");\n              this.socketPlay = true;\n\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              // this.isReplay = true;\n              // this.playReplay(res.url);\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        \"http://wiibox.xicp.io:8484/dataservice/getNoTokenData?bid=getChannelSettingB\"\n      ).then((res) => {\n        console.log(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      let typeValue = this.formatType(this.type);\n\n      let dateValue =\n        this.search.valueDay == \"\"\n          ? \"2021\"\n          : this.formatDate(this.search.valueDay);\n      console.log(dateValue);\n\n      let tmeValue =\n        this.type == \"时间段\" ? this.search.valueTime.split(\":\")[0] : \"\";\n\n      this.$getJSON(\"http://wiibox.xicp.io:8484/dataservice/getNoTokenData\", {\n        bid: \"getRecordHistory\",\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        console.log(res);\n        this.tableData = res.data.data[0];\n        this.totalCount = Number(res.data.data[1][0].counter);\n      });\n    },\n\n    formatType(type) {\n      // let typeValue = \"\";\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      console.log(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};\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=000eaaf8&\"\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":""}