Personalização da lista de instâncias de processo customizing-the-listing-of-process-instances

CAUTION
AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

A lista de instâncias do processo é exibida na guia Tracking do espaço de trabalho do AEM Forms.

Na lista de instâncias de processo, para cada instância de processo, o AEM Forms workspace mostra algumas propriedades dessa instância. As seguintes propriedades estão disponíveis para cada instância do processo. Essas propriedades são armazenadas como atributos no modelo de componente da instância do processo e estão disponíveis para uso na visualização e no modelo.

Propriedade
Comentários
descrição
Descrição da instância do processo.
iniciador
Nome do iniciador da instância do processo.
initiatorId
ID do iniciador da instância do processo.
processCompleteTime
Carimbo de data/hora quando o processo é concluído.
processInstanceId
ID da instância do processo.
processInstanceStatus
0 = Iniciado
1 = Em Execução
2 = Concluído
3 = Concluindo
4 = Terminado
5 = Terminando
6 = Suspenso
7 = Suspensão
8 = Suspensão
processName
Nome do processo.
processStartTime
Carimbo de data e hora quando o processo foi iniciado.
processVariables
Matriz de objetos de variáveis de processo. Cada objeto de variável de processo contém name (o nome da variável de processo), value (valor da variável de processo) e type (o tipo de variável de processo).

Exemplo:

Para exibir o description da instância do processo no cartão de instância do processo, execute as seguintes etapas.

  1. Siga as Etapas genéricas para personalização do espaço de trabalho do AEM Forms.

  2. Faça o seguinte:

    1. Copie /libs/ws/js/runtime/templates/processinstance.html para/apps/ws/js/runtime/templates/, se não existir. Clique em Salvar tudo.
    2. Adicione a descrição do processo div com class = 'processDescription' inprocessinstance.html.
    code language-none
    <div class="processDescription" title="<%= description%>"><%= description%></div>
    
  3. Faça o seguinte:

    1. Abra /apps/ws/js/registry.js para edição.
    2. Pesquisar e substituir text!/lc/libs/ws/js/runtime/templates/processinstance.htmlcom text!/lc/aplicativos/ws/js/runtime/templates/processinstance.html.
  4. As alterações acima podem exigir uma atualização do arquivo CSS, adicionando uma entrada na folha de estilos /apps/ws/css/newStyle.css da seguinte maneira:

    code language-css
    .processinstance .processDescription {
     <!--Dummy values, need to be configured by user as per requirement as well as user can add or delete any property depending upon requirement-->
        width : 250px;
        font-size : 11pt;
        padding : 2px;
    }
    
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da