axwen-test31 2.0.0

package/src/utils/index.js

@@ -0,0 +1,786 @@
+import dayjs from 'dayjs'
+import { IMG_INTERFACE } from '@/utils/variable'
+
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string}
+ */
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'undefined' || time === null || time === 'null') {
+    return ''
+  } else if (typeof time === 'object') {
+    date = time
+  } else {
+    if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
+      time = parseInt(time, 10)
+    }
+    if ((typeof time === 'number') && (time.toString().length === 10)) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
+    let value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
+    if (result.length > 0 && value < 10) {
+      value = '0' + value
+    }
+    return value || 0
+  })
+  return time_str
+}
+
+
+/**
+ * 是否是对象
+ * @param obj Any 判断对象
+ * @returns Boolean 是否是对象
+ */
+export const isObj = obj => {
+  return Object.prototype.toString.call(obj) === '[object Object]'
+}
+
+/**
+* 是否是方法
+* @param func Any 判断对象
+* @returns Boolean 是否是方法
+*/
+export const isFunc = func => {
+  return typeof func === 'function'
+}
+
+export const formatDate = (value, format = 'YYYY-MM-DD') => {
+  if (value) {
+    const date = new Date(value)
+    return dayjs(date).format(format)
+  }
+}
+export const formatFullDateTime = (value, format = 'YYYY-MM-DD HH:mm:ss') => {
+  return formatDate(value, format)
+}
+
+export const treeToList = data => {
+  const list = []
+  data.forEach(item => {
+    const temp = {
+      ...item
+    }
+    list.push(temp)
+    if (item.children && item.children.length) {
+      list.push(...treeToList(item.children))
+    }
+  })
+  return list
+}
+/**
+ * 树结构转列表
+ * @param tree = []
+ * @param childrenKey = 'children' 下级节点key
+ * @returns []
+ */
+export const treeToListNew = ({ tree = [], childrenKey = 'children' }) => {
+  let queen = [],
+      list = [],
+      first = {};
+  queen = queen.concat(tree);
+  while (queen.length) {
+      first = queen.shift();
+      if (first[childrenKey]) {
+          queen = queen.concat(first[childrenKey]);
+          delete first[childrenKey];
+      }
+      list.push(first);
+  }
+  return list;
+};
+const fillKey = (item, labelKey, valueKey, format) => {
+  item.label = item[labelKey]
+  item.value = item[valueKey]
+  return format ? format(item) : item
+}
+
+export const getDisabled = (data) => {
+  data.forEach(item => {
+      if (item.children.length) {
+          item.disabled = true;
+          getDisabled(item.children)
+      } else {
+          item.disabled = false;
+      }   
+  });
+  return data
+}
+export const pruneTree = (tree) => {   
+  for (let i = tree.length - 1; i >= 0; i--) {  
+    const item = tree[i];  
+    if (!item['enabled']) {  
+      tree.splice(i, 1);  
+    } 
+    if (Array.isArray(item.children)) {  
+      pruneTree(item.children);
+        
+    } 
+  }  
+    
+  return tree;  
+}  
+
+// 新增label、value字段
+export const treeAddParams = (props) => {
+  const { labelKey = 'name', valueKey = 'code', data = [] } = props;
+  function loop(list) {
+    list.forEach((item) => {
+      item.label = item[labelKey];
+      item.value = item[valueKey];
+      if (item && item.children && item.children.length) {
+        loop(item.children);
+      }
+    });
+    return list;
+  }
+  let res = loop(data);
+  return res;
+};
+
+export const listToTree = ({
+  data = [],
+  parentKey = 'parentId',
+  labelKey = 'orgName',
+  childrenKey = 'children',
+  valueKey = 'orgId',
+  rootValue = null,
+  hasChildren = true,
+  format = null,
+  disabledCb,
+  showChildNum = false,
+  formateEnabled = false
+}) => {
+  const list = copy(data)
+  const map = {}
+  let roots = []
+  list.forEach((item, i) => {
+    map[item[valueKey]] = i
+    item[childrenKey] = []
+  })
+  list.forEach(node => {
+    node = fillKey(node, labelKey, valueKey, format)
+    const target = node[parentKey]
+    if (node[valueKey] === rootValue) {
+      roots.push(node)
+    } else {
+      if (map[target] !== undefined) {
+        list[map[target]].children.push(node)
+      } else {
+        roots.push(node)
+      }
+    }
+  })
+  if (!hasChildren) {
+    list.forEach(item => {
+      if (!item.children.length) {
+        delete item.children
+        if (disabledCb) {
+          item.disabled = disabledCb(item)
+        }
+      }
+    })
+  }
+  // 展示树节点下有多少子节点，只支持两层
+  if (showChildNum) {
+    const copyTreeData = copy(roots)
+    // for (let i = 0, item = copyTreeData; i < item.length; i++) {
+    //     let childrenLength = 0
+    //     if (item[i].children && item[i].children.length) {
+    //         for (let k = 0; k < item[i].children.length; k++) {
+    //             childrenLength += item[i].children[k].children.length
+    //             item[i].children[k].label += `(${item[i].children[k].children.length})`
+    //         }
+    //     }
+    //     item[i].label += `(${childrenLength})`
+    // }
+    const list = updateNodeLabel(copyTreeData)
+    roots = copy(list)
+    // roots = copy(copyTreeData)
+  }
+  return roots
+}
+
+export const sortable = (sortData, sortKey = 'sortNo', childrenKey='children') => {
+  sortData.sort((a, b) => a[sortKey] - b[sortKey])
+  for (const item of sortData) {
+    if (item[childrenKey] && item[childrenKey].length > 0) {
+      sortable(item[childrenKey], sortKey, childrenKey)
+    }   
+  }
+}
+
+export const downloadImage = (href, name) => {
+  if ('download' in document.createElement('a')) {
+    const elink = document.createElement('a')
+    elink.download = name || href
+    elink.style.display = 'none'
+    elink.href = (href.includes('imind-oppt') ? '' : IMG_INTERFACE) + href
+    document.body.appendChild(elink)
+    elink.click()
+    document.body.removeChild(elink)
+  }
+}
+export const download = (data, fileName) => {
+  if (!data) {
+    return
+  }
+  const url = window.URL.createObjectURL(data)
+  const link = document.createElement('a')
+  link.style.display = 'none'
+  link.href = url
+  link.setAttribute('download', fileName)
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+}
+
+export const getDeepKey = (tree, deepth = 3, key = 'value') => {
+  const keys = []
+  if (!tree.length || deepth <= 1) {
+    return keys
+  } else {
+    tree.forEach(item => {
+      keys.push(item[key])
+      keys.push(...getDeepKey(item.children || [], deepth - 1, key))
+    })
+    return keys
+  }
+}
+
+/**
+ * 复制数据
+ */
+export const copy = data => {
+  return JSON.parse(JSON.stringify(data))
+}
+
+/**
+ * @param {number} time
+ * @param {string} option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+  if (('' + time).length === 10) {
+    time = parseInt(time, 10) * 1000
+  } else {
+    time = +time
+  }
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return (
+      d.getMonth() +
+      1 +
+      '月' +
+      d.getDate() +
+      '日' +
+      d.getHours() +
+      '时' +
+      d.getMinutes() +
+      '分'
+    )
+  }
+}
+
+export const uploadInfoBox = ({ removeRepeatMum, addNum, showConfirmButton = false, showCancelButton = false, dangerouslyUseHTMLString = true }) => {
+  let msg = `<div>去重${removeRepeatMum}人后，成功加入${addNum}人</div>`
+  return new Promise((resolve, reject) => {
+    MessageBox.confirm(msg, '添加结果', {
+      dangerouslyUseHTMLString: true,
+      closeOnClickModal: false,
+      customClass: 'yt-upload-info-box',
+      iconClass: 'el-icon-warning font-orange',
+      confirmButtonText: '是',
+      cancelButtonText: '否',
+      showConfirmButton,
+      showCancelButton,
+      callback: (action) => {
+        if (action === 'confirm') {
+          resolve()
+        } else {
+          reject()
+        }
+      }
+    })
+  })
+}
+
+export function formatTimeTwo(time) {
+  time = time * 1000
+  const d = new Date(time)
+  return (
+    d.getFullYear() + '年' +
+    (d.getMonth() + 1) +
+    '月' +
+    d.getDate() +
+    '日' +
+    d.getHours() +
+    '时' +
+    d.getMinutes() +
+    '分'
+  )
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function getQueryObject(url) {
+  url = url == null ? window.location.href : url
+  const search = url.substring(url.lastIndexOf('?') + 1)
+  const obj = {}
+  const reg = /([^?&=]+)=([^?&=]*)/g
+  search.replace(reg, (rs, $1, $2) => {
+    const name = decodeURIComponent($1)
+    let val = decodeURIComponent($2)
+    val = String(val)
+    obj[name] = val
+    return rs
+  })
+  return obj
+}
+
+/**
+ * @param {string} input value
+ * @returns {number} output value
+ */
+export function byteLength(str) {
+  // returns the byte length of an utf8 string
+  let s = str.length
+  for (var i = str.length - 1; i >= 0; i--) {
+    const code = str.charCodeAt(i)
+    if (code > 0x7f && code <= 0x7ff) s++
+    else if (code > 0x7ff && code <= 0xffff) s += 2
+    if (code >= 0xDC00 && code <= 0xDFFF) i--
+  }
+  return s
+}
+
+/**
+ * @param {Array} actual
+ * @returns {Array}
+ */
+export function cleanArray(actual) {
+  const newArray = []
+  for (let i = 0; i < actual.length; i++) {
+    if (actual[i]) {
+      newArray.push(actual[i])
+    }
+  }
+  return newArray
+}
+
+/**
+ * @param {Object} json
+ * @returns {Array}
+ */
+export function param(json) {
+  if (!json) return ''
+  return cleanArray(
+    Object.keys(json).map(key => {
+      if (json[key] === undefined) return ''
+      return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
+    })
+  ).join('&')
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function param2Obj(url) {
+  const search = url.split('?')[1]
+  if (!search) {
+    return {}
+  }
+  return JSON.parse(
+    '{"' +
+    decodeURIComponent(search)
+      .replace(/"/g, '\\"')
+      .replace(/&/g, '","')
+      .replace(/=/g, '":"')
+      .replace(/\+/g, ' ') +
+    '"}'
+  )
+}
+
+/**
+ * @param {string} val
+ * @returns {string}
+ */
+export function html2Text(val) {
+  const div = document.createElement('div')
+  div.innerHTML = val
+  return div.textContent || div.innerText
+}
+
+/**
+ * Merges two objects, giving the last one precedence
+ * @param {Object} target
+ * @param {(Object|Array)} source
+ * @returns {Object}
+ */
+export function objectMerge(target, source) {
+  if (typeof target !== 'object') {
+    target = {}
+  }
+  if (Array.isArray(source)) {
+    return source.slice()
+  }
+  Object.keys(source).forEach(property => {
+    const sourceProperty = source[property]
+    if (typeof sourceProperty === 'object') {
+      target[property] = objectMerge(target[property], sourceProperty)
+    } else {
+      target[property] = sourceProperty
+    }
+  })
+  return target
+}
+
+/**
+ * @param {HTMLElement} element
+ * @param {string} className
+ */
+export function toggleClass(element, className) {
+  if (!element || !className) {
+    return
+  }
+  let classString = element.className
+  const nameIndex = classString.indexOf(className)
+  if (nameIndex === -1) {
+    classString += '' + className
+  } else {
+    classString =
+      classString.substr(0, nameIndex) +
+      classString.substr(nameIndex + className.length)
+  }
+  element.className = classString
+}
+
+/**
+ * @param {string} type
+ * @returns {Date}
+ */
+export function getTime(type) {
+  if (type === 'start') {
+    return new Date().getTime() - 3600 * 1000 * 24 * 90
+  } else {
+    return new Date(new Date().toDateString())
+  }
+}
+
+/**
+ * @param {Function} func
+ * @param {number} wait
+ * @param {boolean} immediate
+ * @return {*}
+ */
+export function debounce(func, wait, immediate) {
+  let timeout, args, context, timestamp, result
+
+  const later = function () {
+    // 据上一次触发时间间隔
+    const last = +new Date() - timestamp
+
+    // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
+    if (last < wait && last > 0) {
+      timeout = setTimeout(later, wait - last)
+    } else {
+      timeout = null
+      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
+      if (!immediate) {
+        result = func.apply(context, args)
+        if (!timeout) context = args = null
+      }
+    }
+  }
+
+  return function (...args) {
+    context = this
+    timestamp = +new Date()
+    const callNow = immediate && !timeout
+    // 如果延时不存在，重新设定延时
+    if (!timeout) timeout = setTimeout(later, wait)
+    if (callNow) {
+      result = func.apply(context, args)
+      context = args = null
+    }
+
+    return result
+  }
+}
+
+/**
+ * This is just a simple version of deep copy
+ * Has a lot of edge cases bug
+ * If you want to use a perfect deep copy, use lodash's _.cloneDeep
+ * @param {Object} source
+ * @returns {Object}
+ */
+export function deepClone(source) {
+  if (!source && typeof source !== 'object') {
+    throw new Error('error arguments', 'deepClone')
+  }
+  const targetObj = source.constructor === Array ? [] : {}
+  Object.keys(source).forEach(keys => {
+    if (source[keys] && typeof source[keys] === 'object') {
+      targetObj[keys] = deepClone(source[keys])
+    } else {
+      targetObj[keys] = source[keys]
+    }
+  })
+  return targetObj
+}
+
+/**
+ * @param {Array} arr
+ * @returns {Array}
+ */
+export function uniqueArr(arr) {
+  return Array.from(new Set(arr))
+}
+
+/**
+ * @returns {string}
+ */
+export function createUniqueString() {
+  const timestamp = +new Date() + ''
+  const randomNum = parseInt((1 + Math.random()) * 65536, 10) + ''
+  return (+(randomNum + timestamp)).toString(32)
+}
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}
+
+// 替换邮箱字符
+export function regEmail(email) {
+  if (String(email).indexOf('@') > 0) {
+    const str = email.split('@')
+    let _s = ''
+    if (str[0].length > 3) {
+      for (var i = 0; i < str[0].length - 3; i++) {
+        _s += '*'
+      }
+    }
+    var new_email = str[0].substr(0, 3) + _s + '@' + str[1]
+  }
+  return new_email
+}
+
+// 替换手机字符
+export function regMobile(mobile) {
+  if (mobile.length > 7) {
+    var new_mobile = mobile.substr(0, 3) + '****' + mobile.substr(7)
+  }
+  return new_mobile
+}
+
+// 下载文件
+export function downloadFile(obj, name, suffix) {
+  const url = window.URL.createObjectURL(new Blob([obj]))
+  const link = document.createElement('a')
+  link.style.display = 'none'
+  link.href = url
+  const fileName = parseTime(new Date()) + '-' + name + '.' + suffix
+  link.setAttribute('download', fileName)
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+}
+
+// 生成延时对象
+export function genDeferred() {
+  let resolve = null
+  const deferred = new Promise(res=>resolve=res)
+  return Object.assign(deferred,{resolve})
+}
+
+export const listToOptions = (list, valueKey = 'id', labelKey = 'label', trim = false) => {
+  if(!Array.isArray(list)) return []
+  return list.map((el) => {
+      if (trim) {
+          return {
+              value: el[valueKey],
+              label: el[labelKey] || el[valueKey]
+          };
+      }
+
+      el.value = el[valueKey];
+      el.label = el[labelKey] || el[valueKey];
+      return el;
+  });
+};
+
+
+/**
+ * 数值格式千分位格式化
+ * @param num: 传入值
+ * @param needDecimal: 是否保留两位小数
+ */
+export function toThousands(num, needDecimal = true) {
+  let result = '';
+  num = Number(num.toString() || 0).toFixed(2);
+  let numAry = num.toString().split('.');
+  let preNum = numAry[0];
+  let lastNum = numAry[1];
+  while (preNum.length > 3) {
+    result = ',' + preNum.slice(-3) + result;
+    preNum = preNum.slice(0, preNum.length - 3);
+  }
+  if (preNum) {
+    result = preNum + result;
+  }
+  result = needDecimal ? result + '.' + lastNum : result;
+  return result;
+}
+
+/**
+ * 数值格式千分位格式化,整数类
+ * @param num: 传入值
+ */
+export function numberToThousands (num) {
+  num = num ? num.toString() : ''
+  let result = '';
+  let preNums = num
+  while (preNums.length > 3) {
+    result = ',' + preNums.slice(-3) + result;
+    preNums = preNums.slice(0, preNums.length - 3);
+    if (preNums.length < 4) break
+  }
+  if (preNums) {
+    result = preNums + result;
+  }
+  return result ? result : 0;
+}
+//在字符串对应索引插入字符串
+export const insertChar = (str, index, char) => {
+  if (index > str.length) {
+      return str + char;
+  } else if (index < 0) {
+      return char + str;
+  } else {
+      return str.slice(0, index) + char + str.slice(index);
+  }
+};
+
+/**
+ * 数组转换为键值对
+ * @param list
+ * @param valueKey
+ * @param labelKey
+ * @param freeze
+ * @returns {Readonly<{}>|*[]}
+ */
+export const optionsToMap = (list, valueKey = 'id', labelKey = 'label', freeze = true) => {
+  if (!list) return [];
+
+  const map = {};
+
+  list.forEach((item) => {
+      map[item[labelKey]] = item[valueKey];
+  });
+
+  return freeze ? Object.freeze(map) : map;
+};
+export const compareVal = (property,type='asc') => {
+  return function (a, b) {
+      let value1 = a[property];
+      let value2 = b[property];
+      if (value2 < value1) return type==='asc'? 1 : -1;
+      if (value2 > value1) return type==='asc'? -1 : 1;
+      return 0;
+  };
+};
+
+export const handleAnalysisParam = (rowParams, isLoop = false, id = '') => {
+  if (isLoop) {
+    rowParams.actCycleId = id
+  } else {
+    rowParams.actId = id
+  }
+  return rowParams;
+}
+
+export const listEventToOptions = (list, valueKey = 'id', labelKey = 'label', trim = false) => {
+  return list.map((el) => {
+    if (trim) {
+      return {
+        value: el[valueKey],
+        label: el[labelKey] || el[valueKey]
+      };
+    }
+
+    el.value = el[valueKey];
+    el.label = el[labelKey] || el[valueKey];
+    return el;
+  });
+};