modal-detalle-hoja-ruta.html 4.87 KB
<div class="modal-header py-1">
    <h5 class="modal-title">Detalle de descarga</h5>
</div>
<div class="modal-body" id="modal-body">
    <form name="formDetalleHojaRuta">
        <div class="form-group row">
            <div class="col-12 px-0">
                <label class="form-control-sm">
                    <b>Remito Nº</b>
                    <span ng-bind="[remito.numeroRemito, remito.sucursal] | comprobante"/>
                </label>
            </div>
            <div class="col-12 px-0">
                <label class="form-control-sm">
                    <b>Cliente</b>
                </label>
                <span ng-bind="remito.nombreCliente"/>
            </div>
            <div class="col-12 px-0">
                <label class="form-control-sm">
                    <b>Domicilio</b>
                    <span ng-bind="remito.domicilioStamp"/>
                </label>
            </div>
            <div class="col-12 px-0">
                <strong>Articulo a descargar</strong>
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Articulo</th>
                            <th>Total</th>
                            <th>Descargado</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="(key, articulo) in remito.articulosRemito">
                            <td class="pt-2"><input
                                type="radio"
                                name="articuloRadio"
                                id="{{'articulo' + articulo.id}}"
                                ng-click="cambio(articulo)"
                                ng-disabled="articulo.cargado"
                            ></td>
                            <td ng-bind="articulo.descripcion"></td>
                            <td ng-bind="articulo.cantidad"></td>
                            <td ng-bind="articulo.descargado || articulo.cantidad"></td>
                    </tbody>
                </table>
                <strong>Cisterna</strong>
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>Código</th>
                            <th>Articulo</th>
                            <th>Total</th>
                            <th>A descargar</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="(key, cisterna) in cisternas">
                            <td ng-bind="cisterna.codigo"></td>
                            <td ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
                            <td ng-bind="cisterna.cisternaCarga.cantidad"></td>
                            <td><input
                                class="form-control form-control-sm"
                                type="number"
                                ng-model="cisterna.aDescargar"
                                foca-focus=""
                                ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto"/></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-12 px-0">
                <label class="form-control-sm px-0">
                    <b>Observaciones</b>
                </label>
            </div>
            <div class="col-12">
                <textarea
                    ng-model="remito.observaciones"
                    class="form-control form-control-sm"
                    rows="1"
                ></textarea>
            </div>
            <div class="col-12 row mt-2">
                <label class="form-control-sm px-0 col-3"><b>Nº Recibo</b></label>
                <input
                    class="form-control form-control-sm col-4"
                    type="number"
                    ng-model="numeroRecibo">
                <button
                    class="ml-4 form-control-sm btn btn-success col-4"
                    ladda="cargando"
                    data-spinner-color="#FF0000"
                    type="button"
                    ng-disabled="!distribucionDisponible()"
                    ng-click="cargarACisternas(vehiculo)"
                    foca-focus="distribucionDisponible()">
                    Descargar
                </button>
            </div>
        </div>
    </form>
</div>
<div class="modal-footer py-2">
    <button
        class="btn btn-danger btn-sm"
        type="button"
        ng-click=""
        ng-disabled=""
    >Anular</button>
    <button
        class="btn btn-secondary btn-sm"
        type="button"
        ng-click="cancel()"
    >Cancelar</button>
    <button
        class="btn btn-primary btn-sm"
        type="button"
        ng-click="aceptar()"
        ng-disabled="validar()"
    >Aceptar</button>
</div>