Remember the common JS methods of projects

 

//  Generate random colors 

color16(){ // Hex color random 
  let r = Math.floor(Math.random()*256);
  let g = Math.floor(Math.random()*256);
  let b = Math.floor(Math.random()*256);
  let color = '#'+(Array(6).join(0) + (r.toString(16)+g.toString(16)+b.toString(16))).slice(-6);
  return color;
}


rgb(){ //rgb The color is random 
  let r = Math.floor(Math.random()*256);
  let g = Math.floor(Math.random()*256);
  let b = Math.floor(Math.random()*256);
  let rgb = 'rgb('+r+','+g+','+b+')';
  return rgb;
}

let sum = this.seriesData.reduce((sum, e) => sum + e.value, 0); //  Sum up 
let max = Math.max.apply(Math,this.seriesData.map(item => { return item.value })); //  For maximum 

//string format 
repalceHtml (str) {
  let s1 = str.replace(/<\/?.+?>/g, '')
  let s2 = s1.replace(/ /g, '')//  Go to html
  let s3 = s2.replace(/&nbsp;/ig, '') //  Turn to space 
  // let s4 = s3.replace(/\s*/g, '')//  Go to space ;
  return s3
}

//  Percentage to decimal 
toPoint (percent) {
  let str = percent.replace('%', '')
  str = str / 100
  return str
}

//  Amount in words 
DX (n) {
  if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) { return ' data is invalid ' }
  let unit = ' Ten billion yuan and cents '
  let str = ''
  n += '00'
  let p = n.indexOf('.')
  if (p >= 0) { n = n.substring(0, p) + n.substr(p + 1, 2) }
  unit = unit.substr(unit.length - n.length)
  for (let i = 0; i < n.length; i++) { str += ' One two three four five six seven eight nine '.charAt(n.charAt(i)) + unit.charAt(i) }
  return str.replace(/ zero ( thousand | hundred | Ten | horn )/g, ' zero ').replace(/( zero )+/g, ' zero ').replace(/ zero ( ten thousand | Billion | element )/g, '$1').replace(/( Billion ) ten thousand | one ( Ten )/g, '$1$2').replace(/^ Yuan zero ?| Zero point /g, '').replace(/ element $/g, ' Yuan only ')
}

//  Cell phone number is regular 
let reg = 11 && /^((13|14|15|17|18)[0-9]{1}\d{8})$/
if (!reg.test(this.form.account)) {
  this.$message.warning(' Mobile number format does not match !')
  return false
}

//  Array to object 
array2obj (array, key) {
  let resObj = {}
  for (let i = 0; i < array.length; i++) {
    resObj[array[i][key]] = array[i]
  }
  return resObj
}

//  Array to tree structure 
let newArr = roleTree.data.treeList
if (newArr.length !== 0) {
  newArr.forEach(item => {
    const pid = item.pid
    if (pid !== '') {
      newArr.forEach(ele => {
        if (ele.id === pid) {
          let childArray = ele.children
          if (!childArray) {
            childArray = []
          }
          childArray.push(item)
          ele.children = childArray
        }
      })
    }
  })
}

//  File download 
let fileName = data.data.replace(/redirect:/, '') //  File address 
let downName = row.name //  File download name 
const blob = new Blob([fileName])
if (window.navigator.msSaveOrOpenBlob) {
  //  compatible IE10
  navigator.msSaveBlob(blob, downName)
} else {
  //  chrome/firefox
  let aTag = document.createElement('a')
  aTag.download = downName
  aTag.href = URL.createObjectURL(blob)
  aTag.click()
  URL.revokeObjectURL(aTag.href)
}

//  State transition 
convertStatus (status) {
  switch (status) {
    case 'NORMAL':
      return ' normal '
    case 'REST':
      return ' Shut down '
    case 'VIOLATION':
      return ' Violations, '
    case 'TO_CHECK':
      return ' To audit '
    case 'NO_PASS':
      return ' Not through '
  }
}

isAbled (state) {
  if (state === 'TO_PAY') {
    return ' To be paid '
  } else if (state === 'TO_CHECK') {
    return ' Pending approval '
  } else if (state === 'TO_DELIVERY') {
    return ' Being adjusted '
  } else if (state === 'TO_RECEIVED') {
    return ' To be received '
  } else if (state === 'TO_APPRAISE') {
    return ' To be evaluated '
  } else if (state === 'COMPLETED') {
    return ' Successful trade '
  } else if (state === 'REFUNDING') {
    return ' Refunding '
  } else if (state === 'REFUND_COMPLETE') {
    return ' Refund successful '
  } else if (state === 'CLOSED') {
    return ' Deal closed '
  }
}

item.state = this.isAbled(item.state)

To be continued ...