ЦИТК-806 - Доработка панели "Производственная программа"

app/panels/mech_rec_cost_prod_plans/datagrids/backend_dg.js

@@ -0,0 +1,251 @@
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import { useState, useCallback, useEffect, useContext } from "react";
+import { BackEndСtx } from "../../../context/backend"; //Контекст взаимодействия с сервером
+import { object2Base64XML, formatDateRF } from "../../../core/utils"; //Вспомогательные функции
+
+//---------
+//Константы
+//---------
+
+//Размер страницы данных
+const DATA_GRID_PAGE_SIZE = 10;
+
+//-----------
+//Тело модуля
+//-----------
+
+//Хук для таблицы маршрутных листов
+const useCostRouteLists = (task, taskType) => {
+    //Собственное состояние - таблица данных
+    const [costRouteLists, setCostRouteLists] = useState({
+        dataLoaded: false,
+        columnsDef: [],
+        orders: null,
+        rows: [],
+        reload: true,
+        pageNumber: 1,
+        morePages: true,
+        quantPlanSum: 0,
+        uniqueNomns: []
+    });
+
+    //Подключение к контексту взаимодействия с сервером
+    const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+    //Загрузка данных таблицы с сервера
+    const loadData = useCallback(async () => {
+        if (costRouteLists.reload) {
+            const data = await executeStored({
+                stored: "PKG_P8PANELS_MECHREC.FCROUTLST_DG_GET",
+                args: {
+                    NFCPRODPLANSP: task,
+                    NTYPE: taskType,
+                    CORDERS: { VALUE: object2Base64XML(costRouteLists.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+                    NPAGE_NUMBER: costRouteLists.pageNumber,
+                    NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
+                    NINCLUDE_DEF: costRouteLists.dataLoaded ? 0 : 1
+                },
+                attributeValueProcessor: (name, val) => (["DEXEC_DATE", "DREL_DATE"].includes(name) ? formatDateRF(val) : val),
+                respArg: "COUT"
+            });
+            setCostRouteLists(pv => ({
+                ...pv,
+                columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
+                rows: pv.pageNumber == 1 ? [...(data.XROWS || [])] : [...pv.rows, ...(data.XROWS || [])],
+                dataLoaded: true,
+                reload: false,
+                morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE,
+                quantPlanSum: data.XROWS ? data.XROWS.reduce((a, b) => a + b["NQUANT_PLAN"], 0) : 0,
+                uniqueNomns: data.XROWS
+                    ? data.XROWS.reduce((accumulator, current) => {
+                          if (!accumulator.find(item => item.SMATRES_PLAN_NOMEN === current.SMATRES_PLAN_NOMEN)) {
+                              accumulator.push(current);
+                          }
+                          return accumulator;
+                      }, [])
+                    : []
+            }));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        costRouteLists.reload,
+        costRouteLists.filters,
+        costRouteLists.orders,
+        costRouteLists.dataLoaded,
+        costRouteLists.pageNumber,
+        executeStored,
+        SERV_DATA_TYPE_CLOB
+    ]);
+
+    //При необходимости обновить данные таблицы
+    useEffect(() => {
+        loadData();
+    }, [costRouteLists.reload, loadData]);
+
+    return [costRouteLists, setCostRouteLists];
+};
+
+//Хук для таблицы приходов из подразделений
+const useIncomFromDeps = (task, taskType) => {
+    //Собственное состояние - таблица данных
+    const [incomFromDeps, setIncomFromDeps] = useState({
+        dataLoaded: false,
+        columnsDef: [],
+        orders: null,
+        rows: [],
+        reload: true,
+        pageNumber: 1,
+        morePages: true
+    });
+
+    //Подключение к контексту взаимодействия с сервером
+    const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+    //Загрузка данных таблицы с сервера
+    const loadData = useCallback(async () => {
+        if (incomFromDeps.reload) {
+            const data = await executeStored({
+                stored: "PKG_P8PANELS_MECHREC.INCOMEFROMDEPS_DG_GET",
+                args: {
+                    NFCPRODPLANSP: task,
+                    NTYPE: taskType,
+                    CORDERS: { VALUE: object2Base64XML(incomFromDeps.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+                    NPAGE_NUMBER: incomFromDeps.pageNumber,
+                    NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
+                    NINCLUDE_DEF: incomFromDeps.dataLoaded ? 0 : 1
+                },
+                attributeValueProcessor: (name, val) => (["DWORK_DATE"].includes(name) ? formatDateRF(val) : val),
+                respArg: "COUT"
+            });
+            setIncomFromDeps(pv => ({
+                ...pv,
+                columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
+                rows: pv.pageNumber == 1 ? [...(data.XROWS || [])] : [...pv.rows, ...(data.XROWS || [])],
+                dataLoaded: true,
+                reload: false,
+                morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE
+            }));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [incomFromDeps.reload, incomFromDeps.orders, incomFromDeps.dataLoaded, incomFromDeps.pageNumber, executeStored, SERV_DATA_TYPE_CLOB]);
+
+    //При необходимости обновить данные таблицы
+    useEffect(() => {
+        loadData();
+    }, [incomFromDeps.reload, loadData]);
+
+    return [incomFromDeps, setIncomFromDeps];
+};
+
+//Хук для таблицы товарных запасов
+const useGoodsParties = mainRowRN => {
+    //Собственное состояние - таблица данных
+    const [goodsParties, setGoodsParties] = useState({
+        dataLoaded: false,
+        columnsDef: [],
+        orders: null,
+        rows: [],
+        reload: true,
+        pageNumber: 1,
+        morePages: true
+    });
+
+    //Подключение к контексту взаимодействия с сервером
+    const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+    //Загрузка данных таблицы с сервера
+    const loadData = useCallback(async () => {
+        if (goodsParties.reload) {
+            const data = await executeStored({
+                stored: "PKG_P8PANELS_MECHREC.GOODSPARTIES_DG_GET",
+                args: {
+                    NFCROUTLST: mainRowRN,
+                    CORDERS: { VALUE: object2Base64XML(goodsParties.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+                    NPAGE_NUMBER: goodsParties.pageNumber,
+                    NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
+                    NINCLUDE_DEF: goodsParties.dataLoaded ? 0 : 1
+                },
+                respArg: "COUT"
+            });
+            setGoodsParties(pv => ({
+                ...pv,
+                columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
+                rows: pv.pageNumber == 1 ? [...(data.XROWS || [])] : [...pv.rows, ...(data.XROWS || [])],
+                dataLoaded: true,
+                reload: false,
+                morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE
+            }));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [goodsParties.reload, goodsParties.orders, goodsParties.dataLoaded, goodsParties.pageNumber, executeStored, SERV_DATA_TYPE_CLOB]);
+
+    //При необходимости обновить данные таблицы
+    useEffect(() => {
+        loadData();
+    }, [goodsParties.reload, loadData]);
+
+    return [goodsParties, setGoodsParties];
+};
+
+//Хук для таблицы строк комплектации
+const useCostDeliveryLists = mainRowRN => {
+    //Собственное состояние - таблица данных
+    const [costDeliveryLists, setCostDeliveryLists] = useState({
+        dataLoaded: false,
+        columnsDef: [],
+        orders: null,
+        rows: [],
+        reload: true,
+        pageNumber: 1,
+        morePages: true
+    });
+
+    //Подключение к контексту взаимодействия с сервером
+    const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+    //Загрузка данных таблицы строк комплектации с сервера
+    const loadData = useCallback(async () => {
+        if (costDeliveryLists.reload) {
+            const data = await executeStored({
+                stored: "PKG_P8PANELS_MECHREC.FCDELIVERYLISTSP_DG_GET",
+                args: {
+                    NFCROUTLST: mainRowRN,
+                    CORDERS: { VALUE: object2Base64XML(costDeliveryLists.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+                    NPAGE_NUMBER: costDeliveryLists.pageNumber,
+                    NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
+                    NINCLUDE_DEF: costDeliveryLists.dataLoaded ? 0 : 1
+                },
+                attributeValueProcessor: (name, val) => (name === "DRES_DATE_TO" ? formatDateRF(val) : val),
+                respArg: "COUT"
+            });
+            setCostDeliveryLists(pv => ({
+                ...pv,
+                columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
+                rows: pv.pageNumber == 1 ? [...(data.XROWS || [])] : [...pv.rows, ...(data.XROWS || [])],
+                dataLoaded: true,
+                reload: false,
+                morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE
+            }));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        costDeliveryLists.reload,
+        costDeliveryLists.orders,
+        costDeliveryLists.dataLoaded,
+        costDeliveryLists.pageNumber,
+        executeStored,
+        SERV_DATA_TYPE_CLOB
+    ]);
+
+    //При необходимости обновить данные таблицы
+    useEffect(() => {
+        loadData();
+    }, [costDeliveryLists.reload, loadData]);
+
+    return [costDeliveryLists, setCostDeliveryLists];
+};
+
+export { useCostRouteLists, useIncomFromDeps, useGoodsParties, useCostDeliveryLists };

app/panels/mech_rec_cost_prod_plans/datagrids/fcdeliverylistsp.js

@@ -0,0 +1,90 @@
+/*
+    Парус 8 - Панели мониторинга - ПУП - Производственная программа
+    Компонент панели: Таблица строк комплектации
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React from "react"; //Классы React
+import PropTypes from "prop-types"; //Контроль свойств компонента
+import { Typography } from "@mui/material"; //Интерфейсные элементы
+import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../../components/p8p_data_grid"; //Таблица данных
+import { P8P_DATA_GRID_CONFIG_PROPS } from "../../../config_wrapper"; //Подключение компонентов к настройкам приложения
+import { useCostDeliveryLists } from "./backend_dg"; //Собственные хуки таблиц
+
+//---------
+//Константы
+//---------
+
+//Стили
+const STYLES = {
+    CONTAINER: { margin: "5px 0px", textAlign: "center" }
+};
+
+//------------------------------------
+//Вспомогательные функции и компоненты
+//------------------------------------
+
+//Генерация заливки строки исходя от значений
+const dataCellRender = ({ row, columnDef }) => {
+    //Если "Количество план" равно или меньше "Остаток"
+    if (row["NQUANT_PLAN"] <= row["NREST"]) {
+        return {
+            cellStyle: { backgroundColor: "lightblue" },
+            data: row[columnDef]
+        };
+    } else {
+        return {
+            data: row[columnDef]
+        };
+    }
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Таблица строк комплектации
+const CostDeliveryListsDataGrid = ({ mainRowRN }) => {
+    //Собственное состояние - таблица данных
+    const [costDeliveryLists, setCostDeliveryLists] = useCostDeliveryLists(mainRowRN);
+
+    //При изменении состояния сортировки
+    const handleOrderChanged = ({ orders }) => setCostDeliveryLists(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+    //При изменении количества отображаемых страниц
+    const handlePagesCountChanged = () => setCostDeliveryLists(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+    //Генерация содержимого
+    return (
+        <div style={STYLES.CONTAINER}>
+            <Typography variant={"subtitle2"}>Строки комплектации</Typography>
+            {costDeliveryLists.dataLoaded ? (
+                <P8PDataGrid
+                    {...P8P_DATA_GRID_CONFIG_PROPS}
+                    columnsDef={costDeliveryLists.columnsDef}
+                    rows={costDeliveryLists.rows}
+                    size={P8P_DATA_GRID_SIZE.SMALL}
+                    morePages={costDeliveryLists.morePages}
+                    reloading={costDeliveryLists.reload}
+                    onOrderChanged={handleOrderChanged}
+                    onPagesCountChanged={handlePagesCountChanged}
+                    dataCellRender={prms => dataCellRender({ ...prms })}
+                />
+            ) : null}
+        </div>
+    );
+};
+
+//Контроль свойств - Таблица строк комплектации
+CostDeliveryListsDataGrid.propTypes = {
+    mainRowRN: PropTypes.number.isRequired
+};
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export { CostDeliveryListsDataGrid };

app/panels/mech_rec_cost_prod_plans/datagrids/fcroutlst.js

@@ -0,0 +1,112 @@
+/*
+    Парус 8 - Панели мониторинга - ПУП - Производственная программа
+    Компонент панели: Таблица маршрутных листов
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React from "react"; //Классы React
+import PropTypes from "prop-types"; //Контроль свойств компонента
+import { Typography, Box, Paper } from "@mui/material"; //Интерфейсные элементы
+import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../../components/p8p_data_grid"; //Таблица данных
+import { P8P_DATA_GRID_CONFIG_PROPS } from "../../../config_wrapper"; //Подключение компонентов к настройкам приложения
+import { GoodsPartiesDataGrid } from "./goodparties";
+import { CostDeliveryListsDataGrid } from "./fcdeliverylistsp";
+import { useCostRouteLists } from "./backend_dg"; //Собственные хуки таблиц
+
+//---------
+//Константы
+//---------
+
+//Стили
+const STYLES = {
+    CONTAINER: { textAlign: "center" },
+    TABLE: { paddingTop: "15px" },
+    TABLE_SUM: { textAlign: "right", paddingTop: "5px", paddingRight: "15px" }
+};
+
+//---------------------------------------------
+//Вспомогательные функции форматирования данных
+//---------------------------------------------
+
+//Генерация представления расширения строки
+export const rowExpandRender = ({ row }) => {
+    return (
+        <Paper elevation={4}>
+            <CostDeliveryListsDataGrid mainRowRN={row.NRN} />
+        </Paper>
+    );
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Таблица маршрутных листов
+const CostRouteListsDataGrid = ({ task, taskType }) => {
+    //Собственное состояние - таблица данных
+    const [costRouteLists, setCostRouteLists] = useCostRouteLists(task, taskType);
+
+    //Необходимость разворачивать строки только для типа задачи 1
+    const needExpand = taskType === 1;
+
+    //При изменении состояния сортировки
+    const handleOrderChanged = ({ orders }) => setCostRouteLists(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+    //При изменении количества отображаемых страниц
+    const handlePagesCountChanged = () => setCostRouteLists(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+    //Генерация содержимого
+    return (
+        <div style={STYLES.CONTAINER}>
+            <Typography variant={"h6"}>Маршрутные листы</Typography>
+            {costRouteLists.dataLoaded ? (
+                <>
+                    <Box sx={STYLES.TABLE}>
+                        <P8PDataGrid
+                            {...P8P_DATA_GRID_CONFIG_PROPS}
+                            columnsDef={costRouteLists.columnsDef}
+                            rows={costRouteLists.rows}
+                            size={P8P_DATA_GRID_SIZE.LARGE}
+                            morePages={costRouteLists.morePages}
+                            reloading={costRouteLists.reload}
+                            expandable={needExpand}
+                            rowExpandRender={needExpand ? rowExpandRender : null}
+                            onOrderChanged={handleOrderChanged}
+                            onPagesCountChanged={handlePagesCountChanged}
+                        />
+                        {taskType === 0 ? (
+                            <Typography style={STYLES.TABLE_SUM} variant="subtitle2">
+                                Итого: {costRouteLists.quantPlanSum}
+                            </Typography>
+                        ) : null}
+                    </Box>
+                    {taskType === 0
+                        ? costRouteLists.uniqueNomns.map(item => (
+                              <GoodsPartiesDataGrid
+                                  key={item.NRN}
+                                  mainRowRN={item.NRN}
+                                  quantPlanSum={costRouteLists.quantPlanSum}
+                                  nomenclature={item.SMATRES_PLAN_NOMEN.toString()}
+                              />
+                          ))
+                        : null}
+                </>
+            ) : null}
+        </div>
+    );
+};
+
+//Контроль свойств - Таблица маршрутных листов
+CostRouteListsDataGrid.propTypes = {
+    task: PropTypes.number.isRequired,
+    taskType: PropTypes.number.isRequired
+};
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export { CostRouteListsDataGrid };

app/panels/mech_rec_cost_prod_plans/datagrids/goodparties.js

@@ -0,0 +1,92 @@
+/*
+    Парус 8 - Панели мониторинга - ПУП - Производственная программа
+    Компонент панели: Таблица товарных запасов
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React from "react"; //Классы React
+import PropTypes from "prop-types"; //Контроль свойств компонента
+import { Typography } from "@mui/material"; //Интерфейсные элементы
+import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../../components/p8p_data_grid"; //Таблица данных
+import { P8P_DATA_GRID_CONFIG_PROPS } from "../../../config_wrapper"; //Подключение компонентов к настройкам приложения
+import { useGoodsParties } from "./backend_dg"; //Собственные хуки таблиц
+
+//---------
+//Константы
+//---------
+
+//Стили
+const STYLES = {
+    CONTAINER: { margin: "5px 0px", textAlign: "center" }
+};
+
+//------------------------------------
+//Вспомогательные функции и компоненты
+//------------------------------------
+
+//Генерация представления строки на основании заглавной
+const dataCellRender = ({ row, columnDef, quantPlanSum }) => {
+    //Если остаток больше суммы "Выдать по норме" - закрашиваем голубым
+    if (row["NRESTFACT"] >= quantPlanSum) {
+        return {
+            cellStyle: { backgroundColor: "lightblue" },
+            data: row[columnDef]
+        };
+    } else {
+        return {
+            data: row[columnDef]
+        };
+    }
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Таблица товарных запасов
+const GoodsPartiesDataGrid = ({ mainRowRN, quantPlanSum, nomenclature }) => {
+    //Собственное состояние - таблица данных
+    const [goodsParties, setGoodsParties] = useGoodsParties(mainRowRN);
+
+    //При изменении состояния сортировки
+    const handleOrderChanged = ({ orders }) => setGoodsParties(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+    //При изменении количества отображаемых страниц
+    const handlePagesCountChanged = () => setGoodsParties(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+    //Генерация содержимого
+    return (
+        <div style={STYLES.CONTAINER}>
+            <Typography variant={"h6"}>{`Товарные запасы по номенклатуре "${nomenclature}"`}</Typography>
+            {goodsParties.dataLoaded ? (
+                <P8PDataGrid
+                    {...P8P_DATA_GRID_CONFIG_PROPS}
+                    columnsDef={goodsParties.columnsDef}
+                    rows={goodsParties.rows}
+                    size={P8P_DATA_GRID_SIZE.LARGE}
+                    morePages={goodsParties.morePages}
+                    reloading={goodsParties.reload}
+                    onOrderChanged={handleOrderChanged}
+                    onPagesCountChanged={handlePagesCountChanged}
+                    dataCellRender={prms => dataCellRender({ ...prms, quantPlanSum })}
+                />
+            ) : null}
+        </div>
+    );
+};
+
+//Контроль свойств - Таблица товарных запасов
+GoodsPartiesDataGrid.propTypes = {
+    mainRowRN: PropTypes.number.isRequired,
+    quantPlanSum: PropTypes.number,
+    nomenclature: PropTypes.string
+};
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export { GoodsPartiesDataGrid };

app/panels/mech_rec_cost_prod_plans/datagrids/incomefromdeps.js

@@ -0,0 +1,74 @@
+/*
+    Парус 8 - Панели мониторинга - ПУП - Производственная программа
+    Компонент панели: Таблица приходов из подразделений
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React from "react"; //Классы React
+import PropTypes from "prop-types"; //Контроль свойств компонента
+import { Typography, Box } from "@mui/material"; //Интерфейсные элементы
+import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../../components/p8p_data_grid"; //Таблица данных
+import { P8P_DATA_GRID_CONFIG_PROPS } from "../../../config_wrapper"; //Подключение компонентов к настройкам приложения
+import { useIncomFromDeps } from "./backend_dg"; //Собственные хуки таблиц
+
+//---------
+//Константы
+//---------
+
+//Стили
+const STYLES = {
+    CONTAINER: { textAlign: "center" },
+    TABLE: { paddingTop: "15px" }
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Таблица приходов из подразделений
+const IncomFromDepsDataGrid = ({ task, taskType }) => {
+    //Собственное состояние - таблица данных
+    const [incomFromDeps, setIncomFromDeps] = useIncomFromDeps(task, taskType);
+
+    //При изменении состояния сортировки
+    const handleOrderChanged = ({ orders }) => setIncomFromDeps(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+    //При изменении количества отображаемых страниц
+    const handlePagesCountChanged = () => setIncomFromDeps(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+    //Генерация содержимого
+    return (
+        <div style={STYLES.CONTAINER}>
+            <Typography variant={"h6"}>Приходы из подразделений</Typography>
+            <Box sx={STYLES.TABLE}>
+                {incomFromDeps.dataLoaded ? (
+                    <P8PDataGrid
+                        {...P8P_DATA_GRID_CONFIG_PROPS}
+                        columnsDef={incomFromDeps.columnsDef}
+                        rows={incomFromDeps.rows}
+                        size={P8P_DATA_GRID_SIZE.LARGE}
+                        morePages={incomFromDeps.morePages}
+                        reloading={incomFromDeps.reload}
+                        onOrderChanged={handleOrderChanged}
+                        onPagesCountChanged={handlePagesCountChanged}
+                    />
+                ) : null}
+            </Box>
+        </div>
+    );
+};
+
+//Контроль свойств - Таблица приходов из подразделений
+IncomFromDepsDataGrid.propTypes = {
+    task: PropTypes.number.isRequired,
+    taskType: PropTypes.number
+};
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export { IncomFromDepsDataGrid };

app/panels/mech_rec_cost_prod_plans/mech_rec_cost_prod_plans.js

@@ -24,7 +24,11 @@ import {
     InputLabel,
     FormGroup,
     FormControlLabel,
-    Checkbox
+    Checkbox,
+    Button,
+    Dialog,
+    DialogContent,
+    DialogActions
 } from "@mui/material"; //Интерфейсные элементы
 import { BackEndСtx } from "../../context/backend"; //Контекст взаимодействия с сервером
 import { MessagingСtx } from "../../context/messaging"; //Контекст сообщений
@@ -32,6 +36,8 @@ import { P8P_GANTT_CONFIG_PROPS } from "../../config_wrapper"; //Подключ
 import { P8PGantt } from "../../components/p8p_gantt"; //Диаграмма Ганта
 import { xml2JSON, formatDateJSONDateOnly } from "../../core/utils"; //Вспомогательные функции
 import { useFilteredPlanCtlgs } from "./hooks"; //Вспомогательные хуки
+import { CostRouteListsDataGrid } from "./datagrids/fcroutlst";
+import { IncomFromDepsDataGrid } from "./datagrids/incomefromdeps";
 
 //---------
 //Константы
@@ -65,7 +71,8 @@ const STYLES = {
         [`& .MuiDrawer-paper`]: { width: "350px", display: "inline-block", boxSizing: "border-box" }
     },
     GANTT_CONTAINER: { height: GANTT_HEIGHT, width: GANTT_WIDTH },
-    GANTT_TITLE: { paddingLeft: "100px", paddingRight: "120px" }
+    GANTT_TITLE: { paddingLeft: "100px", paddingRight: "120px" },
+    SECOND_TABLE: { paddingTop: "30px" }
 };
 
 //------------------------------------
@@ -186,7 +193,9 @@ const MechRecCostProdPlans = () => {
         selectedPlanCtlgSort: null,
         selectedPlanCtlgMenuItems: null,
         selectedPlanCtlgGanttDef: {},
-        selectedPlanCtlgSpecs: []
+        selectedPlanCtlgSpecs: [],
+        selectedTaskDetail: null,
+        selectedTaskDetailType: null
     });
     //Состояние для фильтра каталогов
     const [filter, setFilter] = useState({ ctlgName: "", haveDocs: false });
@@ -226,7 +235,9 @@ const MechRecCostProdPlans = () => {
             selectedPlanCtlgMenuItems: null,
             selectedPlanCtlgSpecs: [],
             selectedPlanCtlgGanttDef: {},
-            showPlanList: false
+            showPlanList: false,
+            selectedTaskDetail: null,
+            selectedTaskDetailType: null
         }));
     };
 
@@ -242,7 +253,9 @@ const MechRecCostProdPlans = () => {
             selectedPlanCtlgMenuItems: null,
             selectedPlanCtlgSpecs: [],
             selectedPlanCtlgGanttDef: {},
-            showPlanList: false
+            showPlanList: false,
+            selectedTaskDetail: null,
+            selectedTaskDetailType: null
         }));
 
     //Загрузка списка спецификаций каталога планов
@@ -299,6 +312,34 @@ const MechRecCostProdPlans = () => {
         setState(pv => ({ ...pv, selectedPlanCtlgSort: selectedSort }));
     };
 
+    //При закрытии окна детализации
+    const handleTaskDetailClose = () => {
+        setState(pv => ({ ...pv, selectedTaskDetail: null, selectedTaskDetailType: null }));
+    };
+
+    //При открытии окна детализации
+    const handleTaskDetailOpen = (taskRn, taskType) => {
+        setState(pv => ({ ...pv, selectedTaskDetail: taskRn, selectedTaskDetailType: taskType }));
+    };
+
+    //Генерация ссылки на документы анализа отклонений
+    const taskAttributeRenderer = ({ task, attribute }) => {
+        // Если есть информация о детализации и указан тип - делаем кнопку открытия документов
+        if (attribute.name === "detail_list" && task.type !== null && task.type !== "") {
+            return (
+                <Button
+                    onClick={() => {
+                        handleTaskDetailOpen(task.rn, task.type);
+                    }}
+                >
+                    {task[attribute.name]}
+                </Button>
+            );
+        } else {
+            return null;
+        }
+    };
+
     //Генерация содержимого
     return (
         <Box p={2}>
@@ -369,14 +410,14 @@ const MechRecCostProdPlans = () => {
                                                 </Select>
                                             </Box>
                                         </Box>
-                                    ) : // </Grid>
+                                    ) : null}
-                                    null}
                                     <P8PGantt
                                         {...P8P_GANTT_CONFIG_PROPS}
                                         {...state.selectedPlanCtlgGanttDef}
                                         height={GANTT_HEIGHT}
                                         titleStyle={STYLES.GANTT_TITLE}
                                         tasks={state.selectedPlanCtlgSpecs}
+                                        taskAttributeRenderer={taskAttributeRenderer}
                                     />
                                 </Box>
                             )
@@ -386,6 +427,30 @@ const MechRecCostProdPlans = () => {
                     </Grid>
                 </Grid>
             ) : null}
+            {state.selectedTaskDetail ? (
+                <Dialog open onClose={handleTaskDetailClose} fullWidth maxWidth="xl">
+                    <DialogContent>
+                        {/* Если тип таска 0, 1 или 4 - основная таблица "Маршрутные листы" */}
+                        {[0, 1, 4].includes(state.selectedTaskDetailType) ? (
+                            <CostRouteListsDataGrid task={state.selectedTaskDetail} taskType={state.selectedTaskDetailType} />
+                        ) : (
+                            <Box>
+                                {/* Если тип таска 2 или 3 - основная таблица "Приходы из подразделений" */}
+                                <IncomFromDepsDataGrid task={state.selectedTaskDetail} taskType={state.selectedTaskDetailType} />
+                                {/* Если тип 3 - необходимо добавить отдельную таблицу "Маршрутные листы" */}
+                                {state.selectedTaskDetailType === 3 ? (
+                                    <Box sx={STYLES.SECOND_TABLE}>
+                                        <CostRouteListsDataGrid task={state.selectedTaskDetail} taskType={state.selectedTaskDetailType} />
+                                    </Box>
+                                ) : null}
+                            </Box>
+                        )}
+                    </DialogContent>
+                    <DialogActions>
+                        <Button onClick={handleTaskDetailClose}>Закрыть</Button>
+                    </DialogActions>
+                </Dialog>
+            ) : null}
         </Box>
     );
 };