Printable

O componente Printable encapsula o fluxo de impressão do POS, permitindo a impressão de qualquer conteúdo HTML estático.

| Propriedades | Descrição | Tipo | Padrão | | :------------------------------------------------ | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------- | :------ | | dithering | Define se deve ser aplicado um algoritmo de dithering na impressão. Use esta função somente para imprimir imagens, pois o dithering diminui a qualidade da impressão de texto | boolean | false | | showPrintingDialog | define se o diálogo de "Imprimindo" deve aparecer ou não | boolean | true | | showNoPaperErrorMessage | Exibir mensagem opcional Verifique a impressora e tente novamente. | boolean | false | | $reprintException | Variável da store que habilita o dialog de tentar novamente reimpressão caso falhe | boolean | false |

Eventos

<Printable ... on:event="..."/>

| Nome | Disparado quando .... | Tipo | | ------ | ----------------------------------------------------------------------------------------------------- | ------------------- | | finish | Ao finalizar uma impressão, recebendo true se a impressão foi concluída e false caso interrompida | function(boolean) | | error | Um erro de impressão ocorre | function() |

Exemplos:

Chama myMethod() quando a impressão termina, passando como parâmetro event que indica caso a impressão foi concluída ou interrompida.

<Printable on:finish="myMethod(event)" />

Chama exibe no console a mensagem quando a impressão falha:

<Printable on:error="console.log('your printing failed')" />

Métodos

print()

Envia o conteúdo do componente printable para impressão.

<Printable ref:printableContent dithering="{true}">
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium esse possimus eaque harum,
  voluptatum optio hic. Dignissimos, molestias eligendi, cumque et eos iusto quasi mollitia fuga
  quam laudantium tempora aliquid?
</Printable>

<!-- Print the ref:printableContent content -->
<button on:click="refs.printableContent.print()">Print</button>

<script>
  export default {
    components: {
      Printable: '@mamba/printable',
    },
  };
</script>