/* Парус 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 }) => ( {children} ); //Контроль свойств - Заголовок первого уровня Hdr1.propTypes = { id: PropTypes.string, children: PropTypes.any }; //Заголовок второго уровня const Hdr2 = ({ id, children }) => ( {children} ); //Контроль свойств - Заголовок второго уровня Hdr2.propTypes = { id: PropTypes.string, children: PropTypes.any }; //Заголовок третьего уровня const Hdr3 = ({ id, children }) => ( {children} ); //Контроль свойств - Заголовок третьего уровня Hdr3.propTypes = { id: PropTypes.string, children: PropTypes.any }; //Параграф const Prgf = ({ style, children }) => ( {children} ); //Контроль свойств - Параграф Prgf.propTypes = { style: PropTypes.object, children: PropTypes.any }; //Изображение const Img = ({ src }) => (
); //Контроль свойств - Изображение Img.propTypes = { src: PropTypes.string.isRequired }; //Ссылка на раздел Системы const UnitLink = ({ unitCode, children }) => { //Подключение к контексту приложения const { pOnlineShowUnit } = useContext(ApplicationСtx); //Генерация содержимого return ( pOnlineShowUnit({ unitCode })}> {children} ); }; //Контроль свойств - Ссылка на раздел Системы UnitLink.propTypes = { unitCode: PropTypes.string.isRequired, children: PropTypes.any }; //Ссылка на главу инструкции const ChapterLink = ({ id, dstId, onClick, children }) => { //Генерация содержимого return ( { scrollToElement(dstId); if (onClick && id) onClick(id); }} > {children} ); }; //Контроль свойств - Ссылка на главу инструкции ChapterLink.propTypes = { id: PropTypes.string, dstId: PropTypes.string.isRequired, onClick: PropTypes.func, children: PropTypes.any }; //Ссылка на информационную панель const PanelLink = ({ panelName, children }) => { //Подключение к контексту приложения const { configUrlBase, findPanelByName, pOnlineShowTab } = useContext(ApplicationСtx); //Генерация содержимого return ( { const panel = findPanelByName(panelName); if (panel) pOnlineShowTab({ id: panel.name, url: `${configUrlBase}${panel.url}`, caption: panel.caption }); }} > {children} ); }; //Контроль свойств - Ссылка на информационную панель PanelLink.propTypes = { panelName: PropTypes.string.isRequired, children: PropTypes.any }; //----------- //Тело модуля //----------- //Корневая панель пользовательской инструкции const MechRecHelp = () => { //Собственное состояние const [navStack, setNavStack] = useState([]); //Переход по оглавлению const handleTitleClick = id => { scrollToElement(id); setNavStack([]); }; //Обработка на нажатие ссылки на раздел const handleChapterLinkClick = backId => { const tmp = [...navStack]; tmp.push(backId); setNavStack(tmp); }; //Обработка нажатия на кнопку "Назад" const handleBackClick = () => { if (navStack.length > 0) { const tmp = [...navStack]; const backId = tmp.pop(); scrollToElement(backId); setNavStack(tmp); } }; //Генерация содержимого return ( {navStack.length > 0 ? ( arrow_back_ios {BUTTONS.NAVIGATE_BACK} ) : null} Оперативное управление производством {CONTENT.map((c, i) => ( handleTitleClick(c.id)}> ))} Оперативное управление производством 1. О структуре производства В макете настроена штатная структура предприятия и определены склады подразделений. Для просмотра штатной структуры перейдите в раздел «Подразделения». Производство состоит из 4 цехов, для цехов № 2 и № 4 определены участки. Участки цеха № 2 используются в описании макета при формировании сменных заданий. Для централизованного и внутрицехового учета материалов, покупных комплектующих (далее – ПКИ), деталей и сборочных единиц (далее – ДСЕ) в макете определены склады. Для просмотра перечня складов перейдите в раздел «Склады». Централизованный склад ЦМС используется для учета прихода материалов и ПКИ от поставщиков и выдачи в цеха. Склады цехов используются для учета в цехе получения материалов и ПКИ с ЦМС, поступления готовых ДСЕ от других цехов и от участков цеха, списание материалов, ПКИ и ДСЕ на затраты производства. На централизованный склад СГП выполняется сдача готовой продукции. Для выдачи заданий на станки в макете для участков цеха № 2 определено оборудование. Просмотреть оборудование можно в разделе «Подразделения» в окне «Оборудование». 2. НСИ о продукции Нормативно-справочная информация (далее – НСИ) о продукции доступна для просмотра через пункт головного меню «Учет». Для просмотра НСИ перейдите в разделы, указанные в строках контекстного меню. При переходе в разделы открывается окно «Отбор», нажимайте в окне кнопку «ОК». Нормативная информация о производимой продукции в макете размещена в следующих разделах:

1) «Спецификации изделий»

Для изделий «Лебедка» и входящих в изделия сборочных единиц введены данные конструкторских составов.

2) «Ведомости материалов и оснастки»

Для деталей введены нормы расхода основного материала.

3) «Маршрутные карты»

Для изделий и ДСЕ введены данные маршрутных карт технологических процессов.

4) «Маршруты» в макете не используются, маршрут ДСЕ определяется маршрутной картой.

Справочник материальных ресурсов, производимых и потребляемых в процессе производства продукции, находится в разделе «Инженерные данные». 2.1. Производственные составы изделий На основании нормативной информации для изделий «Лебедка» сформированы Производственные составы (далее – ПС). ПС материальных ресурсов отображаются в разделе «Инженерные данные» в окне «Производственный состав». Пользователь может сформировать новые ПС и переформировать существующие, используя действия контекстного меню. ПС используется в процессе планирования производства продукции, как основной нормативный документ об изделии. ПС – это иерархическая маршрутно-материальная ведомость изделия. Для просмотра состава ПС выполните на строке заголовка ПС действие «Показать». Для автоматического определения при планировании производства «какой ПС использовать» созданные в макете ПС изделий «Лебедка» переведены в «Состояние» = «Производство» и определены как «используемые по умолчанию». 3. Планирование выпуска продукции Работа с планами производства, в т.ч. и с планами выпуска готовой продукции выполняется в разделе «Планы и отчеты производства продукции». В «ПАРУС Предприятие 8» реализованы следующие Категории связанных планов производства:

1) «Первичный план» - планы выпуска готовой продукции;
2) «Производственная программа» - календарные план-графики запуска/выпуска ДСЕ входящих в состав изделий, запланированных к выпуску в первичном плане;
3) «Цеховой план» - производственные планы цехов на период (месяц, квартал), формируемые из производственных программ.

Планы выпуска готовой продукции могут формироваться:

1) На Заказ – для каждого заказа (например, договора поставки с потребителем) формируется план выпуска, с указанием заказа;
2) На период (квартал, полугодие, год) – на период формируется один план выпуска и в план включается продукция всех заказов, для которой дата выпуска попадает в период плана.

В макете использован вариант формирования планов выпуска «на период». 3.1. Формирование плана выпуска В разделе «Планы и отчеты производства», в каталоге с именем Вашего пользователя, выполните действие «Добавить». Внимание!!! При выполнении действия в каталоге, не соответствующем Вашему пользователю, выдается сообщение об ошибке. На форме добавления плана выпуска укажите дату формирования плана и нажмите «ОК». Остальные параметры действия заполняются автоматически. В результате выполнения действия формируется заголовок плана выпуска на 2024 год и с пустой спецификацией в окне «Выпуск». Спецификации плана выпуска формируется документами «Заказ на производство», являющимися основаниями для производства продукции. Заказы на производство в «ПАРУС Предприятие 8» формируются из договоров поставки, проектов ОКР с выпуском опытной партии изделий или добавляются вручную. Для добавления заказа на производство перейдите в раздел «Заказы на производство» и выполните действие «Добавить». На форме параметров действия укажите:

• «Дата» - дата документа;
• «Лицевой счет» - выберете Заказ (Номер лицевого счета учета затрат);

и нажмите «ОК». Для созданного заказа на производство в окне «Спецификация» выполните действие «Добавить» и введите на форме «Добавление…»

• «Номенклатура» - выберете изделие «Лебедка»;
• «Дата исполнения» - укажите плановую дату выпуска;
• «Количество в основной ЕИ» - укажите сколько изделий выпустить.

Сформированный заказ на производство утвердите (действие «Состояние – Утвердить») и включите в план производства (действие «Включить в план…»). При включении в план выберете созданный ранее план выпуска. Результатом выполненных действий будет план выпуска со спецификацией продукции. Для дальнейшей работы с планом необходимо его утвердить (действие «Состояние – Утвержден»). 3.2. Планирование запуска-выпуска ДСЕ Следующим шагом формируется производственная программа. На заголовке плана выпуска выполните действие «Формирование – Сформировать производственную программу». На форме параметров действия укажите:

• «Каталог» - выберете каталог Вашего пользователя;
• «Тип» - выберете «Производственная программа»;
• «Префикс» - укажите год;
• «Вид» = «План»;
• «Котловые с учетом заказа» - установите этот чек;

параметры указываются при первом выполнении действия и запоминаются. В результате выполнения действия сформируется заголовок Производственной программы и в спецификации «Выпуск» календарный график запуска-выпуска изделий плана выпуска и ДСЕ входящих в изделия (по данным ПС изделий). Строки спецификации «Выпуск» содержат следующие данные:

• «Уровень вложенности»: 0 – изделия из плана выпуска, 1 и далее – ДСЕ из ПС изделия по уровням входимости в состав изделия;
• «Выпуск» - количество планового выпуска (для изделий - из плана выпуска, для ДСЕ - рассчитанное по данным ПС);
• «Дата выпуска» - плановая дата выпуска (для изделия - равна «Дата отгрузки» из плана выпуска, для ДСЕ - рассчитанное по данным ПС);
• «Дата запуска» - плановая дата запуска в производство (рассчитывается по данным ПС);

Сформированную программу утвердите действием на заголовке «Состояние - Утвержден». 3.3. Планирование потребностей производства в ресурсах Из производственной программы выполняется расчет потребностей производства в материалах и ПКИ, в персонале и оборудовании. Выполните из заголовка производственной программы действия «Формирование – Сформировать потребность в материальных ресурсах» и «Формирование – Сформировать потребность в мощностях». В параметрах действий требуется, при первом выполнении, выбрать каталог и указать Тип и Префикс документа. После выполнения действий перейдите «по связям» в сформированный документ «Потребности акты расхода производства изделий» Документ «Потребность…» содержит следующую информацию:

1) «Расход материальных ресурсов» - потребность в материалах и ПКИ на производственную программу;
2) «Трудозатраты» - плановая загрузка персонала (Трудовых ресурсов) цехов и участков цехов;
3) «Загрузка оборудования» - плановая загрузка оборудования (по группам оборудования).

3.4. Планирование обеспечения производства материалами и ПКИ Сформированная потребность производства используется для формирования заявки службе снабжения (ОМТО) на обеспечение заказов материалами и ПКИ. Перейдите в раздел «Потребности и акты расхода производства изделий» и сформируйте заявку действием «Формирование заказа подразделения». На форме параметров действия нажмите «ОК». Перейдите «по связям» к сформированному заказу подразделений. В заявке потребность на производственную программу сгруппирована и суммирована по номенклатуре. Обработка заявки выполняется службой ОМТО в разделе «Заказы подразделений» в системе «Управление закупками». В макете процесс управления закупками не рассматривается, но имитируется, что в системе управления закупками сформированы и обработаны приходные ордера (документы прихода на центральный материальный склад). Для имитации прихода выполните в разделе «Заказы подразделений» следующие действия:

1) Отметьте в спецификации заказа подразделения все или часть строк;
2) Выполните пользовательскую процедуру

На форме параметров процедуры укажите Дату прихода и Цену за единицу. Посмотреть партии, поступившие на склад, можно в разделе «Учет – Товарные запасы – По партиям товара» 3.5. Включение в план выпуска нового заказа и перепланирование Для добавления нового заказа на производство и перепланирования выполните следующую последовательность действий:

1) Добавьте новый заказ на производство и включите его в план выпуска ( см. п.3.1 );
2) На плане выпуска выполните «Формирование – Переформировать производственную программу»;

3) На производственной программе выполните формирование потребностей ( см. п.3.3 );
4) Из потребности производства выполните формирование заявки ОМТО на обеспечение материалами и ПКИ ( см. п.3.4 ).

4. Оперативное управление производством Приложение: Краткая инструкция по настройке интерфейса
); }; //---------------- //Интерфейс модуля //---------------- export { MechRecHelp };