Histórico da Página

...

1. Visão Geral
2. Exemplo de utilização
3. Tipos de visualizações
4. Filtro Avançado
   
   1. Lista
   2. Card
5. Gerenciador de colunas
6. Tabelas utilizadas

01. VISÃO GERAL

Ao acessar a opção de Menu Minhas Notificações o Usuário poderá consultar todas as suas notificações, podendo efetuar uma pesquisa rápida utilizando o Título ou Descrição da Notificação ou Utilizar a opção Filtro Avançado.

...

Abaixo um exemplo pratico de utilização da opção de menu Minhas Notificações.

Image RemovedImage Added

Âncora
VISUALIZACOES VISUALIZACOES

03. TELA - Tipos de Visualizações

A Pagina página Minhas Notificações possibilita que o usuário selecione o tipo de visualização por lista (Padrão Desktop) ou por Cards (Padrão mobile). 

Âncora
LISTA LISTA

A. Lista

Ao selecionar o tipo de visualização por Lista o usuário poderá visualizar o Detalhe da Notificação diretamente na lista, conforme exemplo abaixo:

Image Removed

...

Image Added

Âncora
CARD CARD

B. Card

O Tipo de visualização de Card e indicado monitores pequenos ou Celulares, pois a visualização do tipo de Lista pode dificultar a leitura dos Dados.

Para visualizar os detalhes da Notificação o Usuário deve selecionar a opção Visualizar, conforme exemplo abaixo:

Image RemovedImage Added

...

Este tipo de consulta é indicada quando o Usuário deseja efetuar uma busca especifica, fazendo uma junção dos campos existentes, a busca é efetuada ao selecionar a opção Aplicar Filtro.

Image RemovedImage Added

Âncora
GERENCIADOR_DE_COLUNAS GERENCIADOR_DE_COLUNAS

05. GERENCIADOR DE COLUNAS

         Esta opção é indicada quando o Usuário deseja editar as colunas que deseja visualizar na tela, onde é possível mostrar, ocultar, fixar e movimentar para cima e para abaixo essas colunas nos botões da coluna localizada no lado direito da tela.

         Image Added

Âncora
TABELAS_UTILIZADAS TABELAS_UTILIZADAS

...

06.

...

TABELAS UTILIZADAS

• SZ0 A1S - Notificações do Vendedor
  
  

  
  

<!-- esconder o menu --> 


<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>