TOTVS Moda

Páginas filhas
  • DT Criação Dashboard de Pacote

Versões comparadas

Versão antiga 1

changes.mady.by.user Hugo Silirio Garcia

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Hugo Silirio Garcia

Gravado em

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.


01. DADOS GERAIS

Linha de Produto:Virtual Age
Segmento:Moda
Módulo:Integração
Função:Criar dashboard de pacote
Ticket:
Requisito/Story/Issue (informe o requisito relacionado) :DVAITG-9994045


02. SITUAÇÃO/REQUISITO

Era necessário criar um dashboard para o SGPdisponibilizar uma opção para visualizar dashboards de pacotes onde pode ser apresentado informações de tamanhos e quantidades dos mesmos.

03. SOLUÇÃO

Foi criado no....um modulo chamado "pacote" na "manutenção de painel" - GERFM257, este novo modulo da a oportunidade de efetuar filtros de pacotes e montar dashboards conforme imagens abaixo.


Totvs custom tabs box
tabsPasso 01, Passo 02, Passo 03, Passo 04a passo
idspasso1,passo2passo

Imagem 1 - Foi implementado o novo tipo de módulo Pacote.


Image Added

Imagem 2 - Pressionando F12 no filtro, ou dando duplo clique, a tela de filtro - INTFF001 é exibida onde é possível efetuar todos os filtros desejados.


Image Added

Imagem 3 - Após efetuar as configurações e filtros das telas anteriores na "Manutenção de dashboard"- GERFM256  é possível configurar a apresentação dos dashboards. Ao clicar no botão exibir destacado em vermelho é possível visualizar os dashboards configurados.


Image Added

Imagem 4 - Exibição dos dashboards.



Templatedocumentos


HTML
<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;
}

.aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a::after { 
	background: #FF9900; !important 
}

.menu-item.active-tab { 
	border-bottom: none !important; 
}

</style>