src/tools/Trees/TreeProduction/ChildProductionTree.jsx - master - DevDenzo/ERP

src/tools/Trees/TreeProduction/ChildProductionTree.jsx
66 строк3 KB
Denis Sklyarskij
Инициализирован репозиторий
14 янв 2026, 23:32
14 янв 2026, 23:321df3d47
import React, { memo } from "react";
import classNames from 'classnames';

// Подключаем bootstrap иконки
import { Check, ChevronDown } from "react-bootstrap-icons";

// Подключаем стили дочернего дерева
import '../../../components/ChildrenTrees/styles/_child-tree.less';

// Дочернее дерево производства
const ChildProductionTree = memo(({ children }) => {
    // отображаем иерархию выпущенных изделий
    return (
        <ul className={classNames("list-group", "child-tree")}>
            {children.map(child => (
                <li
                    key={child.id}
                    className={classNames("list-group-item", "child-tree__item")}
                >
                    {/* Дочерняя ветвь */}
                    <ChildBranchOfMainTree child={child} />
                    <div className={classNames("child-tree__details")}>
                        {Object.keys(child).map((key, index) => {
                            if (key === "id") return null;

                            return (
                                <div
                                    key={index}
                                    className={classNames("child-tree__detail")}
                                >
                                    <div
                                        className={classNames(
                                        "form-check",
                                            "child-tree__checkbox"
                                        )}
                                    >
                                        <input
                                            type="checkbox"
                                            className={classNames(
                                            "form-check-input",
                                                "child-tree__check-input"
                                            )}
                                        />
                                        <label
                                            className={classNames(
                                            "form-check-label",
                                                "child-tree__check-label"
                                            )}
                                        >
                                            <Check size={18} />
                                        </label>
                                    </div>
                                    <div className={classNames("child-tree__detail-text")}>
                                        { child[key] }
                                    </div>
                                </div>
                            );
                        })}
                    </div>
                </li>
            ))}
        </ul>
    );
});

export default ChildProductionTree;