informe-reparto-optimo.html 5.71 KB
<div class="modal-header py-1">
        <div class="row w-100">
            <div class="col-12"><h5 class="modal-title">Informe de reparto óptimo detallado</h5></div>
            <div class="col-12" ng-hide="buscar">
                Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}},
                Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}},
                Transportista : {{transportista.NOM}},
                Unidad: {{unidad.codigo}}
            </div>
        </div>
    </div>
    <div class="modal-body" id="modal-body">
        <div class="input-group row"
            ng-show="buscar">
            <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
            <div class="col-md-4 col-8 input-group mb-3">
                <div class="input-group-prepend">
                    <div class="input-group-text">
                        <i class="fa fa-calendar"></i>
                    </div>
                </div>
                <input
                    class="form-control form-control-sm"
                    id="inlineFormInputGroup"
                    type="text"
                    ng-model="params.fechaDesde"
                    ng-required="true"
                    uib-datepicker-popup="dd/MM/yyyy"
                    show-button-bar="false"
                    is-open="datepickerOpen"
                    on-open-focus="false"
                    ng-focus="datepickerOpen = true"
                    datepicker-options="dateOptions"
                />
            </div>
            <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
            <div class="col-md-4 col-8 input-group mb-3">
                <div class="input-group-prepend">
                    <div class="input-group-text">
                        <i class="fa fa-calendar"></i>
                    </div>
                </div>
                <input
                    class="form-control form-control-sm"
                    id="inlineFormInputGroup"
                    type="text"
                    ng-model="params.fechaHasta"
                    ng-required="true"
                    uib-datepicker-popup="dd/MM/yyyy"
                    show-button-bar="false"
                    is-open="datepicker2Open"
                    on-open-focus="false"
                    ng-focus="datepicker2Open = true"
                />
            </div>
            <small class="col-md-2 col-4 text-left my-1">Sector</small>
            <div class="col-md-4 col-8 input-group mb-3">
                <input
                    class="form-control form-control-sm"
                    id="inlineFormInputGroup"
                    type="text"
                    ng-model="params.sector.NOMBRE"
                    ng-required="true"
                    ng-keypress="seleccionarSector($event.keyCode)"
                />
                <button  
                    ng-show="params.sector.NOMBRE.length >= 1"
                    type="button"
                    class="clear-input"
                    ng-click="params.sector.NOMBRE = ''"
                >
                    <i class="fa fa-times"></i>
                </button>
                <div class="input-group-append">
                    <div class="input-group-append" ng-hide="ingreso">
                        <button
                            ladda="searchLoading"
                            data-spinner-color="#FF0000"
                            class="btn btn-outline-secondary"
                            type="button"
                            ng-click="seleccionarSector(13)">
                            <i class="fa fa-search" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
            </div>
            <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small>
            <div class="col-md-2 col-4 input-group mb-2">
                <div class="custom-control custom-checkbox ml-auto">
                    <input
                        type="checkbox"
                        class="custom-control-input"
                        ng-model="params.diferenciarProductos"
                        id="customCheck1">
                    <label class="custom-control-label" for="customCheck1"></label>
                </div>
            </div>
            <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small>
            <div class="col-md-2 col-4 input-group mb-2">
                <div class="custom-control custom-checkbox ml-auto">
                    <input
                        type="checkbox"
                        class="custom-control-input"
                        ng-model="params.diferenciarMeses"
                        id="customCheck2">
                    <label class="custom-control-label" for="customCheck2"></label>
                </div>
            </div>
        </div>
        <div 
            ng-if="!buscar"
            class="row">
            <div class="col-12">
                <div 
                    class="gridInforme"
                    ui-grid="gridOptions"
                    ui-grid-exporter
                    ui-grid-resize-columns
                    ></div>
            </div>
        </div>
    </div>
    <div class="modal-footer py-1">
        <button
            ladda="generando"
            class="btn btn-sm btn-secondary"
            type="button"
            ng-click="generarInforme()"
            ng-show="buscar">Generar</button>
        <button 
            class="btn btn-sm btn-secondary"
            type="button"
            ng-click="cancel()"
            ng-show="buscar">Salir</button>
        <button
            class="btn btn-sm btn-secondary"
            type="button"
            ng-click="volver()"
            ng-hide="buscar">Volver</button>
    </div>