Реализация Workflow согласования и подписания документов на сайте

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.
Разработка и обслуживание любых видов сайтов:
Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Предлагаемые услуги
Показано 1 из 1 услугВсе 2065 услуг
Реализация Workflow согласования и подписания документов на сайте
Сложная
~2-4 недели
Часто задаваемые вопросы
Наши компетенции:
Этапы разработки
Последние работы
  • image_website-b2b-advance_0.png
    Разработка сайта компании B2B ADVANCE
    1214
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1161
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    852
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1041
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    823
  • image_bitrix-bitrix-24-1c_fixper_448_0.png
    Разработка веб-сайта для компании ФИКСПЕР
    815

Реализация Workflow согласования и подписания документов на сайте

Workflow согласования — это многошаговый процесс, в котором документ последовательно или параллельно проходит через согласующих лиц перед финальным подписанием. Это не просто «кнопка Одобрить» — это государственная машина с ролями, таймаутами, эскалациями и полным аудит-логом.

Виды workflow

Последовательное согласование — каждый следующий согласующий видит документ только после одобрения предыдущего. Используется когда порядок важен (руководитель → директор → CEO).

Параллельное согласование — все согласующие получают документ одновременно. Документ одобрен, когда все (или N из M) поставили согласование.

Смешанное — комбинация: группа согласующих параллельно, затем итоговое подписание у директора.

Модель данных

-- Шаблоны workflow
CREATE TABLE workflow_templates (
  id          UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  name        VARCHAR(200),
  description TEXT,
  steps       JSONB NOT NULL,  -- Массив шагов с конфигурацией
  created_by  UUID REFERENCES users(id)
);

-- Экземпляр workflow для конкретного документа
CREATE TABLE workflow_instances (
  id              UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  template_id     UUID REFERENCES workflow_templates(id),
  document_id     UUID REFERENCES documents(id),
  initiator_id    UUID REFERENCES users(id),
  current_step    INT DEFAULT 1,
  status          VARCHAR(50) DEFAULT 'in_progress', -- in_progress, approved, rejected, cancelled
  metadata        JSONB DEFAULT '{}',
  created_at      TIMESTAMPTZ DEFAULT NOW(),
  completed_at    TIMESTAMPTZ
);

-- Задачи согласования
CREATE TABLE workflow_tasks (
  id              UUID PRIMARY KEY DEFAULT gen_random_uuid(),
  instance_id     UUID REFERENCES workflow_instances(id),
  step_number     INT NOT NULL,
  assignee_id     UUID REFERENCES users(id),
  assignee_role   VARCHAR(100),    -- Альтернатива assignee_id для динамических ролей
  task_type       VARCHAR(50),     -- 'approve', 'sign', 'review'
  status          VARCHAR(50) DEFAULT 'pending', -- pending, approved, rejected, delegated
  comment         TEXT,
  due_at          TIMESTAMPTZ,
  completed_at    TIMESTAMPTZ,
  completed_by_id UUID REFERENCES users(id)  -- Если делегировал
);

Движок состояний

class WorkflowEngine {
  async processDecision(
    taskId: string,
    decision: 'approve' | 'reject' | 'request_changes',
    comment: string,
    userId: string
  ) {
    const task = await db.workflowTasks.findOne(taskId, { include: 'instance.template' });
    if (task.assigneeId !== userId) throw new Error('Not authorized');

    await db.workflowTasks.update(taskId, {
      status: decision,
      comment,
      completedAt: new Date(),
    });

    await auditLog.record({
      action: `task.${decision}`,
      userId,
      taskId,
      instanceId: task.instanceId,
    });

    switch (decision) {
      case 'approve':
        await this.onTaskApproved(task);
        break;
      case 'reject':
        await this.onTaskRejected(task);
        break;
      case 'request_changes':
        await this.returnToInitiator(task, comment);
        break;
    }
  }

  private async onTaskApproved(task: WorkflowTask) {
    const instance = task.instance;
    const template = JSON.parse(instance.template.steps);
    const currentStep = template[task.stepNumber - 1];

    // Параллельный шаг: проверяем все ли в этом шаге одобрили
    if (currentStep.type === 'parallel') {
      const stepTasks = await db.workflowTasks.findAll({
        instanceId: instance.id,
        stepNumber: task.stepNumber,
      });

      const allApproved = stepTasks.every(t => t.status === 'approve');
      const anyRejected = stepTasks.some(t => t.status === 'reject');

      if (anyRejected) return this.onTaskRejected(task);
      if (!allApproved) return; // Ждём остальных
    }

    // Переходим к следующему шагу
    const nextStep = template[task.stepNumber]; // Следующий элемент
    if (!nextStep) {
      // Все шаги пройдены — workflow завершён
      await this.completeWorkflow(instance.id);
    } else {
      await this.activateStep(instance.id, nextStep, task.stepNumber + 1);
    }
  }

  private async activateStep(instanceId: string, step: WorkflowStep, stepNumber: number) {
    await db.workflowInstances.update(instanceId, { currentStep: stepNumber });

    const assignees = await this.resolveAssignees(step);
    const dueAt = step.deadlineHours ? addHours(new Date(), step.deadlineHours) : null;

    for (const assignee of assignees) {
      const task = await db.workflowTasks.create({
        instanceId,
        stepNumber,
        assigneeId: assignee.id,
        taskType: step.taskType,
        dueAt,
      });

      await notifyAssignee(assignee, task);
    }
  }
}

Делегирование

Согласующий может передать задачу другому сотруднику:

async function delegateTask(taskId, delegateToId, reason, requesterId) {
  const task = await db.workflowTasks.findByPk(taskId);
  if (task.assigneeId !== requesterId) throw new Error('Not authorized');

  // Закрываем текущую задачу
  await db.workflowTasks.update(taskId, {
    status: 'delegated',
    comment: `Делегировано: ${reason}`,
    completedAt: new Date(),
  });

  // Создаём новую для делегата
  await db.workflowTasks.create({
    ...task.toJSON(),
    id: undefined,
    assigneeId: delegateToId,
    status: 'pending',
    completedAt: null,
    metadata: { delegatedFrom: task.assigneeId, reason },
  });

  await notifyDelegate(delegateToId, taskId);
}

Таймауты и эскалация

// Cron job: проверяем просроченные задачи каждый час
async function processOverdueTasks() {
  const overdueTasks = await db.workflowTasks.findAll({
    status: 'pending',
    dueAt: { lt: new Date() },
    escalationSentAt: null,
  });

  for (const task of overdueTasks) {
    const step = getStepConfig(task);

    if (step.escalationUserId) {
      // Уведомляем руководителя
      await notifyEscalation(step.escalationUserId, task);
      await db.workflowTasks.update(task.id, { escalationSentAt: new Date() });
    }

    if (step.autoApproveOnTimeout) {
      await workflowEngine.processDecision(task.id, 'approve', 'Auto-approved on timeout', 'system');
    }
  }
}

Визуализация прогресса

Timeline workflow для инициатора: какой шаг выполнен, кто согласовал, кто ещё не ответил, сколько времени ждём. React-компонент с вертикальным timeline, иконками статусов (✓, ✗, ⏳) и tooltip'ами с комментариями.

Уведомления

Событие Кому Срочность
Задача назначена Согласующий Немедленно
Дедлайн через 4ч Согласующий Push + Email
Просрочена задача Согласующий + эскалация Email
Документ одобрен Инициатор In-app + Email
Документ отклонён Инициатор Немедленно, все каналы

Сроки

Базовый workflow движок с последовательным согласованием, задачами и уведомлениями — 7–10 дней. Параллельное согласование, делегирование, эскалация, таймауты — ещё 5–7 дней. Визуальный конструктор шаблонов workflow — 7–10 дней.