Árvore de páginas

Versões comparadas

Chave

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

...

Esta é a tela de listagem de despesas.

Possui os seguintes elementos:

  • Botão nova despesa
  • Campo "Pesquisar"

Em seguida dispõe de uma tabela de dados com as colunas:

  • Data
  • Tipo
  • Valor
  • Editar
  • Anexos 

Cadastro de nova despesa.

O Botão Nova despesa tem a mesma funcionalidade descrita no item 04. 

O Campos pesquisar possibilita a busca de despesas por tipo.

Ao clicar no botão pesquisar é exibida a lista de tipos cadastrados, ao selecionar um deles, são exibidas as despesas que possuem esse tipo.

Editando despesas

O botão com a imagem de lápis possui a ação de edição da despesa, ao clicar neste é exibido o formulário para alteração dos dados.

Anexando documentos

O botão com a imagem de documento possui a ação para anexar aquivos à despesa, ao ser acionado é exibida a janela de anexos da despesa.

Anexos da despesa - Inclusão, Download e Exclusão.Image Removed

Image Added

Na janela anexos da despesa é possível incluir arquivos, utilizando o botão "Incluir anexo" ou arrastando o arquivo para a área de upload como demonstrado na imagem ao lado.

Feita a inclusão do anexo este será exibido em formato de lista em uma tabela de dados com as colunas:

  • Nome
  • Tipo
  • Local

Para efetuar o download, basta selecionar o arquivo desejado e clicar no botão "Fazer Download", o arquivo será salvo no local de downloads do navegador utilizado.


Para exclusão de anexos basta selecionar um ou mais arquivos e clicar no botão "Excluir".

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