Dollerok/P8-Panels
1
0
Fork 0
forked from CITKParus/P8-Panels
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Dollerino 2024-03-18 15:58:40 +03:00
parent 95f35baa9e
commit 2b287b00e7
7 changed files with 2346 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

251
app/panels/mech_rec_cost_prod_plans/datagrids/backend_dg.js Normal file
View File

@ -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 };

90
app/panels/mech_rec_cost_prod_plans/datagrids/fcdeliverylistsp.js Normal file
View File

@ -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 };

112
app/panels/mech_rec_cost_prod_plans/datagrids/fcroutlst.js Normal file
View File

@ -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 };

92
app/panels/mech_rec_cost_prod_plans/datagrids/goodparties.js Normal file
View File

@ -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 };

74
app/panels/mech_rec_cost_prod_plans/datagrids/incomefromdeps.js Normal file
View File

@ -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 };

79
app/panels/mech_rec_cost_prod_plans/mech_rec_cost_prod_plans.js
View File

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

1703
db/PKG_P8PANELS_MECHREC.pck
View File

File diff suppressed because it is too large Load Diff