Commit 670981d447781428bdb88195265995738f768856
Exists in
master
and in
1 other branch
Merge branch 'master' into 'master'
Master See merge request !4
Showing
8 changed files
Show diff stats
src/js/controller-productividad.js
| File was created | 1 | angular.module('focaModalInforme') | |
| 2 | .controller('focaModalInformeProductividadController', | ||
| 3 | [ | ||
| 4 | '$filter', | ||
| 5 | '$scope', | ||
| 6 | '$uibModalInstance', | ||
| 7 | 'focaModalInformeProductividadService', | ||
| 8 | 'i18nService', | ||
| 9 | 'focaModalService', | ||
| 10 | function($filter, $scope, $uibModalInstance, | ||
| 11 | focaModalInformeProductividadService, i18nService, focaModalService | ||
| 12 | ) { | ||
| 13 | i18nService.setCurrentLang('es'); | ||
| 14 | var fecha = new Date(); | ||
| 15 | $scope.generando = false; | ||
| 16 | $scope.buscar = true; | ||
| 17 | $scope.informe = {}; | ||
| 18 | $scope.params = { | ||
| 19 | fechaHasta: new Date(), | ||
| 20 | fechaDesde: new Date(fecha.setMonth(fecha.getMonth() - 1)), | ||
| 21 | sector: undefined, | ||
| 22 | diferenciarProductos: false, | ||
| 23 | diferenciarMeses: false | ||
| 24 | }; | ||
| 25 | $scope.gridOptions = { | ||
| 26 | enableGridMenu: true, | ||
| 27 | exporterMenuCsv: false, | ||
| 28 | exporterPdfPageSize: 'A4', | ||
| 29 | exporterPdfFooter: function (currentPage, pageCount) { | ||
| 30 | return { | ||
| 31 | columns: [ | ||
| 32 | {text: $filter('date')(new Date(), 'dd/MM/yyyy'), | ||
| 33 | margin: [40, 0]}, | ||
| 34 | {text: currentPage + ' de ' + pageCount, | ||
| 35 | margin: [28, 0], alignment: 'right'} | ||
| 36 | ] | ||
| 37 | }; | ||
| 38 | }, | ||
| 39 | columnDefs: [ | ||
| 40 | { | ||
| 41 | field: 'cliente', | ||
| 42 | enableSorting: false, | ||
| 43 | cellClass: function(grid, row, col) { | ||
| 44 | var value = grid.getCellValue(row,col); | ||
| 45 | |||
| 46 | if (value.indexOf('Vendedores') !== -1 || | ||
| 47 | value.indexOf('Cobradores') !== -1 || | ||
| 48 | value.indexOf('Transportistas') !== -1) | ||
| 49 | return 'yellow w-100'; | ||
| 50 | if (value.indexOf('Vendedor:') !== -1 || | ||
| 51 | value.indexOf('Cobrador:') !== -1 || | ||
| 52 | value.indexOf('Transportista:') !== -1) | ||
| 53 | return 'red w-100'; | ||
| 54 | if (value.indexOf('Fecha:') !== -1) | ||
| 55 | return 'green w-100'; | ||
| 56 | } | ||
| 57 | }, | ||
| 58 | { | ||
| 59 | field: 'fecha', | ||
| 60 | enableSorting: false, | ||
| 61 | cellClass: function(grid, row, col) { | ||
| 62 | if (!grid.getCellValue(row,col)) | ||
| 63 | return 'd-none'; | ||
| 64 | } | ||
| 65 | }, | ||
| 66 | { | ||
| 67 | field: 'kmRecorridos', | ||
| 68 | enableSorting: false, | ||
| 69 | cellClass: function(grid, row, col) { | ||
| 70 | if (!grid.getCellValue(row,col)) | ||
| 71 | return 'd-none'; | ||
| 72 | } | ||
| 73 | }, | ||
| 74 | { | ||
| 75 | field: 'geolocalizacion', | ||
| 76 | enableSorting: false, | ||
| 77 | cellClass: function(grid, row, col) { | ||
| 78 | if (!grid.getCellValue(row,col)) | ||
| 79 | return 'd-none'; | ||
| 80 | } | ||
| 81 | } | ||
| 82 | ] | ||
| 83 | }; | ||
| 84 | $scope.generarInforme = function() { | ||
| 85 | //$scope.generando = true; | ||
| 86 | focaModalInformeProductividadService | ||
| 87 | .getInformeData($scope.params) | ||
| 88 | .then(function(res) { | ||
| 89 | var result = []; | ||
| 90 | console.log(res); | ||
| 91 | if (true) { | ||
| 92 | result.push({ | ||
| 93 | cliente: 'Vendedores' | ||
| 94 | }); | ||
| 95 | res.data.vendedores.forEach(function(vendedor) { | ||
| 96 | result.push({ | ||
| 97 | cliente: 'Vendedor: ' + vendedor.NOM | ||
| 98 | }); | ||
| 99 | vendedor.notasPedido.forEach(function(notaPedido) { | ||
| 100 | var seguimiento = notaPedido.seguimiento; | ||
| 101 | result.push({ | ||
| 102 | cliente: notaPedido.cliente.NOM, | ||
| 103 | fecha: seguimiento ? $filter('date')(seguimiento.fecha) : $filter('date')(notaPedido.fechaCarga), | ||
| 104 | kmRecorridos: seguimiento ? $filter('number')(seguimiento.kmRecorridos || 0, 2) : $filter('number')(0, 2), | ||
| 105 | geolocalizacion: seguimiento ? seguimiento.latitud + ', ' + seguimiento.longitud : '' | ||
| 106 | }); | ||
| 107 | }); | ||
| 108 | }); | ||
| 109 | } | ||
| 110 | if (true) { | ||
| 111 | result.push({ | ||
| 112 | cliente: 'Cobradores' | ||
| 113 | }); | ||
| 114 | res.data.cobradores.forEach(function(cobrador) { | ||
| 115 | result.push({ | ||
| 116 | cliente: 'Cobrador: ' + cobrador.NOM | ||
| 117 | }); | ||
| 118 | cobrador.cobranzas.forEach(function(cobranza) { | ||
| 119 | var seguimiento = cobranza.seguimiento; | ||
| 120 | result.push({ | ||
| 121 | cliente: cobranza.cliente.NOM, | ||
| 122 | fecha: seguimiento ? $filter('date')(seguimiento.fecha, 'dd/MM/yyyy') : $filter('date')(cobranza.FEC), | ||
| 123 | kmRecorridos: seguimiento ? $filter('number')(seguimiento.kmRecorridos || 0, 2) : $filter('number')(0, 2), | ||
| 124 | geolocalizacion: seguimiento ? seguimiento.latitud + ', ' + seguimiento.longitud : '' | ||
| 125 | }); | ||
| 126 | }); | ||
| 127 | }); | ||
| 128 | } | ||
| 129 | if (true) { | ||
| 130 | result.push({ | ||
| 131 | cliente: 'Transportistas' | ||
| 132 | }); | ||
| 133 | res.data.transportistas.forEach(function(transportista) { | ||
| 134 | result.push({ | ||
| 135 | cliente: 'Transportista: ' + transportista.NOM | ||
| 136 | }); | ||
| 137 | transportista.remitos.forEach(function(remito) { | ||
| 138 | var kms = 0, | ||
| 139 | geolocalizacion; | ||
| 140 | remito.hojaRutaMovimiento.forEach(function(movimiento) { | ||
| 141 | kms += movimiento.seguimiento.kmRecorridos || 0; | ||
| 142 | geolocalizacion = geolocalizacion || | ||
| 143 | movimiento.seguimiento.latitud + ', ' + | ||
| 144 | movimiento.seguimiento.longitud; | ||
| 145 | }); | ||
| 146 | result.push({ | ||
| 147 | cliente: remito.cliente.NOM, | ||
| 148 | fecha: $filter('date')(remito.fechaRemito, 'dd/MM/yyyy'), | ||
| 149 | kmRecorridos: $filter('number')(kms, 2), | ||
| 150 | geolocalizacion: geolocalizacion | ||
| 151 | }); | ||
| 152 | }); | ||
| 153 | }); | ||
| 154 | } | ||
| 155 | $scope.gridOptions.data = result; | ||
| 156 | $scope.generando = false; | ||
| 157 | $scope.buscar = false; | ||
| 158 | }); | ||
| 159 | }; | ||
| 160 | |||
| 161 | |||
| 162 | $scope.volver = function() { | ||
| 163 | $scope.buscar = true; | ||
| 164 | }; | ||
| 165 | $scope.cancel = function() { | ||
| 166 | $uibModalInstance.dismiss('Cancelar'); | ||
| 167 | }; | ||
| 168 | $scope.clearSector = function() { | ||
| 169 | $scope.params.sector = undefined; | ||
| 170 | }; | ||
| 171 | |||
| 172 | |||
| 173 | } | ||
| 174 | ] | ||
| 175 | ); | ||
| 176 |
src/js/service.js
| 1 | angular.module('focaModalInforme') | 1 | angular.module('focaModalInforme') |
| 2 | .factory('focaModalInformeChoferService', [ | 2 | .factory('focaModalInformeChoferService', [ |
| 3 | '$http', | 3 | '$http', |
| 4 | 'API_ENDPOINT', | 4 | 'API_ENDPOINT', |
| 5 | function($http, API_ENDPOINT) { | 5 | function($http, API_ENDPOINT) { |
| 6 | return { | 6 | return { |
| 7 | getDescargas: function(fechaDesde, fechaHasta) { | 7 | getDescargas: function(fechaDesde, fechaHasta) { |
| 8 | return $http.post(API_ENDPOINT.URL + '/informe/chofer', | 8 | return $http.post(API_ENDPOINT.URL + '/informe/chofer', |
| 9 | {fechaDesde: fechaDesde, fechaHasta: fechaHasta}); | 9 | {fechaDesde: fechaDesde, fechaHasta: fechaHasta}); |
| 10 | }, | 10 | }, |
| 11 | getEmpresa: function(id) { | 11 | getEmpresa: function(id) { |
| 12 | return $http.get(API_ENDPOINT.URL + '/empresa/' + id); | 12 | return $http.get(API_ENDPOINT.URL + '/empresa/' + id); |
| 13 | }, | 13 | }, |
| 14 | getDistanciaPorIdRemito: function(ids) { | 14 | getDistanciaPorIdRemito: function(ids) { |
| 15 | return $http.post(API_ENDPOINT.URL + '/remito/distancia', {ids: ids}); | 15 | return $http.post(API_ENDPOINT.URL + '/remito/distancia', {ids: ids}); |
| 16 | } | 16 | } |
| 17 | }; | 17 | }; |
| 18 | } | 18 | } |
| 19 | ]) | 19 | ]) |
| 20 | .factory('focaModalInformeGeneralUnidadService', [ | 20 | .factory('focaModalInformeGeneralUnidadService', [ |
| 21 | '$http', | 21 | '$http', |
| 22 | 'API_ENDPOINT', | 22 | 'API_ENDPOINT', |
| 23 | function($http, API_ENDPOINT) { | 23 | function($http, API_ENDPOINT) { |
| 24 | return { | 24 | return { |
| 25 | getEmpresa: function(id) { | 25 | getEmpresa: function(id) { |
| 26 | return $http.get(API_ENDPOINT.URL + '/empresa/' + id); | 26 | return $http.get(API_ENDPOINT.URL + '/empresa/' + id); |
| 27 | }, | 27 | }, |
| 28 | getInformeData: function(params) { | 28 | getInformeData: function(params) { |
| 29 | return $http.post(API_ENDPOINT.URL + '/informe/general-unidad-reparto', | 29 | return $http.post(API_ENDPOINT.URL + '/informe/general-unidad-reparto', |
| 30 | {params: params}); | 30 | {params: params}); |
| 31 | } | 31 | } |
| 32 | }; | 32 | }; |
| 33 | } | 33 | } |
| 34 | ]) | 34 | ]) |
| 35 | .factory('focaModalInformeLitrosKmUnidadService', [ | 35 | .factory('focaModalInformeLitrosKmUnidadService', [ |
| 36 | '$http', | 36 | '$http', |
| 37 | 'API_ENDPOINT', | 37 | 'API_ENDPOINT', |
| 38 | function($http, API_ENDPOINT) { | 38 | function($http, API_ENDPOINT) { |
| 39 | return { | 39 | return { |
| 40 | getDescargas: function(idVehiculo, fechaDesde, fechaHasta) { | 40 | getDescargas: function(idVehiculo, fechaDesde, fechaHasta) { |
| 41 | return $http.post(API_ENDPOINT.URL + '/informe/litros-por-km', | 41 | return $http.post(API_ENDPOINT.URL + '/informe/litros-por-km', |
| 42 | {idVehiculo: idVehiculo, fechaDesde: fechaDesde, fechaHasta: fechaHasta}); | 42 | {idVehiculo: idVehiculo, fechaDesde: fechaDesde, fechaHasta: fechaHasta}); |
| 43 | }, | 43 | }, |
| 44 | getEmpresa: function(id) { | 44 | getEmpresa: function(id) { |
| 45 | return $http.get(API_ENDPOINT.URL + '/empresa/' + id); | 45 | return $http.get(API_ENDPOINT.URL + '/empresa/' + id); |
| 46 | }, | 46 | }, |
| 47 | getDistanciaPorIdRemito: function(ids) { | 47 | getDistanciaPorIdRemito: function(ids) { |
| 48 | return $http.post(API_ENDPOINT.URL + '/remito/distancia', {ids: ids}); | 48 | return $http.post(API_ENDPOINT.URL + '/remito/distancia', {ids: ids}); |
| 49 | } | 49 | } |
| 50 | }; | 50 | }; |
| 51 | } | 51 | } |
| 52 | ]) | 52 | ]) |
| 53 | .factory('focaModalInformeHojaRutaService', [ | 53 | .factory('focaModalInformeHojaRutaService', [ |
| 54 | '$http', | 54 | '$http', |
| 55 | 'API_ENDPOINT', | 55 | 'API_ENDPOINT', |
| 56 | function($http, API_ENDPOINT) { | 56 | function($http, API_ENDPOINT) { |
| 57 | return { | 57 | return { |
| 58 | getHojasRuta: function(fechaDesde, fechaHasta) { | 58 | getHojasRuta: function(fechaDesde, fechaHasta) { |
| 59 | return $http.get(API_ENDPOINT.URL + '/hoja-ruta/listar/' + | 59 | return $http.get(API_ENDPOINT.URL + '/hoja-ruta/listar/' + |
| 60 | fechaDesde + '/' + fechaHasta); | 60 | fechaDesde + '/' + fechaHasta); |
| 61 | }, | 61 | }, |
| 62 | getEmpresa: function(id) { | 62 | getEmpresa: function(id) { |
| 63 | return $http.get(API_ENDPOINT.URL + '/empresa/' + id); | 63 | return $http.get(API_ENDPOINT.URL + '/empresa/' + id); |
| 64 | } | 64 | } |
| 65 | }; | 65 | }; |
| 66 | } | 66 | } |
| 67 | ]) | 67 | ]) |
| 68 | .factory('focaModalInformeRepartoOptimoService', [ | 68 | .factory('focaModalInformeRepartoOptimoService', [ |
| 69 | '$http', | 69 | '$http', |
| 70 | 'API_ENDPOINT', | 70 | 'API_ENDPOINT', |
| 71 | function($http, API_ENDPOINT) { | 71 | function($http, API_ENDPOINT) { |
| 72 | return { | 72 | return { |
| 73 | getInformeData: function(params) { | 73 | getInformeData: function(params) { |
| 74 | return $http.post(API_ENDPOINT.URL + '/informe/reparto-optimo', | 74 | return $http.post(API_ENDPOINT.URL + '/informe/reparto-optimo', |
| 75 | {params: params}); | 75 | {params: params}); |
| 76 | } | 76 | } |
| 77 | }; | 77 | }; |
| 78 | } | 78 | } |
| 79 | ]) | ||
| 80 | .factory('focaModalInformeProductividadService', [ | ||
| 81 | '$http', | ||
| 82 | 'API_ENDPOINT', | ||
| 83 | function($http, API_ENDPOINT) { | ||
| 84 | return { | ||
| 85 | getInformeData: function(params) { | ||
| 86 | return $http.post(API_ENDPOINT.URL + '/informe/productividad', | ||
| 87 | {params: params}); | ||
| 88 | } | ||
| 89 | }; | ||
| 90 | } | ||
| 79 | ]); | 91 | ]); |
| 80 | 92 |
src/views/informe-chofer.html
| 1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
| 2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
| 3 | <div class="col-12"><h5 class="modal-title">Informe de choferes</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de choferes</h5></div> |
| 4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
| 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, |
| 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}} | 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}} |
| 7 | </div> | 7 | </div> |
| 8 | </div> | 8 | </div> |
| 9 | </div> | 9 | </div> |
| 10 | <div class="modal-body" id="modal-body"> | 10 | <div class="modal-body" id="modal-body"> |
| 11 | <div class="input-group row" | 11 | <div class="input-group row" |
| 12 | ng-show="buscar"> | 12 | ng-show="buscar"> |
| 13 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 13 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
| 14 | <div class="col-md-4 col-8 input-group mb-2"> | 14 | <div class="col-md-4 col-8 input-group mb-2"> |
| 15 | <div class="input-group-prepend"> | 15 | <div class="input-group-prepend"> |
| 16 | <div class="input-group-text form-control-sm"> | 16 | <div class="input-group-text form-control-sm"> |
| 17 | <i class="fa fa-calendar"></i> | 17 | <i class="fa fa-calendar"></i> |
| 18 | </div> | 18 | </div> |
| 19 | </div> | 19 | </div> |
| 20 | <input | 20 | <input |
| 21 | class="form-control form-control-sm" | 21 | class="form-control form-control-sm" |
| 22 | id="inlineFormInputGroup" | 22 | id="inlineFormInputGroup" |
| 23 | type="text" | 23 | type="text" |
| 24 | ng-model="fechaDesde" | 24 | ng-model="fechaDesde" |
| 25 | ng-required="true" | 25 | ng-required="true" |
| 26 | uib-datepicker-popup="dd/MM/yyyy" | 26 | uib-datepicker-popup="dd/MM/yyyy" |
| 27 | show-button-bar="false" | 27 | show-button-bar="false" |
| 28 | is-open="datepickerOpen" | 28 | is-open="datepickerOpen" |
| 29 | on-open-focus="false" | 29 | on-open-focus="false" |
| 30 | ng-focus="datepickerOpen = true" | 30 | ng-focus="datepickerOpen = true" |
| 31 | datepicker-options="dateOptions" | 31 | datepicker-options="dateOptions" |
| 32 | /> | 32 | /> |
| 33 | </div> | 33 | </div> |
| 34 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 34 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
| 35 | <div class="col-md-4 col-8 input-group mb-2"> | 35 | <div class="col-md-4 col-8 input-group mb-2"> |
| 36 | <div class="input-group-prepend"> | 36 | <div class="input-group-prepend"> |
| 37 | <div class="input-group-text form-control-sm"> | 37 | <div class="input-group-text form-control-sm"> |
| 38 | <i class="fa fa-calendar"></i> | 38 | <i class="fa fa-calendar"></i> |
| 39 | </div> | 39 | </div> |
| 40 | </div> | 40 | </div> |
| 41 | <input | 41 | <input |
| 42 | class="form-control form-control-sm" | 42 | class="form-control form-control-sm" |
| 43 | id="inlineFormInputGroup" | 43 | id="inlineFormInputGroup" |
| 44 | type="text" | 44 | type="text" |
| 45 | ng-model="fechaHasta" | 45 | ng-model="fechaHasta" |
| 46 | ng-required="true" | 46 | ng-required="true" |
| 47 | uib-datepicker-popup="dd/MM/yyyy" | 47 | uib-datepicker-popup="dd/MM/yyyy" |
| 48 | show-button-bar="false" | 48 | show-button-bar="false" |
| 49 | is-open="datepicker2Open" | 49 | is-open="datepicker2Open" |
| 50 | on-open-focus="false" | 50 | on-open-focus="false" |
| 51 | ng-focus="datepicker2Open = true" | 51 | ng-focus="datepicker2Open = true" |
| 52 | /> | 52 | /> |
| 53 | </div> | 53 | </div> |
| 54 | </div> | 54 | </div> |
| 55 | <div | 55 | <div |
| 56 | ng-if="!buscar" | 56 | ng-if="!buscar" |
| 57 | class="row"> | 57 | class="row"> |
| 58 | <div class="col-12"> | 58 | <div class="col-12"> |
| 59 | <div | 59 | <div |
| 60 | class="gridInforme" | 60 | class="gridInforme" |
| 61 | ui-grid="gridOptions" | 61 | ui-grid="gridOptions" |
| 62 | ui-grid-exporter | 62 | ui-grid-exporter |
| 63 | ui-grid-resize-columns | 63 | ui-grid-resize-columns |
| 64 | ></div> | 64 | ></div> |
| 65 | </div> | 65 | </div> |
| 66 | </div> | 66 | </div> |
| 67 | </div> | 67 | </div> |
| 68 | <div class="modal-footer py-1"> | 68 | <div class="modal-footer py-1"> |
| 69 | <button | ||
| 70 | class="btn btn-sm btn-secondary" | ||
| 71 | type="button" | ||
| 72 | ng-click="cancel()" | ||
| 73 | ng-show="buscar">Cancelar</button> | ||
| 74 | <button | 69 | <button |
| 75 | ladda="generando" | 70 | ladda="generando" |
| 76 | class="btn btn-sm btn-secondary" | 71 | class="btn btn-sm btn-secondary" |
| 77 | type="button" | 72 | type="button" |
| 78 | ng-click="generarInforme()" | 73 | ng-click="generarInforme()" |
| 79 | ng-show="buscar">Generar</button> | 74 | ng-show="buscar">Generar</button> |
| 75 | <button | ||
| 76 | class="btn btn-sm btn-secondary" | ||
| 77 | type="button" | ||
| 78 | ng-click="cancel()" | ||
| 79 | ng-show="buscar">Salir</button> | ||
| 80 | <button | 80 | <button |
| 81 | class="btn btn-sm btn-secondary" | 81 | class="btn btn-sm btn-secondary" |
src/views/informe-general-unidad.html
| 1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
| 2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
| 3 | <div class="col-12"><h5 class="modal-title">Informe general por unidad de reparto</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe general por unidad de reparto</h5></div> |
| 4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
| 5 | Filtros: Fecha desde: {{params.fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{params.fechaDesde | date: 'dd/MM/yyyy'}}, |
| 6 | Fecha hasta: {{params.fechaHasta | date: 'dd/MM/yyyy'}} | 6 | Fecha hasta: {{params.fechaHasta | date: 'dd/MM/yyyy'}} |
| 7 | <span ng-if="params.sector">, Sector: {{params.sector.NOMBRE}}</span> | 7 | <span ng-if="params.sector">, Sector: {{params.sector.NOMBRE}}</span> |
| 8 | <span ng-if="params.diferenciarProductos">, Productos diferenciados</span> | 8 | <span ng-if="params.diferenciarProductos">, Productos diferenciados</span> |
| 9 | <span ng-if="params.diferenciarMeses">, Meses diferenciados</span> | 9 | <span ng-if="params.diferenciarMeses">, Meses diferenciados</span> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | </div> | 12 | </div> |
| 13 | <div class="modal-body" id="modal-body"> | 13 | <div class="modal-body" id="modal-body"> |
| 14 | 14 | ||
| 15 | <div class="input-group row" | 15 | <div class="input-group row" |
| 16 | ng-show="buscar"> | 16 | ng-show="buscar"> |
| 17 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 17 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
| 18 | <div class="col-md-4 col-8 input-group mb-2"> | 18 | <div class="col-md-4 col-8 input-group mb-2"> |
| 19 | <div class="input-group-prepend"> | 19 | <div class="input-group-prepend"> |
| 20 | <div class="input-group-text form-control-sm"> | 20 | <div class="input-group-text form-control-sm"> |
| 21 | <i class="fa fa-calendar"></i> | 21 | <i class="fa fa-calendar"></i> |
| 22 | </div> | 22 | </div> |
| 23 | </div> | 23 | </div> |
| 24 | <input | 24 | <input |
| 25 | class="form-control form-control-sm" | 25 | class="form-control form-control-sm" |
| 26 | id="inlineFormInputGroup" | 26 | id="inlineFormInputGroup" |
| 27 | type="text" | 27 | type="text" |
| 28 | ng-model="params.fechaDesde" | 28 | ng-model="params.fechaDesde" |
| 29 | ng-required="true" | 29 | ng-required="true" |
| 30 | uib-datepicker-popup="dd/MM/yyyy" | 30 | uib-datepicker-popup="dd/MM/yyyy" |
| 31 | show-button-bar="false" | 31 | show-button-bar="false" |
| 32 | is-open="datepickerOpen" | 32 | is-open="datepickerOpen" |
| 33 | on-open-focus="false" | 33 | on-open-focus="false" |
| 34 | ng-focus="datepickerOpen = true" | 34 | ng-focus="datepickerOpen = true" |
| 35 | datepicker-options="dateOptions" | 35 | datepicker-options="dateOptions" |
| 36 | /> | 36 | /> |
| 37 | </div> | 37 | </div> |
| 38 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 38 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
| 39 | <div class="col-md-4 col-8 input-group mb-2"> | 39 | <div class="col-md-4 col-8 input-group mb-2"> |
| 40 | <div class="input-group-prepend"> | 40 | <div class="input-group-prepend"> |
| 41 | <div class="input-group-text form-control-sm"> | 41 | <div class="input-group-text form-control-sm"> |
| 42 | <i class="fa fa-calendar"></i> | 42 | <i class="fa fa-calendar"></i> |
| 43 | </div> | 43 | </div> |
| 44 | </div> | 44 | </div> |
| 45 | <input | 45 | <input |
| 46 | class="form-control form-control-sm" | 46 | class="form-control form-control-sm" |
| 47 | id="inlineFormInputGroup" | 47 | id="inlineFormInputGroup" |
| 48 | type="text" | 48 | type="text" |
| 49 | ng-model="params.fechaHasta" | 49 | ng-model="params.fechaHasta" |
| 50 | ng-required="true" | 50 | ng-required="true" |
| 51 | uib-datepicker-popup="dd/MM/yyyy" | 51 | uib-datepicker-popup="dd/MM/yyyy" |
| 52 | show-button-bar="false" | 52 | show-button-bar="false" |
| 53 | is-open="datepicker2Open" | 53 | is-open="datepicker2Open" |
| 54 | on-open-focus="false" | 54 | on-open-focus="false" |
| 55 | ng-focus="datepicker2Open = true" | 55 | ng-focus="datepicker2Open = true" |
| 56 | /> | 56 | /> |
| 57 | </div> | 57 | </div> |
| 58 | <small class="col-md-2 col-4 text-left my-1">Sector</small> | 58 | <small class="col-md-2 col-4 text-left my-1">Sector</small> |
| 59 | <div class="col-md-4 col-8 input-group mb-2"> | 59 | <div class="col-md-4 col-8 input-group mb-2"> |
| 60 | <input | 60 | <input |
| 61 | class="form-control form-control-sm" | 61 | class="form-control form-control-sm" |
| 62 | id="inlineFormInputGroup" | 62 | id="inlineFormInputGroup" |
| 63 | type="text" | 63 | type="text" |
| 64 | ng-model="params.sector.NOMBRE" | 64 | ng-model="params.sector.NOMBRE" |
| 65 | ng-required="true" | 65 | ng-required="true" |
| 66 | ng-keypress="seleccionarSector($event.keyCode)" | 66 | ng-keypress="seleccionarSector($event.keyCode)" |
| 67 | /> | 67 | /> |
| 68 | <button type="button" class="clear-input text-danger" ng-click="clearSector()"> | 68 | <button type="button" class="clear-input text-danger" ng-click="clearSector()"> |
| 69 | <i class="fa fa-times"></i> | 69 | <i class="fa fa-times"></i> |
| 70 | </button> | 70 | </button> |
| 71 | <div class="input-group-append"> | 71 | <div class="input-group-append"> |
| 72 | <div class="input-group-append" ng-hide="ingreso"> | 72 | <div class="input-group-append" ng-hide="ingreso"> |
| 73 | <button | 73 | <button |
| 74 | ladda="searchLoading" | 74 | ladda="searchLoading" |
| 75 | data-spinner-color="#FF0000" | 75 | data-spinner-color="#FF0000" |
| 76 | class="btn btn-outline-secondary" | 76 | class="btn btn-outline-secondary" |
| 77 | type="button" | 77 | type="button" |
| 78 | ng-click="seleccionarSector(13)"> | 78 | ng-click="seleccionarSector(13)"> |
| 79 | <i class="fa fa-search" aria-hidden="true"></i> | 79 | <i class="fa fa-search" aria-hidden="true"></i> |
| 80 | </button> | 80 | </button> |
| 81 | </div> | 81 | </div> |
| 82 | </div> | 82 | </div> |
| 83 | </div> | 83 | </div> |
| 84 | <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> | 84 | <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> |
| 85 | <div class="col-md-2 col-4 input-group mb-2"> | 85 | <div class="col-md-2 col-4 input-group mb-2"> |
| 86 | <div class="custom-control custom-checkbox ml-auto"> | 86 | <div class="custom-control custom-checkbox ml-auto"> |
| 87 | <input | 87 | <input |
| 88 | type="checkbox" | 88 | type="checkbox" |
| 89 | class="custom-control-input" | 89 | class="custom-control-input" |
| 90 | ng-model="params.diferenciarProductos" | 90 | ng-model="params.diferenciarProductos" |
| 91 | id="customCheck1"> | 91 | id="customCheck1"> |
| 92 | <label class="custom-control-label" for="customCheck1"></label> | 92 | <label class="custom-control-label" for="customCheck1"></label> |
| 93 | </div> | 93 | </div> |
| 94 | </div> | 94 | </div> |
| 95 | <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> | 95 | <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> |
| 96 | <div class="col-md-2 col-4 input-group mb-2"> | 96 | <div class="col-md-2 col-4 input-group mb-2"> |
| 97 | <div class="custom-control custom-checkbox ml-auto"> | 97 | <div class="custom-control custom-checkbox ml-auto"> |
| 98 | <input | 98 | <input |
| 99 | type="checkbox" | 99 | type="checkbox" |
| 100 | class="custom-control-input" | 100 | class="custom-control-input" |
| 101 | ng-model="params.diferenciarMeses" | 101 | ng-model="params.diferenciarMeses" |
| 102 | id="customCheck2"> | 102 | id="customCheck2"> |
| 103 | <label class="custom-control-label" for="customCheck2"></label> | 103 | <label class="custom-control-label" for="customCheck2"></label> |
| 104 | </div> | 104 | </div> |
| 105 | </div> | 105 | </div> |
| 106 | </div> | 106 | </div> |
| 107 | <div | 107 | <div |
| 108 | ng-if="!buscar" | 108 | ng-if="!buscar" |
| 109 | class="row"> | 109 | class="row"> |
| 110 | <div class="col-12"> | 110 | <div class="col-12"> |
| 111 | <div | 111 | <div |
| 112 | class="gridInforme" | 112 | class="gridInforme" |
| 113 | ui-grid="gridOptions" | 113 | ui-grid="gridOptions" |
| 114 | ui-grid-exporter | 114 | ui-grid-exporter |
| 115 | ui-grid-resize-columns | 115 | ui-grid-resize-columns |
| 116 | ></div> | 116 | ></div> |
| 117 | </div> | 117 | </div> |
| 118 | </div> | 118 | </div> |
| 119 | </div> | 119 | </div> |
| 120 | <div class="modal-footer py-1"> | 120 | <div class="modal-footer py-1"> |
| 121 | <button | ||
| 122 | class="btn btn-sm btn-secondary" | ||
| 123 | type="button" | ||
| 124 | ng-click="cancel()" | ||
| 125 | ng-show="buscar">Cancelar</button> | ||
| 126 | <button | 121 | <button |
| 127 | ladda="generando" | 122 | ladda="generando" |
| 128 | class="btn btn-sm btn-secondary" | 123 | class="btn btn-sm btn-secondary" |
| 129 | type="button" | 124 | type="button" |
| 130 | ng-click="generarInforme()" | 125 | ng-click="generarInforme()" |
| 131 | ng-show="buscar">Generar</button> | 126 | ng-show="buscar">Generar</button> |
| 127 | <button | ||
| 128 | class="btn btn-sm btn-secondary" | ||
| 129 | type="button" | ||
| 130 | ng-click="cancel()" | ||
| 131 | ng-show="buscar">Salir</button> | ||
| 132 | <button | 132 | <button |
| 133 | class="btn btn-sm btn-secondary" | 133 | class="btn btn-sm btn-secondary" |
src/views/informe-hoja-ruta.html
| 1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
| 2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
| 3 | <div class="col-12"><h5 class="modal-title">Informe de correlatividad de hojas de ruta</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de correlatividad de hojas de ruta</h5></div> |
| 4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
| 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, |
| 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}} | 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}} |
| 7 | </div> | 7 | </div> |
| 8 | </div> | 8 | </div> |
| 9 | </div> | 9 | </div> |
| 10 | <div class="modal-body" id="modal-body"> | 10 | <div class="modal-body" id="modal-body"> |
| 11 | 11 | ||
| 12 | <div class="input-group row" | 12 | <div class="input-group row" |
| 13 | ng-show="buscar"> | 13 | ng-show="buscar"> |
| 14 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 14 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
| 15 | <div class="col-md-4 col-8 input-group mb-2"> | 15 | <div class="col-md-4 col-8 input-group mb-2"> |
| 16 | <div class="input-group-prepend"> | 16 | <div class="input-group-prepend"> |
| 17 | <div class="input-group-text form-control-sm"> | 17 | <div class="input-group-text form-control-sm"> |
| 18 | <i class="fa fa-calendar"></i> | 18 | <i class="fa fa-calendar"></i> |
| 19 | </div> | 19 | </div> |
| 20 | </div> | 20 | </div> |
| 21 | <input | 21 | <input |
| 22 | class="form-control form-control-sm" | 22 | class="form-control form-control-sm" |
| 23 | id="inlineFormInputGroup" | 23 | id="inlineFormInputGroup" |
| 24 | ladda="searchLoading" | 24 | ladda="searchLoading" |
| 25 | type="text" | 25 | type="text" |
| 26 | ng-model="fechaDesde" | 26 | ng-model="fechaDesde" |
| 27 | ng-required="true" | 27 | ng-required="true" |
| 28 | uib-datepicker-popup="dd/MM/yyyy" | 28 | uib-datepicker-popup="dd/MM/yyyy" |
| 29 | show-button-bar="false" | 29 | show-button-bar="false" |
| 30 | is-open="datepickerOpen" | 30 | is-open="datepickerOpen" |
| 31 | on-open-focus="false" | 31 | on-open-focus="false" |
| 32 | ng-focus="datepickerOpen = true" | 32 | ng-focus="datepickerOpen = true" |
| 33 | datepicker-options="dateOptions" | 33 | datepicker-options="dateOptions" |
| 34 | /> | 34 | /> |
| 35 | </div> | 35 | </div> |
| 36 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 36 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
| 37 | <div class="col-md-4 col-8 input-group mb-2"> | 37 | <div class="col-md-4 col-8 input-group mb-2"> |
| 38 | <div class="input-group-prepend"> | 38 | <div class="input-group-prepend"> |
| 39 | <div class="input-group-text form-control-sm"> | 39 | <div class="input-group-text form-control-sm"> |
| 40 | <i class="fa fa-calendar"></i> | 40 | <i class="fa fa-calendar"></i> |
| 41 | </div> | 41 | </div> |
| 42 | </div> | 42 | </div> |
| 43 | <input | 43 | <input |
| 44 | class="form-control form-control-sm" | 44 | class="form-control form-control-sm" |
| 45 | id="inlineFormInputGroup" | 45 | id="inlineFormInputGroup" |
| 46 | ladda="searchLoading" | 46 | ladda="searchLoading" |
| 47 | type="text" | 47 | type="text" |
| 48 | ng-model="fechaHasta" | 48 | ng-model="fechaHasta" |
| 49 | ng-required="true" | 49 | ng-required="true" |
| 50 | uib-datepicker-popup="dd/MM/yyyy" | 50 | uib-datepicker-popup="dd/MM/yyyy" |
| 51 | show-button-bar="false" | 51 | show-button-bar="false" |
| 52 | is-open="datepicker2Open" | 52 | is-open="datepicker2Open" |
| 53 | on-open-focus="false" | 53 | on-open-focus="false" |
| 54 | ng-focus="datepicker2Open = true" | 54 | ng-focus="datepicker2Open = true" |
| 55 | /> | 55 | /> |
| 56 | </div> | 56 | </div> |
| 57 | </div> | 57 | </div> |
| 58 | <div | 58 | <div |
| 59 | ng-if="!buscar" | 59 | ng-if="!buscar" |
| 60 | class="row"> | 60 | class="row"> |
| 61 | <div class="col-12"> | 61 | <div class="col-12"> |
| 62 | <div | 62 | <div |
| 63 | class="gridInforme" | 63 | class="gridInforme" |
| 64 | ui-grid="gridOptions" | 64 | ui-grid="gridOptions" |
| 65 | ui-grid-exporter | 65 | ui-grid-exporter |
| 66 | ui-grid-resize-columns | 66 | ui-grid-resize-columns |
| 67 | ></div> | 67 | ></div> |
| 68 | </div> | 68 | </div> |
| 69 | </div> | 69 | </div> |
| 70 | </div> | 70 | </div> |
| 71 | <div class="modal-footer py-1"> | 71 | <div class="modal-footer py-1"> |
| 72 | <button | ||
| 73 | class="btn btn-sm btn-secondary" | ||
| 74 | type="button" | ||
| 75 | ng-click="cancel()" | ||
| 76 | ng-show="buscar">Cancelar</button> | ||
| 77 | <button | 72 | <button |
| 78 | class="btn btn-sm btn-secondary" | 73 | class="btn btn-sm btn-secondary" |
| 79 | type="button" | 74 | type="button" |
| 80 | ng-click="generarInforme()" | 75 | ng-click="generarInforme()" |
| 81 | ng-show="buscar">Generar</button> | 76 | ng-show="buscar">Generar</button> |
| 77 | <button | ||
| 78 | class="btn btn-sm btn-secondary" | ||
| 79 | type="button" | ||
| 80 | ng-click="cancel()" | ||
| 81 | ng-show="buscar">Salir</button> | ||
| 82 | <button | 82 | <button |
| 83 | class="btn btn-sm btn-secondary" | 83 | class="btn btn-sm btn-secondary" |
src/views/informe-litros-km-unidad.html
| 1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
| 2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
| 3 | <div class="col-12"><h5 class="modal-title">Informe de litros por km recorrido por unidad de reparto</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de litros por km recorrido por unidad de reparto</h5></div> |
| 4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
| 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, |
| 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}}, | 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}}, |
| 7 | Transportista : {{transportista.NOM}}, | 7 | Transportista : {{transportista.NOM}}, |
| 8 | Unidad: {{unidad.codigo}} | 8 | Unidad: {{unidad.codigo}} |
| 9 | </div> | 9 | </div> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="modal-body" id="modal-body"> | 12 | <div class="modal-body" id="modal-body"> |
| 13 | <div class="input-group row" | 13 | <div class="input-group row" |
| 14 | ng-show="buscar"> | 14 | ng-show="buscar"> |
| 15 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 15 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
| 16 | <div class="col-md-4 col-8 input-group mb-2"> | 16 | <div class="col-md-4 col-8 input-group mb-2"> |
| 17 | <div class="input-group-prepend"> | 17 | <div class="input-group-prepend"> |
| 18 | <div class="input-group-text form-control-sm"> | 18 | <div class="input-group-text form-control-sm"> |
| 19 | <i class="fa fa-calendar"></i> | 19 | <i class="fa fa-calendar"></i> |
| 20 | </div> | 20 | </div> |
| 21 | </div> | 21 | </div> |
| 22 | <input | 22 | <input |
| 23 | class="form-control form-control-sm" | 23 | class="form-control form-control-sm" |
| 24 | id="inlineFormInputGroup" | 24 | id="inlineFormInputGroup" |
| 25 | type="text" | 25 | type="text" |
| 26 | ng-model="fechaDesde" | 26 | ng-model="fechaDesde" |
| 27 | ng-required="true" | 27 | ng-required="true" |
| 28 | uib-datepicker-popup="dd/MM/yyyy" | 28 | uib-datepicker-popup="dd/MM/yyyy" |
| 29 | show-button-bar="false" | 29 | show-button-bar="false" |
| 30 | is-open="datepickerOpen" | 30 | is-open="datepickerOpen" |
| 31 | on-open-focus="false" | 31 | on-open-focus="false" |
| 32 | ng-focus="datepickerOpen = true" | 32 | ng-focus="datepickerOpen = true" |
| 33 | datepicker-options="dateOptions" | 33 | datepicker-options="dateOptions" |
| 34 | /> | 34 | /> |
| 35 | </div> | 35 | </div> |
| 36 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 36 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
| 37 | <div class="col-md-4 col-8 input-group mb-2"> | 37 | <div class="col-md-4 col-8 input-group mb-2"> |
| 38 | <div class="input-group-prepend"> | 38 | <div class="input-group-prepend"> |
| 39 | <div class="input-group-text form-control-sm"> | 39 | <div class="input-group-text form-control-sm"> |
| 40 | <i class="fa fa-calendar"></i> | 40 | <i class="fa fa-calendar"></i> |
| 41 | </div> | 41 | </div> |
| 42 | </div> | 42 | </div> |
| 43 | <input | 43 | <input |
| 44 | class="form-control form-control-sm" | 44 | class="form-control form-control-sm" |
| 45 | id="inlineFormInputGroup" | 45 | id="inlineFormInputGroup" |
| 46 | type="text" | 46 | type="text" |
| 47 | ng-model="fechaHasta" | 47 | ng-model="fechaHasta" |
| 48 | ng-required="true" | 48 | ng-required="true" |
| 49 | uib-datepicker-popup="dd/MM/yyyy" | 49 | uib-datepicker-popup="dd/MM/yyyy" |
| 50 | show-button-bar="false" | 50 | show-button-bar="false" |
| 51 | is-open="datepicker2Open" | 51 | is-open="datepicker2Open" |
| 52 | on-open-focus="false" | 52 | on-open-focus="false" |
| 53 | ng-focus="datepicker2Open = true" | 53 | ng-focus="datepicker2Open = true" |
| 54 | /> | 54 | /> |
| 55 | </div> | 55 | </div> |
| 56 | <small class="col-md-2 col-4 text-left my-1">Unidad</small> | 56 | <small class="col-md-2 col-4 text-left my-1">Unidad</small> |
| 57 | <div class="col-md-4 col-8 input-group mb-2"> | 57 | <div class="col-md-4 col-8 input-group mb-2"> |
| 58 | <input | 58 | <input |
| 59 | class="form-control form-control-sm" | 59 | class="form-control form-control-sm" |
| 60 | id="inlineFormInputGroup" | 60 | id="inlineFormInputGroup" |
| 61 | type="text" | 61 | type="text" |
| 62 | ng-model="unidad.codigo" | 62 | ng-model="unidad.codigo" |
| 63 | ng-required="true" | 63 | ng-required="true" |
| 64 | ng-keypress="seleccionarUnidad($event.keyCode)" | 64 | ng-keypress="seleccionarUnidad($event.keyCode)" |
| 65 | /> | 65 | /> |
| 66 | <div class="input-group-append"> | 66 | <div class="input-group-append"> |
| 67 | <div class="input-group-append" ng-hide="ingreso"> | 67 | <div class="input-group-append" ng-hide="ingreso"> |
| 68 | <button | 68 | <button |
| 69 | ladda="searchLoading" | 69 | ladda="searchLoading" |
| 70 | data-spinner-color="#FF0000" | 70 | data-spinner-color="#FF0000" |
| 71 | class="btn btn-outline-secondary" | 71 | class="btn btn-outline-secondary" |
| 72 | type="button" | 72 | type="button" |
| 73 | ng-click="seleccionarUnidad(13)"> | 73 | ng-click="seleccionarUnidad(13)"> |
| 74 | <i class="fa fa-search" aria-hidden="true"></i> | 74 | <i class="fa fa-search" aria-hidden="true"></i> |
| 75 | </button> | 75 | </button> |
| 76 | </div> | 76 | </div> |
| 77 | </div> | 77 | </div> |
| 78 | </div> | 78 | </div> |
| 79 | </div> | 79 | </div> |
| 80 | <div | 80 | <div |
| 81 | ng-if="!buscar" | 81 | ng-if="!buscar" |
| 82 | class="row"> | 82 | class="row"> |
| 83 | <div class="col-12"> | 83 | <div class="col-12"> |
| 84 | <div | 84 | <div |
| 85 | class="gridInforme" | 85 | class="gridInforme" |
| 86 | ui-grid="gridOptions" | 86 | ui-grid="gridOptions" |
| 87 | ui-grid-exporter | 87 | ui-grid-exporter |
| 88 | ui-grid-resize-columns | 88 | ui-grid-resize-columns |
| 89 | ></div> | 89 | ></div> |
| 90 | </div> | 90 | </div> |
| 91 | </div> | 91 | </div> |
| 92 | </div> | 92 | </div> |
| 93 | <div class="modal-footer py-1"> | 93 | <div class="modal-footer py-1"> |
| 94 | <button | ||
| 95 | class="btn btn-sm btn-secondary" | ||
| 96 | type="button" | ||
| 97 | ng-click="cancel()" | ||
| 98 | ng-show="buscar">Cancelar</button> | ||
| 99 | <button | 94 | <button |
| 100 | ladda="generando" | 95 | ladda="generando" |
| 101 | class="btn btn-sm btn-secondary" | 96 | class="btn btn-sm btn-secondary" |
| 102 | type="button" | 97 | type="button" |
| 103 | ng-click="generarInforme()" | 98 | ng-click="generarInforme()" |
| 104 | ng-show="buscar">Generar</button> | 99 | ng-show="buscar">Generar</button> |
| 100 | <button | ||
| 101 | class="btn btn-sm btn-secondary" | ||
| 102 | type="button" | ||
| 103 | ng-click="cancel()" | ||
| 104 | ng-show="buscar">Salir</button> | ||
| 105 | <button | 105 | <button |
| 106 | class="btn btn-sm btn-secondary" | 106 | class="btn btn-sm btn-secondary" |
src/views/informe-productividad.html
| File was created | 1 | <div class="modal-header py-1"> | |
| 2 | <div class="row w-100"> | ||
| 3 | <div class="col-12"><h5 class="modal-title">Informe de productividad</h5></div> | ||
| 4 | <div class="col-12" ng-hide="buscar"> | ||
| 5 | Filtros: Fecha desde: {{params.fechaDesde | date: 'dd/MM/yyyy'}}, | ||
| 6 | Fecha hasta: {{params.fechaHasta | date: 'dd/MM/yyyy'}} | ||
| 7 | <span ng-if="params.sector">, Sector: {{params.sector.NOMBRE}}</span> | ||
| 8 | <span ng-if="params.diferenciarProductos">, Productos diferenciados</span> | ||
| 9 | <span ng-if="params.diferenciarMeses">, Meses diferenciados</span> | ||
| 10 | </div> | ||
| 11 | </div> | ||
| 12 | </div> | ||
| 13 | <div class="modal-body" id="modal-body"> | ||
| 14 | |||
| 15 | <div class="input-group row" | ||
| 16 | ng-show="buscar"> | ||
| 17 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | ||
| 18 | <div class="col-md-4 col-8 input-group mb-2"> | ||
| 19 | <div class="input-group-prepend"> | ||
| 20 | <div class="input-group-text form-control-sm"> | ||
| 21 | <i class="fa fa-calendar"></i> | ||
| 22 | </div> | ||
| 23 | </div> | ||
| 24 | <input | ||
| 25 | class="form-control form-control-sm" | ||
| 26 | id="inlineFormInputGroup" | ||
| 27 | type="text" | ||
| 28 | ng-model="params.fechaDesde" | ||
| 29 | ng-required="true" | ||
| 30 | uib-datepicker-popup="dd/MM/yyyy" | ||
| 31 | show-button-bar="false" | ||
| 32 | is-open="datepickerOpen" | ||
| 33 | on-open-focus="false" | ||
| 34 | ng-focus="datepickerOpen = true" | ||
| 35 | datepicker-options="dateOptions" | ||
| 36 | /> | ||
| 37 | </div> | ||
| 38 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | ||
| 39 | <div class="col-md-4 col-8 input-group mb-2"> | ||
| 40 | <div class="input-group-prepend"> | ||
| 41 | <div class="input-group-text form-control-sm"> | ||
| 42 | <i class="fa fa-calendar"></i> | ||
| 43 | </div> | ||
| 44 | </div> | ||
| 45 | <input | ||
| 46 | class="form-control form-control-sm" | ||
| 47 | id="inlineFormInputGroup" | ||
| 48 | type="text" | ||
| 49 | ng-model="params.fechaHasta" | ||
| 50 | ng-required="true" | ||
| 51 | uib-datepicker-popup="dd/MM/yyyy" | ||
| 52 | show-button-bar="false" | ||
| 53 | is-open="datepicker2Open" | ||
| 54 | on-open-focus="false" | ||
| 55 | ng-focus="datepicker2Open = true" | ||
| 56 | /> | ||
| 57 | </div> | ||
| 58 | <small class="col-md-2 col-4 text-left my-1">Entidad</small> | ||
| 59 | <div class="col-md-4 col-8 input-group mb-2"> | ||
| 60 | <select class="form-control"> | ||
| 61 | <option value="0">Todos</option> | ||
| 62 | <option value="1">Vendedores</option> | ||
| 63 | <option value="2">Cobradores</option> | ||
| 64 | <option value="3">Transportistas</option> | ||
| 65 | </select> | ||
| 66 | <button type="button" class="clear-input text-danger" ng-click="clearSector()"> | ||
| 67 | <i class="fa fa-times"></i> | ||
| 68 | </button> | ||
| 69 | <!-- <div class="input-group-append"> | ||
| 70 | <div class="input-group-append" ng-hide="ingreso"> | ||
| 71 | <button | ||
| 72 | ladda="searchLoading" | ||
| 73 | data-spinner-color="#FF0000" | ||
| 74 | class="btn btn-outline-secondary" | ||
| 75 | type="button" | ||
| 76 | ng-click="seleccionarSector(13)"> | ||
| 77 | <i class="fa fa-search" aria-hidden="true"></i> | ||
| 78 | </button> | ||
| 79 | </div> | ||
| 80 | </div> --> | ||
| 81 | </div> | ||
| 82 | </div> | ||
| 83 | <div | ||
| 84 | ng-if="!buscar" | ||
| 85 | class="row"> | ||
| 86 | <div class="col-12"> | ||
| 87 | <div | ||
| 88 | class="gridInforme" | ||
| 89 | ui-grid="gridOptions" | ||
| 90 | ui-grid-exporter | ||
| 91 | ui-grid-resize-columns | ||
| 92 | ></div> | ||
| 93 | </div> | ||
| 94 | </div> | ||
| 95 | </div> | ||
| 96 | <div class="modal-footer py-1"> | ||
| 97 | <button | ||
| 98 | ladda="generando" | ||
| 99 | class="btn btn-sm btn-secondary" | ||
| 100 | type="button" | ||
| 101 | ng-click="generarInforme()" | ||
| 102 | ng-show="buscar">Generar</button> | ||
| 103 | <button | ||
| 104 | class="btn btn-sm btn-secondary" | ||
| 105 | type="button" | ||
| 106 | ng-click="cancel()" | ||
| 107 | ng-show="buscar">Salir</button> | ||
| 108 | <button | ||
| 109 | class="btn btn-sm btn-secondary" | ||
| 110 | type="button" | ||
| 111 | ng-click="volver()" | ||
| 112 | ng-hide="buscar">Volver</button> | ||
| 113 | </div> | ||
| 114 |
src/views/informe-reparto-optimo.html
| 1 | <div class="modal-header py-1"> | 1 | <div class="modal-header py-1"> |
| 2 | <div class="row w-100"> | 2 | <div class="row w-100"> |
| 3 | <div class="col-12"><h5 class="modal-title">Informe de reparto óptimo detallado</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de reparto óptimo detallado</h5></div> |
| 4 | <div class="col-12" ng-hide="buscar"> | 4 | <div class="col-12" ng-hide="buscar"> |
| 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, | 5 | Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}}, |
| 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}}, | 6 | Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}}, |
| 7 | Transportista : {{transportista.NOM}}, | 7 | Transportista : {{transportista.NOM}}, |
| 8 | Unidad: {{unidad.codigo}} | 8 | Unidad: {{unidad.codigo}} |
| 9 | </div> | 9 | </div> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | <div class="modal-body" id="modal-body"> | 12 | <div class="modal-body" id="modal-body"> |
| 13 | <div class="input-group row" | 13 | <div class="input-group row" |
| 14 | ng-show="buscar"> | 14 | ng-show="buscar"> |
| 15 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> | 15 | <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> |
| 16 | <div class="col-md-4 col-8 input-group mb-2"> | 16 | <div class="col-md-4 col-8 input-group mb-2"> |
| 17 | <div class="input-group-prepend"> | 17 | <div class="input-group-prepend"> |
| 18 | <div class="input-group-text form-control-sm"> | 18 | <div class="input-group-text form-control-sm"> |
| 19 | <i class="fa fa-calendar"></i> | 19 | <i class="fa fa-calendar"></i> |
| 20 | </div> | 20 | </div> |
| 21 | </div> | 21 | </div> |
| 22 | <input | 22 | <input |
| 23 | class="form-control form-control-sm" | 23 | class="form-control form-control-sm" |
| 24 | id="inlineFormInputGroup" | 24 | id="inlineFormInputGroup" |
| 25 | type="text" | 25 | type="text" |
| 26 | ng-model="params.fechaDesde" | 26 | ng-model="params.fechaDesde" |
| 27 | ng-required="true" | 27 | ng-required="true" |
| 28 | uib-datepicker-popup="dd/MM/yyyy" | 28 | uib-datepicker-popup="dd/MM/yyyy" |
| 29 | show-button-bar="false" | 29 | show-button-bar="false" |
| 30 | is-open="datepickerOpen" | 30 | is-open="datepickerOpen" |
| 31 | on-open-focus="false" | 31 | on-open-focus="false" |
| 32 | ng-focus="datepickerOpen = true" | 32 | ng-focus="datepickerOpen = true" |
| 33 | datepicker-options="dateOptions" | 33 | datepicker-options="dateOptions" |
| 34 | /> | 34 | /> |
| 35 | </div> | 35 | </div> |
| 36 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 36 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> |
| 37 | <div class="col-md-4 col-8 input-group mb-2"> | 37 | <div class="col-md-4 col-8 input-group mb-2"> |
| 38 | <div class="input-group-prepend"> | 38 | <div class="input-group-prepend"> |
| 39 | <div class="input-group-text form-control-sm"> | 39 | <div class="input-group-text form-control-sm"> |
| 40 | <i class="fa fa-calendar"></i> | 40 | <i class="fa fa-calendar"></i> |
| 41 | </div> | 41 | </div> |
| 42 | </div> | 42 | </div> |
| 43 | <input | 43 | <input |
| 44 | class="form-control form-control-sm" | 44 | class="form-control form-control-sm" |
| 45 | id="inlineFormInputGroup" | 45 | id="inlineFormInputGroup" |
| 46 | type="text" | 46 | type="text" |
| 47 | ng-model="params.fechaHasta" | 47 | ng-model="params.fechaHasta" |
| 48 | ng-required="true" | 48 | ng-required="true" |
| 49 | uib-datepicker-popup="dd/MM/yyyy" | 49 | uib-datepicker-popup="dd/MM/yyyy" |
| 50 | show-button-bar="false" | 50 | show-button-bar="false" |
| 51 | is-open="datepicker2Open" | 51 | is-open="datepicker2Open" |
| 52 | on-open-focus="false" | 52 | on-open-focus="false" |
| 53 | ng-focus="datepicker2Open = true" | 53 | ng-focus="datepicker2Open = true" |
| 54 | /> | 54 | /> |
| 55 | </div> | 55 | </div> |
| 56 | <small class="col-md-2 col-4 text-left my-1">Sector</small> | 56 | <small class="col-md-2 col-4 text-left my-1">Sector</small> |
| 57 | <div class="col-md-4 col-8 input-group mb-2"> | 57 | <div class="col-md-4 col-8 input-group mb-2"> |
| 58 | <input | 58 | <input |
| 59 | class="form-control form-control-sm" | 59 | class="form-control form-control-sm" |
| 60 | id="inlineFormInputGroup" | 60 | id="inlineFormInputGroup" |
| 61 | type="text" | 61 | type="text" |
| 62 | ng-model="params.sector.NOMBRE" | 62 | ng-model="params.sector.NOMBRE" |
| 63 | ng-required="true" | 63 | ng-required="true" |
| 64 | ng-keypress="seleccionarSector($event.keyCode)" | 64 | ng-keypress="seleccionarSector($event.keyCode)" |
| 65 | /> | 65 | /> |
| 66 | <button type="button" class="clear-input text-danger" ng-click="clearSector()"> | 66 | <button type="button" class="clear-input text-danger" ng-click="clearSector()"> |
| 67 | <i class="fa fa-times"></i> | 67 | <i class="fa fa-times"></i> |
| 68 | </button> | 68 | </button> |
| 69 | <div class="input-group-append"> | 69 | <div class="input-group-append"> |
| 70 | <div class="input-group-append" ng-hide="ingreso"> | 70 | <div class="input-group-append" ng-hide="ingreso"> |
| 71 | <button | 71 | <button |
| 72 | ladda="searchLoading" | 72 | ladda="searchLoading" |
| 73 | data-spinner-color="#FF0000" | 73 | data-spinner-color="#FF0000" |
| 74 | class="btn btn-outline-secondary" | 74 | class="btn btn-outline-secondary" |
| 75 | type="button" | 75 | type="button" |
| 76 | ng-click="seleccionarSector(13)"> | 76 | ng-click="seleccionarSector(13)"> |
| 77 | <i class="fa fa-search" aria-hidden="true"></i> | 77 | <i class="fa fa-search" aria-hidden="true"></i> |
| 78 | </button> | 78 | </button> |
| 79 | </div> | 79 | </div> |
| 80 | </div> | 80 | </div> |
| 81 | </div> | 81 | </div> |
| 82 | <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> | 82 | <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> |
| 83 | <div class="col-md-2 col-4 input-group mb-2"> | 83 | <div class="col-md-2 col-4 input-group mb-2"> |
| 84 | <div class="custom-control custom-checkbox ml-auto"> | 84 | <div class="custom-control custom-checkbox ml-auto"> |
| 85 | <input | 85 | <input |
| 86 | type="checkbox" | 86 | type="checkbox" |
| 87 | class="custom-control-input" | 87 | class="custom-control-input" |
| 88 | ng-model="params.diferenciarProductos" | 88 | ng-model="params.diferenciarProductos" |
| 89 | id="customCheck1"> | 89 | id="customCheck1"> |
| 90 | <label class="custom-control-label" for="customCheck1"></label> | 90 | <label class="custom-control-label" for="customCheck1"></label> |
| 91 | </div> | 91 | </div> |
| 92 | </div> | 92 | </div> |
| 93 | <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> | 93 | <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> |
| 94 | <div class="col-md-2 col-4 input-group mb-2"> | 94 | <div class="col-md-2 col-4 input-group mb-2"> |
| 95 | <div class="custom-control custom-checkbox ml-auto"> | 95 | <div class="custom-control custom-checkbox ml-auto"> |
| 96 | <input | 96 | <input |
| 97 | type="checkbox" | 97 | type="checkbox" |
| 98 | class="custom-control-input" | 98 | class="custom-control-input" |
| 99 | ng-model="params.diferenciarMeses" | 99 | ng-model="params.diferenciarMeses" |
| 100 | id="customCheck2"> | 100 | id="customCheck2"> |
| 101 | <label class="custom-control-label" for="customCheck2"></label> | 101 | <label class="custom-control-label" for="customCheck2"></label> |
| 102 | </div> | 102 | </div> |
| 103 | </div> | 103 | </div> |
| 104 | </div> | 104 | </div> |
| 105 | <div | 105 | <div |
| 106 | ng-if="!buscar" | 106 | ng-if="!buscar" |
| 107 | class="row"> | 107 | class="row"> |
| 108 | <div class="col-12"> | 108 | <div class="col-12"> |
| 109 | <div | 109 | <div |
| 110 | class="gridInforme" | 110 | class="gridInforme" |
| 111 | ui-grid="gridOptions" | 111 | ui-grid="gridOptions" |
| 112 | ui-grid-exporter | 112 | ui-grid-exporter |
| 113 | ui-grid-resize-columns | 113 | ui-grid-resize-columns |
| 114 | ></div> | 114 | ></div> |
| 115 | </div> | 115 | </div> |
| 116 | </div> | 116 | </div> |
| 117 | </div> | 117 | </div> |
| 118 | <div class="modal-footer py-1"> | 118 | <div class="modal-footer py-1"> |
| 119 | <button | ||
| 120 | class="btn btn-sm btn-secondary" | ||
| 121 | type="button" | ||
| 122 | ng-click="cancel()" | ||
| 123 | ng-show="buscar">Cancelar</button> | ||
| 124 | <button | 119 | <button |
| 125 | ladda="generando" | 120 | ladda="generando" |
| 126 | class="btn btn-sm btn-secondary" | 121 | class="btn btn-sm btn-secondary" |
| 127 | type="button" | 122 | type="button" |
| 128 | ng-click="generarInforme()" | 123 | ng-click="generarInforme()" |
| 129 | ng-show="buscar">Generar</button> | 124 | ng-show="buscar">Generar</button> |
| 125 | <button | ||
| 126 | class="btn btn-sm btn-secondary" | ||
| 127 | type="button" | ||
| 128 | ng-click="cancel()" | ||
| 129 | ng-show="buscar">Salir</button> | ||
| 130 | <button | 130 | <button |
| 131 | class="btn btn-sm btn-secondary" | 131 | class="btn btn-sm btn-secondary" |