CN-268 feat: panel重构

src/utils/constants.js

@@ -129,7 +129,12 @@ export const unitTypes = {
 export const chartTableDefaultPageSize = 10 // table类型图表默认每页数据量
 export const chartTableTopOptions = [10, 100] // table类型图表的TOP-N选项
 export const chartActiveIpTableOrderOptions = ['machine'] // active ip table类型图表的order 选项
-export const chartPieTableTopOptions = [{ name: 'Sessions', value: 'sessions' }, { name: 'Packets', value: 'packets' }, { name: 'Bytes', value: 'bytes' }] // table类型图表的TOP-N选项
+// table类型图表的TOP-N选项
+export const chartPieTableTopOptions = [
+  { name: 'Sessions', value: 'sessions' },
+  { name: 'Packets', value: 'packets' },
+  { name: 'Bytes', value: 'bytes' }
+]
 
 export const iso36112 = {
   [storageKey.iso36112Capital]: 'data/countriesWithCapital',

src/utils/date-util.js

@@ -1,3 +1,4 @@
+import _ from 'lodash'
 // 获取初始化时间，默认最近一周
 Date.prototype.setStart = function () {
   this.setHours(0)
@@ -9,128 +10,28 @@ Date.prototype.setEnd = function () {
   this.setMinutes(59)
   this.setSeconds(59)
 }
-
-export function getDefaultDate () {
-  let start = this.getDays(-7)
-  let end = this.getDays(0)
-  start.setStart()
-  end.setEnd()
-  // let start = this.getHoursTime(-1);
-  // let end = this.getHoursTime(0);
-  start = this.timeFormate(start, 'yyyy-MM-dd hh:mm:ss')
-  end = this.timeFormate(end, 'yyyy-MM-dd hh:mm:ss')
-  this.selectDate = [start, end]
+// 将时间转化为秒
+export function getSecond (time) {
+  const ms = getMillisecond(time)
+  return ms ? Math.floor(ms / 1000) : null
 }
-
-export function getHoursTime (hours) {
-  const today = new Date().getTime()
-  const date = new Date(today + (hours * 60 * 60 * 1000))
-  return date
-}
-
-// 初始化日期
-export function getDays (days) {
-  const today = new Date().getTime()
-  return new Date(today + (days * 24 * 60 * 60 * 1000))
-}
-export function formatDate (date, type) {
-  const yy = date.getFullYear()
-  const dateM = date.getMonth() + 1
-  const mm = dateM > 9 ? dateM : `0${dateM}`
-  const dateD = date.getDate()
-  const dd = dateD > 9 ? dateD : `0${dateD}`
-  if (type) {
-    return `${yy}${type}${mm}${type}${dd}`
-  }
-  return `${yy}${mm}${dd}`
-}
-export function timeFormate (date, fmt = 'yyyy-MM-dd hh:mm:ss') {
-  const time = new Date(date)
-  let week = ''
-  switch (time.getDay()) {
-    case 0:
-      week = '周日'
-      break
-    case 1:
-      week = '周一'
-      break
-    case 2:
-      week = '周二'
-      break
-    case 3:
-      week = '周三'
-      break
-    case 4:
-      week = '周四'
-      break
-    case 5:
-      week = '周五'
-      break
-    case 6:
-      week = '周六'
-      break
-    default:
-      // eslint-disable-next-line no-unused-vars
-      week = ''
-      break
-  }
-}
-export function getStep (startTime, endTime) {
-  const start = new Date(startTime)
-  const end = new Date(endTime)
-  let step = '15s'
-  const numInterval = end.getTime() - start.getTime()
-  const oneDay = 86400000
-  const sevenDay = 604800000
-  const thirtyDay = 2592000000
-  if (numInterval < oneDay) { // 小于1天，step为15s
-    step = '15s'
-  } else if (numInterval < sevenDay) {
-    step = '5m'
-  } else if (numInterval < thirtyDay) {
-    step = '10m'
-  } else {
-    step = '30m'
-  }
-  return step
-}
-export function getNumStr (num) {
-  if (num >= 1000) {
-    const kbNum = num / 1000
-    if (kbNum >= 1000) {
-      const mbNum = kbNum / 1000
-      if (mbNum > 1000) {
-        const gbNum = mbNum / 1000
-        if (gbNum > 1000) {
-          const tbNum = gbNum / 1000
-          if (tbNum > 1000) {
-            const pbNum = tbNum / 1000
-            return `${pbNum.toFixed(2)}PB`
-          }
-          return `${tbNum.toFixed(2)}TB`
-        }
-        return `${gbNum.toFixed(2)}GB`
-      }
-      return `${mbNum.toFixed(2)}MB`
+// 将时间转化为毫秒
+export function getMillisecond (time) {
+  let ms = null
+  if (_.isDate(time)) {
+    ms = time.getTime()
+  } else if (_.isNumber(time)) {
+    const timeStr = _.toString(time)
+    const difference = timeStr.length - 13
+    if (difference >= 0) {
+      ms = timeStr.slice(0, 13)
+    } else {
+      ms = Math.floor(time * (10 ** (0 - difference)))
     }
-    return `${kbNum.toFixed(2)}KB`
-  }
-  return num.toFixed(2)
-}
-export function debounce (fn, delay) {
-  // 记录上一次的延时器
-  let timer = null
-  delay = delay || 200
-  return function () {
-    const args = arguments
-    const that = this
-    // 清除上一次延时器
-    clearTimeout(timer)
-    timer = setTimeout(function () {
-      fn.apply(that, args)
-    }, delay)
   }
+  return ms
 }
+// 初始化日期
 export function getNowTime (interval) {
   const endTime = window.$dayJs.tz().valueOf()
   const startTime = endTime - interval * 60 * 1000

src/utils/tools.js

@@ -425,6 +425,7 @@ export function replaceUrlPlaceholder (url, params) {
   _.forIn(params, (value, key) => {
     url = url.replace('{{' + key + '}}', value)
   })
+  url = url.replace(/{{(.*?)}}/g, '')
   return url
 }
 // 双引号替换为单引号