Подсистема по управлению инструкциями в 1С на React (JavaScript)

Публикация № 1534129 14.10.21

Разработка - Работа с интерфейсом

инструкции бизнес-процессы документация React JavaScript интерфейсы

Небольшая подсистема для управления пользовательскими инструкциями и другой справочной информацией. Интерфейс рабочего места реализован при помощи библиотеки React (JavaScript)

Небольшая подсистема для управления пользовательскими инструкциями и другой справочной информацией. Сделана в качестве эксперимента, но является полностью  функциональной. Часть функционала, а именно интерфейс рабочего места реализован при помощи библиотеки React (JavaScript). Проверялось на платформе 8.3.15 и выше.  Интерфейс не адаптирован для браузеров IE и Firefox, при запуске 1С как веб приложения. Для работы расширения необходимо снять галочку безопасный режим. Но для просмотра тестовых данных (Сервис - Инструкции (демо)) галочку можно не снимать.    

Подсистема состоит из справочников "Процессы", "Шаги процессов". Нескольких вспомогательных регистров сведений и рабочего места для просмотра инструкций.

 

 


Пример рабочего места. (Посмотреть на тестовых данных можно с помощью команды: Инструкции (демо))
 

Основное окно:

 

 

 

 

Окно инструкции:

 

 

Концепция такая: Инструкция является процессом, состоящим из последовательных пользовательских шагов, из которых эта инструкция и собирается. У процесса и у каждого шага может быть свой ответственный за выполнение. При изменении какой либо части инструкции, нужно изменить только конкретный шаг, отвечающий за этот функционал.

Структура меню инструкции определяется в справочнике "Процессы". Справочник поддерживает двухуровневую иерархию, для элемента обязательно указывается родитель. 

 

 

Шаги процесса (инструкции)

 

 

В шаге процесса описывается его поведение и прикладываются необходимые картинки. 

 

 

Такой подход может облегчить поддержание инструкции и описаний рабочих процессов в актуальном состоянии. 

Скачать файлы

Наименование Файл Версия Размер
Подсистема по управлению инструкциями в 1С на React (JavaScript):

.cfe 1,87Mb
25
.cfe 1.0 1,87Mb 25 Скачать

Специальные предложения

Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. ITSun 14.10.21 18:26 Сейчас в теме
А почему на JS, потренироваться и показать что вы это можете реализовать?
3. user1681028 22 15.10.21 08:00 Сейчас в теме
(1)Что-бы понять, можно ли реализовать на Поле HTML документа, что-то похожее на современное веб приложение. Есть нюансы, но критических проблем я не увидел. Но что-бы было совсем хорошо, если нужен уникальный интерфейс на десктопе в связке с 1С, то как мне кажется, лучше сделать например PWA и в него уже тянуть данные из 1С.
5. ITSun 15.10.21 10:48 Сейчас в теме
2. cprit 839 14.10.21 21:10 Сейчас в теме
Добрый день!
Планируется ли публикация исходников на реакте? В конфигурации бандл только нашел
4. asg.aleks 66 15.10.21 09:33 Сейчас в теме
Добрый день!
Лицензия? Можно использовать в коммерческих проектах?
Есть возможность настроить внешний вид под себя или корпоративный стиль?
6. user1681028 22 15.10.21 10:55 Сейчас в теме
(4)Никаких ограничений на использование нет.
По поводу настройки стиля, потенциально такая возможность заложена. Сделать предопределенные темы или с гибкой настройкой цвета/шрифта каждого компонента относительно несложно. Но в текущей реализации такой возможности нет.
rpgshnik; +1 Ответить
7. asg.aleks 66 15.10.21 10:59 Сейчас в теме
(6) Добавление настройки стилей планируется к реализации?
8. German 412 26.10.21 15:49 Сейчас в теме
Confluence весь мир для этого использует
9. AKV77 257 30.12.21 16:46 Сейчас в теме
Оставьте свое сообщение

См. также

Собственные кнопки в отчетах на СКД, конфигурациях на БСП

Инструментарий разработчика Работа с интерфейсом Платформа 1С v8.3 Система компоновки данных Конфигурации 1cv8 Абонемент ($m)

Расширение, которое позволит добавлять свои собственные кнопки в отчеты СКД и обрабатывать результат отчета, своими собственными алгоритмами.

1 стартмани

02.04.2023    4844    7    KVIKS    14    

56

[Расширение] Смена стиля оформления интерфейса

Работа с интерфейсом Платформа 1С v8.3 8.3.14 Конфигурации 1cv8 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Абонемент ($m)

Ещё с времен платформы 8.3.13 можно изменять цвет стилей интерфейса главного окна. Данное расширение позволит вам выбрать из подготовленных десятка стилей на свой вкус.

1 стартмани

01.07.2022    14108    215    rpgshnik    60    

72

Выделение текущей строки в отчете (сделать сразу во всех отчетах и ничего не сломать)

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Как за 10 минут упростить работу с отчётами программистам и пользователям. Добавить ВО ВСЕ ОТЧЁТЫ механизм автоматического выделения текущей строки отчёта (той, на которой установлен курсор). И ПРИ ЭТОМ НИЧЕГО НЕ СЛОМАТЬ.

1 стартмани

17.10.2021    12296    9    Патриот    52    

64

Работа с картами в 1С на примере бесплатной библиотеки Leaflet

WEB-интеграция Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Разработка функционала отображения и выбора пунктов доставки на карте прямо в 1С с помощью бесплатной библиотеки Leaflet. Тестирование производилось на платформе 8.3.15.1534 на тонком клиенте.

1 стартмани

31.03.2021    25816    71    Parsec1C    20    

83

[Расширение] Временное отключение онлайн-эквайринга в РМК (УТ 11.4, Розница 2.3)

Розничная торговля Рабочее место Эквайринг/ридер магнитных карт Платформа 1С v8.3 Оперативный учет 1С:Управление торговлей 11 Розничная и сетевая торговля (FMCG) Управленческий учет Абонемент ($m)

Расширение предназначено для исправления исключительных ситуаций, когда оплата по эквайринговому терминалу с подключением оборудования прошла успешно, но чек на ККТ не был фискализирован. Расширение позволит временно отключить онлайн-эквайринг непосредственно из формы РМК.

1 стартмани

14.12.2020    24036    87    RocKeR_13    19    

29

[Расширение] УНФ. Список заказов + Структура подчиненности

Монитор заказов Рабочее место Платформа 1С v8.3 1С:Управление нашей фирмой 1.6 Управленческий учет Абонемент ($m)

Список заказов покупателей + Структура подчиненности в одном окне. Расширение для программы Управление нашей фирмой, редакция 1.6.

5 стартмани

05.04.2020    34318    34    RustIG    21    

16

Делаем из СКД Excel (ну, почти)

Работа с интерфейсом Платформа 1С v8.3 Абонемент ($m)

Несложный в использовании способ внедрить в обычный отчет СКД возможность редактировать значения ресурсов отчета (а-ля Excel) и получать отредактированные значения для дальнейшей обработки.

1 стартмани

26.01.2020    25769    36    herfis    16    

78

Индикация прогресса выполнения фонового задания на управляемой форме внешней обработки

БСП (Библиотека стандартных подсистем) Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Абонемент ($m)

Внешняя обработка с фоновым выполнением и индикацией процесса для любой конфигурации на основе БСП >= 2.3 без изменения конфигурации и встраивания обработки в "Дополнительные отчеты и обработки".

1 стартмани

27.12.2019    33072    73    1sig    29    

68

Декомпиляция условного оформления

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Обработка автоматически генерирует полный код создания условного оформления формы любой сложности. Достаточно настроить для формы в конфигураторе условное оформление, а затем выбрать данную форму в обработке. В результате будет сгенерирован программный код создания условного оформления.

2 стартмани

23.12.2019    19106    85    XilDen    7    

72

Многоуровневые списки выбора с оформлением элементов

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Абонемент ($m)

Данная статья - попытка решить один маленький кусочек большой проблемы платформы 1С, а именно - бедные и невыразительные пользовательские интерфейсы. Поскольку 1С в режиме управляемого приложения позволяет задействовать веб-клиент, то хочется реализовывать интерфейсы как у взрослых веб-приложений - красивые, дружелюбные для пользователя и, желательно, с положительным UX. Возможно, кто-то со мной не согласится и скажет, что учетные системы должны быть строгие и линейные. Но мы все знаем, что 1С - это уже не только про бухгалтерию. Небольшое отступление для разработчиков, работающих с типовыми конфигурациями. Я не знаю, использует ли фирма 1С что-то похожее в своих разработках. Если да, то данная статья навряд ли будет вам полезна.

1 стартмани

17.12.2019    19279    2    azhilichev    5    

55

Альтернативный способ добавления элементов и реквизитов на формы

Работа с интерфейсом Платформа 1С v8.3 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 Россия Абонемент ($m)

Предлагаю альтернативный вариант добавления динамически создаваемых элементов и реквизитов на форму.

1 стартмани

09.09.2019    25951    46    bmk74    9    

83

Аналоги номенклатуры для УТ 11.4, КА 2.4, ERP 2.4, Розница 2.2, Розница 8. Магазин автозапчастей. Расширение

Рабочее место Оптовая торговля Розничная торговля Платформа 1С v8.3 1С:Розница 2 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Автомобили, автосервисы Оптовая торговля, дистрибуция, логистика Россия Управленческий учет Абонемент ($m)

Расширение для работы с аналогами номенклатуры. Отлично подходит для работы с кроссами запчастей и товаров с аналогичными свойствами. Поддерживаемые конфигурации: УТ 11.4, КА 2.4, ERP 2.4, Розница 2.2, Розница 8. Магазин автозапчастей. Лёгкое подключение, без изменения конфигурации.

1 стартмани

30.08.2019    43530    120    AleSSandre    44    

21

[Механизм интерфейса] Свой флажок (чекбокс)

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Создадим свой флажок для интерфейса, используем простой универсальный алгоритм.

1 стартмани

09.08.2019    31945    29    rpgshnik    44    

171

Отбор на управляемой форме из списка значений

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Абонемент ($m)

Пример простого удобного отбора любых данных ссылочного типа на управляемой форме. Работа обработки проверена на релизе: 1С:Предприятие 8.3.13.1513.

1 стартмани

09.08.2019    55022    54    nagaitseff    6    

56

Помощник корректировки остатков ЕГАИС с запутанными соответствиями номенклатуры, отчет по соответствию номенклатуры алкогольной продукции ЕГАИС в Управлении торговлей 11.4, Комплексная автоматизация 2 и Розница 2.3

Оптовая торговля Рабочее место Обмен с ГосИС Корректировка данных Платформа 1С v8.3 Оперативный учет 1С:Управление торговлей 11 Оптовая торговля, дистрибуция, логистика Россия Управленческий учет Абонемент ($m)

Помощник позволяет наглядно увидеть как выполнено соответствие, сравнить остатки информационной базы с остатками ЕГАИС. Возможно создать документы ЕГАИС по данным расхождений. Помогает разобраться в ситуации, когда одному элементу справочника номенклатуры соответствует несколько элементов алкогольной продукции или, наоборот, одному алкоголю соответствует несколько номенклатур . Возможно устанавливать фильтры и обрабатывать поочередно различные типы и виды продукции. Для Розницы - два варианта: бех характеристик и с Характеристиками. При платном скачивании сделаю для вашей версии. (Возможно для Комплексной автоматизации). Предусмотрено сохранение промежуточных состояний работы с таблицей.

4 стартмани

15.04.2019    19382    69    Работник    53    

20

Открывашка ячеек таблиц

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Глобальное сочетание клавиш для открытия объекта по ссылке из текущей ячейки любой таблицы в большинстве управляемых форм

1 стартмани

27.10.2018    29018    16    tormozit    39    

107

Рисуем и распознаем нарисованное при помощи нейросети

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Абонемент ($m)

Используем нейронную сеть для распознавания нарисованных объектов.

1 стартмани

03.10.2018    24188    53    DO_WHILE_LOOP    28    

72

Расширение "Интерфейс Плюс"

Розничная торговля Рабочее место Платформа 1С v8.3 Оперативный учет 1С:Розница 2 1С:Управление торговлей 11 Россия Управленческий учет Абонемент ($m)

Расширение для 1С:Розница 2.2/2.3 и 1С:Управление Торговлей 11, которое позволит повысить удобство работы!

1 стартмани

22.09.2018    48462    195    RocKeR_13    138    

69

Рабочее место менеджера по продажам. УТ 11.3, 11.4, ERP 2.4

Рабочее место Оптовая торговля Платформа 1С v8.3 Оперативный учет 1С:ERP Управление предприятием 2 1С:Управление торговлей 11 Управленческий учет Абонемент ($m)

Рабочее место менеджера по продажам для УТ, ЕРП. Удобный инструмент в 1С для менеджеров по продажам для повседневной работы с клиентами. Все самое необходимое под рукой для оперативного создания заказа или реализации!

10 стартмани

17.08.2018    32539    98    Ivan90    51    

21

Визуализация событий на временной шкале средствами "Поле HTML документа"

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Интересный способ наглядно отобразить события на временной шкале. Например, может быть применен для красивого вывода документов по клиенту. Тестировалось на платформе 8.3.12.1469

1 стартмани

31.07.2018    36087    159    Plotks2017    27    

236

Продвинутое рисование в табличном документе (стрелок и не только)

Работа с интерфейсом Платформа 1С v8.3 Абонемент ($m)

Вспоминаем геометрию и основы компьютерной графики. Матрицы и аффинные преобразования на плоскости.

1 стартмани

24.07.2018    27974    28    WalterMort    31    

86

Работа с данными выбора

Работа с интерфейсом Платформа 1С v8.3 Россия Абонемент ($m)

В управляемом интерфейсе заложена мощная возможность описывать связи реквизитов формы через параметры. Установка параметров связей позволяет ограничить выбор данных так, чтобы целостность данных была обеспечена на этапе ввода. Однако без дополнительного программирования задать можно только самые простые связи. Такие условия связи, как зависимость от реквизита через точку или зависимость через дополнительное отношение, заданное в регистре сведений - уже задать без программирования не получится.

1 стартмани

17.07.2018    96216    33    kalyaka    17    

74

Иерархическая диаграмма

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Концепция диаграммы по иерархической структуре данных, например по номенклатуре (продажи или остатки на складах).

2 стартмани

17.06.2018    24991    21    DrAku1a    7    

54

Markdown и 1С:Предприятие. Визуализация разметки MD в поле HTML документа

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Пример работы с документами Markdown (MD) на платформе 1С:Предприятие 8. Используется поле HTML документа, подключение JavaScript библиотеки преобразования разметки Markdown в HTML.

1 стартмани

12.06.2018    18571    24    infosoft-v    12    

66

Свободные остатки в списке номенклатуры. Расширение для УНФ (актуально для УНФ ниже 1.6.19)

Обработка справочников Рабочее место Оптовая торговля Учет ТМЦ Платформа 1С v8.3 1С:Управление нашей фирмой 1.6 Россия Управленческий учет Абонемент ($m)

Расширение для программы УНФ помогает понять свободный остаток по товару в списке справочника «Номенклатура» без необходимости открытия «Подбора».

3 стартмани

31.01.2018    37639    0    SergeyMordvin    20    

42

Работа с картой. Кадастровый учет (Росреестр). Тематические карты

WEB-интеграция Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Абонемент ($m)

Внешняя обработка для работы с картами в 1С. Получения изображения с публичной кадастровой карты России, построения тематических карт

10 стартмани

31.08.2017    35210    39    vipchep    12    

25

Список заказов поставщикам (новая форма) + два ноу-хау для разработчиков

Рабочее место Взаиморасчеты Оптовая торговля Платформа 1С v8.3 Оперативный учет 1С:Комплексная автоматизация 1.х 1С:Управление торговлей 10 Управленческий учет Абонемент ($m)

Представлена внешняя обработка - "Список заказов поставщикам (новая форма)". Удобство заключается в том, что в одном окне списка отображается структура всех связанных документов с указанием контрагента (заказ поставщику - поступление товаров - заказ покупателя - реализация товаров - оплата товара покупателем). В этом же окне отображается список товаров с заказанным количеством и ценами. Имеется возможность видеть статусы заказов по цветам (исполнен, выполняется, черновик). Форму легко встроить в типовую конфигурацию.

2 стартмани

31.08.2017    39655    21    RustIG    18    

21

Вставка снимка экрана (screenshot) в форматированный документ

Работа с интерфейсом Платформа 1С v8.3 Россия Абонемент ($m)

Пример работы с буфером обмена и программной вставки скриншота в форматированный документ.

1 стартмани

30.08.2017    37081    55    Boneman    14    

80

Инструменты бухгалтера: Виджеты рабочего стола

Универсальные обработки Рабочее место Платформа 1С v8.3 Бухгалтерский учет 1С:Бухгалтерия 3.0 Абонемент ($m)

Настраиваемые виджеты на начальной странице, своеобразная панель для быстрого доступа к объектам. Виджеты это элементы интерфейса в виде цветных прямоугольников со ссылками на объекты конфигурации. Использование виджетов позволяет сконцентрировать на начальной странице часто используемые функции, например, варианты отчетов, списки документов, или используя виджет вводить новый документ прямо из начальной страницы.

2 стартмани

28.08.2017    54310    199    Bazil    33    

148

Список заказов покупателей (новый взгляд)

Рабочее место Монитор заказов Оптовая торговля Платформа 1С v8.3 Оперативный учет 1С:Комплексная автоматизация 1.х 1С:Управление торговлей 10 Управленческий учет Абонемент ($m)

Внешняя обработка "Список заказов покупателей". Фишка в том, что на одной форме отображается структура связанных документов с указанием контрагента. В этом окне также есть список товаров по заказу. Видны статусы заказов: исполнен, выполняется, черновик.

3 стартмани

16.08.2017    48985    82    RustIG    78    

36

Программное создание элементов графической схемы (через XSLT)

Работа с интерфейсом Универсальные функции Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Встала как-то передо мной задача визуализировать определенный прикладной процесс, лучше всего для этого подходит графическая схема. Так уж вышло, что 1С по не понятным мне причинам не предоставила возможность программно работать с элементами графической схемы. Пришлось импровизировать.....

1 стартмани

20.07.2017    33756    83    lazarenko    20    

61

Расширенная настройка динамического списка УФ

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Абонемент ($m)

Открывая управляемую форму выбора и не увидев там видимых в форме списка элементов, часто хочется узнать причину их отсутствия там, т. е. какой наложен отбор. Но стандартная настройка списка управляемой формы показывает только пользовательские настройки, скрывая от пользователя фиксированный отбор. Предлагаю вам расширение конфигурации с расширенной настройкой динамического списка, отображающей пользователю кроме пользовательских настроек еще фиксированные.

1 стартмани

31.05.2017    47267    178    tormozit    25    

135

Рисуем в 1С

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Вдруг захотелось порисовать в paint, а его использование заблокировано корпоративными политиками. Бывало такое? Тогда прошу под кат...

1 стартмани

11.05.2017    31445    87    pallid    35    

87

Графическая схема. Управление при помощи XDTO.

Работа с интерфейсом Платформа 1С v8.3 Абонемент ($m)

В статье описывается методика программного управления элементами графической схемы при помощи механизма XDTO. Приложена готовая к использованию библиотека функций для создания и удаления графических объектов, а также для связи элементов схемы соединительными линиями.

2 стартмани

16.01.2017    41117    166    Alxby    32    

146

Простой редактор плана помещения JavaScript

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

На ресурсе сейчас очень много решений, которые позволяют редактировать карты, используя географические схемы. Так же много решений, которые позволяют редактировать объекты онлайн веб-карт. Мне же нужно было простое решение, для того чтобы расставить квадратные объекты на плане, показать их пользователю. Ну и распечатать, опять же. Я решил написать простенький редактор на JavaScript с использованием библиотеки Raphael.

1 стартмани

23.11.2016    34913    116    igel9780    23    

109

Настройка начальной страницы (Рабочего стола)

Работа с интерфейсом Рабочее место Универсальные обработки Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Альтернатива стандартной настройке начальной страницы. В типовой доступны лишь те формы, что явно "разрешены" разработчиком в режиме конфигуратора. Эта обработка позволяет собрать "Рабочий стол" из любых подходящих форм в пользовательском режиме. Без программирования. БСП не используется. Не расширение. Универсальна, т.е. подойдет для любой конфигурации (в т.ч. самописной).

2 стартмани

19.10.2016    56968    304    Erne100    34    

69

Проверка заполнения штрихкодов для УТ 11.2/11.3 и Розница 2.2

Оптовая торговля Розничная торговля Рабочее место Анализ учета Платформа 1С v8.3 1С:Розница 2 1С:Управление торговлей 11 Розничная и сетевая торговля (FMCG) Россия Управленческий учет Абонемент ($m)

Новое поступление товаров? Хотите быстро и просто проверить, на все ли товары заданы штрихкоды и быстро? Тогда эта обработка для вас!

1 стартмани

27.07.2016    45893    97    RocKeR_13    37    

14