Histórico da Página
| Informações | ||
|---|---|---|
| ||
Esta documentação refere-se ao novo editor de processos da plataforma. Caso esteja utilizando o editor de processos atual, acesse Configurar atividades e fluxos. |
| Índice | ||||
|---|---|---|---|---|
|
Falando de componente Exclusivo...
...
O componente Exclusivo representa um ponto onde o processo pode tomar um caminho ou outro automaticamente, dependendo das condições definidas e dos dados obtidos para atender a uma das condições. Dessa forma, ele permite automatizar decisões e aumentar a produtividade, flexibilizando a personalização de processos e reduzindo possíveis falhas. Ele também facilita a resolução de exceções em tempo real e garante conformidade com normas de governança.
...
| Painel | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||
|
...
| Nota | ||
|---|---|---|
| ||
Ao utilizar o componente Exclusivo, o resultado é auto excludente, ou seja, não há possibilidade da solicitação seguir por mais de uma rota do processo, ela sempre seguirá pela rota da primeira condição atendida. Desse conceito se origina o nome do componente: Exclusivo. |
Requisitos para utilização
...
Para utilizar o componente Exclusivo, é necessário atentar-se a alguns pontos:
...
- ele precisa de, pelo menos, uma condição para funcionar corretamente.
Condição simples
...
A condição simples permite criar as regras a partir da própria interface, definindo a origem dos dados e os operadores para determinar o que deve ser validado. Para cada regra, é necessário definir:
...
- o operador que vai determinar qual tipo de comparação será feita: vazio, igual a, diferente de, contendo, maior que, maior ou igual a, menor que, menor ou igual a, proibido e qualquer um;
...
- o outro campo do formulário ou o valor fixo que será comparado com o primeiro campo do formulário, dependendo do que foi definido na origem do valor.
...
| Nota | ||
|---|---|---|
| ||
As regras são validadas considerando o operador E, ou seja, todas as regras que compõem a condição precisam ser verdadeiras para que a condição seja atendida. |
A primeira Quando existe apenas uma regra criada para uma condição nunca , essa regra não pode ser excluída, apenas as regras criadas depois da primeira, pois é necessário que exista pelo menos uma regra em cada condição para que o componente funcione corretamente.
| Dica | ||
|---|---|---|
| ||
Clique aqui e saiba como adicionar uma condição simples. |
Exemplos de uso
...
Reunimos aqui vários alguns cenários utilizando as condições simples no componente Exclusivo. Os exemplos contam com a necessidade de decisão do processo, as condições que serão verificadas pelo componente e o resultado de acordo com a condição atendida.
...
| Section | ||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Configurar componente Exclusivo
Multimedia name configurar-exclusivo.mp4 width 100% autostart true height 5%
01. No diagrama do processo, clique no componente Exclusivo que deseja configurar.
| Painel | ||||
|---|---|---|---|---|
| ||||
As configurações disponíveis são exibidas na lateral direita. |
02. Defina um título ou nome para o componente que representa o direcionamento da solicitação para uma das etapas possíveis do fluxo do processo, de acordo com o resultado obtido.
...
| borderColor | #f2f2f2 |
|---|---|
| bgColor | #f2f2f2 |
O nome também pode ser alterado diretamente no componente, clicando sobre seu nome atual e depois em Editar– localizado no lado direito.
...
| borderColor | #ebecf0 |
|---|
...
03. Clique em Adicionar condição para definir as condições que precisam ser atendidas para que a solicitação seja direcionada para a etapa correspondente.
04. Em Nome da condição, insira um nome para identificar a condição depois de criada.
| Painel | ||||
|---|---|---|---|---|
| ||||
O nome da condição pode ter até 100 caracteres. |
05. Clique em Regra 1 para expandir e construir a primeira regra que formará a condição.
06. Selecione os dados necessários para construir a regra.
...
| borderColor | #f2f2f2 |
|---|---|
| bgColor | #f2f2f2 |
Os dados necessários para a criação da regra são:
Campo do formulário
Campo do formulário vinculado ao processo do qual será obtido o valor que será utilizado para comparação e verificação da regra;
Operador
Determina o tipo de comparação que será feita. As opções disponíveis são:
- igual a;
- diferente de;
- contendo;
- maior que;
- maior ou igual a;
- menor que;
- menor ou igual a;
- proibido;
- qualquer um.
Origem do valor para comparação
De onde será obtido o valor que será comparado com o valor do campo do formulário selecionado anteriormente. As opções disponíveis são:
- Campo do formulário: quando selecionada, determina que o valor a ser comparado será obtido de outro campo do formulário vinculado ao processo. Nesse caso, é necessário selecionar esse outro campo do formulário no último campo de composição da regra, que é o Valor a ser comparado.
- Campo valor: quando selecionada, determina que o valor a ser comparado é um valor fixo e será obtido da própria regra. Nesse caso, é necessário inserir manualmente o valor desejado no último campo de composição da regra, que é o Valor a ser comparado.
Valor a ser comparado
O outro campo do formulário ou o valor fixo da regra, dependendo do que foi selecionado na origem do valor:
- se a origem selecionada foi Campo de formulário, é necessário selecionar o outro campo do formulário do qual o valor para comparação será obtido;
se a origem selecionada foi Campo valor, é necessário inserir manualmente o valor fixo que será utilizado para comparação.
...
| title | Dicas! |
|---|
Para os tipos de campos que possuem a propriedade Valor, o valor que deve ser inserido aqui é o mesmo que foi inserido no campo Valor das propriedades do campo do formulário selecionado para comparação.
...
| borderColor | #ebecf0 |
|---|
| Estado | ||||
|---|---|---|---|---|
|
...
Se o campo selecionado é um campo simples do tipo numérico, mesmo que ele contenha alguma máscara – como moeda, CPF etc. – o valor a ser inserido aqui é apenas o número, sem pontos, vírgulas ou outros caracteres.
...
| borderColor | #ebecf0 |
|---|
| Estado | ||||
|---|---|---|---|---|
|
...
| Toggle Cloak | ||
|---|---|---|
|
| Estado | ||||
|---|---|---|---|---|
|
| Cloak | ||
|---|---|---|
| ||
Em um processo de Aprovação de despesa: Significa que, quando o solicitante selecionar Publicidade como Categoria da despesa no formulário, essa condição será atendida e a solicitação será enviada para o fluxo correspondente a ela. Em um processo de Aprovação de compra: Significa que, quando o solicitante informar o Valor da compra menor do que R$ 5.000,00, essa condição será atendida e a solicitação será enviada para o fluxo correspondente a ela. Em um processo de Suporte técnico: Significa que, se uma pessoa (Usuário de abertura) está abrindo um chamado solicitando suporte para outra pessoa (Solicitante), essa condição será atendida e a solicitação será enviada para o fluxo correspondente a ela. |
07. Se for preciso adicionar mais regras, clique em Adicionar regra e configure quantas regras forem necessárias para compor a condição.
...
| borderColor | #f2f2f2 |
|---|---|
| bgColor | #f2f2f2 |
As regras são validadas considerando o operador E, ou seja, todas as regras que compõem a condição precisam ser verdadeiras para que a condição seja atendida.
...
| borderColor | #ebecf0 |
|---|---|
| bgColor | #f2f2f2 |
...
Significa que o campo Categoria da despesa do formulário precisa estar preenchido com o dado publicidade E o campo Valor da despesa precisa estar preenchido com um valor menor do que R$ 5.000,00 para que essa condição seja atendida e a solicitação seja enviada para o fluxo correspondente a ela.
Para excluir uma regra adicionada, basta clicar em Excluir – localizado no lado direito do quadro da regra. Porém, essa opção não existe para a primeira regra da condição, visto que ela não pode ser excluída porque é necessário que exista, pelo menos, uma regra para cada condição para o correto funcionamento do componente.
Condição avançada
...
A condição avançada permite criar as regras a partir de codificação, flexibilizando a criação de condições para pessoas mais técnicas que saibam programar e desejam criar expressões avançadas para as condições usando JavaScript.
Para esse tipo de condição, é disponibilizada uma IDE embutida, ou seja, um editor de código onde as expressões avançadas podem ser escritas. O ambiente para codificação permite a escrita de códigos de forma estruturada.
A condição avançada deve ser escrita utilizando expressões JavaScript e seguindo a estrutura:
- Propriedade: campo do formulário ou variável do processo;
- Condição: operadores como ===, >, <, != etc.;
- Valor: valor fixo ou outra variável.
No ambiente para codificação, também são disponibilizados snippets prontos com as hAPIs da plataforma para facilitar a criação das condições. Assim, é possível inserir facilmente chamadas e manipulação de dados. Esses snippets ajudam a reduzir erros de codificação e aceleram a configuração das condições avançadas.
Além disso, o ambiente para codificação exibe um exemplo de condição avançada para facilitar o entendimento da construção das regras.
| Dica | ||
|---|---|---|
| ||
Clique aqui e veja todos os métodos que estão disponíveis por meio da hAPI e que podem ser utilizados na criação de condições avançadas. Clique aqui e saiba como adicionar uma condição avançada. |
Exemplos de uso
...
Reunimos aqui vários cenários utilizando as condições avançadas no componente Exclusivo. Os exemplos contam com a necessidade de decisão do processo, as condições que serão verificadas pelo componente e o resultado de acordo com a condição atendida.
Clique em cada cenário para ver seus detalhes.
| HTML |
|---|
<script>
(function() {
function toggleAreas(isExpand, $parent) {
var $items = $parent.find('.panel');
$.each($items, function(idx, el) {
var $arrow = $(el).find('span.cloakToggle').find('span');
var $content = $(el).find('span.cloak');
if (isExpand) {
$arrow.removeClass('cloakDefaultOpen').addClass('cloakDefaultClose');
$content.show();
} else {
$arrow.addClass('cloakDefaultOpen').removeClass('cloakDefaultClose');
$content.hide();
}
});
}
$(document).on('click', '#toggleAll-2', function(ev) {
ev.preventDefault();
var isExpand = $(this).data('expand');
var $parent = $(this).nextAll('.sectionColumnWrapper').first();
toggleAreas(isExpand, $parent);
$(this).data('expand', !isExpand);
});
})();
</script>
<a id="toggleAll-2" href="#" data-expand="true">Abrir/fechar todos os exemplos</a> |
| Section | ||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Configurar componente Exclusivo
...
Multimedia name configurar-exclusivo.mp4 width 100% autostart true height 5%
01. No diagrama do processo, clique no componente Exclusivo que deseja configurar.
| Painel | ||||
|---|---|---|---|---|
| ||||
As configurações disponíveis são exibidas na lateral direita. |
02. Defina um título ou nome para o componente que representa o direcionamento automático da solicitação para uma das etapas possíveis do fluxo do processo, de acordo com o resultado obtido.
| Painel | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||
O nome também pode ser alterado diretamente no componente, clicando sobre seu nome atual e depois em Editar– localizado no lado direito.
|
03. Clique em Adicionar condição para definir as condições que precisam ser atendidas para que a solicitação seja direcionada para a etapa correspondente.
04. Em Nome da condição, insira um nome para identificar a condição depois de criada.
| Painel | ||||
|---|---|---|---|---|
| ||||
O nome da condição pode ter até 100 caracteres. |
05. Selecione o tipo de condição que deseja criar.
| Painel | ||||
|---|---|---|---|---|
| ||||
As opções disponíveis são:
|
06. Se o tipo selecionado foi Condição simples, clique em Regra 1 para expandir e construir a primeira regra para compor a condição.
| Painel | ||||
|---|---|---|---|---|
| ||||
Se o tipo selecionado foi Condição avançada, obtenha as informações desejadas para configuração no passo 09. |
07. Selecione os dados necessários para construir a regra.
| Painel | ||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||
Campo do formulário Operador
Origem do valor para comparação
Valor a ser comparado
|
08. Se for preciso adicionar mais regras, clique em Adicionar regra e configure quantas regras forem necessárias para compor a condição.
| Painel | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||
As regras são validadas considerando o operador E, ou seja, todas as regras que compõem a condição precisam ser verdadeiras para que a condição seja atendida.
Para excluir uma regra adicionada, basta clicar em Excluir – localizado no lado direito do quadro da regra. Porém, essa opção não é exibida quando existe apenas uma regra para a condição, visto que ela não pode ser excluída porque é necessário que exista, pelo menos, uma regra para cada condição para o correto funcionamento do componente. |
Âncora avancada avancada
09. Se o tipo selecionado foi Condição avançada, no editor de códigos, insira a expressão em JavaScript contendo propriedade, condição e valor.
| Painel | ||||||
|---|---|---|---|---|---|---|
| ||||||
hAPI.getCardValue("Responsável") == "Gestor" → significa que o campo de formulário "Responsável" deve ter um valor igual a "Gestor" para atender a condição. |
10. Por fim, em Ao atender a condição, segue para a atividade:, selecione a etapa/atividade para a qual a solicitação deve ser encaminhada quando essa condição for atendida.
11. Clique em Salvar para salvar a condição e suas regras.
| Painel | ||||
|---|---|---|---|---|
| ||||
As condições são listadas na ordem em que foram criadas, da primeira para a última. A validação das condições também considera a ordem em que foram criadas, ou seja, primeiramente é verificada a primeira condição criada. Se ela for atendida, as demais não são verificadas. Se ela não for atendida, segue para a verificação da segunda e assim por diante. |
12. Clique em Salvar rascunho – localizado no lado direito da barra superior – para salvar as configurações feitas no componente Exclusivo.
13. Na mensagem exibida, clique em Ok, entendi.
Adicionar condição simples
...
Multimedia name adicionar-condição-simples.mp4 width 100% autostart true height 5%
01. No diagrama do processo, clique no componente Exclusivo para o qual deseja adicionar uma condição simples.
02. Clique em Adicionar condição.
03. Em Nome da condição, insira um nome para identificar a condição depois de criada.
| Painel | ||||
|---|---|---|---|---|
| ||||
O nome da condição pode ter até 100 caracteres. |
04. Selecione a opção Condição simples.
05. Clique em Regra 1 para expandir e construir a primeira regra para compor a condição.
06. Selecione os dados necessários para construir a regra.
| Painel | ||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||
Campo do formulário Operador
Origem do valor para comparação
Valor a ser comparado
|
07. Se for preciso adicionar mais regras, clique em Adicionar regra e configure quantas regras forem necessárias para compor a condição.
| Painel | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||
As regras são validadas considerando o operador E, ou seja, todas as regras que compõem a condição precisam ser verdadeiras para que a condição seja atendida.
Para excluir uma regra adicionada, basta clicar em Excluir – localizado no lado direito do quadro da regra. Porém, essa opção não é exibida quando existe apenas uma regra para a condição, visto que ela não pode ser excluída porque é necessário que exista, pelo menos, uma regra para cada condição para o correto funcionamento do componente. |
08. Por fim, em Ao atender a condição, segue para a atividade:, selecione a etapa/atividade para a qual a solicitação deve ser encaminhada quando essa condição for atendida.
09. Clique em Salvar para salvar a condição e suas regras.
| Painel | ||||
|---|---|---|---|---|
| ||||
As condições são listadas na ordem em que foram criadas, da primeira para a última. A validação das condições também considera a ordem em que foram criadas, ou seja, primeiramente é verificada a primeira condição criada. Se ela for atendida, as demais não são verificadas. Se ela não for atendida, segue para a verificação da segunda e assim por diante. |
10. Clique em Salvar rascunho – localizado no lado direito da barra superior – para salvar as configurações feitas no componente Exclusivo.
11. Na mensagem exibida, clique em Ok, entendi.
Adicionar condição avançada
...
Multimedia name adicionar-condição-avançada.mp4 width 100% autostart true height 5%
01. No diagrama do processo, clique no componente Exclusivo para o qual deseja adicionar uma condição avançada.
02. Clique em Adicionar condição.
03. Em Nome da condição, insira um nome para identificar a condição avançada depois de criada.
04. Selecione o tipo Condição avançada.
05. No editor de códigos, insira a expressão em JavaScript contendo propriedade, condição e valor.
| Painel | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||
|
06. Em
08. Por fim, em Ao atender a condição, segue para a atividade:, selecione a etapa/atividade para a qual a solicitação deve ser encaminhada quando essa condição for atendida.
09. Clique em Salvar para salvar a condição e suas regras.
10. Clique em Salvar rascunho – localizado no lado direito da barra superior – para salvar as configurações feitas no componente Exclusivo.
11. Na mensagem exibida, clique em Ok, entendi.
Adicionar condição simples
Multimedia name adicionar-condição-simples.mp4 width 100% autostart true height 5%
01. No diagrama do processo, clique no componente Exclusivo para o qual deseja adicionar uma condição simples.
02. Clique em Adicionar condição.
03. Em Nome da condição, insira um nome para identificar a condição depois de criada.
| Painel | ||||
|---|---|---|---|---|
| ||||
O nome da condição pode ter até 100 caracteres. |
04. Clique em Regra 1 para expandir e construir a primeira regra que formará a condição.
05. Selecione os dados necessários para construir a regra.
...
| borderColor | #f2f2f2 |
|---|---|
| bgColor | #f2f2f2 |
Os dados necessários para a criação da regra são:
Campo do formulário
Campo do formulário vinculado ao processo do qual será obtido o valor que será utilizado para comparação e verificação da regra;
Operador
Determina o tipo de comparação que será feita. As opções disponíveis são:
- igual a;
- diferente de;
- contendo;
- maior que;
- maior ou igual a;
- menor que;
- menor ou igual a;
- proibido;
- qualquer um.
Origem do valor para comparação
De onde será obtido o valor que será comparado com o valor do campo do formulário selecionado anteriormente. As opções disponíveis são:
- Campo do formulário: quando selecionada, determina que o valor a ser comparado será obtido de outro campo do formulário vinculado ao processo. Nesse caso, é necessário selecionar esse outro campo do formulário no último campo de composição da regra, que é o Valor a ser comparado.
- Campo valor: quando selecionada, determina que o valor a ser comparado é um valor fixo e será obtido da própria regra. Nesse caso, é necessário inserir manualmente o valor desejado no último campo de composição da regra, que é o Valor a ser comparado.
Valor a ser comparado
O outro campo do formulário ou o valor fixo da regra, dependendo do que foi selecionado na origem do valor:
- se a origem selecionada foi Campo de formulário, é necessário selecionar o outro campo do formulário do qual o valor para comparação será obtido;
se a origem selecionada foi Campo valor, é necessário inserir manualmente o valor fixo que será utilizado para comparação.
...
| title | Dicas! |
|---|
Para os tipos de campos que possuem a propriedade Valor, o valor que deve ser inserido aqui é o mesmo que foi inserido no campo Valor das propriedades do campo do formulário selecionado para comparação.
...
| borderColor | #ebecf0 |
|---|
| Estado | ||||
|---|---|---|---|---|
|
...
Se o campo selecionado é um campo simples do tipo numérico, mesmo que ele contenha alguma máscara – como moeda, CPF etc. – o valor a ser inserido aqui é apenas o número, sem pontos, vírgulas ou outros caracteres.
...
| borderColor | #ebecf0 |
|---|
| Estado | ||||
|---|---|---|---|---|
|
...
| Toggle Cloak | ||
|---|---|---|
|
| Estado | ||||
|---|---|---|---|---|
|
| Cloak | ||
|---|---|---|
| ||
Em um processo de Aprovação de despesa: Significa que, quando o solicitante selecionar Publicidade como Categoria da despesa no formulário, essa condição será atendida e a solicitação será enviada para o fluxo correspondente a ela. Em um processo de Aprovação de compra: Significa que, quando o solicitante informar o Valor da compra menor do que R$ 5.000,00, essa condição será atendida e a solicitação será enviada para o fluxo correspondente a ela. Em um processo de Suporte técnico: Significa que, se uma pessoa (Usuário de abertura) está abrindo um chamado solicitando suporte para outra pessoa (Solicitante), essa condição será atendida e a solicitação será enviada para o fluxo correspondente a ela. |
06. Se for preciso adicionar mais regras, clique em Adicionar regra e configure quantas regras forem necessárias para compor a condição.
...
| borderColor | #f2f2f2 |
|---|---|
| bgColor | #f2f2f2 |
As regras são validadas considerando o operador E, ou seja, todas as regras que compõem a condição precisam ser verdadeiras para que a condição seja atendida.
...
| borderColor | #ebecf0 |
|---|---|
| bgColor | #f2f2f2 |
...
Significa que o campo Categoria da despesa do formulário precisa estar preenchido com o dado publicidade E o campo Valor da despesa precisa estar preenchido com um valor menor do que R$ 5.000,00 para que essa condição seja atendida e a solicitação seja enviada para o fluxo correspondente a ela.
Para excluir uma regra adicionada, basta clicar em Excluir – localizado no lado direito do quadro da regra. Porém, essa opção não existe para a primeira regra da condição, visto que ela não pode ser excluída porque é necessário que exista, pelo menos, uma regra para cada condição para o correto funcionamento do componente.
07. Por fim, em Ao atender a condição, segue para a atividade:, selecione a etapa/atividade para a qual a solicitação deve ser encaminhada quando essa condição for atendida.
0807. Clique em Salvar para salvar a condição e suas regras.
09. Clique em Salvar rascunho – localizado no lado direito da barra superior – para salvar as configurações feitas no componente Exclusivo.
10. Na mensagem exibida, clique em Ok, entendi08. Ao concluir a inclusão de todas as condições avançadas desejadas, clique em Fechar– localizado no canto superior direito.
Editar condição
...
...
Multimedia name editar-condição-simples.mp4 width 100% autostart true height 5%
01. No diagrama do processo, clique no componente Exclusivo do qual deseja editar uma condição simples.
02. Em Condições criadas, localize a condição que deseja editar e clique em Ações– localizado no seu lado direito.
...
07. Na mensagem exibida, clique em Ok, entendi.
Excluir condição
...
...
Multimedia name excluir-condição-simples.mp4 width 100% autostart true height 5%
01. No diagrama do processo, clique no componente Exclusivo do qual deseja excluir uma condição simples.
02. Em Condições criadas, localize a condição que deseja excluir e clique em Ações– localizado no seu lado direito.
...
06. Na mensagem exibida, clique em Ok, entendi.
Dúvidas frequentes
...
Confira aqui algumas dúvidas frequentes sobre o componente Exclusivo.
...
| Section | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
| Informações | ||
|---|---|---|
| ||
Esta documentação é válida a partir da atualização Voyager (2.0 – Voyager). Se você utiliza uma atualização anterior, ela pode conter informações diferentes das quais você vê na sua plataforma. |
...

