/*
Парус 8 - Панели мониторинга - ПУДП - Пользовательская инструкция
Панель мониторинга: Пользовательская инструкция
*/
//---------------------
//Подключение библиотек
//---------------------
import React, { useContext, useState } from "react"; //Классы React
import PropTypes from "prop-types"; //Контроль свойств компонента
import { Box, Grid, Typography, Link, List, ListItem, ListItemButton, ListItemText, Divider, Fab, Icon } from "@mui/material"; //Интерфейсные элементы
import { BUTTONS } from "../../../app.text"; //Текстовые ресурсы
import { ApplicationСtx } from "../../context/application"; //Контекст приложения
import img1_1 from "./img/1_1.png"; //Изображение
import img1_2 from "./img/1_2.png"; //Изображение
import img1_3 from "./img/1_3.png"; //Изображение
import img1_4 from "./img/1_4.png"; //Изображение
import img1_5 from "./img/1_5.png"; //Изображение
import img2_1 from "./img/2_1.png"; //Изображение
import img2_2 from "./img/2_2.png"; //Изображение
import img2_3 from "./img/2_3.png"; //Изображение
import img2_4 from "./img/2_4.png"; //Изображение
import img2_5 from "./img/2_5.png"; //Изображение
import img21_1 from "./img/21_1.png"; //Изображение
import img21_2 from "./img/21_2.png"; //Изображение
import img21_3 from "./img/21_3.png"; //Изображение
import img3_1 from "./img/3_1.png"; //Изображение
import img31_1 from "./img/31_1.png"; //Изображение
import img31_2 from "./img/31_2.png"; //Изображение
import img31_3 from "./img/31_3.png"; //Изображение
import img31_4 from "./img/31_4.png"; //Изображение
import img31_5 from "./img/31_5.png"; //Изображение
import img31_6 from "./img/31_6.png"; //Изображение
import img31_7 from "./img/31_7.png"; //Изображение
import img31_8 from "./img/31_8.png"; //Изображение
import img31_9 from "./img/31_9.png"; //Изображение
import img31_10 from "./img/31_10.png"; //Изображение
import img32_1 from "./img/32_1.png"; //Изображение
import img32_2 from "./img/32_2.png"; //Изображение
import img32_3 from "./img/32_3.png"; //Изображение
import img33_1 from "./img/33_1.png"; //Изображение
import img33_2 from "./img/33_2.png"; //Изображение
import img33_3 from "./img/33_3.png"; //Изображение
import img33_4 from "./img/33_4.png"; //Изображение
import img34_1 from "./img/34_1.png"; //Изображение
import img34_2 from "./img/34_2.png"; //Изображение
import img34_3 from "./img/34_3.png"; //Изображение
import img34_4 from "./img/34_4.png"; //Изображение
import img34_5 from "./img/34_5.png"; //Изображение
import img34_6 from "./img/34_6.png"; //Изображение
import img34_7 from "./img/34_7.png"; //Изображение
import img34_8 from "./img/34_8.png"; //Изображение
import img35_1 from "./img/35_1.png"; //Изображение
import img41_1 from "./img/41_1.png"; //Изображение
import img41_2 from "./img/41_2.png"; //Изображение
import img41_3 from "./img/41_3.png"; //Изображение
import img41_4 from "./img/41_4.png"; //Изображение
import img41_5 from "./img/41_5.png"; //Изображение
import img41_6 from "./img/41_6.png"; //Изображение
import img41_7 from "./img/41_7.png"; //Изображение
import img41_8 from "./img/41_8.png"; //Изображение
import img41_9 from "./img/41_9.png"; //Изображение
import img41_10 from "./img/41_10.png"; //Изображение
import img41_11 from "./img/41_11.png"; //Изображение
import img41_12 from "./img/41_12.png"; //Изображение
import img42_1 from "./img/42_1.png"; //Изображение
import img42_2 from "./img/42_2.png"; //Изображение
import img42_3 from "./img/42_3.png"; //Изображение
import img42_4 from "./img/42_4.png"; //Изображение
import img43_1 from "./img/43_1.png"; //Изображение
import img43_2 from "./img/43_2.png"; //Изображение
import img43_3 from "./img/43_3.png"; //Изображение
import img43_4 from "./img/43_4.png"; //Изображение
import img43_5 from "./img/43_5.png"; //Изображение
import img43_6 from "./img/43_6.png"; //Изображение
import img43_7 from "./img/43_7.png"; //Изображение
import img43_8 from "./img/43_8.png"; //Изображение
import img44_1 from "./img/44_1.png"; //Изображение
import img44_2 from "./img/44_2.png"; //Изображение
import img44_3 from "./img/44_3.png"; //Изображение
import img44_4 from "./img/44_4.png"; //Изображение
import img44_5 from "./img/44_5.png"; //Изображение
import img44_6 from "./img/44_6.png"; //Изображение
import img44_7 from "./img/44_7.png"; //Изображение
import img44_8 from "./img/44_8.png"; //Изображение
import img44_9 from "./img/44_9.png"; //Изображение
import img44_10 from "./img/44_10.png"; //Изображение
import img45_1 from "./img/45_1.png"; //Изображение
import img45_2 from "./img/45_2.png"; //Изображение
import img45_3 from "./img/45_3.png"; //Изображение
import img45_4 from "./img/45_4.png"; //Изображение
import img45_5 from "./img/45_5.png"; //Изображение
import img45_6 from "./img/45_6.png"; //Изображение
import img45_7 from "./img/45_7.png"; //Изображение
import img45_8 from "./img/45_8.png"; //Изображение
import img45_9 from "./img/45_9.png"; //Изображение
import img45_10 from "./img/45_10.png"; //Изображение
import img46_1 from "./img/46_1.png"; //Изображение
import img46_2 from "./img/46_2.png"; //Изображение
import img46_3 from "./img/46_3.png"; //Изображение
import img46_4 from "./img/46_4.png"; //Изображение
import img46_5 from "./img/46_5.png"; //Изображение
import img46_6 from "./img/46_6.png"; //Изображение
import img47_1 from "./img/47_1.png"; //Изображение
import img47_2 from "./img/47_2.png"; //Изображение
import img47_3 from "./img/47_3.png"; //Изображение
import img47_4 from "./img/47_4.png"; //Изображение
import img47_5 from "./img/47_5.png"; //Изображение
import img47_6 from "./img/47_6.png"; //Изображение
import img47_7 from "./img/47_7.png"; //Изображение
import img47_8 from "./img/47_8.png"; //Изображение
import img47_9 from "./img/47_9.png"; //Изображение
import img47_10 from "./img/47_10.png"; //Изображение
import img47_11 from "./img/47_11.png"; //Изображение
import img47_12 from "./img/47_12.png"; //Изображение
import img48_1 from "./img/48_1.png"; //Изображение
import img48_2 from "./img/48_2.png"; //Изображение
import img48_3 from "./img/48_3.png"; //Изображение
import img48_4 from "./img/48_4.png"; //Изображение
import img49_1 from "./img/49_1.png"; //Изображение
import img49_2 from "./img/49_2.png"; //Изображение
import img49_3 from "./img/49_3.png"; //Изображение
import img410_1 from "./img/410_1.png"; //Изображение
import img410_2 from "./img/410_2.png"; //Изображение
import img410_3 from "./img/410_3.png"; //Изображение
import img410_4 from "./img/410_4.png"; //Изображение
import img410_5 from "./img/410_5.png"; //Изображение
import img410_6 from "./img/410_6.png"; //Изображение
import img410_7 from "./img/410_7.png"; //Изображение
import img411_1 from "./img/411_1.png"; //Изображение
import img411_2 from "./img/411_2.png"; //Изображение
import img411_3 from "./img/411_3.png"; //Изображение
import img411_4 from "./img/411_4.png"; //Изображение
import img412_1 from "./img/412_1.png"; //Изображение
import img412_2 from "./img/412_2.png"; //Изображение
import img412_3 from "./img/412_3.png"; //Изображение
import img412_4 from "./img/412_4.png"; //Изображение
import img413_1 from "./img/413_1.png"; //Изображение
import img413_2 from "./img/413_2.png"; //Изображение
import img413_3 from "./img/413_3.png"; //Изображение
import img413_4 from "./img/413_4.png"; //Изображение
import img413_5 from "./img/413_5.png"; //Изображение
import img414_1 from "./img/414_1.png"; //Изображение
import img414_2 from "./img/414_2.png"; //Изображение
import img414_3 from "./img/414_3.png"; //Изображение
import imgAdd1_1 from "./img/add1_1.png"; //Изображение
import imgAdd1_2 from "./img/add1_2.png"; //Изображение
import imgAdd1_3 from "./img/add1_3.png"; //Изображение
import imgAdd1_4 from "./img/add1_4.png"; //Изображение
import imgAdd1_5 from "./img/add1_5.png"; //Изображение
import imgAdd1_6 from "./img/add1_6.png"; //Изображение
import imgAdd1_7 from "./img/add1_7.png"; //Изображение
import imgAdd1_8 from "./img/add1_8.png"; //Изображение
import imgAdd1_9 from "./img/add1_9.png"; //Изображение
//---------
//Константы
//---------
//Оглавление
const CONTENT = [
{ id: "prg1", caption: "1. О структуре производства" },
{ id: "prg2", caption: "2. НСИ о продукции" },
{ id: "prg3", caption: "3. Планирование выпуска продукции" },
{ id: "prg4", caption: "4. Оперативное управление производством" },
{ id: "add1", caption: "Приложение: Краткая инструкция по настройке интерфейса" }
];
//Стили
const STYLES = {
IMG_CONT: { textAlign: "center", padding: "10px" },
IMG: { maxWidth: "100%", height: "auto" },
PRGF_TABLE: { paddingTop: "20px", paddingBottom: "20px", display: "flex", justifyContent: "center" },
TABLE: { width: "80%" },
TABLE_TITLE: { backgroundColor: "lightgray" },
TABLE_SUBTITLE: { textAlign: "center", backgroundColor: "#f3eded", fontWeight: "bold" },
FAB_BACK: { position: "absolute", right: "20px", marginTop: "20px" }
};
//--------------------------------
//Вспомогательные функции и классы
//--------------------------------
//Переход к элементу страницы
const scrollToElement = id => document.getElementById(id).scrollIntoView();
//Заголовок первого уровня
const Hdr1 = ({ id, children }) => (
1) «Спецификации изделий»
2) «Ведомости материалов и оснастки»
3) «Маршрутные карты»
4) «Маршруты» в макете не используются, маршрут ДСЕ определяется маршрутной картой.
1) «Первичный план» - планы выпуска готовой продукции;
2) «Производственная программа» - календарные план-графики запуска/выпуска ДСЕ входящих в состав изделий,
запланированных к выпуску в первичном плане;
3) «Цеховой план» - производственные планы цехов на период (месяц, квартал), формируемые из производственных программ.
1) На Заказ – для каждого заказа (например, договора поставки с потребителем) формируется план выпуска, с указанием
заказа;
2) На период (квартал, полугодие, год) – на период формируется один план выпуска и в план включается продукция всех
заказов, для которой дата выпуска попадает в период плана.
• «Дата» - дата документа;
• «Лицевой счет» - выберете Заказ (Номер лицевого счета учета затрат);
• «Номенклатура» - выберете изделие «Лебедка»;
• «Дата исполнения» - укажите плановую дату выпуска;
• «Количество в основной ЕИ» - укажите сколько изделий выпустить.
• «Каталог» - выберете каталог Вашего пользователя;
• «Тип» - выберете «Производственная программа»;
• «Префикс» - укажите год;
• «Вид» = «План»;
• «Котловые с учетом заказа» - установите этот чек;
• «Уровень вложенности»: 0 – изделия из плана выпуска, 1 и далее – ДСЕ из ПС изделия по уровням входимости в состав
изделия;
• «Выпуск» - количество планового выпуска (для изделий - из плана выпуска, для ДСЕ - рассчитанное по данным ПС);
• «Дата выпуска» - плановая дата выпуска (для изделия - равна «Дата отгрузки» из плана выпуска, для ДСЕ -
рассчитанное по данным ПС);
• «Дата запуска» - плановая дата запуска в производство (рассчитывается по данным ПС);
1) «Расход материальных ресурсов» - потребность в материалах и ПКИ на производственную программу;
2) «Трудозатраты» - плановая загрузка персонала (Трудовых ресурсов) цехов и участков цехов;
3) «Загрузка оборудования» - плановая загрузка оборудования (по группам оборудования).
1) Отметьте в спецификации заказа подразделения все или часть строк;
2) Выполните пользовательскую процедуру
1) Добавьте новый заказ на производство и включите его в план выпуска (
2) На плане выпуска выполните «Формирование – Переформировать производственную программу»;
3) На производственной программе выполните формирование потребностей (
4) Из потребности производства выполните формирование заявки ОМТО на обеспечение материалами и ПКИ (