pedi2/resources/js/components/compras/Body.vue

<template>
    <div class="container is-fluid has-text-centered">
        <div class="block">
            <div class="field">
                <p class="control">
                    <a href="/compras/pedidos/descargar" class="button">
                        <span class="icon is-small">
                            <i class="fas fa-download"></i>
                        </span>
                        <span>Descargar planilla de totales</span>
                    </a>
                </p>
            </div>
            <div class="field">
                <p class="control">
                    <a href="/compras/pedidos/notas" class="button">
                        <span class="icon is-small">
                            <i class="fas fa-sticky-note"></i>
                        </span>
                        <span>Descargar planilla de notas</span>
                    </a>
                </p>
            </div>
            <div class="field">
                <p class="control">
                    <a href="/compras/pedidos/transporte" class="button">
                        <span class="icon is-small">
                            <i class="fa fa-truck"></i>
                        </span>
                        <span>Descargar planilla de transporte</span>
                    </a>
                </p>
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>