# Box

<figure><img src="https://3126785233-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYBlnZJ34tdev8fDCzxiR%2Fuploads%2FdnaokJbkKjsH6X1dLe0U%2Fimage.png?alt=media&#x26;token=1c06481b-7151-46ee-8acb-50c05010c2c3" alt="" width="375"><figcaption><p>Módulo de Box</p></figcaption></figure>

Na tela de **Box**, há uma lista com os 75 boxes do sistema HsCorp.

<figure><img src="https://3126785233-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYBlnZJ34tdev8fDCzxiR%2Fuploads%2Fy3X9xxoB3etX0TfJajog%2Fimage.png?alt=media&#x26;token=fff56dde-6b4c-4341-a228-028085723832" alt="" width="375"><figcaption></figcaption></figure>

Existem dois tipos de card: os vinculados a uma Ordem de Serviço e os vazios.

### Card vinculado a uma Ordem de Serviço

<figure><img src="https://3126785233-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYBlnZJ34tdev8fDCzxiR%2Fuploads%2FndqG62yNjJw9fwZUwsqq%2Fimage.png?alt=media&#x26;token=65a759f3-0a8d-4184-b14f-fe1521f8d894" alt="" width="375"><figcaption></figcaption></figure>

* <mark style="color:purple;">**Número da Ordem de Serviço**</mark>
* <mark style="color:blue;">**Nome do cliente**</mark>
* <mark style="color:orange;">**Número do Box**</mark>
* <mark style="color:green;">**Estado e cidade da placa do veículo**</mark>
* <mark style="color:yellow;">**Placa do veículo**</mark>

A borda esquerda é colorida, servindo como indicativo relacionado ao cliente.

* <mark style="color:red;">**Vermelho**</mark>: Cliente Bloqueado.
* <mark style="color:green;">**Verde**</mark>: Cliente está em conformidade.
* <mark style="color:yellow;">**Amarelo**</mark>: Cliente está com títulos vencidos em aberto

Ação:&#x20;

* Ao clicar em um card vinculado a uma Ordem de Serviço, ele abre-a mostrando seus detalhes.

### Card vazio

<figure><img src="https://3126785233-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYBlnZJ34tdev8fDCzxiR%2Fuploads%2FC5dExMWcjmLCPjkV4k3d%2Fimage.png?alt=media&#x26;token=cac3cdf1-c526-42dc-b1b2-62766da9fae3" alt="" width="375"><figcaption></figcaption></figure>

* <mark style="color:orange;">**Número do Box.**</mark>

Ações:

* Quando clicamos, somos redirecionados para a tela de [**pré ordem de serviço**](https://movel.highsoftsistemas.com.br/automecanica/ordem-de-servico), onde podemos criar uma nova Ordem de Serviço já vinculada ao box selecionado.
* Quando clicamos e seguramos, somos direcionados para a tela onde é possível [**consultar as Ordens de Serviço**](https://movel.highsoftsistemas.com.br/automecanica/consulta) criadas e vinculá-las ao box com um clique. Lembrando que na consulta não serão exibidas Ordens de Serviço canceladas e processadas.