OSCHINA-MIRROR/crowncloud-smart-flow-design

Antdv 工作流组件 smart-flow-design

Vue: 2.6.14

Ant Design Vue: 1.7.8

Лицензия: Apache

Количество звёзд: 35

Forks: 9

Краткое описание

На основе vue и ant-design-vue создан пользовательский компонент для работы с потоками.

Примечание: проект представляет собой проект Vue2, демонстрация — версия Vue3.

Ссылки:

— GitHub: https://github.com/smart-flow/smart-flow-design;

— Кодовая облачная платформа: https://gitee.com/crowncloud/smart-flow-design.

Демонстрация

Адрес: http://47.109.22.115:10090/

Учётные данные:

— admin/123456;

— zhangsan/123456;

— lisi/123456.

Версия Vue3

Ссылка: https://gitee.com/crowncloud/smart-flow-design-v3.

Характеристики

Поддержка онлайн-конструктора рабочих процессов, режима утверждения DingTalk, китайского рабочего процесса.
Поддержка управления процессами, возврата, свободного потока, утверждения, параллельной обработки, последовательной обработки, задач обслуживания.
Поддержка возврата задачи, возврат к указанному этапу, возврат на предыдущий шаг, возврат отправителю.
Поддержка передачи задачи, передача задачи другому человеку для обработки, после завершения обработки продолжить следующий шаг.
Поддержка делегирования задач, делегирование задачи другому лицу, обработка другим лицом после завершения, затем возврат к делегату.
Поддержка интеллектуальной подачи, автоматический пропуск при одинаковом обработчике, поддержка произвольного указания следующего обработчика.
Поддержка отмены процесса, разрешение инициатору быстро завершить процесс, администратор поддерживает завершение процесса.
Поддержка свободного потока, в соответствии с выбором этапа, свободный переход к указанному этапу, специальная обработка.
Поддержка отзыва процесса, задачи на следующем этапе не обработаны, можно отозвать и переработать задачу.
Поддержка отслеживания процесса, отображение состояния процесса, информация о передаче, история задач, информация о распределении задач.
Поддержка одной модели процесса для подключения нескольких бизнес-форм, таких как 8 видов расходов на утверждение процесса в компании, формы разные, но процессы одинаковые.
Поддержка одной формы для подключения к нескольким этапам процесса, управление процессом с точки зрения формы, удобное для понимания бизнеса.
Поддержка глобальной формы, используемой для настройки глобальной формы процесса, в настоящее время поддерживаются встроенные формы и URL-формы. Если конфигурация отсутствует, при запуске процесса будет сообщено об ошибке.
Поддержка формы узла, настройка формы узла. Если конфигурация не настроена, по умолчанию используется глобальная форма.
События процесса могут быть написаны онлайн, включая запуск процесса, завершение, отмену; распределение задач, создание, завершение и т. д.
Управление моими задачами, мои выполненные задачи, созданные мной задачи поиска, отслеживание процесса, поиск записей утверждения.
Управление процессом, отладка процесса без связанной формы, например, запуск процесса, приостановка; определение процесса, экземпляр, задача поиска; обработка задачи, перепозиционирование и т.д.
Поддержка определения компонентов процесса (кнопки процесса, утверждение, следующий этап процесса и т. д.) для быстрого создания отношений с настраиваемыми бизнес-формами.
Поддержка управления версиями процесса, новый отрегулированный бизнес-процесс не влияет на текущий запущенный, незавершённый процесс продолжает передачу.
Поддержка задачи подписи, задачи напоминания, просмотра задачи, настройки делегирования задачи, управления серийным номером, управления часто используемыми словами.

Термины

Или подпись: достаточно подписи одного ответственного лица для утверждения на этапе утверждения.

Утверждение: все ответственные лица должны подписать, чтобы пройти этап утверждения.

Добавление подписи: во время процесса утверждения добавление подписи.

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

Делегирование (передача): передача задачи другому для обработки, другой человек обрабатывает после завершения, возвращается к ответственному за делегирование.

Передача: передача этапа утверждения указанному человеку, прямое изменение ответственного за обработку на другого человека, на данный момент ответственным за задачу является не передающий.

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

Отзыв подписи получения: это означает установить исполнителя задачи пустым.

Обратите внимание: при отзыве подписи получения необходимо сначала определить, есть ли кандидаты или группа кандидатов, если нет, отзыв подписи получения не допускается. Это может привести к невозможности принятия задачи.

Установка модуля

Компоненты

FlowDesign — конструктор процессов.

Публикация

npm login

npm publish

Локальное выполнение

# Использование yarn
yarn install

yarn run dev

# Использование npm
npm install

npm run dev

Установка плагина

# Использование пряжи
yarn add smart-flow-design

# Использование npm
npm i smart-flow-design --save

Импорт компонента

<template>
  <div>
    <FlowDesign ref="FlowDesign" />
  </div>
</template>

Мини-пакет

По умолчанию пакет интегрирован с antd ui, если в проекте также используется antd ui, вы можете выбрать установку мини-пакета, чтобы уменьшить размер окончательного проекта. Конечно, вам нужно убедиться, что компоненты, используемые в файле main.js, уже импортированы. Вы можете обратиться к smart-flow-design-demo.

- import SmartFlowDesign from 'smart-flow-design';
+ import SmartFlowDesign from 'smart-flow-design/lib/smart-flow-design-mini.umd.min'
import 'smart-flow-design/lib/smart-flow-design.css'
Vue.use(SmartFlowDesign)

Ссылка на smart-flow-design-demo

Адрес https://gitee.com/crowncloud/smart-flow-design-demo

# Сборка mini, генерация lib каталога
yarn run mini

# В lib каталоге опубликовать файл в npm
npm login

npm publish

Журнал изменений

CHANGELOG

Как внести свой вклад

Мы очень рады вашему участию! Создайте проблему или отправьте запрос на вытягивание.

Запрос на вытягивание:

Форкните код!
Создайте свою ветку: git checkout -b feat/xxxx
Зафиксируйте свои изменения: git commit -am 'feat(function): add xxxxx'
Отправьте свою ветку: git push origin feat/xxxx
Отправьте запрос на вытягивание Vue (https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) и Angular (https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular)

— feat: добавление новой функции;

— fix: исправление проблемы или ошибки (BUG);

— style: изменение, связанное с кодом стиля без влияния на результаты выполнения;

— perf: оптимизация или улучшение производительности;

— refactor: перестройка кода;

— revert: отмена изменений;

— test: тестирование;

— docs: документация или комментарии;

— chore: обновление зависимостей, изменение конфигурации каркаса и т. д.;

— workflow: улучшение рабочего процесса;

— ci: непрерывная интеграция;

— types: изменения в файле определения типов;

— wip: разработка в процессе.

Общение

Нажмите на ссылку, чтобы добавить WeChat и напрямую задавать вопросы и сообщать об ошибках.

Ресурсы шрифтов

Адреса для скачивания шрифтов FiraCode и Operator Mono.