优化前端树结构性能问题

RuoYi

2025-03-01 537fc97695717b3db452ed52b1d4f7b475b393be

 src/utils/ruoyi.js

@@ -1,5 +1,3 @@




/**

 * 通用js方法封装处理

 * Copyright (c) 2019 ruoyi

@@ -68,8 +66,11 @@
  return search;

}



// 回显数据字典 
// 回显数据字典

export function selectDictLabel(datas, value) {

  if (value === undefined) {

    return "";

  }

  var actions = [];

  Object.keys(datas).some((key) => {

    if (datas[key].value == ('' + value)) {

@@ -77,20 +78,34 @@
      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);

}

@@ -148,37 +163,19 @@
  };



  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);

    let id = d[config.id];

    childrenListMap[id] = d;

  }



  for (let d of data) {

    let parentId = d[config.parentId];

    if (nodeIds[parentId] == null) {

    let parentId = d[config.parentId]

    let parentObj = childrenListMap[parentId]

    if (!parentObj) {

      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);

      }

    } else {

      parentObj[config.childrenList].push(d)

    }

  }

  return tree;

@@ -193,10 +190,10 @@
  for (const propName of Object.keys(params)) {

    const value = params[propName];

    var part = encodeURIComponent(propName) + "=";

    if (value !== null && typeof (value) !== "undefined") {

    if (value !== null && value !== "" && typeof (value) !== "undefined") {

      if (typeof value === 'object') {

        for (const key of Object.keys(value)) {

          if (value[key] !== null && typeof (value[key]) !== 'undefined') {

          if (value[key] !== null && value[key] !== "" && typeof (value[key]) !== 'undefined') {

            let params = propName + '[' + key + ']';

            var subPart = encodeURIComponent(params) + "=";

            result += subPart + encodeURIComponent(value[key]) + "&";

@@ -209,7 +206,6 @@
  }

  return result

}





// 返回项目路径

export function getNormalPath(p) {

@@ -224,12 +220,6 @@
}



// 验证是否为blob格式

export async function blobValidate(data) {

  try {

    const text = await data.text();

    JSON.parse(text);

    return false;

  } catch (error) {

    return true;

  }

}
export function blobValidate(data) {

  return data.type !== 'application/json'

}