<div class="modal fade" tabindex="-1" role="dialog" id="modal-cod-barra">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Código de barra</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="cod-barra">Código de barra</label>
                    <input type="text" id="cod-barra" class="form-control" @keyup.enter="guardarCodBarra" maxlength="13">
                </div>
                <div class="form-row">
                    <div class="col-12">
                        <div class=" alert alert-warning" role="alert" v-for="row in errorForm">
                            {{ row }}
                        </div>
                    </div>
                </div>
                <ul class="list-group">
                    <li class="list-group-item d-flex justify-content-between align-items-center" v-for="row in codBarras">
                        {{ row.codigo }}
                        <span @click="eliminarCodBarra(row)" style="cursor: pointer;"><i class="fa fa-trash"></i></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>