#

luxiaotao1123

2024-02-19 3850452df48944d0db440d00a34de6c11ea513b5

#

 zy-asrs-flow/src/pages/system/menu/index.jsx

@@ -11,7 +11,7 @@
import Http from '@/utils/http';
import Edit from './components/edit'
import { TextFilter, SelectFilter, DatetimeRangeFilter, LinkFilter } from '@/components/TableSearch'
import { buildTreeData } from '@/utils/tree-util'
import { transformTreeData } from '@/utils/tree-util'

const statusMap = {
    1: {
@@ -492,14 +492,10 @@
                    request={(params, sorter, filter) =>
                        Http.doPostPromise('/api/menu/tree', { ...params, ...searchParam }, (res) => {

                            // const rootMenu = { id: 0, label: '主类目', children: [], value: 0 };
                            // const memuData = buildTreeData(res.data, 'menuId', 'menuName', '', '', '');
                            // rootMenu.children = memuData;
                            // const treeData = [];
                            // treeData.push(rootMenu);
                            // setMenuTree(treeData);

                            setTreeData(res.data);
                            // const rootMenu = { id: 0, name: '主类目', children: [], value: 0 };
                            // rootMenu.children = res.data;
                            // const treeData = transformTreeData(rootMenu);
                            // setTreeData([treeData]);
                            return {
                                data: res.data,
                                success: true,

 zy-asrs-flow/src/utils/tree-util.js

@@ -1,86 +1,14 @@
import { DataNode } from 'antd/es/tree';
import { parse } from 'querystring';

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

  const childrenListMap = [];
  const nodeIds = [];
  const tree = [];
  data.forEach((item) => {
    const d = item;
    const pId = d[config.parentId];
    if (!childrenListMap[pId]) {
      childrenListMap[pId] = [];
    }
    d.key = d[config.id];
    d.title = d[config.name];
    d.value = d[config.id];
    d[config.childrenList] = null;
    nodeIds[d[config.id]] = d;
    childrenListMap[pId].push(d);
  });

  data.forEach((item) => {
    const d = item;
    const pId = d[config.parentId];
    if (!nodeIds[pId]) {
      d[config.parentName] = '';
      tree.push(d);
    }
  });

  function adaptToChildrenList(item) {
    const o = item;
    if (childrenListMap[o[config.id]]) {
      if (!o[config.childrenList]) {
        o[config.childrenList] = [];
      }
      o[config.childrenList] = childrenListMap[o[config.id]];
    }
    if (o[config.childrenList]) {
      o[config.childrenList].forEach((child) => {
        const c = child;
        c[config.parentName] = o[config.name];
        adaptToChildrenList(c);
      });
    }
  }

  tree.forEach((t) => {
    adaptToChildrenList(t);
  });

  return tree;
}

export const getPageQuery = () => parse(window.location.href.split('?')[1]);

export function formatTreeData(arrayList) {
  const treeSelectData = arrayList.map((item) => {
    const node = {
      id: item.id,
      title: item.label,
      key: `${item.id}`,
export function transformTreeData(originalData) {
  return originalData.map(item => {
    let newItem = {
      title: item.name,
      value: item.id,
      // 其它需要的属性...
    };
    if (item.children) {
      node.children = formatTreeData(item.children);
    if (item.children && item.children.length > 0) {
      newItem.children = transformTreeData(item.children);
    }
    return node;

    return newItem;
  });
  return treeSelectData;
}