TOTVS Moda

Páginas filhas
  • DT Dashboard para solicitação de material

Versões comparadas

Versão antiga 1

changes.mady.by.user Felipe Caferro Tampelini

Gravado em

comparado com

Nova versão Atual

changes.mady.by.user Felipe Caferro Tampelini

Gravado em

Chave

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

...

Ticket:
Produto:

Solucoes_totvs
SolucaoTOTVS Moda

Linha de Produto:

Virtual Age

Segmento:

Segmentos_totvs
SegmentoVarejo

Módulo:Comercial
Função:Dashboard para solicitação de material
Requisito/Story/Issue (informe o requisito relacionado) :DVACOM-4521


02. SITUAÇÃO/REQUISITO

Com o objetivo de proporcionar ao usuário uma nova experiência de dashboard se faz necessário disponibilizar a criação de dashboard com informações de solicitação de material.

03. SOLUÇÃO

Foi implementado o módulo de solicitação de material no componente GERFM257.

Os campos liberados para utilização no dashboard são:

  • Quantidade solicitada;
  • Quantidade atendida;
  • Quantidade reservada;
  • Quantidade cancelada;
  • Quantidade extra;
  • Quantidade pendente;
  • Valor solicitado;
  • Valor atendido;
  • Valor reserva;
  • Valor cancelado;
  • Valor extra;
  • Valor pendente.


Totvs custom tabs box
tabsPasso 01, Passo 02, Passo 03, Passo 04
idspasso1,passo2
Totvs custom tabs box items
defaultyes
referenciapasso1
Totvs custom tabs box items
defaultno
referenciapasso2

04. DEMAIS INFORMAÇÕES

Card documentos
InformacaoUse esse box para destacar informações relevantes e/ou de destaque.
TituloIMPORTANTE!

Criação de painel com os campos de quantidades da solicitação de material:

Image Added

Imagem 01 - No componente GERFM257 foi criado o painel "400" utilizando o módulo "Solicitação de material". Foi acionado o botão ">>" do campo "Filtro".

Obs.: O período avaliado será referente ao ano anterior, conforme configurado.


Image Added

Imagem 02 - Ao carregar o componente CMCFF001 foram informados os dados para o filtro das solicitações de materiais. É importante que o campo "Campo dashboard" seja informado para indicar o que será filtrado para que seja exibido no dashboard. Dito isso foi acionado o botão "Confirmar'.


Image Added

Imagem 03 - Ao retornar para o componente GERFM257 é possível verificar que o filtro foi realizado corretamente. Após informar uma descrição para o item do painel foi salvo o processo.


Image Added

Imagem 04 - Antes de exibir o dashboard, foram adicionados mais cinco itens no painel. Todos eles possuem o mesmo filtro demonstrado anteriormente, exceto o campo "Campo dashboard".


Image Added

Imagem 05 - No componente GERFM256 foi criado o dashboard "400" e vinculado a ele o painel "400" (criado anteriormente no componente GERFM257). Depois de vincular o painel e salvar o processo, foi acionado o botão "Exibir".


Image Added

Imagem 06 - Nota-se que o dashboard foi gerado corretamente.


Image Added

Imagem 07 - Para validar as informações do dashboard foi acessado o componente CMCFC005 e realizado o mesmo filtro e pressionado "F4" para consutá-lo.


Image Added

Imagem 08 - Após carregar o componente CMCFL015 é possível verificar que as informações de quantidade estão de acordo com o que foi exibido no dashboard gerado anteriormente.

Obs.: A quantidade extra pode ser verificada através da coluna "Pendente" com os valores negativos.


Criação de painel com os campos de valores da solicitação de material:

Image Added

Imagem 09 - Foi criado o painel "401" com os demais campos de solicitação de material liberados para exibição no dashboard utilizando o mesmo filtro demonstrado anteriormente.


Image Added

Imagem 10 - No componente GERFM256 foi vinculado o painel "401" ao dashboard "400".


Image Added

Imagem 11 - Nota-se que o dashboard foi gerado corretamente, exibindo os painéis vinculados a ele.


Image Added

Imagem 12 - Os valores podem ser validados através do componente CMCFF004 (necessário um layout)

Obs.: Esse layout é criado através do componente CMCFM036.

...


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>