Módulo 09: Propostas / Cotações — UI
Status: Rascunho Inicial Regras de negócio: ver
regras-negocio/09_propostas.mdDomínio: verdominio/proposta.md
1. Fluxo de Navegação de Telas
2. Simulador / Criação de Proposta
Tela focada em velocidade para o consultor ao telefone ou WhatsApp. O valor total atualiza ao vivo na barra inferior conforme as seleções.
Seção 1 — O Veículo
- Seleção do veículo do cliente (dropdown ou busca por placa).
- Exibe instantaneamente: Marca, Modelo, Ano, Código FIPE e Valor FIPE atual com mês de referência.
- Se o veículo não tiver
codigo_fipee o plano exigir FIPE: alerta bloqueante com link para editar o veículo.
Seção 2 — O Plano
- Lista apenas os planos elegíveis para o veículo (filtro por valor FIPE, ano e tipo).
- Cards de plano exibem: nome, coberturas principais e valor base calculado.
- Ao selecionar o plano, o valor aparece na barra de total.
Seção 3 — Os Opcionais
- Lista de serviços opcionais compatíveis com o plano (checkboxes).
- Cada opcional exibe nome, descrição breve e valor mensal adicional.
- Total na barra inferior soma automaticamente os opcionais marcados.
Seção 4 — Negociação
- Desconto (%): Campo numérico. Exibe o teto máximo do consultor.
- Se ultrapassar o limite: alerta amarelo informando que será necessário aprovação do gestor.
- Taxa de Adesão (R$): Campo numérico com valor mínimo como placeholder.
- Resumo financeiro em tempo real: Bruto → Opcionais → Desconto → Mensalidade Líquida.
Ações Finais
| Ação | Comportamento |
|---|---|
| Salvar Rascunho | Persiste como RASCUNHO sem enviar |
| Gerar Link de Envio | Congela valores, muda para ENVIADA, abre modal de canal (WhatsApp / E-mail) |
3. Lista de Propostas — Pipeline do Consultor
- Filtros: Status (foco em
ENVIADA), Data de Vencimento, Veículo, Cliente. - Ordenação padrão: Propostas com vencimento mais próximo primeiro.
- Indicadores visuais:
- Badge vermelho: proposta vence em ≤ 2 dias.
- Badge amarelo: proposta vence em ≤ 5 dias.
- Ações rápidas por linha: Reenviar Link, Gerar PDF, Ver Detalhes, Cancelar.
4. Detalhe da Proposta
4.1 Cabeçalho
- Status com badge + data de validade
- Cliente, Veículo (marca/modelo/placa), Plano
- Consultor responsável + data de criação
4.2 Resumo Financeiro (Snapshot)
- Valor FIPE congelado + mês de referência
- Plano (nome congelado) + opcionais (nomes e valores congelados)
- Desconto aplicado + Mensalidade Final + Taxa de Adesão
4.3 Ações por Status
| Status | Ações Disponíveis |
|---|---|
RASCUNHO | Editar, Gerar Link de Envio, Cancelar |
ENVIADA | Reenviar Link, Gerar PDF, Cancelar, Registrar aceite manual |
ACEITA | Avançar para Vistoria (se exigida), Gerar Contrato (se vistoria aprovada ou dispensada) |
PERDIDA / CANCELADA | Clonar Proposta |
CONVERTIDA | Ver Contrato (link) |
4.4 Timeline
- Histórico de eventos: criação, envio, aceite do cliente (com IP e user-agent), mudanças de status.
5. Link Público — Visão do Cliente
Página responsiva, sem necessidade de login:
- Cabeçalho: Logo e cor primária do Tenant (white-label).
- Resumo do Veículo: Marca, Modelo, Ano.
- Coberturas inclusas: lista com ícones claros.
- Exclusões: lista em destaque secundário (transparência com o cliente).
- Resumo Financeiro: Adesão R$ X + Mensalidade R$ Y — tipografia grande e legível.
- CTA Principal: Botão destacado "Aprovar Proposta e Seguir".
- CTA Secundário: Link discreto "Recusar esta proposta".
- Validade: Contador regressivo de dias restantes.
Após aceite ou recusa: página exibe confirmação e informa próximo passo ao cliente.