Páginas filhas
  • DT Reformulação da tela de lançamento

Versões comparadas

Chave

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


01. DADOS GERAIS

Linha de Produto:TOTVS Varejo Food Services
Segmento:Food Services
Módulo:Lançamento
Função:Lançamento de produtos
Ticket:
Requisito/Story/Issue:DVARORI-4405-4406-5532


02. SITUAÇÃO/REQUISITO

A tela de lançamento de produtos foi refeita devido a necessidade de melhoria de performance e design.

03. SOLUÇÃO

As telas de cardápio, lançamento por código, produtos fracionados, impressão pendente e conferência de produtos foram recriadas e algumas funcionalidades foram acrescentadas.

***** INSERIR CONFIGURAÇÃO DE VISUALIZAÇÃO DOS PRODUTOS NO MENU CARDÁPIO.****

Menu cardápio:

Totvs custom tabs box
tabsPosição dos nomes dos produtos, sincronização Sincronização dos preços dos produtos, Tela de detalhes
idspasso1,passo2,passo3
Totvs custom tabs box items
defaultyes
referenciapasso1

No menu cardápio o nome dos produtos foram reposicionados para a parte inferior do botãodos botões.

Image Added

Totvs custom tabs box items
defaultno
referenciapasso2

Foi implementado o botão de atualização dos produtos, quando algum produto é alterado no cadastro, o usuário pode realizar a sincronização manualmente através do botão em destaque do print ou o mesmo pode deixar configurado para que a sincronização seja automática no configurações do próprio app através da configuração: Período de sincronização do cardápio.a configuração de sincronização do cardápio, por padrão a comanda consultará o cadastro de produtos de 3 em 3 horas, o cliente pode realizar também a sincronização manual pressionando o botão do print abaixo.

Image AddedImage Added

Totvs custom tabs box items
defaultno
referenciapasso3

Ao lançar um produto e depois manter o botão desse mesmo produto pressionado por alguns segundos , a nova tela detalhes se abre, nela é possível realizar as seguintes ações:

  • Adicionar Remover ou remover adicionar quantidades dos produtos pelos ícones de - e + e -;
  • Excluir o produto através do ícone de lixeira ou deslizando o produto para a esquerda;
  • Adicionar observações através do ícone de clips ou deslizando o produto para a direita;
  • Remover as composições de produtos composto apenas clicando pressionando o dedo sobre o produto; 

Image Added


Menu código:

Totvs custom tabs box
tabsNova tela do menu código,Listagem de produtos
idspasso4,passo5
Totvs custom tabs box items
defaultyes
referenciapasso4

Nova tela de Novo menu código.

Image Added

Totvs custom tabs box items
defaultno
referenciapasso5

Foi incluído a lista de todos os produtos disponíveis para a venda através do ícone de lupa. Agora também é possível lançar produtos adicionais e produtos kit pelo menu código.

Image AddedImage Added


Menu de produtos fracionados:

Totvs custom tabs box
tabsTela de lançamento de produtos fracionados
idspasso6
Totvs custom tabs box items
defaultyes
referenciapasso6

Nova tela de produtos fracionados.

Image AddedImage Added

Conferência de produtos:

Totvs custom tabs box
tabsNova tela de conferência de produtos,expansão Expansão dos produtos,Funções,Cartão entregar na mesa,Mesa com divisão de cadeiras
idspasso7,passo8,passo9,passo110,passo111
Totvs custom tabs box items
defaultyes
referenciapasso7

Nova tela de conferência de produtos.

Image Added

Totvs custom tabs box items
defaultno
referenciapasso8

Na tela de conferência, os produtos iguais com mais de uma quantidade ficam agrupados, caso o usuário queria verificar as observações lançados lançadas nos produtos o mesmo pode utilizar a seta para baixo ao lado do nome do produto, para que assim mas mais informações do dos produtos seja exibidasejam exibidas.

Image Added

Totvs custom tabs box items
defaultno
referenciapasso9

Foi incluído também a função de acesso a tela de detalhes deslizando o produto para a direita, caso o usuário deslize o produto para a esquerda o produto é deletado e caso o produto seja deletado acidentalmente o usuário tem a possibilidade de fazer o produto deletado retornar a tela de conferência através da opção desfazer localizada na parte inferior da tela.

Image AddedImage Added

Totvs custom tabs box items
defaultno
referenciapasso110

Nova tela de conferência de produtos de cartão entregar na mesa.

Image Added

Totvs custom tabs box items
defaultno
referenciapasso111

Nova tela de conferência de produtos de mesa com divisão de cadeiras.

Image Added


Outras telas:

Totvs custom tabs box
tabsTela de composições, Tela de adicionais,Tela de composições e adicionais,Tela de kit,Tela de impressão pendente,Configuração de exibição dos produtos,Tela de observações
idspasso10,passo11,passo12,passo13,passo14,passo15,passo16
Totvs custom tabs box items
defaultyes
referenciapasso10

Foi incluído a tela de remoção das composições dos produtos compostos, para acessa-la basta pressionar o produto composto na tela de detalhes.

Image AddedImage Added

Tela de composição

Totvs custom tabs box items
defaultno
referenciapasso11

Tela de adicionais respeitando as configurações de quantidade máxima, minima e não multiplicar quantidade.

Image AddedImage Added

Totvs custom tabs box items
defaultno
referenciapasso12

Quando o produto for composto e possuir adicionais a tela será semelhante a apresentada no PDV, onde a tela possuirá as duas funcionalidades.

Image Added

Composição/adicionais

Totvs custom tabs box items
defaultno
referenciapasso13

Tela dos produtos Kit.

Image Added

Totvs custom tabs box items
defaultno
referenciapasso14

Tela de impressão pendente

Image AddedImage Added

Totvs custom tabs box items
defaultno
referenciapasso15

Foi incluído a configuração de exibição de visualização dos produtos, nela é possível configurar a quantidade de produtos que apareceram no menu cardápio por linhas e colunas.

Image AddedImage Added

Totvs custom tabs box items
defaultno
referenciapasso16

Observações

Image Added


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>