lista-hoja-ruta.html 7.58 KB
<div class="row mx-0">
    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
        <div class="row p-1 panel-informativo">
            <div class="col-12">
                <div class="row">
                    <div class="col-12 col-sm-4 nota-pedido">
                        <h5>Hojas de ruta</h5>
                    </div>
                    <div class="col-5 col-sm-4 numero-pedido">
                        Nº <span ng-bind="[puntoVenta, comprobante] | comprobante"></span>
                    </div>
                    <div class="col-7 col-sm-4 text-right">
                        Fecha:
                        <span
                            ng-show="!datepickerAbierto"
                            ng-bind="now | date:'dd/MM/yyyy HH:mm'"
                            ng-click="datepickerAbierto = true"
                        >
                        </span>
                        <input
                            ng-show="datepickerAbierto"
                            type="date"
                            ng-model="now"
                            ng-change="datepickerAbierto = false"
                            ng-blur="datepickerAbierto = false"
                            class="form-control form-control-sm col-8 float-right"
                            foca-focus="datepickerAbierto"
                            hasta-hoy
                        />
                    </div>
                </div>
                <div class="row">
                    <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
                        <span class="label" ng-bind="cab.label"></span>
                        <span class="valor" ng-bind="cab.valor"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="row p-1 botonera-secundaria">
            <div class="col-12">
                <div class="row">
                    <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
                        <button
                            type="button"
                            class="btn btn-default btn-block btn-xs text-left py-2"
                            ng-click="boton.accion()"
                            ng-class="{'d-none d-sm-block': boton.texto == ''}"
                        >
                            <i
                                class="fa fa-arrow-circle-right"
                                ng-show="boton.texto != ''"
                            ></i>
                            &nbsp;
                            {{boton.texto}}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 mb-5">
        <div ng-hide="hojaRuta.abierta" class="row">
            <div class="col p-0">
                <table class="table table-striped table-sm table-dark">
                    <thead>
                        <tr>
                            <th class="align-middle">#</th>
                            <th class="align-middle">Número</th>
                            <th class="align-middle">Razon Social</th>
                            <th class="align-middle" colspan="2">Domicilio</th>
                        </tr>
                    </thead>
                    <tbody class="tabla-articulo-body">
                        <tr
                            ng-repeat="(key, remito) in hojaRuta.remitos"
                        >
                            <td class="align-middle" ng-bind="key + 1"></td>
                            <td
                                class="align-middle"
                                ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"
                            ></td>
                            <td class="align-middle" ng-bind="remito.nombreCliente"></td>
                            <td class="align-middle" ng-bind="remito.domicilioStamp"></td>
                            <td class="align-middle">
                                <div class="btn-group-vertical">
                                    <button
                                        class="btn btn-secondary my-1 rounded"
                                        type="button"
                                        ng-click="verDetalle(remito)">
                                        <i class="fa fa-search" aria-hidden="true"></i>
                                    </button>
                                    <button
                                        ng-show="articulosDescargados(remito.articulosRemito)"
                                        class="btn btn-secondary my-1 rounded"
                                        type="button">
                                        <i class="fa fa-check fa-lg text-success" aria-hidden="true"></i>
                                    </button>
                                    <button
                                        ng-show="remito.rechazado"
                                        class="btn btn-secondary my-1 rounded"
                                        type="button">
                                        <i class="fa fa-remove fa-lg text-danger" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div ng-show="hojaRuta.abierta" class="row grilla-articulo">
            <div class="col p-0">
                <table class="table table-striped table-sm table-dark">
                    <thead>
                        <tr>
                            <th colspan="3" class="text-center">Remito abierto Nº
                                {{[hojaRuta.remitos[0].sucursal, hojaRuta.remitos[0].numeroRemito] | comprobante}}
                            </th>
                        </tr>
                        <tr>
                            <th>Cisterna</th>
                            <th>Producto</th>
                            <th>Disponibles</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="cisterna in hojaRuta.remitos[0].cisternas">
                            <td ng-bind="cisterna.codigo"></td>
                            <td ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
                            <td ng-bind="cisterna.cisternaCarga.cantidad"></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <table class="table table-striped table-sm table-dark">
                <thead>
                    <tr>
                        <th>Descarga en cliente</th>
                        <th>
                            <button class="btn btn-outline-debo" ng-click="modalDescargas()">
                                <i class="fa fa-plus"></i>
                            </button>
                        </th>
                    </tr>
                    <tr></tr>
                </thead>
                <tbody>
                    <tr ng-repeat="remito in remitos"></tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row d-md-none fixed-bottom">
        <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
            <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
            <span
                class="mr-3 ml-auto"
                ng-click="terminarHojaRuta()"
                ladda="saveLoading"
                data-style="expand-left"
            >Terminar</span>
        </div>
    </div>
</div>