Newer
Older
DH_Apicture / src / utils / ruoyi.js
@zhangqy zhangqy 28 days ago 11 KB first commit
/**
 * 通用js方法封装处理
 * Copyright (c) 2019 newfiber
 */
/**
 * 遍历字典
 * @param {String, Number} dic - 目标哦字典
 * @param {String} targetField - 需要和树结构里哪个字段比较
 * @param {Array} value - 根据此值去树结构里遍历
 */
export const findDictObj = (value, targetField, dic) => {
  for (let i = 0; i < dic.length; i++) {
    if (dic[i][targetField] == value) {
      return dic[i];
    }
  }
  return {};
};

/**
 * 遍历树结构
 * @param {String, Number} value - 根据此值去树结构里遍历
 * @param {String} targetField - 需要和树结构里哪个字段比较
 * @param {Array} arr - 目标树结构
 */
export function findTreeItem(value, targetField, arr) {
  for (let i = 0; i < arr.length; i++) {
    let item = arr[i];
    if (item[targetField] === value) {
      return item;
    } else {
      if (item.children && item.children.length > 0) {
        let res = findTreeItem(value, targetField, item.children);
        if (res) {
          return res;
        }
      }
    }
  }
}

// 日期格式化
export function parseTime(time, pattern) {
  if (arguments.length === 0 || !time) {
    return null;
  }
  const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}';
  let date;
  if (typeof time === 'object') {
    date = time;
  } else {
    if (typeof time === 'string' && /^[0-9]+$/.test(time)) {
      time = parseInt(time);
    } else if (typeof time === 'string') {
      time = time
        .replace(new RegExp(/-/gm), '/')
        .replace('T', ' ')
        .replace(new RegExp(/\.[\d]{3}/gm), '');
    }
    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;
}

// 表单重置
export function resetForm(refName) {
  if (this.$refs[refName]) {
    this.$refs[refName].resetFields();
  }
}

// 添加日期范围
export function addDateRange(params, dateRange, propName) {
  let search = params;
  search.params =
    typeof search.params === 'object' && search.params !== null && !Array.isArray(search.params) ? search.params : {};
  dateRange = Array.isArray(dateRange) ? dateRange : [];
  if (typeof propName === 'undefined') {
    search.params['beginTime'] = dateRange[0];
    search.params['endTime'] = dateRange[1];
  } else {
    search.params['begin' + propName] = dateRange[0];
    search.params['end' + propName] = dateRange[1];
  }
  return search;
}
export function formatAddDateRange(params, dateRange, beginTimepropName, endTimepropName) {
  let search = Object.assign({}, params);
  dateRange = Array.isArray(dateRange) ? dateRange : [];
  search[beginTimepropName] = dateRange && dateRange.length > 0 ? dateRange[0] : '';
  search[endTimepropName] = dateRange && dateRange.length > 0 ? dateRange[1] : '';
  return search;
}
// 回显数据字典
export function selectDictLabel(datas, value) {
  if (value === undefined) {
    return '';
  }
  var actions = [];

  Object.keys(datas).some(key => {
    if (datas[key].value == '' + value) {
      actions.push(datas[key].label);
      return true;
    }
  });
  if (actions.length === 0) {
    actions.push(value);
  }

  return actions.join('');
}

// 回显数据字典(字符串数组)
export function selectDictLabels(datas, value, separator) {
  if (value === undefined || value.length === 0) {
    return '';
  }
  if (Array.isArray(value)) {
    value = value.join(',');
  }
  var actions = [];
  var currentSeparator = undefined === separator ? ',' : separator;
  var temp = value.split(currentSeparator);
  Object.keys(value.split(currentSeparator)).some(val => {
    var match = false;
    Object.keys(datas).some(key => {
      if (datas[key].value == '' + temp[val]) {
        actions.push(datas[key].label + currentSeparator);
        match = true;
      }
    });
    if (!match) {
      actions.push(temp[val] + currentSeparator);
    }
  });
  return actions.join('').substring(0, actions.join('').length - 1);
}

// 字符串格式化(%s )
export function sprintf(str) {
  var args = arguments,
    flag = true,
    i = 1;
  str = str.replace(/%s/g, function () {
    var arg = args[i++];
    if (typeof arg === 'undefined') {
      flag = false;
      return '';
    }
    return arg;
  });
  return flag ? str : '';
}

// 转换字符串,undefined,null等转化为""
export function parseStrEmpty(str) {
  if (!str || str == 'undefined' || str == 'null') {
    return '';
  }
  return str;
}

// 数据合并
export function mergeRecursive(source, target) {
  for (var p in target) {
    try {
      if (target[p].constructor == Object) {
        source[p] = mergeRecursive(source[p], target[p]);
      } else {
        source[p] = target[p];
      }
    } catch (e) {
      source[p] = target[p];
    }
  }
  return source;
}

/**
 * 构造树型结构数据
 * @param {*} data 数据源
 * @param {*} id id字段 默认 'id'
 * @param {*} parentId 父节点字段 默认 'parentId'
 * @param {*} children 孩子节点字段 默认 'children'
 */
export function handleTree(data, id, parentId, children) {
  let config = {
    id: id || 'id',
    parentId: parentId || 'parentId',
    childrenList: children || 'children',
  };

  var childrenListMap = {};
  var nodeIds = {};
  var tree = [];

  for (let d of data) {
    let parentId = d[config.parentId];
    if (childrenListMap[parentId] == null) {
      childrenListMap[parentId] = [];
    }
    nodeIds[d[config.id]] = d;
    childrenListMap[parentId].push(d);
  }

  for (let d of data) {
    let parentId = d[config.parentId];
    if (nodeIds[parentId] == null) {
      tree.push(d);
    }
  }

  for (let t of tree) {
    adaptToChildrenList(t);
  }

  function adaptToChildrenList(o) {
    if (childrenListMap[o[config.id]] !== null) {
      o[config.childrenList] = childrenListMap[o[config.id]];
    }
    if (o[config.childrenList]) {
      for (let c of o[config.childrenList]) {
        adaptToChildrenList(c);
      }
    }
  }
  return tree;
}

/**
 * 参数处理
 * @param {*} params  参数
 */
export function tansParams(params) {
  let result = '';
  for (const propName of Object.keys(params)) {
    const value = params[propName];
    var part = encodeURIComponent(propName) + '=';
    if (value !== null && value !== '' && typeof value !== 'undefined') {
      if (typeof value === 'object') {
        for (const key of Object.keys(value)) {
          if (value[key] !== null && value[key] !== '' && typeof value[key] !== 'undefined') {
            let params = propName + '[' + key + ']';
            var subPart = encodeURIComponent(params) + '=';
            result += subPart + encodeURIComponent(value[key]) + '&';
          }
        }
      } else {
        result += part + encodeURIComponent(value) + '&';
      }
    }
  }
  return result;
}

// 返回项目路径
export function getNormalPath(p) {
  if (p.length === 0 || !p || p == 'undefined') {
    return p;
  }
  let res = p.replace('//', '/');
  if (res[res.length - 1] === '/') {
    return res.slice(0, res.length - 1);
  }
  return res;
}

// 验证是否为blob格式
export async function blobValidate(data) {
  try {
    const text = await data.text();
    JSON.parse(text);
    return false;
  } catch (error) {
    return true;
  }
}

//计算取值
export const getDivisionResult = (a, b) => {
  if (!Number(a) || !Number(b)) {
    return '--';
  }
  return `${parseInt(a / b)}%`;
};

//guid
export const guid = () => {
  const s4 = () =>
    Math.floor((1 + Math.random()) * 0x10000)
      .toString(16)
      .substring(1);
  return (() => `${s4() + s4()}-${s4()}-${s4()}-${s4()}-${s4()}${s4()}${s4()}`)();
};

// 动态加载图片
export function getImageUrl(picName, folderName) {
  return new URL(`../assets/${folderName}/${picName}`, import.meta.url).href;
}
// 根据ID进行中文匹配
export function getChineseFun(data, key, arrId, name, symbol) {
  if (data && data.length > 0 && arrId) {
    let arrIdString = arrId.toString();
    let arr = arrIdString.split(symbol || ',');
    let nameArr = [];
    for (let i = 0; i < arr.length; i++) {
      for (let j = 0; j < data.length; j++) {
        if (data[j][key] == arr[i]) {
          nameArr.push(data[j][name]);
        }
      }
    }
    return nameArr.join(',');
  }
}
/**
 * 递归寻找当前级
 */
export const findCurrentTreeObj = (data, target, value) => {
  for (let i = 0; i < data.length; i++) {
    if (data[i][target] == value) {
      return data[i];
    } else {
      if (data[i].children && data[i].children.length > 0) {
        let item = data[i].children;
        let res = findCurrentTreeObj(item, target, value);
        if (res) {
          return res;
        }
      }
    }
  }
};
// 回显数组字典数据
/**
 * 从数据对象中查找特定值,并返回相应的标签
 * @param {Object} datas - 包含键值对的数据对象
 * @param {Array} getvalue - 要查找的值
 * @param {string} value - 标签的值
 * @param {string} name - 标签的属性名
 * @returns {string} - 找到的值的标签,如果没有找到则返回原始值
 */
export function selectArrListLabel(datas, getvalue, value, name) {
  if (getvalue == undefined) {
    return '';
  }
  getvalue = getvalue.split(',');

  var actions = [];

  Object.keys(datas).some(key => {
    for (var i = 0; i < getvalue.length; i++) {
      if (datas[key][value] == '' + getvalue[i]) {
        actions.push(datas[key][name]);
        return true;
      }
    }
  });
  if (actions.length === 0) {
    actions.push('');
  }
  return actions.join('');
}

export function replaceArrName(arr, name) {
  let newarr = arr.map(item => {
    // console.log(item);
    item = item.split('(')[0] || item.split('(')[0];
    return item.replace(name, '');
  });
  return newarr;
}

export const removeAaary = (_arr, _obj) => {
  var length = _arr.length;
  for (var i = 0; i < length; i++) {
    if (_arr[i] == _obj) {
      _arr.splice(i, 1); //删除下标为i的元素
      return _arr;
    }
  }
};

export const throttleRef = (data, delay = 300) => {
  // 创建定时器
  let timer = null;
  // 对 delay 进行判断,如果传递的是 null 则不需要使用 节流方案,直接返回使用 ref 创建的。
  return delay == null
    ? // 返回 ref 创建的
      ref(data)
    : // customRef 中会返回两个函数参数。一个是:track 在获取数据时收集依赖的;一个是:trigger 在修改数据时进行通知派发更新的。
      customRef((track, trigger) => {
        return {
          get() {
            // 收集依赖
            track();
            // 返回当前数据的值
            return data;
          },
          set(value) {
            // 判断
            if (timer == null) {
              // 创建定时器
              timer = setTimeout(() => {
                // 修改数据
                data = value;
                // 派发更新
                trigger();
                // 清除定时器
                clearTimeout(timer);
                timer = null;
              }, delay);
            }
          },
        };
      });
};