levis/help365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update help elma

Browse Source
This commit is contained in:
koziavin
2025-05-27 21:32:35 +04:00
parent a6b05d6789
commit 898b22bf32
4500 changed files with 89372 additions and 120699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
platform/how_to_bind_app_to_proccess.html
View File

@ -1,20 +1,19 @@
<!DOCTYPE html>
<html lang="ru">
<html lang="en">
<head>
<title>Cвязать приложение ELMA365 с бизнес-процессом</title>
<title>Associate a process with an app</title>
<meta name="generator" content="Help+Manual" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Чтобы задать порядок и условия работы с элементами приложения, его можно связать с бизнес-процессом. Например, с&nbsp;приложением Договоры можно связать бизнес-процесс Согласование...." />
<meta name="description" content="Set up the logic of working with an app by binding it with a business process. For example, the&nbsp;Contracts&nbsp;app can be bound to the&nbsp;Approval business process. The process would..." />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Cправка по Low-code платформе ELMA365" />
<meta property="og:url" content="https://elma365.com/ru/help" />
<meta property="og:image" content="" />
<meta property="og:site_name" content="ELMA365" />
<meta property="og:title" content="Full documentation for BRIX365 platform. Low-code developer guide. User guide. Admin guide. Developer guide." />
<meta property="og:url" content="https://brix365.com/en/help" />
<meta property="og:image" content="" />
<link rel="icon" href="favicon.png" type="image/png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
@ -24,7 +23,6 @@
<link rel="stylesheet" href="./article.css" />
<link rel="stylesheet" href="./glossary.css" />
<link rel="stylesheet" href="./theme.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
@ -36,16 +34,16 @@
</head>
<body>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M6ETBEC1R9"></script><script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'G-M6ETBEC1R9');</script>
<script>!function(e,t,c,n,r,a,m){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date;for(var s=0;s<document.scripts.length;s++)if(document.scripts[s].src===n)return;a=t.createElement(c),m=t.getElementsByTagName(c)[0],a.async=1,a.src=n,m.parentNode.insertBefore(a,m)}(window,document,"script","https://mc.yandex.ru/metrika/tag.js"),ym(83179930,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})</script><noscript><div><img alt=""src=https://mc.yandex.ru/watch/83179930 style=position:absolute;left:-9999px></div></noscript>
<header class="header elma-365">
<div class="container">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo.svg" alt="header logo">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-en.svg" alt="header logo">
</a>
<!-- <div class="hero__search-form" id="search-panel">
<form class="search-form" onsubmit="ym(83179930,'reachGoal','poisk')">
<form class="search-form" onsubmit="ym(83180416,'reachGoal','poisk')">
<label class="search-form__label">
<span id="reset-search" class="search__icon"></span>
<input class="search-form__input" type="text">
@ -65,7 +63,7 @@
</div>
<div class="header__navi">
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a class="project-link" href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li><li><a class="project-link" href="https://elma365.com/ru/help/business_solutions/-elma365-store.html">Бизнес-решения</a></li></ul></span></li><li><a href="https://api.elma365.com/ru/"target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/"target="_blank">SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/" target="_blank">Академия</a></li><li><a href="https://elma365.com/ru/" target="_blank">Сайт ELMA365</a></li></ul>
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a class="project-link" href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://brix365.com/en/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li><li><a class="project-link" href="https://brix365.com/en/help/business_solutions/-elma365-store.html">Business Solutions</a></li></ul></span></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li><li><a href="https://tssdk.brix365.com/" target="_blank">SDK</a></li></ul>
</div>
@ -80,8 +78,8 @@
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo-light.svg">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-light-en.svg">
</a>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
@ -94,15 +92,15 @@
<div class="article-inner">
<div class="content">
<header class="article__header">
<div class="article__bread" style="display:flex; gap:10px;">
<div class="article__bread" style="display:flex; gap:10px;">
<span id="subcategory" class="search-res__item-category search-res__item-category_subcategory subcategory article__badge"></span>
<div class="topic__breadcrumbs">
<p>С чего начать / Cвязать приложение ELMA365 с бизнес-процессом</p>
<p>Getting started / Associate a process with an app</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Cвязать приложение с бизнес-процессом</span></h1>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Associate a process with an app</span></h1>
</div>
</header>
@ -111,90 +109,84 @@
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p class="p_Normal" style="margin: 14px 0 0 0;">Чтобы задать порядок и условия работы с элементами приложения, его можно связать с бизнес-процессом. Например, с приложением <span style="font-weight: bold;">Договоры</span> можно связать бизнес-процесс <span style="font-weight: bold;">Согласование</span>. Это позволит:</p>
<ul style="list-style-type:disc">
<li class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">автоматизировать этапы рассмотрения документа внутри компании;</li><li class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">зафиксировать, кто именно согласует договор и в какие сроки;</li><li class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">определить, какими должны быть действия сотрудников, если договор не согласован.</li></ul>
<p class="p_Normal" style="margin: 14px 0 0 0;">Бизнес-процессы настраиваются в дизайнере бизнес-процессов ELMA365. Он выглядит следующим образом:</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="3.25" width="921" height="525" style="margin:0;width:921px;height:525px;border:none" src="3.25.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">По центру расположено поле для моделирования, а справа — панель с элементами, необходимыми для построения процесса.</p>
<h2 class="p_Heading2" style="margin: 19px 0 0 0;"><span class="f_Heading2" style="font-size: 24px;">Создать новый бизнес-процесс для приложения</span></h2>
<p class="p_Normal" style="margin: 14px 0 0 0;">Построим бизнес-процесс для приложения <span style="font-weight: bold;">Договоры</span>. Описание создания данного приложения вы можете посмотреть в статье <a href="how_to_create_an_app.html" class="topiclink">«Создать приложение»</a>.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Нажмите на значок шестерёнки<span class="f_ImageCaption"> </span>рядом с названием приложения и выберите в меню пункт <span style="font-weight: bold;">Бизнес-процесс</span>. Отобразится страница, которая содержит список бизнес-процессов приложения.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Для создания нового бизнес-процесса нажмите на кнопку <span style="font-weight: bold;">+ Процесс</span>.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">В появившемся окне заполните поля:</p>
<ul style="list-style-type:disc">
<li><span style="font-weight: bold;">Название</span><span style="font-weight: bold; color: #ff0000;">*</span> — укажите наименование, которое будет отображаться в списке бизнес-процессов приложения;</li><li><span style="font-weight: bold;">Код</span><span style="font-weight: bold; color: #ff0000;">*</span> — используется для работы с API. Поле заполняется автоматически, но при необходимости его значение можно изменить;</li><li><span style="font-weight: bold;">Родительская категория </span>— укажите папку, в которой будет располагаться бизнес-процесс. Чтобы создать новую папку, перейдите на страницу со списком бизнес-процессов и нажмите на кнопку <span style="font-weight: bold;">+ Папка</span>.</li></ul>
<p class="p_Normal" style="margin: 14px 0 0 0;">После того как поля будут заполнены, нажмите на кнопку <span style="font-weight: bold;">Создать</span>. Откроется дизайнер, где вы сможете построить бизнес-процесс — маршрут согласования договора.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="how_to_bind_app_to_proccess-3" width="1170" height="665" style="margin:0;width:1170px;height:665px;border:none" src="how_to_bind_app_to_proccess-3.gif"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;">Set up the logic of working with an app by binding it with a business process. For example, the <span style="font-weight: bold;">Contracts</span> app can be bound to the <span style="font-weight: bold;">Approval</span> business process. The process would include all the stages of document approval, approvers, deadlines, as well as the steps for the users to take in case the contract is not approved.</p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;">Business processes are configured in the BRIX business process designer. The image below demonstrates the basic layout of the designer:</p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><img alt="HtAaAWaBP1" width="922" height="606" style="margin:0;width:922px;height:606px;border:none" src="htaaawabp1.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">The modeling canvas is located in the center, on the right side you can see a panel with all the workflow activities.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">&nbsp;</span></h2>
<h2 class="p_Heading2"><span class="f_Heading2">Настроить схему </span></h2>
<p class="p_Normal">&nbsp;</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Для примера создадим следующий процесс: инициатор отправляет договор на согласование, его рассматривают начальник отдела продаж и юрист. При необходимости договор отправляется на доработку. После того, как документ будет согласован обоими участниками, он регистрируется секретарем. После этого процесс завершается.</p>
<p class="p_Normal"><img alt="3.55" width="707" height="393" style="margin:0;width:707px;height:393px;border:none" src="3.55.png"/></p>
<h2 class="p_Heading2"><span class="f_Heading2">Добавить участников</span></h2>
<p class="p_Normal">Каждый сотрудник, выполняющий какую-либо роль в процессе, обозначается на схеме при помощи <a href="360012263032.html" class="topiclink">зоны ответственности</a>. В процессе согласования их будет три: <span style="font-weight: bold;">Инициатор</span>, <span style="font-weight: bold;">Согласующие</span> и <span style="font-weight: bold;">Секретарь</span>. Так как согласующих несколько — начальник отдела продаж и юрист — для удобства объедините их в одну пользовательскую группу. Для этого перейдите в <span style="font-weight: bold;">Администрирование &gt;</span> <span style="font-weight: bold;">Группы</span> и нажмите кнопку <span style="font-weight: bold;">Добавить</span>.</p>
<p class="p_Normal"><img alt="7.1" width="943" height="468" style="margin:0;width:943px;height:468px;border:none" src="7.1.png"/></p>
<p class="p_Normal">Задайте название <span style="font-weight: bold;">Договоры. Согласующие</span> и сохраните настройки. В дальнейшем эта группа потребуется для настройки зон ответственности.</p>
<p class="p_Normal">Зона ответственности инициатора уже добавлена на схему по умолчанию. Так как инициировать процесс может любой сотрудник, в этой зоне ответственности не указывается конкретный исполнитель. Такие зоны ответственности называются динамическими. </p>
<p class="p_Normal">Добавьте зоны ответственности согласующих. Здесь следует использовать статическую зону ответственности, так как исполнители известны заранее. В поле <span style="font-weight: bold;">Группа пользователей </span>укажите ранее созданную группу согласующих.<br />
<img alt="3.16" width="810" height="362" style="margin:0;width:810px;height:362px;border:none" src="3.16.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Добавьте третью зону ответственности <span style="font-size: 15px; color: #394149; background-color: #ffffff;">—</span> статическую, для секретаря, который будет регистрировать согласованный договор.<br />
<img alt="3.6" width="990" height="651" style="margin:0;width:990px;height:651px;border:none" src="3.6.png"/></p>
<h2 class="p_Heading2"><span class="f_Heading2">Добавить операции</span></h2>
<p class="p_Normal" style="margin: 14px 0 0 0;">Теперь в зоны ответственности необходимо добавить операции и связать их между собой переходами. Поместить элемент на схему легко <span style="font-size: 15px; color: #394149; background-color: #ffffff;">—</span> просто перетащите его с правой панели и разместите в нужной зоне ответственности. Затем соедините элементы переходами, чтобы задать направление процесса.</p>
<p style="margin: 14px 0 0 0;">При необходимости вы можете копировать элементы на схеме в рамках одного процесса. Для этого зажмите кнопку <span style="font-weight: bold;">Shift</span> на клавиатуре и перетащите элемент в другое место схемы. <span style="font-size: 15px; font-family: Helvetica,'Helvetica Light',Roboto,Arial,sans-serif; background-color: #ffffff;">&nbsp;</span></p>
<p><span style="font-size: 13px; color: #000000;">&nbsp;</span></p>
<p class="p_Normal">Нам потребуются следующие элементы: <span style="font-weight: bold;">Задача</span>, <span style="font-weight: bold;">Оповещение</span>, <span style="font-weight: bold;">Согласование</span> и <span style="font-weight: bold;">Закрыть согласование</span>. Также в процессе обязательно используется стартовое событие и конечное событие.</p>
<h3 class="p_Heading3"><span class="f_Heading3">Стартовое событие</span></h3>
<p style="margin: 7px 0 16px 0;"><span style="font-size: 13px; font-family: Inter;">Схема любого процесса начинается со стартового события. Когда сотрудник добавляет новый договор в систему и нажимает на его карточке кнопку </span><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Согласовать</span><span style="font-size: 13px; font-family: Inter;">, появляется форма запуска. На ней можно ввести комментарий, указать сроки согласования и так далее.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-size: 13px; font-family: Inter;">Чтобы настроить форму, дважды нажмите на стартовое событие на схеме. В окне настроек откройте вкладку </span><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Форма</span><span style="font-size: 13px; font-family: Inter;">. Слева в колонке </span><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Контекст</span><span style="font-size: 13px; font-family: Inter;"> перечислены переменные процесса, включая поле </span><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Договор</span><span style="font-size: 13px; font-family: Inter;">, в котором хранится сам документ. Перенесите на форму те поля, которые пользователи должны заполнить, отправляя договор на согласование.</span></p>
<p class="p_Normal"><img alt="how-to-bind-app-to-process-start-form-1" width="972" height="543" style="margin:0;width:972px;height:543px;border:none" src="how-to-bind-app-to-process-start-form-1.png"/></p>
<p class="p_Normal">Если в контексте недостаточно переменных, создайте их. Нажмите на кнопку <span style="font-weight: bold;">+ Добавить, </span>укажите название и тип данных новой переменной. Например, для поля <span style="font-weight: bold;">Согласовать до</span> выберите тип данных<span style="font-weight: bold;"> </span><a href="360009707032.html#date-time" class="topiclink">Дата/время</a>.</p>
<p style="margin: 7px 0 16px 0;"><span style="font-size: 13px; font-family: Inter;">Подробнее о настройке формы стартового события читайте в статье </span><span style="font-size: 13px; font-family: Inter; color: #0563c1;"><a href="360012496011.html#form_tab" class="topiclink">«События»</a></span><span style="font-size: 13px; font-family: Inter; color: #394149;">.</span></p>
<h3 class="p_Heading3"><span class="f_Heading3">Элемент «Согласование»</span></h3>
<p class="p_Normal">Разместите элемент <a href="360010366380.html" class="topiclink">Согласование</a> в зоне ответственности согласующих. Дважды нажмите на него и настройте:</p>
<p class="p_Normal" style="margin: 26px 0 0 0;">На вкладке <span style="font-weight: bold;">Основное</span> выберите в выпадающем списке документ, который вы отправляете на согласование. В нашем примере это <span style="font-weight: bold;">Договор</span>.</p>
<p class="p_Normal" style="margin: 26px 0 0 0;">Выберите тип согласования. Допустим, мы хотим, чтобы все согласующие рассматривали договор одновременно. После того, как каждый из них примет решение, договор отправится дальше по маршруту. Для этого выберите <span style="font-weight: bold;">Параллельное</span> согласование.<br />
<img alt="3.11" width="887" height="519" style="margin:0;width:887px;height:519px;border:none" src="3.11.png"/></p>
<p class="p_Normal" style="margin: 26px 0 0 0;">На вкладке <span style="font-weight: bold;">Время</span> <span style="font-weight: bold;">выполнения</span> задайте срок, отведенный на выполнение этой задачи, если хотите ограничить согласование по времени.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Откройте вкладку <span style="font-weight: bold;">Переходы </span>и<span style="font-weight: bold;"> </span>отметьте переход <span style="font-weight: bold;">Отказать </span>как<span style="font-weight: bold;"> </span>переход по умолчанию. Процесс пойдет по нему, если не будут выполнены условия перехода <span style="font-weight: bold;">Согласовать, </span>например, если один из согласующих вынесет отрицательное решение. Обратите внимание, по умолчанию в качестве названия перехода используется название элемента, к которому он ведет. На вкладке <span style="font-weight: bold;">Переходы</span> вы можете эти названия изменить.<br />
<img alt="3.22" width="532" height="241" style="margin:0;width:532px;height:241px;border:none" src="3.22.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Переход «Согласовать»</span></h3>
<p class="p_Normal">Теперь настройте сам переход <span style="font-weight: bold;">Согласовать</span>. Здесь необходимо определить условия, при которых договор будет считаться согласованным, ведь в процессе участвует несколько согласующих и кто-то может согласовать договор, а кто-то отклонить. Дважды нажмите на переход на карте процесса, перейдите на вкладку <span style="font-weight: bold;">Условия перехода</span> и задайте процент согласования равный 100. Это значит, что договор будет согласован только в том случае, если все согласующие примут положительное решение, после чего процесс двинется дальше.<br />
<img alt="3.3" width="669" height="239" style="margin:0;width:669px;height:239px;border:none" src="3.3.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Оповещения</span></h3>
<p class="p_Normal" style="margin: 14px 0 0 0;">После того, как согласующие приняли решение, нужно сообщить инициатору, был ли договор согласован или отклонен. Для этого добавьте на схему два оповещения. К одному подведите переход <span style="font-weight: bold;">Согласовать</span>, а ко второму <span style="font-size: 15px; color: #4d5156; background-color: #ffffff;">—&nbsp;</span>переход <span style="font-weight: bold;">Отказать</span>.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">В настройках каждого оповещения напишите его тему и текст, а на вкладке <span style="font-weight: bold;">Получатели</span> укажите, кому именно требуется отправить оповещение.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="3ю2" width="808" height="448" style="margin:0;width:808px;height:448px;border:none" src="hmfile_hash_c264634b.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Для этого нажмите на кнопку <span style="font-weight: bold;">Добавить</span> и выберите контекстную переменную <span style="font-weight: bold;">Инициатор</span>. </p>
<h3 class="p_Heading3"><span class="f_Heading3">Элемент «Закрыть Согласование»</span></h3>
<p class="p_Normal">Этот элемент используется как вспомогательный для элемента <span style="font-weight: bold;">Согласование</span>. Он размещается на том отрезке, где необходимо завершить согласование документа и вынести резолюцию, не дожидаясь окончания бизнес-процесса. Разместите его сразу после оповещения о том, что договор согласован. В настройках в качестве объекта согласования выберите <span style="font-weight: bold;">Договор</span> и установите переключатель в положение <span style="font-weight: bold;">Согласовано</span>.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="3.88" width="856" height="405" style="margin:0;width:856px;height:405px;border:none" src="3.88.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Теперь, когда процесс дойдет до этой точки, резолюция появится на карточке договора, и согласованный документ пойдет дальше по маршруту.</p>
<h3 class="p_Heading3"><span class="f_Heading3">Задачи «Внести правки» и «Зарегистрировать договор»</span></h3>
<p class="p_Normal">Помимо непосредственно согласования, процесс может включать дополнительные задачи.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Если согласующие отклонили договор, нужно вернуть его инициатору на доработку. Для этого добавим задачу <span style="font-weight: bold;">Внести правки в договор </span>в<span style="font-weight: bold;"> </span>зону ответственности инициатора. Инициатор внесет правки и сможет снова отправить документ на согласование <span style="font-size: 15px; color: #394149; background-color: #ffffff;">—</span> для этого предусмотрим переход от задачи <span style="font-weight: bold;">Внести</span> <span style="font-weight: bold;">правки</span> к задаче <span style="font-weight: bold;">Согласование</span>.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Согласованный договор уходит секретарю на регистрацию. Добавьте задачу на схему, укажите ее название и ограничьте задачу по времени. На форму задачи обязательно добавьте переменную <span style="font-weight: bold;">Договор</span>.<br />
<img alt="3.19" width="813" height="486" style="margin:0;width:813px;height:486px;border:none" src="3.19.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Это нужно для того, чтобы прямо из задачи секретарь смог перейти на карточку документа и зарегистрировать его.</p>
<h3 class="p_Heading3"><span class="f_Heading3">Конечное событие</span></h3>
<p class="p_Normal" style="margin: 14px 0 0 0;">Теперь добавьте конечное событие в том месте, где процесс должен завершится:</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="3.177" width="644" height="366" style="margin:0;width:644px;height:366px;border:none" src="3.177.png"/></p>
<h2 class="p_Heading2"><span class="f_Heading2">Create a new process for an app</span></h2>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Let</span><span style="font-size: 15px; font-family: Inter;">’s a</span><span style="color: #394149;">dd a business process for the </span><span style="font-weight: bold; color: #394149;">Contracts</span><span style="color: #394149;"> app. Read about setting it up in the </span><span style="color: #0000ff;"><a href="how_to_create_an_app.html" class="topiclink">Create an app</a> </span><span style="color: #394149;">article.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Click the gear icon next to the app’s name and select </span><span style="font-weight: bold; color: #394149;">Business Processes</span><span style="color: #394149;"> in the menu. A page with associated business processes opens.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">To add a new business process, click the </span><span style="font-weight: bold; color: #394149;">+Process</span><span style="color: #394149;"> button.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Fill out the fields in the pop-up window:</span></p>
<ul style="list-style-type:disc">
<li class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">после задачи <span style="font-weight: bold;">Зарегистрировать договор</span>, когда договор прошел все этапы маршрута;</li><li class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">после задачи <span style="font-weight: bold;">Внести правки</span> на тот случай, если необходимые правки внести невозможно.</li></ul>
<p class="p_Normal" style="margin: 14px 0 0 0;">Готовый маршрут нужно сохранить, проверить и опубликовать <span style="font-size: 15px; color: #394149; background-color: #ffffff;">—</span> для этого предусмотрены кнопки в верхнем меню. После этого процесс станет доступен пользователям.</p>
<h2 class="p_Heading2"><span class="f_Heading2">Привязать маршрут к типу документа</span></h2>
<p class="p_Normal">Когда маршрут настроен и опубликован, его нужно привязать к приложению <span style="font-weight: bold;">Договоры</span> Вы можете сделать это одним из следующих способов:</p>
<li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold; color: #394149;">Name</span><span style="font-weight: bold; color: #ff0000;">*</span><span style="color: #394149;">. Enter the name which will be displayed on the business processes page of the app.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold; color: #394149;">Type</span><span style="font-weight: bold; color: #ff0000;">*</span><span style="color: #394149;">. Select a process with the BPMN elements.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold; color: #394149;">Parent category</span><span style="color: #394149;">. Specify the folder that will store the business process. To create a new folder, open the list of business processes and click </span><span style="font-weight: bold; color: #394149;">+Folder</span><span style="color: #394149;">.</span></li></ul>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">After the fields are filled out, click the </span><span style="font-weight: bold; color: #394149;">Create</span><span style="color: #394149;"> button. The process designer page opens. Here you can set up a business process which will determine the route of a contract’s approval.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><img alt="HtAaAWaBP2" width="1366" height="625" style="margin:0;width:1366px;height:625px;border:none" src="htaaawabp2.gif"/></p>
<h2 class="p_Heading2"><span class="f_Heading2">&nbsp;</span></h2>
<h3 class="p_Heading3"><span class="f_Heading3">Set up the process diagram</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 0 0 11px 0;"><span style="color: #394149;">As an example, let</span><span style="font-size: 15px; font-family: Inter;">’</span><span style="color: #394149;">s create the following process: the initiator sends a contract for approval, and it is reviewed by the Head of Sales and the Legal Officer. If necessary, the contract is then sent for revision. After the contract is approved by both participants, it is registered by the accountant. Then the process ends.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 0 0 11px 0;"><img alt="HtAaAWaBP3" width="777" height="419" style="margin:0;width:777px;height:419px;border:none" src="htaaawabp3.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Add participants</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">Every employee who has any role in the process is represented on the diagram with a </span><span style="color: #0000ff;"><a href="360012263032.html" class="topiclink">swimlane</a></span><span style="color: #394149;">. In the given approval process there are three swimlanes: </span><span style="font-weight: bold; color: #394149;">Initiator</span><span style="color: #394149;">, </span><span style="font-weight: bold; color: #394149;">Approvers</span><span style="color: #394149;">, and </span><span style="font-weight: bold; color: #394149;">Accountant</span><span style="color: #394149;">. As we have several approvers, the Head of the Sales and the Legal Officer, add them to one user group for convenience. To do this, go to </span><span style="font-weight: bold; color: #394149;">Administration &gt; Groups</span><span style="color: #394149;"> and click the </span><span style="font-weight: bold; color: #394149;">+Group</span><span style="color: #394149;"> button.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><img alt="HtAaAWaBP4" width="908" height="461" style="margin:0;width:908px;height:461px;border:none" src="htaaawabp4.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">Name the group </span><span style="font-weight: bold; color: #394149;">Contracts. Approvers</span><span style="color: #394149;"> and save the settings. We are going to need this group for swimlane configuration later.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">The </span><span style="font-weight: bold; color: #394149;">Initiator </span><span style="color: #394149;">swimlane is added to the diagram by default. As any employee can initiate a process, this swimlane does not have a specific executor. Such swimlanes are called dynamic.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Add a swimlane for approvers. Use a static swimlane since the executors are known beforehand. In the <span style="font-weight: bold;">Select group </span>field, select the group of approvers created earlier.</p>
<p style="line-height: 1.20; margin: 0 0 7px 0;"><img alt="HtAaAWaBP5" width="477" height="386" style="margin:0;width:477px;height:386px;border:none" src="htaaawabp5.png"/></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Add the third swimlane for the accountant who is going to register the approved contract. Make it static as well.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP6" width="1195" height="539" style="margin:0;width:1195px;height:539px;border:none" src="htaaawabp6.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Add activities</span></h3>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Now, you have to place the activities into the swimlanes and connect them. Adding an activity to the diagram is simple. Just drag it from the right side panel and drop in the intended swimlane. Then, connect the activities using connectors to set the route of the process.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">You are going to need the following activities: </span><span style="font-weight: bold; color: #394149;">Task</span><span style="color: #394149;">, </span><span style="font-weight: bold; color: #394149;">Notification</span><span style="color: #394149;">, </span><span style="font-weight: bold; color: #394149;">Approval</span><span style="color: #394149;">, and </span><span style="font-weight: bold; color: #394149;">End approval</span><span style="color: #394149;">. Also, any process always has a </span><span style="font-weight: bold; color: #394149;">Start event</span><span style="color: #394149;"> and an </span><span style="font-weight: bold; color: #394149;">End event</span><span style="color: #394149;"> activity.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">Start Event</span></h4>
<p class="p_Normal"><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">The </span><span style="color: #394149;">diagram</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> of any process begins with a start event. When an employee adds a new contract to the system and clicks the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Send for approval</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> button on its page, a start form appears. On this form, one can enter comments, specify approval deadlines, and so on.</span></p>
<p class="p_Normal" style="margin: 20px 0 0 0;"><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">To configure the form, double-click on the start event in the diagram. In the settings window, open the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Form</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> tab. On the left, in the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Context</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> column, the process variables are listed, including the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Contract</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> field which stores the document itself. Add the fields that users need to fill out when sending the contract for approval to the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Name on form</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> column.</span></p>
<p class="p_Normal" style="margin: 20px 0 0 0;"><img alt="how_to_bind_app_to_proccess-7" width="787" height="489" style="margin:0;width:787px;height:489px;border:none" src="how_to_bind_app_to_proccess-7.png"/></p>
<p class="p_Normal" style="margin: 20px 0 0 0;"><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">If you lack a variable in the context, create it by clicking the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">+Add</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> button. Specify the name and data type of the new variable. For example, for the </span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; font-weight: bold; color: #374151;">Approve until</span><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;"> field, select the <a href="360009707032.html#date-time" class="topiclink">Date/time</a> data type.</span></p>
<p class="p_Normal" style="margin: 20px 0 0 0;"><span style="font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif; color: #374151;">For more information on configuring the start event form, read the <a href="360012496011.html#form_tab" class="topiclink">Events</a> article.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">Approval activity</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">Place the </span><span style="color: #0000ff;"><a href="360010366380.html" class="topiclink">Approval</a></span><span style="color: #394149;"> activity in the approvers swimlane. Double-click to configure.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">In the </span><span style="font-weight: bold; color: #394149;">General</span><span style="color: #394149;"> tab, in the drop-down menu, select the document you’re sending for approval. In this example it is the </span><span style="font-weight: bold; color: #394149;">Contract</span><span style="color: #394149;">.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="color: #394149;">Select </span><span style="font-weight: bold; color: #394149;">Approval type</span><span style="color: #394149;">. Suppose we want all approvers to work with the contract at the same time. After every one of them makes a decision, the contract continues down the route. To do this, select the </span><span style="font-weight: bold; color: #394149;">Parallel</span><span style="color: #394149;"> approval type.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><img alt="HtAaAWaBP8" width="826" height="431" style="margin:0;width:826px;height:431px;border:none" src="htaaawabp8.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 26px 0 0 0;"><span style="color: #394149;">If needed, set a deadline for the task on the </span><span style="font-weight: bold; color: #394149;">Deadline</span><span style="color: #394149;"> tab.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="color: #394149;">Open the </span><span style="font-weight: bold; color: #394149;">Connectors</span><span style="color: #394149;"> tab and check the </span><span style="font-weight: bold; color: #394149;">Reject</span><span style="color: #394149;"> box as a default connector. Now, the process follows this route if the conditions of the </span><span style="font-weight: bold; color: #394149;">Approve</span><span style="color: #394149;"> connector are not met. For example, one of the approvers comes to a negative decision. Note that the name of the connector is the same as the name of the following activity by default. You can change the names on the </span><span style="font-weight: bold; color: #394149;">Connectors</span><span style="color: #394149;"> tab.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP9" width="847" height="262" style="margin:0;width:847px;height:262px;border:none" src="htaaawabp9.png"/></p>
<h4 class="p_Heading4"><span class="f_Heading4">Approve connector</span></h4>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="color: #394149;">Now, configure the </span><span style="font-weight: bold; color: #394149;">Approve</span><span style="color: #394149;"> connector. Here you need to determine the conditions for the contract to be considered as approved. The process involves several approvers, some of them may approve the contract and some of them may not. Double-click on the connector on the modeling field, go to the </span><span style="font-weight: bold; color: #394149;">Conditions</span><span style="color: #394149;"> tab and set the approval percentage to 100. This means that the contract is considered approved only when all the approvers make a positive decision. After that, the process continues.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP10" width="980" height="227" style="margin:0;width:980px;height:227px;border:none" src="htaaawabp10.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">&nbsp;</span></h3>
<h4 class="p_Heading4"><span class="f_Heading4">Notifications</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">After the approvers make a decision, the initiator has to be notified whether the contract has been approved or not. To do this, add two notification activities to the diagram. Connect one of them with the </span><span style="font-weight: bold; color: #394149;">Approve</span><span style="color: #394149;"> connector, and the other with the </span><span style="font-weight: bold; color: #394149;">Reject</span><span style="color: #394149;"> connector.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">In the settings of every notification enter a name and a message text. Also, select the recipient on the </span><span style="font-weight: bold; color: #394149;">Recipients</span><span style="color: #394149;"> tab.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><img alt="HtAaAWaBP11" width="630" height="434" style="margin:0;width:630px;height:434px;border:none" src="htaaawabp11.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">To do this, click </span><span style="font-weight: bold; color: #394149;">Add</span><span style="color: #394149;"> and select the </span><span style="font-weight: bold; color: #394149;">Initiator</span><span style="color: #394149;"> context variable.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">End Approval</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="font-weight: bold; color: #394149;">End approval</span><span style="color: #394149;"> is always used with the </span><span style="font-weight: bold; color: #394149;">Approval</span><span style="color: #394149;"> activity. It allows you to see the final decision on the document right away without having to wait for the process to be completed. Place it near the contract approval notification. Open the settings, select the </span><span style="font-weight: bold; color: #394149;">Contract</span><span style="color: #394149;"> variable as an approval object and then select the </span><span style="font-weight: bold; color: #394149;">Approved</span><span style="color: #394149;"> decision.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><img alt="HtAaAWaBP12" width="819" height="367" style="margin:0;width:819px;height:367px;border:none" src="htaaawabp12.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Now, when the contract reaches this stage of the workflow, the decision appears on the contract page while the process flow continues.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">Make changes and Register the contract tasks</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">Apart from the approval task itself, the process can include additional tasks.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 7px 0 16px 0;"><span style="color: #394149;">If the approvers have rejected the contract, it needs to be returned to the initiator to make changes. To do this, add the </span><span style="font-weight: bold; color: #394149;">Make changes to the contract </span><span style="color: #394149;">task to the initiator’s swimlane</span><span style="font-weight: bold; color: #394149;">. </span><span style="color: #394149;">This allows the initiator to make changes and be able to resend the document for approval. Make this option available by adding a connector between the </span><span style="font-weight: bold; color: #394149;">Make changes</span><span style="color: #394149;"> and the </span><span style="font-weight: bold; color: #394149;">Approval</span><span style="color: #394149;"> tasks.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="color: #394149;">The approved contract goes to the accountant for registration. Add the task to the diagram, name it and set a deadline. Remember to add the </span><span style="font-weight: bold; color: #394149;">Contract</span><span style="color: #394149;"> variable to the task form.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP13" width="820" height="507" style="margin:0;width:820px;height:507px;border:none" src="htaaawabp13.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Now, the accountant can access the document page and register it straight from the task.</span></p>
<h4 class="p_Heading4"><span class="f_Heading4">End Event</span></h4>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Finally, add an </span><span style="font-weight: bold; color: #394149;">End event</span><span style="color: #394149;"> at the end of the route:</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><img alt="HtAaAWaBP14" width="785" height="427" style="margin:0;width:785px;height:427px;border:none" src="htaaawabp14.png"/></p>
<ul style="list-style-type:disc">
<li class="p_Normal">на странице со списком процессов приложения напротив названия процесса нажмите на три точки и выберите <span style="font-weight: bold;">Привязать к приложению</span>. Процесс будет запускаться автоматически по кнопке <span style="font-weight: bold;">Сохранить</span> после создания элемента. Подробнее читайте в статье <a href="360009921131.html#start-process" class="topiclink">«Бизнес-процессы на уровне приложения»</a>;</li><li class="p_Normal">в карточку договора добавьте кнопку для запуска процесса на определённом этапе работы с элементом приложения. </li></ul>
<p class="p_Normal">Рассмотрим подробнее второй вариант. &nbsp;</p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Перейдите в приложение <span style="font-weight: bold;">Договоры</span> и откройте карточку любого договора. В нижней части формы, рядом с кнопкой <span style="font-weight: bold;">Редактировать</span>, нажмите значок шестеренки, а затем значок плюса. В меню выберите пункт <span style="font-weight: bold;">Добавить кнопку запуска процесса</span>. Настройте кнопку:</p>
<li style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">After the </span><span style="font-weight: bold; color: #394149;">Register the contract</span><span style="color: #394149;"> task when the contract has finished the route.</span></li><li style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">After the </span><span style="font-weight: bold; color: #394149;">Make changes</span><span style="color: #394149;"> task, in case it is impossible to make necessary changes.</span></li></ul>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Save, check, and published the process using the top menu buttons. After this, the process will be available for the users.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Associate the route with a document type</span></h2>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">When the route is configured and published, you need to associate it with the </span><span style="font-weight: bold; color: #394149;">Contracts</span><span style="color: #394149;"> app and a Process launch button to the contract form.</span></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Go to the </span><span style="font-weight: bold; color: #394149;">Contracts</span><span style="color: #394149;"> app and open any contract item. In the bottom left corner of the form, click on the gear icon near the </span><span style="font-weight: bold; color: #394149;">Edit</span><span style="color: #394149;"> button. Click the </span><span style="font-weight: bold; color: #394149;">+</span><span style="color: #394149;"> icon. In the pop-up menu, select </span><span style="font-weight: bold; color: #394149;">Add the &quot;Process start&quot; button</span><span style="color: #394149;">. Configure the button:</span></p>
<ol style="list-style-type:decimal">
<li value="1" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">Введите название кнопки <span style="font-size: 15px; color: #394149; background-color: #ffffff;">—</span> <span style="font-weight: bold;">Отправить на согласование</span> и выберите её цвет.</li><li value="2" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">Определите, кому из пользователей будет доступна кнопка <span style="font-size: 15px; color: #394149; background-color: #ffffff;">—</span> всем или только тем, у кого есть доступ на редактирование или удаление договора.</li><li value="3" class="p_Normal" style="margin-top: 14px; margin-right: 0; margin-bottom: 0;">В поле для выбора процесса выберите созданный на предыдущих шагах процесс <span style="font-weight: bold;">Согласование.</span><br />
<img alt="3.11" width="1104" height="617" style="margin:0;width:1104px;height:617px;border:none" src="3.11.gif"/></li></ol>
<p class="p_Normal" style="margin: 14px 0 0 0;">Теперь в карточке договора появится кнопка <span style="font-weight: bold;">Отправить на согласование</span>. Нажав на неё, сотрудник запустит процесс: договор направится согласующим, им будут поставлены соответствующие задачи, после чего договор уйдет на регистрацию. Для регистрации на боковой панели документа предусмотрены поля, в которых секретарь укажет место регистрации и дело, а также введёт регистрационный номер договора.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="3.24" width="340" height="305" style="margin:0;width:340px;height:305px;border:none" src="3.24.png"/></p>
<p class="p_Normal" style="margin: 14px 0 0 0;">Обратите внимание, регистрация доступна только для приложений типа <span style="font-weight: bold;">Документ</span>. Для того чтобы пользователи могли регистрировать документы в системе, настройте <span style="font-weight: bold;">Номенклатуру дел</span> и включите регистрацию. Подробно о том, как это сделать, читайте в статье <a href="records_classification.html" class="topiclink">«Номенклатура и настройки регистрации»</a>.</p>
<li value="1" style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">Add a title to the button: </span><span style="font-weight: bold; color: #394149;">Send for approval</span><span style="color: #394149;">. Choose its color.</span></li><li value="2" style="line-height: 1.20; background: #ffffff; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="color: #394149;">Select whether to always show the button, or only if editing or deleting is allowed.</span></li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="color: #394149;">Select the </span><span style="font-weight: bold; color: #394149;">Approval</span><span style="color: #394149;"> process created in the previous steps.</span></li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 34px;"><img alt="HtAaAWaBP15" width="1366" height="625" style="margin:0;width:1366px;height:625px;border:none" src="htaaawabp15.gif"/></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Now the contract form contains the <span style="font-weight: bold;">Send for approval</span> button. When an employee clicks on it, the process starts. The system sends the contract to the approvers and assigns the corresponding tasks. Then, the contract goes to registration. You can find the fields for registration on the side panel of the document. The accountant has to add an office, a folder and enter the registration number for the contract.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="HtAaAWaBP16" width="267" height="237" style="margin:0;width:267px;height:237px;border:none" src="htaaawabp16.png"/></p>
<p style="line-height: 1.20; background: #ffffff; margin: 14px 0 0 0;"><span style="color: #394149;">Note that the registration is only available for the apps of the Document type. To register documents in the system, set up </span><span style="font-weight: bold; color: #394149;">Document categorization</span><span style="color: #394149;"> and enable registration. To learn more see </span><span style="color: #0000ff;"><a href="records_classification.html" class="topiclink">Document categorization and registration settings</a></span><span style="color: #394149;">.</span></p>
<div class="bottom-nav">
@ -211,7 +203,7 @@
</div>
<!-- добавляет на страницу строку блок Была ли статья полезной? -->
<div class="feedback-wrap"><div class="feedback" id="feedback"><span><b>Была ли статья полезной?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx">Спасибо за ваш отзыв!</div><div id="feedback-success-popup"><div class="wrap"><button type="button" class="feedback-popup-close">×</button><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_212_2187)"><path d="M22 0.6875C10.2294 0.6875 0.6875 10.2294 0.6875 22C0.6875 33.7706 10.2294 43.3125 22 43.3125C33.7706 43.3125 43.3125 33.7706 43.3125 22C43.3125 10.2294 33.7706 0.6875 22 0.6875ZM22 40.5625C11.8023 40.5625 3.4375 32.3078 3.4375 22C3.4375 11.8024 11.6922 3.4375 22 3.4375C32.1977 3.4375 40.5625 11.6922 40.5625 22C40.5625 32.1976 32.3078 40.5625 22 40.5625ZM34.1713 16.933L18.6613 32.3186C18.257 32.7197 17.604 32.7171 17.203 32.3128L9.82283 24.873C9.42176 24.4686 9.42434 23.8157 9.82867 23.4146L10.5609 22.6884C10.9652 22.2873 11.6181 22.2899 12.0192 22.6942L17.9468 28.6697L31.9926 14.7366C32.3969 14.3356 33.0498 14.3382 33.4509 14.7425L34.1772 15.4747C34.5783 15.879 34.5757 16.532 34.1713 16.933Z" fill="#27AE60"></path></g><defs><clipPath id="clip0_212_2187"><rect width="44" height="44" fill="white"></rect></clipPath></defs></svg><p>Ваш отзыв успешно отправлен!</p><span>Спасибо за обратную связь.</span></div></div><div class="feedback__popup" id="feedback__popup_why"><button type="button" class="feedback-popup-close">×</button><div class="feedback__popup-header">Уточните, почему:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Рекомендации не помогли</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Текст трудно понять</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Нет ответа на мой вопрос</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Содержание статьи не соответствует заголовку</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Другая причина</label></div><div class="feedback__popup" id="feedback__popup-other"><button type="button" class="feedback-popup-close">×</button> <div class="feedback__popup-header">Расскажите, что вам не понравилось в статье:</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Отправить"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg"/><span class="feedback-form__btn-group_yes-btn">Да</span></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg"/><span class="feedback-form__btn-group_no-btn">Нет</span></label></div><select name="category"><option disabled>Выберите вариант</option><option value="bad_recommendation" selected>Рекомендации не помогли</option><option value="difficult_text">Текст трудно понять</option><option value="no_answer">Нет ответа на мой вопрос</option><option value="bad_header">Содержание статьи не соответствует заголовку</option><option value="other_reason">Другая причина</option></select><input type="submit"></form></div></div>
<div class="feedback" id="feedback"><div class="feedback-help"><span><b>Was this helpful?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx" style="display: none;">Thanks for your feedback!</div><div class="feedback__popup" id="feedback__popup_why" style="display: none;"><div class="feedback__popup-header">Please specify why:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Recommendations did not help me</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Article is hard to understand</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Didn`t answer my question</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Content does not match the topic</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Other</label></div><div class="feedback__popup" id="feedback__popup-other" style="display: none;"><div class="feedback__popup-header">How we can improve it?</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Submit"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg" class="small-img" alt="like"><spanclass="feedback-form__btn-group_yes-btn">Yes</spanclass="feedback-form__btn-group_yes-btn"></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg" class="small-img" alt="dislike"><spanclass="feedback-form__btn-group_no-btn">No</spanclass="feedback-form__btn-group_no-btn"></label></div><select name="category"><option disabled="">Please specify why</option><option value="bad_recommendation" selected="">Recommendations did not help me</option><option value="difficult_text">Article is hard to understand</option><option value="no_answer">Didn`t answer my question</option><option value="bad_header">Content does not match the topic</option><option value="other_reason">Other</option></select><input type="submit"></form></div><div class="found_typo"><p style="margin: 0px; margin-top: 16px !important;"><span><b>Found a typo?</b></span> Select it and press <i>Ctrl+Enter</i> to send us feedback</p></div></div>
</section>
</div>
@ -219,7 +211,7 @@
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">В этой статье</h3>
<h3 class="h3-toc">In this topic</h3>
<nav id="toc2"></nav>
</div>
</aside>
@ -230,63 +222,30 @@
<div class="footer-container">
<div class="footer-mobile">
<ul class="footer-mobile__list"><li><a href="https://api.elma365.com/ru/" target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/" target="_blank">TS SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/elma365" target="_blank">Академия</a></li></ul><ul class="footer-mobile__list"><li><a href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li></ul>
<ul class="footer-mobile__list"><li><a href="https://brix365.com/en/" target="_blank">BRIX</a></li><li><a href="https://tssdk.brix365.com/en/latest/" target="_blank">SDK</a></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li></ul><ul class="footer-mobile__list"><li><a href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li></ul>
</div>
<div class="container">
<div class="footer-wrap">
<div><span class="mobile-question-popup">Отправить фидбэк</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Задать вопрос</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Отправить"></div></form><div class="hidden fade-in question-success-xs">Ваш фидбэк отправлен.</div></div>
<div class="footer-flex-b">
<div class="footer-top">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</div>
<div class="footer-line">
<div class="footer-line-copy">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
</div>
<ul class="footer-list">
<li class="footer-item"><a href="https://elma365.com/ru/" target="_blank" class="footer-link" style="color: #0D4A75;"><img src="browse.svg" alt="browse icon" class="footer-img">elma365.com</a></li><li class="footer-item"><a href="https://www.youtube.com/user/ELMABPM" target="_blank" class="footer-link"><img src="yt.svg" alt="youtube icon" class="footer-img"></a></li><li class="footer-item"><a href="https://vk.com/elma_bpm" target="_blank" class="footer-link"><img src="vk.svg" alt="vk icon" class="footer-img"></a></li><li class="footer-item"><a href="https://t.me/elmaday" target="_blank" class="footer-link"><img src="tg.svg" alt="telegram icon" class="footer-img"></a></li><li class="footer-item"><a href="https://dzen.ru/elma" target="_blank" class="footer-link"><img src="dzen.svg" alt="dzen icon" class="footer-img"></a></li>
<li class="footer-item">
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</li>
</ul>
</div>
</div>
<div class="footer-wrap">
<div><span class="mobile-question-popup">Send feedback</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Ask a question</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Send"></div></form><div class="hidden fade-in question-success-xs">Sent</div></div>
<div class="footer-flex-b">
<span class="footer-copy">&copy; 2025 BRIX</span>
<ul class="footer-list">
<li class="footer-item">
<a href="#" class="arrow-top" style="display: block;"></a>
</li>
</ul>
</div>
</div>
<a href="#" class="arrow-top"></a>
</div>
</footer>
<!-- <script type="text/javascript" src="jquery1.min.js"></script>-->
<iframe name="hmnavigation" style="display:none!important"></iframe>
<!--<script src="./jquery-ui.js"></script> -->
<script src="./jquery-ui.min.js"></script>
<script src="./jquery-ui.js"></script>
<!--script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script-->
<script src="./jquery.tocify.min.js"></script>
<script src="./TypoReporter.min.js"></script>