modal-detalle-hoja-ruta.html 5.11 KB
<div class="modal-header py-1">
    <h5 class="modal-title">Detalle de hoja de ruta</h5>
</div>
<div class="modal-body" id="modal-body">
    <form name="formDetalleHojaRuta">
        <div class="form-group row">
            <div class="col-6 px-2">
                <label class="col-12 col-sm-6 px-0 mb-0">
                    <b>Remito</b>
                </label>
                <div class="col-12 col-sm-6 px-0">
                    <span ng-bind="parametrosDetalleHojaRuta.remito"/>
                </div>
            </div>
            <div class="col-6 px-2">
                <label class="col-12 col-sm-6 px-0 mb-0">
                    <b>Cliente</b>
                </label>
                <div class="col-12 col-sm-6 px-0">
                    <span ng-bind="parametrosDetalleHojaRuta.cliente"/>
                </div>
            </div>
            <div class="col-6 px-2">
                <label class="col-12 col-sm-6 px-0 mb-0">
                    <b>Domicilio</b>
                </label>
                <div class="col-12 col-sm-6 px-0">
                    <span ng-bind="parametrosDetalleHojaRuta.domicilio"/>
                </div>
            </div>
            <div class="col-6 px-2">
                <label class="col-12 col-sm-6 px-0 mb-0">
                    <b>Contacto</b>
                </label>
                <div class="col-12 col-sm-6 px-0">
                    <span ng-bind="parametrosDetalleHojaRuta.contacto"/>
                </div>
            </div>
            <div class="col-6 px-2">
                <label class="col-12 col-sm-6 px-0 mb-0">
                    <b>Teléfono</b>
                </label>
                <div class="col-12 col-sm-6 px-0">
                    <span ng-bind="parametrosDetalleHojaRuta.telefonoContacto"/>
                </div>
            </div>
            <div class="col-6 px-2">
                <label class="col-12 col-sm-6 px-0 mb-0">
                    <b>Producto</b>
                </label>
                <div class="col-12 col-sm-6 px-0">
                    <span ng-bind="parametrosDetalleHojaRuta.producto"/>
                </div>
            </div>
            <div class="col-6 px-2">
                <label class="col-12 col-sm-6 px-0 mb-0">
                    <b>Litros</b>
                </label>
                <div class="col-12 col-sm-6 px-0">
                    <span ng-bind="parametrosDetalleHojaRuta.litros"/>
                </div>
            </div>
            <div class="w-100"></div>
            <div class="form-group col-6 px-0">
                <label 
                    class="col-12 col-sm-3 col-form-label col-form-label-sm px-2"
                >Litros descargados</label>
                <div class="col-12 col-sm-3 px-2">
                    <input
                        type="number"
                        min="0"
                        step="1"
                        class="form-control form-control-sm"
                        id="litrosDescargados"
                        name="litrosDescargados"
                        placeholder="Litros descargados"
                        ng-model="parametrosDetalleHojaRuta.litrosDescargados"
                        foca-focus="paso === 0"
                        ng-keypress="$event.keyCode === 13 && irPaso(1)"
                        foca-tipo-input
                        teclado-virtual
                    />
                </div>
            </div>
            <div class="form-group col-6 px-0">
                <label 
                    class="col-12 col-sm-3 col-form-label col-form-label-sm px-2"
                >Nº recibo</label>
                <div class="col-12 col-sm-33 px-2">
                    <input
                        type="number"
                        min="0"
                        step="0.01"
                        class="form-control form-control-sm"
                        id="numeroRecibo"
                        name="numeroRecibo"
                        placeholder="Nº Recibo"
                        ng-model="parametrosDetalleHojaRuta.numeroRecibo"
                        foca-focus="paso === 1"
                        ng-keypress="$event.keyCode == 13 && validar() && aceptar()"
                        foca-tipo-input
                        teclado-virtual
                    />
                </div>
            </div>
            <div class="row">
                <div class="form-group col-12 pr-0">
                    <label 
                        class="col-12 col-sm-3 col-form-label col-form-label-sm px-2"
                    >Observaciones</label>
                    <textarea
                        ng-model="parametrosDetalleHojaRuta.observaciones"
                        class="form-control mx-2"
                        rows="5"
                        teclado-virtual
                    ></textarea>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal-footer py-2">
    <button
        class="btn btn-secondary btn-sm"
        type="button"
        ng-click="aceptar()"
        ng-disabled="validar()"
    >Aceptar</button>
    <button class="btn btn-secondary btn-sm" type="button" ng-click="cancel()">Cancelar</button>
</div>