diff --git a/app/panels/mech_rec_assembly_mon/backend.js b/app/panels/mech_rec_assembly_mon/backend.js
new file mode 100644
index 0000000..59f1cda
--- /dev/null
+++ b/app/panels/mech_rec_assembly_mon/backend.js
@@ -0,0 +1,341 @@
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import { useState, useCallback, useEffect, useContext } from "react"; //Классы React
+import { BackEndСtx } from "../../context/backend"; //Контекст взаимодействия с сервером
+import { object2Base64XML } from "../../core/utils"; //Вспомогательные функции
+
+//---------
+//Константы
+//---------
+
+//Размер страницы данных
+const DATA_GRID_PAGE_SIZE = 10;
+
+//-----------
+//Тело модуля
+//-----------
+
+//Хук для основной таблицы панели
+const useMechRecAssemblyMon = () => {
+ //Собственное состояние
+ let [state, setState] = useState({
+ init: false,
+ showPlanList: false,
+ planCtlgs: [],
+ planCtlgsLoaded: false,
+ selectedPlanCtlg: { NRN: null, SNAME: null, NMIN_YEAR: null, NMAX_YEAR: null },
+ plans: [],
+ plansLoaded: false,
+ selectedPlan: { NRN: null, SNUMB: null, NPROGRESS: null, SDETAIL: null, NYEAR: null }
+ });
+
+ //Подключение к контексту взаимодействия с сервером
+ const { executeStored } = useContext(BackEndСtx);
+
+ //Инициализация каталогов планов
+ const initPlanCtlgs = useCallback(async () => {
+ if (!state.init) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCPRODPLAN_CTLG_INIT",
+ args: {},
+ respArg: "COUT",
+ isArray: name => name === "XFCPRODPLAN_CRNS"
+ });
+ setState(pv => ({ ...pv, init: true, planCtlgs: [...(data?.XFCPRODPLAN_CRNS || [])], planCtlgsLoaded: true }));
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [state.init, executeStored]);
+
+ //Получение информации о планах каталога
+ const loadPlans = useCallback(
+ async NCRN => {
+ if (NCRN) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCPRODPLAN_GET",
+ args: { NCRN: NCRN },
+ respArg: "COUT",
+ isArray: name => name === "XFCPRODPLAN_INFO"
+ });
+ setState(pv => ({ ...pv, init: true, plans: [...(data?.XFCPRODPLAN_INFO || [])], plansLoaded: true }));
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ },
+ [executeStored]
+ );
+
+ //Выбор каталога планов
+ const selectPlan = project => {
+ setState(pv => ({
+ ...pv,
+ selectedPlanCtlg: project,
+ showPlanList: false
+ }));
+ };
+
+ //Сброс выбора каталога планов
+ const unselectPlan = () =>
+ setState(pv => ({
+ ...pv,
+ selectedPlanCtlg: { NRN: null, SNAME: null, NMIN_YEAR: null, NMAX_YEAR: null },
+ showPlanList: false
+ }));
+
+ //При подключении компонента к странице
+ useEffect(() => {
+ initPlanCtlgs();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ //При изменении каталога
+ useEffect(() => {
+ //Если каталог выбран
+ if (state.selectedPlanCtlg) {
+ loadPlans(state.selectedPlanCtlg.NRN);
+ } else {
+ setState(pv => ({ ...pv, plans: [], plansLoaded: false }));
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [state.selectedPlanCtlg]);
+
+ return [state, setState, selectPlan, unselectPlan];
+};
+
+//Хук для информации по производственным составам
+const useCostProductComposition = nProdPlan => {
+ //Собственное состояние
+ let [costProductComposition, setCostProductComposition] = useState({
+ init: false,
+ showPlanList: false,
+ products: [],
+ selectedProduct: null
+ });
+
+ //Подключение к контексту взаимодействия с сервером
+ const { executeStored } = useContext(BackEndСtx);
+
+ //Инициализация производственных составов
+ const initCostProductComposition = useCallback(async () => {
+ if (!costProductComposition.init) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCPRODCMP_DETAILS_GET",
+ args: { NFCPRODPLAN: nProdPlan },
+ respArg: "COUT",
+ isArray: name => name === "XFCPRODCMP"
+ });
+ setCostProductComposition(pv => ({ ...pv, init: true, products: [...(data?.XFCPRODCMP || [])], productsLoaded: true }));
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [costProductComposition.init, executeStored]);
+
+ //При подключении компонента к странице
+ useEffect(() => {
+ initCostProductComposition();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ return [costProductComposition, setCostProductComposition];
+};
+
+//Хук для таблицы маршрутных листов
+const useCostRouteLists = (plan, product) => {
+ //Собственное состояние - таблица данных
+ const [costRouteLists, setCostRouteLists] = useState({
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true,
+ selectedProduct: null
+ });
+
+ //Подключение к контексту взаимодействия с сервером
+ 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_MON_DG_GET",
+ args: {
+ NPRODCMPSP: product,
+ NFCPRODPLAN: plan,
+ 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
+ },
+ 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
+ }));
+ }
+ },
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ [costRouteLists.reload, costRouteLists.orders, costRouteLists.dataLoaded, costRouteLists.pageNumber, executeStored, SERV_DATA_TYPE_CLOB]
+ );
+
+ //При изменении продукта
+ useEffect(() => {
+ //Если продукт указан
+ if (product) {
+ //Принудительно обновляем состояние
+ setCostRouteLists(pv => ({
+ ...pv,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true,
+ selectedProduct: null
+ }));
+ //Загружаем данные с учетом выбранного продукта
+ loadData();
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [product]);
+
+ //При необходимости обновить данные таблицы
+ useEffect(() => {
+ //Если продукт указан и необходимо стандартное обновление
+ if (product) {
+ loadData();
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [costRouteLists.reload, loadData]);
+
+ //При изменении плана
+ useEffect(() => {
+ setCostRouteLists(pv => ({
+ ...pv,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true,
+ selectedProduct: null
+ }));
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [plan]);
+
+ return [costRouteLists, setCostRouteLists];
+};
+
+//Хук для таблицы комплектовочных ведомостей
+const useCostDeliverySheets = (plan, product) => {
+ //Собственное состояние - таблица данных
+ const [costDeliverySheets, setCostDeliverySheets] = useState({
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true,
+ selectedProduct: null
+ });
+
+ //Подключение к контексту взаимодействия с сервером
+ const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+ //Загрузка данных таблицы с сервера
+ const loadData = useCallback(
+ async () => {
+ if (costDeliverySheets.reload) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCDELIVSH_DG_GET",
+ args: {
+ NPRODCMPSP: product,
+ NFCPRODPLAN: plan,
+ CORDERS: { VALUE: object2Base64XML(costDeliverySheets.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+ NPAGE_NUMBER: costDeliverySheets.pageNumber,
+ NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
+ NINCLUDE_DEF: costDeliverySheets.dataLoaded ? 0 : 1
+ },
+ respArg: "COUT"
+ });
+ setCostDeliverySheets(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
+ [
+ costDeliverySheets.reload,
+ costDeliverySheets.orders,
+ costDeliverySheets.dataLoaded,
+ costDeliverySheets.pageNumber,
+ executeStored,
+ SERV_DATA_TYPE_CLOB
+ ]
+ );
+
+ //При изменении продукта
+ useEffect(() => {
+ //Если продукт указан
+ if (product) {
+ //Принудительно обновляем состояние
+ setCostDeliverySheets(pv => ({
+ ...pv,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ }));
+ //Загружаем данные с учетом выбранного продукта
+ loadData();
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [product]);
+
+ //При необходимости обновить данные таблицы
+ useEffect(() => {
+ //Если продукт указан и необходимо стандартное обновление
+ if (product) {
+ loadData();
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [costDeliverySheets.reload, loadData]);
+
+ //При изменении плана
+ useEffect(() => {
+ setCostDeliverySheets(pv => ({
+ ...pv,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true,
+ selectedProduct: null
+ }));
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [plan]);
+
+ return [costDeliverySheets, setCostDeliverySheets];
+};
+
+export { useMechRecAssemblyMon, useCostProductComposition, useCostRouteLists, useCostDeliverySheets };
diff --git a/app/panels/mech_rec_assembly_mon/blocks/cardBlock.js b/app/panels/mech_rec_assembly_mon/blocks/cardBlock.js
new file mode 100644
index 0000000..fc1d05d
--- /dev/null
+++ b/app/panels/mech_rec_assembly_mon/blocks/cardBlock.js
@@ -0,0 +1,102 @@
+/*
+ Парус 8 - Панели мониторинга - ПУП - Мониторинг сборки изделий
+ Панель мониторинга: Информация об объекте
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React from "react"; //Классы React
+import PropTypes from "prop-types"; //Контроль свойств компонента
+import { Typography, Box, ImageList, ImageListItem } from "@mui/material"; //Интерфейсные элементы
+import { ProgressBox } from "../elements/progressBox"; //Блок информации по прогрессу объекта
+
+//---------
+//Константы
+//---------
+
+//Стили
+const STYLES = {
+ PLAN_INFO: {
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ flexDirection: "column",
+ gap: "24px",
+ border: "1px solid",
+ borderRadius: "25px"
+ }
+};
+
+//------------------------------------
+//Вспомогательные функции и компоненты
+//------------------------------------
+
+//Картинка объекта
+const CardImage = ({ card }) => {
+ return (
+
+
+
+ ![{"Image]({`data:image/png;base64,${card["#text"]}`})
+ {/* 
*/}
+
+
+
+ );
+};
+
+//Контроль свойств - Заголовок первого уровня
+CardImage.propTypes = {
+ card: PropTypes.object
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Информация об объекте
+const CardBlock = ({ card, handleCardClick }) => {
+ return (
+ handleCardClick(card)}>
+
+
+
+ Номер борта
+
+ {card.SNUMB}
+
+
+
+
+ Год выпуска:
+
+
+ {card.NYEAR}
+
+
+
+ );
+};
+
+//Контроль свойств - Заголовок первого уровня
+CardBlock.propTypes = {
+ card: PropTypes.object,
+ handleCardClick: PropTypes.func
+};
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export { CardBlock };
diff --git a/app/panels/mech_rec_assembly_mon/blocks/cardDetail.js b/app/panels/mech_rec_assembly_mon/blocks/cardDetail.js
new file mode 100644
index 0000000..3304045
--- /dev/null
+++ b/app/panels/mech_rec_assembly_mon/blocks/cardDetail.js
@@ -0,0 +1,289 @@
+/*
+ Парус 8 - Панели мониторинга - ПУП - Мониторинг сборки изделий
+ Панель мониторинга: Детализация по объекту
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React from "react"; //Классы React
+import PropTypes from "prop-types"; //Контроль свойств компонента
+import { Box, Grid, Container, Button, Typography } from "@mui/material"; //Интерфейсные элементы
+import { ProgressBox } from "../elements/progressBox"; //Блок информации по прогрессу объекта
+import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../../components/p8p_data_grid"; //Таблица данных
+import { P8P_DATA_GRID_CONFIG_PROPS } from "../../../config_wrapper"; //Подключение компонентов к настройкам приложения
+import { useCostProductComposition, useCostRouteLists, useCostDeliverySheets } from "../backend"; //Компоненты панели
+
+//---------
+//Константы
+//---------
+
+//Стили
+const STYLES = {
+ TABLE_INFO_MAIN: {
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ flexDirection: "column",
+ border: "1px solid",
+ borderRadius: "25px",
+ height: "35vh"
+ },
+ TABLE_INFO_SUB: {
+ margin: "21.6px 0px",
+ maxHeight: "100%",
+ overflow: "auto",
+ textAlign: "center",
+ width: "100%"
+ },
+ DETAIL_INFO: {
+ display: "flex",
+ justifyContent: "space-around",
+ alignItems: "center",
+ border: "1px solid",
+ borderRadius: "25px",
+ height: "17vh"
+ },
+ PRODUCT_SELECTOR: {
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ flexDirection: "column",
+ border: "1px solid",
+ borderRadius: "25px",
+ height: "53vh",
+ marginTop: "16px"
+ },
+ PLAN_INFO_MAIN: {
+ display: "flex",
+ flexDirection: "column",
+ gap: "16px"
+ },
+ PLAN_INFO_SUB: {
+ display: "flex",
+ justifyContent: "space-between",
+ width: "280px",
+ borderBottom: "1px solid"
+ }
+};
+
+//------------------------------------
+//Вспомогательные функции и компоненты
+//------------------------------------
+
+//Информация об объекте
+const CardDetailInfo = ({ cardInfo }) => {
+ return (
+ <>
+
+
+
+ Номер борта:
+
+ {cardInfo.SNUMB}
+
+
+
+ Год выпуска:
+
+ {cardInfo.NYEAR}
+
+
+
+
+ );
+};
+
+//Контроль свойств - Информация об объекте
+CardDetailInfo.propTypes = {
+ cardInfo: PropTypes.object
+};
+
+//Детали объекта
+const CardSelector = ({ products, setCostProductComposition }) => {
+ //При выборе детали в SVG
+ const handleProductClick = product => {
+ setCostProductComposition(pv => ({ ...pv, selectedProduct: product }));
+ };
+
+ return (
+ <>
+
+ {products.map(el => (
+
+ ))}
+
+
+ );
+};
+
+//Контроль свойств - Детали объекта
+CardSelector.propTypes = {
+ products: PropTypes.array,
+ setCostProductComposition: PropTypes.func
+};
+
+//Генерация представления ячейки заголовка
+const headCellRender = ({ columnDef }) => {
+ //Описываем общий стиль
+ let cellStyle = { padding: "2px 5px", fontSize: "12px", textAlign: "center", lineHeight: "1rem" };
+ let stackProps = { justifyContent: "center" };
+ //Дополнительные свойства
+ switch (columnDef.name) {
+ case "NREMN_LABOUR":
+ //Добавляем максимальную ширину
+ cellStyle = { ...cellStyle, maxWidth: "90px" };
+ break;
+ case "NDEFICIT":
+ //Добавляем максимальную ширину
+ cellStyle = { ...cellStyle, maxWidth: "55px" };
+ break;
+ case "NAPPLICABILITY":
+ //Добавляем максимальную ширину
+ cellStyle = { ...cellStyle, maxWidth: "90px" };
+ break;
+ default:
+ break;
+ }
+ return {
+ stackProps,
+ cellStyle
+ };
+};
+
+//Генерация заливки строки исходя от значений
+const dataCellRender = ({ row, columnDef }) => {
+ //Описываем общий стиль
+ let cellStyle = { padding: "2px 5px", fontSize: "12px" };
+ //Для всех кроме содержания и номенклатуры добавляем выравнивание
+ switch (columnDef.name) {
+ case "SOPERATION":
+ break;
+ case "SNOMEN":
+ break;
+ default:
+ //Добавляем выравнивание
+ cellStyle = { ...cellStyle, textAlign: "center" };
+ break;
+ }
+ return {
+ cellStyle,
+ data: row[columnDef]
+ };
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Детализация по объекту
+const CardDetail = ({ card, handleBackClick }) => {
+ //Собственное состояние - данные производственных составов SVG
+ const [costProductComposition, setCostProductComposition] = useCostProductComposition(card.NRN);
+ //Собственное состояние - таблица данных маршрутных листов
+ const [costRouteLists, setCostRouteLists] = useCostRouteLists(card.NRN, costProductComposition.selectedProduct);
+ //Собственное состояние - таблица данных комплектовочных ведомостей
+ const [сostDeliverySheets, setСostDeliverySheets] = useCostDeliverySheets(card.NRN, costProductComposition.selectedProduct);
+
+ //При изменении состояния сортировки маршрутных листов
+ const costRouteListsOrderChanged = ({ orders }) => setCostRouteLists(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+ //При изменении количества отображаемых страниц маршрутных листов
+ const costRouteListsPagesCountChanged = () => setCostRouteLists(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+ //При изменении состояния сортировки комплектовочных ведомостей
+ const СostDeliverySheetsOrderChanged = ({ orders }) => setСostDeliverySheets(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+ //При изменении количества отображаемых страниц комплектовочных ведомостей
+ const СostDeliverySheetsPagesCountChanged = () => setСostDeliverySheets(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+ return (
+
+
+
+
+
+
+ {!costRouteLists.dataLoaded ? (
+ Выберите агрегат самолёта, чтобы увидеть информацию
+ ) : costRouteLists.rows.length === 0 ? (
+ Нет данных по МК
+ ) : (
+ <>
+ Маршрутная карта
+
+
+ )}
+
+
+
+
+ {!сostDeliverySheets.dataLoaded ? (
+ Выберите агрегат самолёта, чтобы увидеть информацию
+ ) : сostDeliverySheets.rows.length === 0 ? (
+ Нет данных по КВ
+ ) : (
+ <>
+ Дефицит по КВ
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+//Контроль свойств - Детализация по объекту
+CardDetail.propTypes = {
+ card: PropTypes.object,
+ handleBackClick: PropTypes.func
+};
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export { CardDetail };
diff --git a/app/panels/mech_rec_assembly_mon/elements/progressBox.js b/app/panels/mech_rec_assembly_mon/elements/progressBox.js
new file mode 100644
index 0000000..ea8b511
--- /dev/null
+++ b/app/panels/mech_rec_assembly_mon/elements/progressBox.js
@@ -0,0 +1,76 @@
+/*
+ Парус 8 - Панели мониторинга - ПУП - Мониторинг сборки изделий
+ Панель мониторинга: Блок информации по прогрессу объекта
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React from "react"; //Классы React
+import PropTypes from "prop-types"; //Контроль свойств компонента
+import { Typography, Box } from "@mui/material"; //Интерфейсные элементы
+
+//---------
+//Константы
+//---------
+
+//Стили
+const STYLES = {
+ PROGRESS_INFO: {
+ display: "flex",
+ justifyContent: "center",
+ alignItems: "center",
+ flexDirection: "column",
+ margin: "0px 32px",
+ borderRadius: "50%"
+ }
+};
+
+//------------------------------------
+//Вспомогательные функции и компоненты
+//------------------------------------
+
+//-----------
+//Тело модуля
+//-----------
+
+//Детализация по объекту
+
+//Блок информации по прогрессу объекта
+const ProgressBox = ({ prms }) => {
+ //Инициализируем цвет тени
+ let boxShadow = null;
+ //Определяем цвет тени
+ switch (true) {
+ case prms.NPROGRESS >= 70:
+ boxShadow = "0 0 30px #21d21e66";
+ break;
+ case prms.NPROGRESS >= 40:
+ boxShadow = "0 0 30px #fddd3566";
+ break;
+ case prms.NPROGRESS >= 10:
+ boxShadow = "0 0 30px #ea5c4966";
+ break;
+ default:
+ boxShadow = "0 0 30px #d3d3d3";
+ }
+ //Возвращаем блок
+ return (
+
+ {`${prms.NPROGRESS}%`}
+ {prms.SDETAIL}
+
+ );
+};
+
+//Контроль свойств - Блок информации по прогрессу объекта
+ProgressBox.propTypes = {
+ prms: PropTypes.object
+};
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export { ProgressBox };
diff --git a/app/panels/mech_rec_assembly_mon/hooks.js b/app/panels/mech_rec_assembly_mon/hooks.js
new file mode 100644
index 0000000..136c16c
--- /dev/null
+++ b/app/panels/mech_rec_assembly_mon/hooks.js
@@ -0,0 +1,27 @@
+/*
+ Парус 8 - Панели мониторинга - ПУП - Мониторинг сборки изделий
+ Кастомные хуки
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React from "react"; //Классы React
+
+//-----------
+//Тело модуля
+//-----------
+
+//Клиентский отбор каталогов по поисковой фразе и наличию планов
+export const useFilteredPlanCtlgs = (planCtlgs, filter) => {
+ const filteredPlanCtlgs = React.useMemo(() => {
+ return planCtlgs.filter(
+ catalog =>
+ catalog.SNAME.toString().toLowerCase().includes(filter.ctlgName) &&
+ (filter.haveDocs ? catalog.NCOUNT_DOCS > 0 : catalog.NCOUNT_DOCS >= 0)
+ );
+ }, [planCtlgs, filter]);
+
+ return filteredPlanCtlgs;
+};
diff --git a/app/panels/mech_rec_assembly_mon/index.js b/app/panels/mech_rec_assembly_mon/index.js
new file mode 100644
index 0000000..083b5ff
--- /dev/null
+++ b/app/panels/mech_rec_assembly_mon/index.js
@@ -0,0 +1,16 @@
+/*
+ Парус 8 - Панели мониторинга - ПУП - Мониторинг сборки изделий
+ Панель мониторинга: Точка входа
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import { MechRecAssemblyMon } from "./mech_rec_assembly_mon"; //Корневая панель мониторинга сборки изделий
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export const RootClass = MechRecAssemblyMon;
diff --git a/app/panels/mech_rec_assembly_mon/mech_rec_assembly_mon.js b/app/panels/mech_rec_assembly_mon/mech_rec_assembly_mon.js
new file mode 100644
index 0000000..2d51675
--- /dev/null
+++ b/app/panels/mech_rec_assembly_mon/mech_rec_assembly_mon.js
@@ -0,0 +1,226 @@
+/*
+ Парус 8 - Панели мониторинга - ПУП - Мониторинг сборки изделий
+ Панель мониторинга: Корневая панель мониторинга сборки изделий
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React, { useState, useContext } from "react"; //Классы React
+import PropTypes from "prop-types"; //Контроль свойств компонента
+import {
+ Drawer,
+ Fab,
+ Box,
+ List,
+ ListItemButton,
+ ListItemText,
+ Typography,
+ Grid,
+ TextField,
+ FormGroup,
+ FormControlLabel,
+ Checkbox,
+ Container
+} from "@mui/material"; //Интерфейсные элементы
+import { ThemeProvider } from "@mui/material/styles"; //Подключение темы
+import { MessagingСtx } from "../../context/messaging"; //Контекст сообщений
+import { CardBlock } from "./blocks/cardBlock"; //Информация об объекте
+import { CardDetail } from "./blocks/cardDetail"; //Детализация по объекту
+import { theme } from "./styles/themes.js"; //Стиль темы
+import { useFilteredPlanCtlgs } from "./hooks"; //Вспомогательные хуки
+import { useMechRecAssemblyMon } from "./backend"; //Хук корневой панели мониторинга сборки изделий
+
+//---------
+//Константы
+//---------
+
+//Стили
+const STYLES = {
+ PLANS_FINDER: { marginTop: "10px", marginLeft: "10px", width: "93%" },
+ PLANS_CHECKBOX_HAVEDOCS: { alignContent: "space-around" },
+ PLANS_LIST_ITEM_ZERODOCS: { backgroundColor: "#ebecec" },
+ PLANS_LIST_ITEM_PRIMARY: { wordWrap: "break-word" },
+ PLANS_LIST_ITEM_SECONDARY: { wordWrap: "break-word", fontSize: "0.6rem", textTransform: "uppercase" },
+ PLANS_BUTTON: { position: "absolute" },
+ PLANS_DRAWER: {
+ width: "350px",
+ display: "inline-block",
+ flexShrink: 0,
+ [`& .MuiDrawer-paper`]: { width: "350px", display: "inline-block", boxSizing: "border-box" }
+ }
+};
+
+//------------------------------------
+//Вспомогательные функции и компоненты
+//------------------------------------
+
+//Склонения для документов
+const DECLINATIONS = ["план", "плана", "планов"];
+
+//Форматирование для отображения количества документов
+const formatCountDocs = nCountDocs => {
+ //Получаем последнюю цифру в значении
+ let num = (nCountDocs % 100) % 10;
+ //Документов
+ if (nCountDocs > 10 && nCountDocs < 20) return `${nCountDocs} ${DECLINATIONS[2]}`;
+ //Документа
+ if (num > 1 && num < 5) return `${nCountDocs} ${DECLINATIONS[1]}`;
+ //Документ
+ if (num == 1) return `${nCountDocs} ${DECLINATIONS[0]}`;
+ //Документов
+ return `${nCountDocs} ${DECLINATIONS[2]}`;
+};
+
+//Список каталогов планов
+const PlanCtlgsList = ({ planCtlgs = [], selectedPlanCtlg, filter, setFilter, onClick } = {}) => {
+ //Генерация содержимого
+ return (
+
+ {
+ setFilter(pv => ({ ...pv, ctlgName: event.target.value }));
+ }}
+ >
+
+ setFilter(pv => ({ ...pv, haveDocs: event.target.checked }))} />}
+ label="Только с планами"
+ labelPlacement="end"
+ />
+
+
+ {planCtlgs.map(p => (
+ (onClick ? onClick({ NRN: p.NRN, SNAME: p.SNAME, NMIN_YEAR: p.NMIN_YEAR, NMAX_YEAR: p.NMAX_YEAR }) : null)}
+ >
+ {p.SNAME}}
+ secondary={{formatCountDocs(p.NCOUNT_DOCS)}}
+ />
+
+ ))}
+
+
+ );
+};
+
+//Контроль свойств - Список каталогов планов
+PlanCtlgsList.propTypes = {
+ planCtlgs: PropTypes.array,
+ selectedPlanCtlg: PropTypes.number,
+ onClick: PropTypes.func,
+ filter: PropTypes.object,
+ setFilter: PropTypes.func
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Корневая панель мониторинга сборки изделий
+const MechRecAssemblyMon = () => {
+ //Собственное состояние
+ const [state, setState, selectPlan, unselectPlan] = useMechRecAssemblyMon();
+
+ //Состояние для фильтра каталогов
+ const [filter, setFilter] = useState({ ctlgName: "", haveDocs: false });
+
+ //Массив отфильтрованных каталогов
+ const filteredPlanCtgls = useFilteredPlanCtlgs(state.planCtlgs, filter);
+
+ //Подключение к контексту сообщений
+ const { InlineMsgInfo } = useContext(MessagingСtx);
+
+ //Обработка нажатия на элемент в списке каталогов планов
+ const handleProjectClick = project => {
+ if (state.selectedPlanCtlg.NRN != project.NRN) selectPlan(project);
+ else unselectPlan();
+ };
+
+ //Обработка нажатия на карточку объекта
+ const handleCardClick = plan => {
+ setState(pv => ({
+ ...pv,
+ selectedPlan: { NRN: plan.NRN, SNUMB: plan.SNUMB, NPROGRESS: plan.NPROGRESS, SDETAIL: plan.SDETAIL, NYEAR: plan.NYEAR }
+ }));
+ };
+
+ //Обработка нажатия на кнопку "Назад"
+ const handleBackClick = () => {
+ setState(pv => ({ ...pv, selectedPlan: { NRN: null, SNUMB: null, NPROGRESS: null, SDETAIL: null, NYEAR: null } }));
+ };
+
+ //Генерация содержимого
+ return (
+
+
+ setState(pv => ({ ...pv, showPlanList: !pv.showPlanList }))}>
+ Программы
+
+ setState(pv => ({ ...pv, showPlanList: false }))}
+ sx={STYLES.PLANS_DRAWER}
+ >
+
+
+ {state.init == true ? (
+ state.selectedPlanCtlg.NRN ? (
+ <>
+
+ {`${state.selectedPlanCtlg.SNAME} на ${state.selectedPlanCtlg.NMIN_YEAR}г. - ${state.selectedPlanCtlg.NMAX_YEAR}г.`}
+
+ {state.plansLoaded == true ? (
+ state.selectedPlan.NRN ? (
+
+ ) : (
+
+
+ {state.plans.map(el => (
+ = 5 ? 2.4 : 12 / state.plans.length}
+ key={el.NRN}
+ display="flex"
+ justifyContent="center"
+ >
+
+
+ ))}
+
+
+ )
+ ) : null}
+
+ ) : (
+
+ )
+ ) : null}
+
+
+ );
+};
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export { MechRecAssemblyMon };
diff --git a/app/panels/mech_rec_assembly_mon/styles/themes.js b/app/panels/mech_rec_assembly_mon/styles/themes.js
new file mode 100644
index 0000000..37818ee
--- /dev/null
+++ b/app/panels/mech_rec_assembly_mon/styles/themes.js
@@ -0,0 +1,66 @@
+import { createTheme } from "@mui/material/styles"; //Интерфейсные элементы
+
+//Описание темы
+const theme = createTheme({
+ palette: {
+ text: {
+ secondary: { fontColor: "rgba(0, 0, 0, 0.298)" }
+ }
+ },
+ typography: {
+ h1: {
+ fontSize: "40px",
+ fontWeight: 400,
+ textAlign: "center"
+ },
+ h2: {
+ fontSize: "40px",
+ fontWeight: 700,
+ textAlign: "center"
+ },
+ h3: {
+ fontSize: "30px",
+ fontWeight: 700,
+ textAlign: "center"
+ },
+ h4: {
+ fontSize: "16px",
+ fontWeight: 400,
+ textAlign: "center"
+ },
+ subtitle1: {
+ fontSize: "30px",
+ fontWeight: 400,
+ textAlign: "center"
+ },
+ subtitle2: {
+ fontSize: "20px",
+ fontWeight: 700,
+ textAlign: "center"
+ },
+ UDO_body1: {
+ fontSize: "14px",
+ fontWeight: 400,
+ textAlign: "center",
+ wordWrap: "break-word",
+ letterSpacing: "0.00938em",
+ lineHeight: "1.5"
+ },
+ UDO_body2: {
+ fontSize: "12px",
+ fontWeight: 400,
+ whiteSpace: "pre-line",
+ textAlign: "center",
+ wordWrap: "break-word",
+ letterSpacing: "0.00938em",
+ lineHeight: "1.5"
+ },
+ body3: {
+ fontSize: "9px",
+ whiteSpace: "pre-line",
+ textAlign: "center"
+ }
+ }
+});
+
+export { theme };
diff --git a/app/panels/mech_rec_cost_jobs_manage/backend.js b/app/panels/mech_rec_cost_jobs_manage/backend.js
new file mode 100644
index 0000000..ee013e8
--- /dev/null
+++ b/app/panels/mech_rec_cost_jobs_manage/backend.js
@@ -0,0 +1,337 @@
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import { useState, useCallback, useEffect, useContext } from "react"; //Классы React
+import { BackEndСtx } from "../../context/backend"; //Контекст взаимодействия с сервером
+import { object2Base64XML } from "../../core/utils"; //Вспомогательные функции
+
+//---------
+//Константы
+//---------
+
+//Размер страницы данных
+const DATA_GRID_PAGE_SIZE = 5;
+const DATA_GRID_PAGE_FCEQUIPMENT = 10;
+
+//---------------------------------------------
+//Вспомогательные функции форматирования данных
+//---------------------------------------------
+
+//Переиницализация выбранных значений строк (необходимо при сортировке или добавлении записей строк)
+const updatingSelected = (rows, selectedRows) => {
+ //Если полученный массив строк не пустой
+ if (rows.length > 0 && selectedRows.length > 0) {
+ //Устанавливаем выбор там, где он был установлен
+ let updatedRows = rows.map(item => {
+ if (selectedRows.includes(item.NRN)) {
+ return { ...item, NSELECT: 1 };
+ } else {
+ return item;
+ }
+ });
+ return updatedRows;
+ }
+ //Возвращаем
+ return rows;
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Хук для таблицы маршрутных листов
+const useCostRouteLists = (task, processIdent) => {
+ //Собственное состояние - таблица данных
+ const [costRouteLists, setCostRouteLists] = useState({
+ task: null,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ selectedRows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ });
+
+ //Подключение к контексту взаимодействия с сервером
+ const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+ //Загрузка данных таблицы с сервера
+ const loadData = useCallback(async () => {
+ if (costRouteLists.reload) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCJOBSSP_FCROUTLST_DG_GET",
+ args: {
+ NFCJOBS: task,
+ 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
+ },
+ respArg: "COUT",
+ attributeValueProcessor: (name, val) => (["NSELECT"].includes(name) ? val === 1 : val)
+ });
+ setCostRouteLists(pv => ({
+ ...pv,
+ task: task,
+ columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
+ rows:
+ pv.pageNumber == 1
+ ? updatingSelected([...(data.XROWS || [])], costRouteLists.selectedRows)
+ : updatingSelected([...pv.rows, ...(data.XROWS || [])], costRouteLists.selectedRows),
+ dataLoaded: true,
+ reload: false,
+ morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE
+ }));
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [
+ costRouteLists.reload,
+ costRouteLists.filters,
+ costRouteLists.orders,
+ costRouteLists.dataLoaded,
+ costRouteLists.pageNumber,
+ executeStored,
+ SERV_DATA_TYPE_CLOB
+ ]);
+
+ //Добавление/удаление записи в селектлисте
+ const modifySelectList = useCallback(
+ async prms => {
+ try {
+ if (prms.NSELECT) {
+ await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.SELECTLIST_FCROUTLST_ADD",
+ args: { NIDENT: processIdent, NFCROUTLST: prms.NFCROUTLST }
+ });
+ } else {
+ await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.SELECTLIST_FCROUTLST_DEL",
+ args: { NIDENT: processIdent, NFCROUTLST: prms.NFCROUTLST }
+ });
+ }
+ } catch (e) {
+ throw new Error(e.message);
+ }
+ },
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ [executeStored]
+ );
+
+ //При необходимости обновить данные таблицы
+ useEffect(() => {
+ loadData();
+ }, [costRouteLists.reload, loadData]);
+
+ //При изменении сменного задания
+ useEffect(() => {
+ setCostRouteLists(pv => ({
+ ...pv,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ selectedRows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ }));
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [task]);
+
+ return [costRouteLists, setCostRouteLists, modifySelectList];
+};
+
+//Хук для таблицы операций
+const useCostJobsSpecs = (task, fcroutlstList, processIdent) => {
+ //Собственное состояние - таблица данных
+ const [costJobsSpecs, setCostJobsSpecs] = useState({
+ task: null,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ selectedRows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ });
+
+ //Подключение к контексту взаимодействия с сервером
+ const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+ //Загрузка данных таблицы с сервера
+ const loadData = useCallback(async () => {
+ if (costJobsSpecs.reload) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCJOBSSP_DG_GET",
+ args: {
+ NFCJOBS: task,
+ NIDENT: processIdent,
+ //SFCROUTLST_LIST: fcroutlstList.join(","),
+ CORDERS: { VALUE: object2Base64XML(costJobsSpecs.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+ NPAGE_NUMBER: costJobsSpecs.pageNumber,
+ NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
+ NINCLUDE_DEF: costJobsSpecs.dataLoaded ? 0 : 1
+ },
+ respArg: "COUT",
+ attributeValueProcessor: (name, val) => (["NSELECT"].includes(name) ? val === 1 : val)
+ });
+ setCostJobsSpecs(pv => ({
+ ...pv,
+ task: task,
+ columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
+ rows:
+ pv.pageNumber == 1
+ ? updatingSelected([...(data.XROWS || [])], costJobsSpecs.selectedRows)
+ : updatingSelected([...pv.rows, ...(data.XROWS || [])], costJobsSpecs.selectedRows),
+ dataLoaded: true,
+ reload: false,
+ morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_SIZE
+ }));
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [
+ costJobsSpecs.reload,
+ costJobsSpecs.filters,
+ costJobsSpecs.orders,
+ costJobsSpecs.dataLoaded,
+ costJobsSpecs.pageNumber,
+ executeStored,
+ SERV_DATA_TYPE_CLOB
+ ]);
+
+ //Выдача задания
+ const issueCostJobsSpecs = useCallback(
+ async prms => {
+ try {
+ await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCJOBSSP_ISSUE",
+ args: { NFCJOBS: prms.NFCJOBS, SFCJOBSSP_LIST: prms.SFCJOBSSP_LIST }
+ });
+ } catch (e) {
+ throw new Error(e.message);
+ }
+ },
+ [executeStored]
+ );
+
+ //При необходимости обновить данные таблицы
+ useEffect(() => {
+ loadData();
+ }, [costJobsSpecs.reload, loadData]);
+
+ //При изменении сменного задания
+ useEffect(() => {
+ setCostJobsSpecs(pv => ({
+ ...pv,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ selectedRows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ }));
+ }, [task, fcroutlstList]);
+
+ return [costJobsSpecs, setCostJobsSpecs, issueCostJobsSpecs];
+};
+
+//Хук для таблицы рабочих центров
+const useCostEquipment = () => {
+ //Собственное состояние - таблица данных
+ const [costEquipment, setCostEquipment] = useState({
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ selectedRows: [],
+ selectedLoaded: false,
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ });
+
+ //Подключение к контексту взаимодействия с сервером
+ const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+ //Загрузка данных таблицы с сервера
+ const loadData = useCallback(async () => {
+ if (costEquipment.reload) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCEQUIPMENT_DG_GET",
+ args: {
+ CORDERS: { VALUE: object2Base64XML(costEquipment.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+ NPAGE_NUMBER: costEquipment.pageNumber,
+ NPAGE_SIZE: DATA_GRID_PAGE_FCEQUIPMENT,
+ NINCLUDE_DEF: costEquipment.dataLoaded ? 0 : 1
+ },
+ respArg: "COUT",
+ attributeValueProcessor: (name, val) => (["NSELECT"].includes(name) ? val === 1 : val)
+ });
+ setCostEquipment(pv => ({
+ ...pv,
+ columnsDef: data.XCOLUMNS_DEF ? [...data.XCOLUMNS_DEF] : pv.columnsDef,
+ rows:
+ pv.pageNumber == 1
+ ? updatingSelected([...(data.XROWS || [])], costEquipment.selectedRows)
+ : updatingSelected([...pv.rows, ...(data.XROWS || [])], costEquipment.selectedRows),
+ dataLoaded: true,
+ reload: false,
+ morePages: (data.XROWS || []).length >= DATA_GRID_PAGE_FCEQUIPMENT
+ }));
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [
+ costEquipment.reload,
+ costEquipment.filters,
+ costEquipment.orders,
+ costEquipment.dataLoaded,
+ costEquipment.pageNumber,
+ executeStored,
+ SERV_DATA_TYPE_CLOB
+ ]);
+
+ //Включение оборудования в операции
+ const includeCostEquipment = useCallback(
+ async prms => {
+ try {
+ await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCJOBSSP_INC_FCEQUIPMENT",
+ args: { NFCEQUIPMENT: prms.NFCEQUIPMENT, NFCJOBS: prms.NFCJOBS, SFCJOBSSP_LIST: prms.SFCJOBSSP_LIST }
+ });
+ } catch (e) {
+ throw new Error(e.message);
+ }
+ },
+ [executeStored]
+ );
+
+ //Исключение оборудования из операции
+ const excludeCostEquipment = useCallback(
+ async prms => {
+ try {
+ await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCJOBSSP_EXC_FCEQUIPMENT",
+ args: { NFCEQUIPMENT: prms.NFCEQUIPMENT, NFCJOBS: prms.NFCJOBS, SFCJOBSSP_LIST: prms.SFCJOBSSP_LIST }
+ });
+ } catch (e) {
+ throw new Error(e.message);
+ }
+ },
+ [executeStored]
+ );
+
+ //При необходимости обновить данные таблицы
+ useEffect(() => {
+ loadData();
+ }, [costEquipment.reload, loadData]);
+
+ return [costEquipment, setCostEquipment, includeCostEquipment, excludeCostEquipment];
+};
+
+export { useCostRouteLists, useCostJobsSpecs, useCostEquipment, updatingSelected };
diff --git a/app/panels/mech_rec_cost_jobs_manage/fcjobssp.js b/app/panels/mech_rec_cost_jobs_manage/fcjobssp.js
new file mode 100644
index 0000000..de2c159
--- /dev/null
+++ b/app/panels/mech_rec_cost_jobs_manage/fcjobssp.js
@@ -0,0 +1,422 @@
+/*
+ Парус 8 - Панели мониторинга - ПУП - Выдача сменного задания
+ Компонент панели: Таблица информации об операциях сменного задания
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React from "react"; //Классы React
+import PropTypes from "prop-types"; //Контроль свойств компонента
+import { Typography, Box, Checkbox, Grid, Icon, Button } from "@mui/material"; //Интерфейсные элементы
+import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../components/p8p_data_grid"; //Таблица данных
+import { P8P_DATA_GRID_CONFIG_PROPS } from "../../config_wrapper"; //Подключение компонентов к настройкам приложения
+import { useCostRouteLists, useCostJobsSpecs, useCostEquipment } from "./backend"; //Собственные хуки таблиц
+
+//---------
+//Константы
+//---------
+
+const sUnitCostRouteLists = "CostRouteLists"; //Мнемокод раздела маршрутных листов
+const sUnitCostJobsSpecs = "CostJobsSpecs"; //Мнемокод раздела операций
+const sUnitCostEquipment = "CostEquipment"; //Мнемокод раздела рабочих центров
+
+//Стили
+const STYLES = {
+ CONTAINER: { textAlign: "center" },
+ TABLE: { paddingTop: "15px" },
+ TABLE_SUM: { textAlign: "right", paddingTop: "5px", paddingRight: "15px" },
+ TABLE_BUTTONS: { display: "flex", justifyContent: "flex-end" },
+ CHECK_BOX: { textAlign: "center" },
+ OPERATIONS_SEPARATOR: { padding: "3px 0px", backgroundColor: "lightblue" },
+ INFORMATION_HALF: { minWidth: "50%", maxWidth: "50%", textAlign: "center" }
+};
+
+//---------------------------------------------
+//Вспомогательные функции форматирования данных
+//---------------------------------------------
+
+//Формирование списка отмеченных записей
+function selectedReducer(accumulator, current) {
+ if (current.NSELECT == 1) {
+ accumulator.push(current.NRN);
+ }
+ return accumulator;
+}
+
+//Форматирование значения ячейки
+const dataCellRender = ({ row, columnDef, handleSelectChange, sUnit, selectedEquip }) => {
+ //Инициализируем доступность выбора
+ let disabled = false;
+ //Если это рабочие центры
+ if (sUnit === sUnitCostEquipment) {
+ //Для колонки выбора
+ if (columnDef.name === "NSELECT") {
+ return {
+ data: (
+
+ handleSelectChange(row["NRN"], sUnit, row["NCOEFF"] <= row["NLOADING"])}
+ />
+
+ )
+ };
+ }
+ //Если оборудование загружено
+ if (row["NCOEFF"] <= row["NLOADING"]) {
+ //Если поле не поле выбора
+ if (columnDef.name !== "NSELECT") {
+ return {
+ cellStyle: { color: "lightgrey" },
+ data: row[columnDef.name]
+ };
+ }
+ }
+ }
+ //Если это операции
+ if (sUnit === sUnitCostJobsSpecs) {
+ //Если "Оборудование план" операции сходится с выбранным оборудованием
+ if (selectedEquip.includes(row["NEQUIP_PLAN"])) {
+ //Если колонка выбора
+ if (columnDef.name === "NSELECT") {
+ return {
+ cellStyle: { backgroundColor: "#bce0de" },
+ data: (
+
+ handleSelectChange(row["NRN"], sUnit)}
+ />
+
+ )
+ };
+ } else {
+ return {
+ cellStyle: { backgroundColor: "#bce0de" },
+ data: row[columnDef.name]
+ };
+ }
+ }
+ }
+ //Для колонки выбора
+ if (columnDef.name === "NSELECT") {
+ return {
+ data: (
+
+ handleSelectChange(row["NRN"], sUnit)}
+ />
+
+ )
+ };
+ }
+ return {
+ data: row[columnDef.name]
+ };
+};
+
+//Генерация представления ячейки заголовка группы
+export const headCellRender = ({ columnDef }) => {
+ if (columnDef.name === "NSELECT") {
+ return {
+ stackStyle: { padding: "2px", justifyContent: "space-around" },
+ data: done
+ };
+ } else {
+ return {
+ stackStyle: { padding: "2px" },
+ data: columnDef.caption
+ };
+ }
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Таблица информации об операциях сменного задания
+const CostJobsSpecsDataGrid = ({ task, processIdent, clearSelectlist }) => {
+ //Собственное состояние - таблица данных маршрутных листов
+ const [costRouteLists, setCostRouteLists, modifySelectList] = useCostRouteLists(task, processIdent);
+
+ //Собственное состояние - таблица данных операций
+ const [costJobsSpecs, setCostJobsSpecs, issueCostJobsSpecs] = useCostJobsSpecs(task, costRouteLists.selectedRows, processIdent);
+
+ //Собственное состояние - таблица рабочих центров
+ const [costEquipment, setCostEquipment, includeCostEquipment, excludeCostEquipment] = useCostEquipment();
+
+ //При изменении состояния сортировки маршрутных листов
+ const costRouteListOrderChanged = ({ orders }) => setCostRouteLists(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+ //При изменении количества отображаемых страниц маршрутных листов
+ const costRouteListPagesCountChanged = () => setCostRouteLists(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+ //При изменении состояния сортировки операций
+ const costJobsSpecOrderChanged = ({ orders }) => setCostJobsSpecs(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+ //При изменении количества отображаемых страниц операций
+ const costJobsSpecPagesCountChanged = () => setCostJobsSpecs(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+ //При изменении состояния сортировки рабочих центров
+ const costEquipmentOrderChanged = ({ orders }) => setCostEquipment(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+ //При изменении количества отображаемых страниц рабочих центров
+ const costEquipmentPagesCountChanged = () => setCostEquipment(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+ //При включении оборудования в операции
+ const costJobsSpecIncludeCostEquipment = () => {
+ //Делаем асинхронно, чтобы при ошибке ничего не обновлять
+ const includeAsync = async () => {
+ //Включаем оборудование в операции
+ try {
+ await includeCostEquipment({
+ NFCEQUIPMENT: costEquipment.selectedRows[0],
+ NFCJOBS: task,
+ SFCJOBSSP_LIST: costJobsSpecs.selectedRows.join(";")
+ });
+ //Необходимо обновить все данные
+ setCostJobsSpecs(pv => ({ ...pv, selectedRows: [], reload: true }));
+ setCostEquipment(pv => ({ ...pv, selectedRows: [], selectedLoaded: false, reload: true }));
+ } catch (e) {
+ throw new Error(e.message);
+ }
+ };
+ //Включаем оборудование асинхронно
+ includeAsync();
+ };
+
+ //При исключении оборудования из операции
+ const costJobsSpecExcludeCostEquipment = () => {
+ //Делаем асинхронно, чтобы при ошибке ничего не обновлять
+ const excludeAsync = async () => {
+ //Включаем оборудование в операции
+ try {
+ await excludeCostEquipment({
+ NFCEQUIPMENT: costEquipment.selectedRows[0],
+ NFCJOBS: task,
+ SFCJOBSSP_LIST: costJobsSpecs.selectedRows.join(";")
+ });
+ //Необходимо обновить данные о маршрутных листах и оборудовании
+ setCostJobsSpecs(pv => ({ ...pv, selectedRows: [], reload: true }));
+ setCostEquipment(pv => ({ ...pv, selectedRows: [], reload: true }));
+ } catch (e) {
+ throw new Error(e.message);
+ }
+ };
+ //Исключаем операции асинхронно
+ excludeAsync();
+ };
+
+ //Выдача задания операции
+ const costJobsSpecIssue = () => {
+ //Делаем асинхронно, чтобы при ошибке ничего не обновлять
+ const issueAsync = async () => {
+ //Включаем оборудование в операции
+ try {
+ await issueCostJobsSpecs({
+ NFCJOBS: task,
+ SFCJOBSSP_LIST: costJobsSpecs.selectedRows.join(";")
+ });
+ //Необходимо обновить данные о маршрутных листах и оборудовании
+ clearSelectlist(processIdent);
+ setCostRouteLists(pv => ({ ...pv, selectedRows: [], reload: true }));
+ setCostEquipment(pv => ({ ...pv, selectedRows: [], reload: true }));
+ } catch (e) {
+ throw new Error(e.message);
+ }
+ };
+ //Выдаем задание асинхронно
+ issueAsync();
+ };
+
+ //При изменение состояния выбора
+ const handleSelectChange = (NRN, sUnit, selectedLoaded) => {
+ //Инициализируем строки таблицы
+ let rows = [];
+ //Индекс элемента в массиве
+ let indexRow = null;
+ //Исходим от раздела
+ switch (sUnit) {
+ //Маршрутные листы
+ case sUnitCostRouteLists:
+ //Инициализируем маршрутными листами
+ rows = costRouteLists.rows;
+ //Определяем индекс элемента в массиве
+ indexRow = rows.findIndex(obj => obj.NRN == NRN);
+ //Изменяем значение выбора
+ rows[indexRow].NSELECT = !rows[indexRow].NSELECT;
+ //Добавляем/удаляем маршрутный лист из селектлиста
+ modifySelectList({ NFCROUTLST: NRN, NSELECT: rows[indexRow].NSELECT });
+ //Актуализируем строки
+ setCostRouteLists(pv => ({ ...pv, rows: rows, selectedRows: rows.reduce(selectedReducer, []) }));
+ //Выходим
+ break;
+ //Операции
+ case sUnitCostJobsSpecs:
+ //Инициализируем операциями
+ rows = costJobsSpecs.rows;
+ //Определяем индекс элемента в массиве
+ indexRow = rows.findIndex(obj => obj.NRN == NRN);
+ //Изменяем значение выбора
+ rows[indexRow].NSELECT = !rows[indexRow].NSELECT;
+ //Актуализируем строки
+ setCostJobsSpecs(pv => ({ ...pv, rows: rows, selectedRows: rows.reduce(selectedReducer, []) }));
+ //Выходим
+ break;
+ //Рабочие центры
+ case sUnitCostEquipment:
+ //Инициализируем рабочими центрами
+ rows = costEquipment.rows;
+ //Определяем индекс элемента в массиве
+ indexRow = rows.findIndex(obj => obj.NRN == NRN);
+ //Изменяем значение выбора
+ rows[indexRow].NSELECT = !rows[indexRow].NSELECT;
+ //Актуализируем строки
+ setCostEquipment(pv => ({ ...pv, rows: rows, selectedRows: rows.reduce(selectedReducer, []), selectedLoaded: selectedLoaded }));
+ //Выходим
+ break;
+ default:
+ return;
+ }
+ };
+
+ //Генерация содержимого
+ return (
+
+
+
+ Маршрутные листы
+ {costRouteLists.dataLoaded ? (
+ <>
+
+
+
+
+ dataCellRender({ ...prms, handleSelectChange, sUnit: sUnitCostRouteLists })}
+ headCellRender={prms => headCellRender({ ...prms })}
+ />
+ {costRouteLists.selectedRows.length > 0 ? (
+ <>
+ Операции выбранных маршрутных листов
+
+ dataCellRender({
+ ...prms,
+ handleSelectChange,
+ sUnit: sUnitCostJobsSpecs,
+ selectedEquip: costEquipment.selectedRows
+ })
+ }
+ headCellRender={prms => headCellRender({ ...prms })}
+ />
+
+ ) : null}
+
+
+ ) : null}
+
+
+ Рабочие центры
+ {costEquipment.dataLoaded ? (
+ <>
+
+
+
+
+
+
+
+
+ dataCellRender({
+ ...prms,
+ handleSelectChange,
+ sUnit: sUnitCostEquipment,
+ selectedEquip: costEquipment.selectedRows
+ })
+ }
+ headCellRender={prms => headCellRender({ ...prms })}
+ />
+
+
+ ) : null}
+
+
+
+ {
+ setFilter(pv => ({ ...pv, jobName: event.target.value }));
+ }}
+ >
+
+ {jobs.map(p => (
+ (onClick ? onClick(p) : null)}>
+ {p.SDOC_INFO}} />
+
+ ))}
+
+
+ );
+};
+
+//Контроль свойств - Список каталогов планов
+JobList.propTypes = {
+ jobs: PropTypes.array,
+ selectedJob: PropTypes.object,
+ onClick: PropTypes.func,
+ filter: PropTypes.object,
+ setFilter: PropTypes.func
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Корневая панель выдачи сменного задания
+const MechRecCostJobs = () => {
+ //Собственное состояние - таблица данных
+ const [state, setState] = useState({
+ init: false,
+ showJobList: false,
+ jobList: [],
+ jobListLoaded: false,
+ selectedJob: {},
+ processIdent: null,
+ dataLoaded: false
+ });
+
+ //Состояние для фильтра каталогов
+ const [filter, setFilter] = useState({ jobName: "" });
+
+ //Массив отфильтрованных каталогов
+ const filteredJobs = useFilteredFcjobs(state.jobList, filter);
+
+ //Подключение к контексту взаимодействия с сервером
+ const { executeStored } = useContext(BackEndСtx);
+
+ //Подключение к контексту сообщений
+ const { InlineMsgInfo } = useContext(MessagingСtx);
+
+ //Инициализация каталогов планов
+ const initPlans = useCallback(async () => {
+ if (!state.init) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCJOBS_INIT",
+ args: {},
+ respArg: "COUT",
+ fullResponse: true,
+ isArray: name => name === "XFCJOBS"
+ });
+ setState(pv => ({
+ ...pv,
+ init: true,
+ jobList: [...(data.XPAYLOAD?.XFCJOBS || [])],
+ jobListLoaded: true,
+ processIdent: data.XPAYLOAD.XINFO.NPROCESS_IDENT
+ }));
+ }
+ }, [state.init, executeStored]);
+
+ //При подключении компонента к странице
+ useEffect(() => {
+ initPlans();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ //Очистка селектлиста по идентификатору процесса
+ const clearSelectlist = useCallback(
+ async NIDENT => {
+ console.log(NIDENT);
+ try {
+ await executeStored({
+ stored: "P_SELECTLIST_CLEAR",
+ args: { NIDENT: NIDENT }
+ });
+ } catch (e) {
+ throw new Error(e.message);
+ }
+ },
+ [executeStored]
+ );
+
+ //Выбор плана
+ const selectJob = job => {
+ //Очищаем селектлист
+ clearSelectlist(state.processIdent);
+ //Обновляем состояние
+ setState(pv => ({
+ ...pv,
+ selectedJob: job,
+ showJobList: false,
+ dataLoaded: false
+ }));
+ };
+
+ //Сброс выбора плана
+ const unselectJob = () => {
+ //Очищаем селектлист
+ clearSelectlist(state.processIdent);
+ //Обновляем состояние
+ setState(pv => ({
+ ...pv,
+ selectedJob: {},
+ showJobList: false,
+ dataLoaded: false
+ }));
+ };
+
+ //Обработка нажатия на элемент в списке планов
+ const handleJobClick = job => {
+ if (state.selectedJob.NRN != job.NRN) selectJob(job);
+ else unselectJob();
+ };
+
+ //Генерация содержимого
+ return (
+
+ setState(pv => ({ ...pv, showJobList: !pv.showJobList }))}>
+ Сменные задания
+
+ setState(pv => ({ ...pv, showJobList: false }))} sx={STYLES.JOBS_DRAWER}>
+
+
+
+ {state.selectedJob.NRN ? (
+ <>
+ {`Сменное задание "${state.selectedJob.SSUBDIV}" на ${state.selectedJob.SPERIOD}`}
+
+
+ ) : !state.selectedJob.NRN ? (
+
+ ) : null}
+
+
+ );
+};
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export { MechRecCostJobs };
diff --git a/app/panels/mech_rec_dept_cost_jobs/index.js b/app/panels/mech_rec_dept_cost_jobs/index.js
new file mode 100644
index 0000000..ec84fd1
--- /dev/null
+++ b/app/panels/mech_rec_dept_cost_jobs/index.js
@@ -0,0 +1,16 @@
+/*
+ Парус 8 - Панели мониторинга - ПУП - Загрузка цеха
+ Панель мониторинга: Точка входа
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import { MechRecDeptCostJobs } from "./mech_rec_dept_cost_jobs"; //Корневая панель загрузки цеха
+
+//----------------
+//Интерфейс модуля
+//----------------
+
+export const RootClass = MechRecDeptCostJobs;
diff --git a/app/panels/mech_rec_dept_cost_jobs/mech_rec_dept_cost_jobs.js b/app/panels/mech_rec_dept_cost_jobs/mech_rec_dept_cost_jobs.js
new file mode 100644
index 0000000..3595bee
--- /dev/null
+++ b/app/panels/mech_rec_dept_cost_jobs/mech_rec_dept_cost_jobs.js
@@ -0,0 +1,153 @@
+/*
+ Парус 8 - Панели мониторинга - ПУП - Загрузка цеха
+ Панель мониторинга: Корневая панель загрузки цеха
+*/
+
+//---------------------
+//Подключение библиотек
+//---------------------
+
+import React, { useState, useContext, useCallback, useEffect } from "react"; //Классы React
+import { Typography, Box } from "@mui/material"; //Интерфейсные элементы
+import { object2Base64XML } from "../../core/utils"; //Вспомогательные процедуры и функции
+import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../components/p8p_data_grid"; //Таблица данных
+import { P8P_DATA_GRID_CONFIG_PROPS } from "../../config_wrapper"; //Подключение компонентов к настройкам приложения
+import { BackEndСtx } from "../../context/backend"; //Контекст взаимодействия с сервером
+
+//---------
+//Константы
+//---------
+
+//Размер страницы данных
+const DATA_GRID_PAGE_SIZE = 5;
+
+//Стили
+const STYLES = {
+ CONTAINER: { textAlign: "center", paddingTop: "20px" },
+ TITLE: { paddingBottom: "15px" }
+};
+
+//------------------------------------
+//Вспомогательные функции и компоненты
+//------------------------------------
+
+//Генерация заливки строки исходя от значений
+const dataCellRender = ({ row, columnDef }) => {
+ //Описываем общие свойства
+ let cellProps = { title: row[columnDef.name] };
+ //Описываем общий стиль
+ let cellStyle = { padding: "8px", maxWidth: "300px", textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "pre" };
+ //
+ if (columnDef.name.match(/N.*_VALUE/) && row[columnDef.name]) {
+ if (row[`${columnDef.name.substring(0, 12)}_TYPE`] === 0) {
+ cellStyle = { ...cellStyle, backgroundColor: "lightgrey" };
+ } else {
+ cellStyle = { ...cellStyle, backgroundColor: "lightgreen" };
+ }
+ }
+ return {
+ cellProps,
+ cellStyle,
+ data: row[columnDef]
+ };
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Корневая панель загрузки цеха
+const MechRecDeptCostJobs = () => {
+ //Собственное состояние - таблица данных
+ const [costJobs, setCostJobs] = useState({
+ subdiv: null,
+ dataLoaded: false,
+ columnsDef: [],
+ filters: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ });
+
+ //Подключение к контексту взаимодействия с сервером
+ const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+ //Загрузка данных таблицы с сервера
+ const loadData = useCallback(async () => {
+ if (costJobs.reload) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCJOBS_DEP_LOAD_DG_GET",
+ args: {
+ CFILTERS: { VALUE: object2Base64XML(costJobs.filters, { arrayNodeName: "filters" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+ CORDERS: { VALUE: object2Base64XML(costJobs.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+ NPAGE_NUMBER: costJobs.pageNumber,
+ NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
+ NINCLUDE_DEF: costJobs.dataLoaded ? 0 : 1
+ },
+ respArg: "COUT",
+ isArray: name => name === "XCOLUMNS_DEF" || name === "XROWS",
+ attributeValueProcessor: (name, val) => (name === "caption" ? undefined : val)
+ });
+ setCostJobs(pv => ({
+ ...pv,
+ subdiv: data.XINFO.SSUBDIV,
+ columnsDef: data.XFCJOBS.XDATA.XCOLUMNS_DEF ? [...data.XFCJOBS.XDATA.XCOLUMNS_DEF] : pv.columnsDef,
+ rows: pv.pageNumber == 1 ? [...(data.XFCJOBS.XDATA.XROWS || [])] : [...pv.rows, ...(data.XFCJOBS.XDATA.XROWS || [])],
+ dataLoaded: true,
+ reload: false,
+ morePages: (data.XFCJOBS.XDATA.XROWS || []).length >= DATA_GRID_PAGE_SIZE
+ }));
+ }
+ }, [costJobs.reload, costJobs.filters, costJobs.orders, costJobs.dataLoaded, costJobs.pageNumber, executeStored, SERV_DATA_TYPE_CLOB]);
+
+ //При изменении состояния фильтра
+ const handleFilterChanged = ({ filters }) => setCostJobs(pv => ({ ...pv, filters: [...filters], pageNumber: 1, reload: true }));
+
+ //При изменении состояния сортировки
+ const handleOrderChanged = ({ orders }) => setCostJobs(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+ //При изменении количества отображаемых страниц
+ const handlePagesCountChanged = () => setCostJobs(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+ //При необходимости обновить данные таблицы
+ useEffect(() => {
+ loadData();
+ }, [costJobs.reload, loadData]);
+
+ //Генерация содержимого
+ return (
+
+
+ {costJobs.dataLoaded ? (
+ <>
+
+ {`Загрузка станков "${costJobs.subdiv}"`}
+
+
+ dataCellRender({ ...prms })}
+ />
+
+
+ ) : null}
+
+
+
Маршрутные листы
+ {costRouteLists.dataLoaded ? (
+ <>
+
+ dataCellRender({ ...prms, handlePriorEditOpen, handleOrderEditOpen })}
+ />
+
+
+ ) : null}
+ {costRouteLists.editPriorNRN ? (
+
+ ) : null}
+ {costRouteLists.editOrderNRN ? (
+
+ ) : null}
+
+
Заказы
+ {costRouteListsOrd.dataLoaded ? (
+
+ ) : null}
+
+
Сдача продукции
+
+ {incomFromDeps.dataLoaded ? (
+
+ ) : null}
+
+
+ {
+ setFilter(pv => ({ ...pv, planName: event.target.value }));
+ }}
+ >
+
+ {plans.map(p => (
+ (onClick ? onClick(p) : null)}>
+ {p.SDOC_INFO}} />
+
+ ))}
+
+
+ );
+};
+
+//Контроль свойств - Список каталогов планов
+PlanList.propTypes = {
+ plans: PropTypes.array,
+ selectedPlan: PropTypes.object,
+ onClick: PropTypes.func,
+ filter: PropTypes.object,
+ setFilter: PropTypes.func
+};
+
+//-----------
+//Тело модуля
+//-----------
+
+//Корневая панель производственного плана цеха
+const MechRecDeptCostProdPlans = () => {
+ //Собственное состояние - таблица данных
+ const [state, setState] = useState({
+ init: false,
+ showPlanList: false,
+ showIncomeFromDeps: null,
+ showFcroutelst: null,
+ planList: [],
+ planListLoaded: false,
+ selectedPlan: {},
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ });
+
+ //Состояние для фильтра каталогов
+ const [filter, setFilter] = useState({ planName: "" });
+
+ //Массив отфильтрованных каталогов
+ const filteredPlanCtgls = useFilteredPlans(state.planList, filter);
+
+ //Размер страницы данных
+ const DATA_GRID_PAGE_SIZE = 10;
+
+ //Подключение к контексту взаимодействия с сервером
+ const { executeStored, SERV_DATA_TYPE_CLOB } = useContext(BackEndСtx);
+
+ //Подключение к контексту сообщений
+ const { InlineMsgInfo } = useContext(MessagingСtx);
+
+ // Инициализация каталогов планов
+ const initPlans = useCallback(async () => {
+ if (!state.init) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCPRODPLAN_DEPT_INIT",
+ args: {},
+ respArg: "COUT",
+ isArray: name => name === "XFCPRODPLANS"
+ });
+ setState(pv => ({ ...pv, init: true, planList: [...(data?.XFCPRODPLANS || [])], planListLoaded: true }));
+ }
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [state.init, executeStored]);
+
+ //Загрузка данных таблицы с сервера
+ const loadData = useCallback(
+ async NRN => {
+ if (state.reload && NRN) {
+ const data = await executeStored({
+ stored: "PKG_P8PANELS_MECHREC.FCPRODPLANSP_DEPT_DG_GET",
+ args: {
+ NFCPRODPLAN: NRN,
+ CORDERS: { VALUE: object2Base64XML(state.orders, { arrayNodeName: "orders" }), SDATA_TYPE: SERV_DATA_TYPE_CLOB },
+ NPAGE_NUMBER: state.pageNumber,
+ NPAGE_SIZE: DATA_GRID_PAGE_SIZE,
+ NINCLUDE_DEF: state.dataLoaded ? 0 : 1
+ },
+ respArg: "COUT",
+ attributeValueProcessor: (name, val) => (name === "caption" ? undefined : val)
+ });
+ setState(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
+ [state.reload, state.orders, state.dataLoaded, state.pageNumber, executeStored, SERV_DATA_TYPE_CLOB]
+ );
+
+ //При необходимости обновить данные таблицы
+ useEffect(() => {
+ if (state.selectedPlan.NRN) {
+ loadData(state.selectedPlan.NRN);
+ } else {
+ setState(pv => ({ ...pv, dataLoaded: false, columnsDef: [], orders: null, rows: [], reload: true, pageNumber: 1, morePages: true }));
+ }
+ }, [state.selectedPlan, state.reload, loadData]);
+
+ //При подключении компонента к странице
+ useEffect(() => {
+ initPlans();
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ //Выбор плана
+ const selectPlan = plan => {
+ setState(pv => ({
+ ...pv,
+ showIncomeFromDeps: null,
+ showFcroutelst: null,
+ selectedPlan: plan,
+ showPlanList: false,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ }));
+ };
+
+ //Сброс выбора плана
+ const unselectPlan = () =>
+ setState(pv => ({
+ ...pv,
+ showIncomeFromDeps: null,
+ showFcroutelst: null,
+ selectedPlan: {},
+ showPlanList: false,
+ dataLoaded: false,
+ columnsDef: [],
+ orders: null,
+ rows: [],
+ reload: true,
+ pageNumber: 1,
+ morePages: true
+ }));
+
+ //Обработка нажатия на элемент в списке планов
+ const handlePlanClick = plan => {
+ if (state.selectedPlan.NRN != plan.NRN) selectPlan(plan);
+ else unselectPlan();
+ };
+
+ //При изменении состояния сортировки
+ const handleOrderChanged = ({ orders }) => setState(pv => ({ ...pv, orders: [...orders], pageNumber: 1, reload: true }));
+
+ //При изменении количества отображаемых страниц
+ const handlePagesCountChanged = () => setState(pv => ({ ...pv, pageNumber: pv.pageNumber + 1, reload: true }));
+
+ //При нажатии на "Заказ"
+ const handleProdOrderClick = planSp => {
+ setState(pv => ({ ...pv, showIncomeFromDeps: planSp }));
+ };
+
+ //При нажатии на "Обозначение"
+ const handleMatresCodeClick = planSp => {
+ setState(pv => ({ ...pv, showFcroutelst: planSp }));
+ };
+
+ //Генерация содержимого
+ return (
+
+ setState(pv => ({ ...pv, showPlanList: !pv.showPlanList }))}>
+ Планы
+
+ setState(pv => ({ ...pv, showPlanList: false }))}
+ sx={STYLES.PLANS_DRAWER}
+ >
+
+
+
+ {state.dataLoaded ? (
+ <>
+
{`Производственный план цеха "${state.selectedPlan.SSUBDIV}" на ${state.selectedPlan.SPERIOD}`}
+
dataCellRender({ ...prms, handleProdOrderClick, handleMatresCodeClick })}
+ groupCellRender={groupCellRender}
+ />
+
+ ) : !state.selectedPlan.NRN ? (
+
+ ) : null}
+