Exibir origem

01. DADOS GERAIS

Linha de Produto:	Virtual Age
Segmento:	Moda
Módulo:	Virtual Manager
Função:	Aprovação de solicitação.
Requisito/Story/Issue (informe o requisito relacionado) :	DVAVAR-4768

02. SITUAÇÃO/REQUISITO

Ajustar layout do módulo virtual approvals do aplicativo Meu Gerenciador.

03. SOLUÇÃO

Foi desenvolvido um novo endpoint no back end, para que pudesse ser cadastrado as categorias das solicitações de aprovação. Também foi criado uma página de manutenção de categorias onde é possível cadastrar, alterar e inativar uma categoria. As cores do módulo de aprovações também foram alteradas para que ficassem de acordo com o novo padrão.

Gerenciamento de categorias de solicitação. Nesta tela é possível visualizar as categorias cadastradas e também acessar as opções de "Cadastrar", "Editar", "Desativar" e "Log".

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (2).png

Ao clicar no botão verde (+) localizado no canto superior direito da listagem de categorias, será aberto a tela de manutenção de categorias, onde é possível cadastrar uma nova categoria e associar os tipos de aprovação que ela engloba.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (3).png

Ao clicar no botão "Editar", a tela de manutenção de categorias será aberta, com os dados da categoria selecionada carregada na tela, para que se possa fazer a edição dos dados da mesma.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (6).png

Ao clicar na opção "Desativar" um pop up será aberto para que se possa confirmar a inativação da categoria.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (7).png

Ao clicar no botão "Log", a tela de log de registro será aberta, contendo as informações de registro para a categoria selecionada.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (4).png

A página Solicitações de aprovação foi alterada para o novo layout. Nesta tela é possível navegar através das categorias.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (8).png

A página Detalhes da solicitação foi alterada para o novo layout.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > scrnli_03_07_2019 10-11-50.png

A página Níveis de aprovação foi alterada para o novo layout.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > scrnli_03_07_2019 10-17-06.png

A página Cadastro de nível de aprovação foi alterada para o novo layout.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (11).png

A página Manutenção de nível de aprovação foi alterada para o novo layout.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (12).png

A página Tipos de aprovação foi alterada para o novo layout.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (13).png

A página Manutenção de tipos de solicitações de aprovação foi alterada para o novo layout.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (14).png

A página Log de registro foi alterada para o novo layout.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (15).png

A página Dashboard foi alterada para o novo layout.

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (17).png

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (32).png

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (33).png

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (34).png

TOTVS Moda > DT Ajustar layout do Virtual.approvals > scrnli_14_06_2019 17-30-50.png

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (37).png

TOTVS Moda > DT Ajustar layout do Virtual.approvals > localhost_8081_ (38).png

<style>
div.theme-default .ia-splitter #main {
    margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
    display: none;
}
#main {
    padding-left: 10px;
    padding-right: 10px;
    overflow-x: hidden;
}

.aui-header-primary .aui-nav,  .aui-page-panel {
    margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
    margin-left: 0px !important;
}
</style>