Commit fdddf81d8fe2b6ed9e173d8910b2402c90637c27
Exists in
master
and in
1 other branch
Merge branch 'master' into 'develop'
Arreglo en buscador en informe productividad See merge request !9
Showing
7 changed files
Show diff stats
src/js/controller-productividad.js
1 | angular.module('focaModalInforme') | 1 | angular.module('focaModalInforme') |
2 | .controller('focaModalInformeProductividadController', | 2 | .controller('focaModalInformeProductividadController', |
3 | [ | 3 | [ |
4 | '$filter', | 4 | '$filter', |
5 | '$scope', | 5 | '$scope', |
6 | '$uibModalInstance', | 6 | '$uibModalInstance', |
7 | 'focaModalInformeProductividadService', | 7 | 'focaModalInformeProductividadService', |
8 | 'i18nService', | 8 | 'i18nService', |
9 | 'focaModalService', | 9 | 'focaModalService', |
10 | function($filter, $scope, $uibModalInstance, | 10 | function($filter, $scope, $uibModalInstance, |
11 | focaModalInformeProductividadService, i18nService, focaModalService | 11 | focaModalInformeProductividadService, i18nService, focaModalService |
12 | ) { | 12 | ) { |
13 | i18nService.setCurrentLang('es'); | 13 | i18nService.setCurrentLang('es'); |
14 | var fecha = new Date(); | 14 | var fecha = new Date(); |
15 | $scope.generando = false; | 15 | $scope.generando = false; |
16 | $scope.buscar = true; | 16 | $scope.buscar = true; |
17 | $scope.informe = {}; | 17 | $scope.informe = {}; |
18 | $scope.params = { | 18 | $scope.params = { |
19 | fechaHasta: new Date(), | 19 | fechaHasta: new Date(), |
20 | fechaDesde: new Date(fecha.setMonth(fecha.getMonth() - 1)), | 20 | fechaDesde: new Date(fecha.setMonth(fecha.getMonth() - 1)), |
21 | sector: undefined, | 21 | sector: undefined, |
22 | diferenciarProductos: false, | 22 | diferenciarProductos: false, |
23 | diferenciarMeses: false | 23 | diferenciarMeses: false, |
24 | entidad:{ | ||
25 | label: '' | ||
26 | } | ||
24 | }; | 27 | }; |
25 | $scope.gridOptions = { | 28 | $scope.gridOptions = { |
26 | enableGridMenu: true, | 29 | enableGridMenu: true, |
27 | exporterMenuCsv: false, | 30 | exporterMenuCsv: false, |
28 | exporterPdfPageSize: 'A4', | 31 | exporterPdfPageSize: 'A4', |
29 | exporterPdfFooter: function (currentPage, pageCount) { | 32 | exporterPdfFooter: function (currentPage, pageCount) { |
30 | return { | 33 | return { |
31 | columns: [ | 34 | columns: [ |
32 | {text: $filter('date')(new Date(), 'dd/MM/yyyy'), | 35 | {text: $filter('date')(new Date(), 'dd/MM/yyyy'), |
33 | margin: [40, 0]}, | 36 | margin: [40, 0]}, |
34 | {text: currentPage + ' de ' + pageCount, | 37 | {text: currentPage + ' de ' + pageCount, |
35 | margin: [28, 0], alignment: 'right'} | 38 | margin: [28, 0], alignment: 'right'} |
36 | ] | 39 | ] |
37 | }; | 40 | }; |
38 | }, | 41 | }, |
39 | columnDefs: [ | 42 | columnDefs: [ |
40 | { | 43 | { |
41 | field: 'cliente', | 44 | field: 'cliente', |
42 | enableSorting: false, | 45 | enableSorting: false, |
43 | cellClass: function(grid, row, col) { | 46 | cellClass: function(grid, row, col) { |
44 | var value = grid.getCellValue(row,col); | 47 | var value = grid.getCellValue(row,col); |
45 | 48 | ||
46 | if (value.indexOf('Vendedores') !== -1 || | 49 | if (value.indexOf('Vendedores') !== -1 || |
47 | value.indexOf('Cobradores') !== -1 || | 50 | value.indexOf('Cobradores') !== -1 || |
48 | value.indexOf('Transportistas') !== -1) | 51 | value.indexOf('Transportistas') !== -1) |
49 | return 'yellow w-100'; | 52 | return 'yellow w-100'; |
50 | if (value.indexOf('Vendedor:') !== -1 || | 53 | if (value.indexOf('Vendedor:') !== -1 || |
51 | value.indexOf('Cobrador:') !== -1 || | 54 | value.indexOf('Cobrador:') !== -1 || |
52 | value.indexOf('Transportista:') !== -1) | 55 | value.indexOf('Transportista:') !== -1) |
53 | return 'red w-100'; | 56 | return 'red w-100'; |
54 | if (value.indexOf('Fecha:') !== -1) | 57 | if (value.indexOf('Fecha:') !== -1) |
55 | return 'green w-100'; | 58 | return 'green w-100'; |
56 | } | 59 | } |
57 | }, | 60 | }, |
58 | { | 61 | { |
59 | field: 'fecha', | 62 | field: 'fecha', |
60 | enableSorting: false, | 63 | enableSorting: false, |
61 | cellClass: function(grid, row, col) { | 64 | cellClass: function(grid, row, col) { |
62 | if (!grid.getCellValue(row,col)) | 65 | if (!grid.getCellValue(row,col)) |
63 | return 'd-none'; | 66 | return 'd-none'; |
64 | } | 67 | } |
65 | }, | 68 | }, |
66 | { | 69 | { |
67 | field: 'kmRecorridos', | 70 | field: 'kmRecorridos', |
68 | enableSorting: false, | 71 | enableSorting: false, |
69 | cellClass: function(grid, row, col) { | 72 | cellClass: function(grid, row, col) { |
70 | if (!grid.getCellValue(row,col)) | 73 | if (!grid.getCellValue(row,col)) |
71 | return 'd-none'; | 74 | return 'd-none'; |
72 | } | 75 | } |
73 | }, | 76 | }, |
74 | { | 77 | { |
75 | field: 'geolocalizacion', | 78 | field: 'geolocalizacion', |
76 | enableSorting: false, | 79 | enableSorting: false, |
77 | cellClass: function(grid, row, col) { | 80 | cellClass: function(grid, row, col) { |
78 | if (!grid.getCellValue(row,col)) | 81 | if (!grid.getCellValue(row,col)) |
79 | return 'd-none'; | 82 | return 'd-none'; |
80 | } | 83 | } |
81 | } | 84 | } |
82 | ] | 85 | ] |
83 | }; | 86 | }; |
84 | $scope.seleccionarTipo = function() { | 87 | $scope.seleccionarTipo = function() { |
85 | var data = [ | 88 | var parametrosModal = { |
86 | { | 89 | searchText: $scope.params.entidad.label, |
87 | id: 0, | ||
88 | label: 'Todos' | ||
89 | }, | ||
90 | { | ||
91 | id: 1, | ||
92 | label: 'Vendedores' | ||
93 | }, | ||
94 | { | ||
95 | id: 2, | ||
96 | label: 'Cobradores' | ||
97 | }, | ||
98 | { | ||
99 | id: 3, | ||
100 | label: 'Transportistas' | ||
101 | } | ||
102 | ]; | ||
103 | focaModalService.modal({ | ||
104 | titulo: 'Seleccionar entidad', | ||
105 | data: data, | ||
106 | columnas: [ | 90 | columnas: [ |
107 | { | 91 | { |
108 | propiedad: 'label', | 92 | propiedad: 'label', |
109 | nombre: 'Entidad' | 93 | nombre: 'Entidad' |
110 | } | 94 | } |
111 | ], | 95 | ], |
112 | }).then(function(res) { | 96 | titulo: 'Seleccionar entidad', |
97 | size: 'md', | ||
98 | data: [ | ||
99 | { | ||
100 | id: 0, | ||
101 | label: 'Todos' | ||
102 | }, | ||
103 | { | ||
104 | id: 1, | ||
105 | label: 'Vendedores' | ||
106 | }, | ||
107 | { | ||
108 | id: 2, | ||
109 | label: 'Cobradores' | ||
110 | }, | ||
111 | { | ||
112 | id: 3, | ||
113 | label: 'Transportistas' | ||
114 | } | ||
115 | ] | ||
116 | }; | ||
117 | |||
118 | focaModalService.modal(parametrosModal).then(function(res) { | ||
113 | $scope.params.entidad = res; | 119 | $scope.params.entidad = res; |
114 | }); | 120 | }); |
115 | }; | 121 | }; |
116 | $scope.generarInforme = function() { | 122 | $scope.generarInforme = function() { |
117 | if (!$scope.params.entidad) { | 123 | if ($scope.params.entidad.id === undefined) { |
118 | focaModalService.alert('Seleccione una entidad'); | 124 | focaModalService.alert('Seleccione una entidad'); |
119 | return; | 125 | return; |
120 | } | 126 | } |
121 | $scope.generando = true; | 127 | $scope.generando = true; |
122 | focaModalInformeProductividadService | 128 | focaModalInformeProductividadService |
123 | .getInformeData($scope.params) | 129 | .getInformeData($scope.params) |
124 | .then(function(res) { | 130 | .then(function(res) { |
125 | var result = []; | 131 | var result = []; |
126 | 132 | ||
127 | if ($scope.params.entidad.id === 1 || !$scope.params.entidad.id) { | 133 | if ($scope.params.entidad.id === 1 || !$scope.params.entidad.id) { |
128 | result.push({ | 134 | result.push({ |
129 | cliente: 'Vendedores' | 135 | cliente: 'Vendedores' |
130 | }); | 136 | }); |
131 | res.data.vendedores.forEach(function(vendedor) { | 137 | res.data.vendedores.forEach(function(vendedor) { |
132 | result.push({ | 138 | result.push({ |
133 | cliente: 'Vendedor: ' + vendedor.NOM | 139 | cliente: 'Vendedor: ' + vendedor.NOM |
134 | }); | 140 | }); |
135 | vendedor.notasPedido.forEach(function(notaPedido) { | 141 | vendedor.notasPedido.forEach(function(notaPedido) { |
136 | var seguimiento = notaPedido.seguimiento; | 142 | var seguimiento = notaPedido.seguimiento; |
137 | result.push({ | 143 | result.push({ |
138 | cliente: notaPedido.cliente.NOM, | 144 | cliente: notaPedido.cliente.NOM, |
139 | fecha: seguimiento ? $filter('date')(seguimiento.fecha) : $filter('date')(notaPedido.fechaCarga), | 145 | fecha: seguimiento ? $filter('date')(seguimiento.fecha) : $filter('date')(notaPedido.fechaCarga), |
140 | kmRecorridos: seguimiento ? $filter('number')(seguimiento.kmRecorridos || 0, 2) : $filter('number')(0, 2), | 146 | kmRecorridos: seguimiento ? $filter('number')(seguimiento.kmRecorridos || 0, 2) : $filter('number')(0, 2), |
141 | geolocalizacion: seguimiento ? seguimiento.latitud + ', ' + seguimiento.longitud : '' | 147 | geolocalizacion: seguimiento ? seguimiento.latitud + ', ' + seguimiento.longitud : '' |
142 | }); | 148 | }); |
143 | }); | 149 | }); |
144 | }); | 150 | }); |
145 | } | 151 | } |
146 | if ($scope.params.entidad.id === 2 || !$scope.params.entidad.id) { | 152 | if ($scope.params.entidad.id === 2 || !$scope.params.entidad.id) { |
147 | result.push({ | 153 | result.push({ |
148 | cliente: 'Cobradores' | 154 | cliente: 'Cobradores' |
149 | }); | 155 | }); |
150 | res.data.cobradores.forEach(function(cobrador) { | 156 | res.data.cobradores.forEach(function(cobrador) { |
151 | result.push({ | 157 | result.push({ |
152 | cliente: 'Cobrador: ' + cobrador.NOM | 158 | cliente: 'Cobrador: ' + cobrador.NOM |
153 | }); | 159 | }); |
154 | cobrador.cobranzas.forEach(function(cobranza) { | 160 | cobrador.cobranzas.forEach(function(cobranza) { |
155 | var seguimiento = cobranza.seguimiento; | 161 | var seguimiento = cobranza.seguimiento; |
156 | result.push({ | 162 | result.push({ |
157 | cliente: cobranza.cliente.NOM, | 163 | cliente: cobranza.cliente.NOM, |
158 | fecha: seguimiento ? $filter('date')(seguimiento.fecha, 'dd/MM/yyyy') : $filter('date')(cobranza.FEC), | 164 | fecha: seguimiento ? $filter('date')(seguimiento.fecha, 'dd/MM/yyyy') : $filter('date')(cobranza.FEC), |
159 | kmRecorridos: seguimiento ? $filter('number')(seguimiento.kmRecorridos || 0, 2) : $filter('number')(0, 2), | 165 | kmRecorridos: seguimiento ? $filter('number')(seguimiento.kmRecorridos || 0, 2) : $filter('number')(0, 2), |
160 | geolocalizacion: seguimiento ? seguimiento.latitud + ', ' + seguimiento.longitud : '' | 166 | geolocalizacion: seguimiento ? seguimiento.latitud + ', ' + seguimiento.longitud : '' |
161 | }); | 167 | }); |
162 | }); | 168 | }); |
163 | }); | 169 | }); |
164 | } | 170 | } |
165 | if ($scope.params.entidad.id === 3 || !$scope.params.entidad.id) { | 171 | if ($scope.params.entidad.id === 3 || !$scope.params.entidad.id) { |
166 | result.push({ | 172 | result.push({ |
167 | cliente: 'Transportistas' | 173 | cliente: 'Transportistas' |
168 | }); | 174 | }); |
169 | res.data.transportistas.forEach(function(transportista) { | 175 | res.data.transportistas.forEach(function(transportista) { |
170 | result.push({ | 176 | result.push({ |
171 | cliente: 'Transportista: ' + transportista.NOM | 177 | cliente: 'Transportista: ' + transportista.NOM |
172 | }); | 178 | }); |
173 | transportista.remitos.forEach(function(remito) { | 179 | transportista.remitos.forEach(function(remito) { |
174 | var kms = 0, | 180 | var kms = 0, |
175 | geolocalizacion; | 181 | geolocalizacion; |
176 | remito.hojaRutaMovimiento.forEach(function(movimiento) { | 182 | remito.hojaRutaMovimiento.forEach(function(movimiento) { |
177 | kms += movimiento.seguimiento.kmRecorridos || 0; | 183 | kms += movimiento.seguimiento.kmRecorridos || 0; |
178 | geolocalizacion = geolocalizacion || | 184 | geolocalizacion = geolocalizacion || |
179 | movimiento.seguimiento.latitud + ', ' + | 185 | movimiento.seguimiento.latitud + ', ' + |
180 | movimiento.seguimiento.longitud; | 186 | movimiento.seguimiento.longitud; |
181 | }); | 187 | }); |
182 | result.push({ | 188 | result.push({ |
183 | cliente: remito.cliente.NOM, | 189 | cliente: remito.cliente.NOM, |
184 | fecha: $filter('date')(remito.fechaRemito, 'dd/MM/yyyy'), | 190 | fecha: $filter('date')(remito.fechaRemito, 'dd/MM/yyyy'), |
185 | kmRecorridos: $filter('number')(kms, 2), | 191 | kmRecorridos: $filter('number')(kms, 2), |
186 | geolocalizacion: geolocalizacion | 192 | geolocalizacion: geolocalizacion |
187 | }); | 193 | }); |
188 | }); | 194 | }); |
189 | }); | 195 | }); |
190 | } | 196 | } |
191 | $scope.gridOptions.data = result; | 197 | $scope.gridOptions.data = result; |
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-3"> |
15 | <div class="input-group-prepend"> | 15 | <div class="input-group-prepend"> |
16 | <div class="input-group-text"> | 16 | <div class="input-group-text"> |
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-3"> |
36 | <div class="input-group-prepend"> | 36 | <div class="input-group-prepend"> |
37 | <div class="input-group-text"> | 37 | <div class="input-group-text"> |
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 | 69 | <button |
70 | ladda="generando" | 70 | ladda="generando" |
71 | class="btn btn-sm btn-secondary" | 71 | class="btn btn-sm btn-secondary" |
72 | type="button" | 72 | type="button" |
73 | ng-click="generarInforme()" | 73 | ng-click="generarInforme()" |
74 | ng-show="buscar">Generar</button> | 74 | ng-show="buscar">Generar</button> |
75 | <button | 75 | <button |
76 | class="btn btn-sm btn-secondary" | 76 | class="btn btn-sm btn-secondary" |
77 | type="button" | 77 | type="button" |
78 | ng-click="cancel()" | 78 | ng-click="cancel()" |
79 | ng-show="buscar">Salir</button> | 79 | ng-show="buscar">Salir</button> |
80 | <button | 80 | <button |
81 | class="btn btn-sm btn-secondary" | 81 | class="btn btn-sm btn-secondary" |
82 | type="button" | 82 | type="button" |
83 | ng-click="volver()" | 83 | ng-click="volver()" |
84 | ng-hide="buscar">Volver</button> | 84 | ng-hide="buscar">Volver</button> |
85 | </div> | 85 | </div> |
86 | 86 |
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-3"> |
19 | <div class="input-group-prepend"> | 19 | <div class="input-group-prepend"> |
20 | <div class="input-group-text"> | 20 | <button |
21 | class="input-group-text" | ||
22 | type="button" | ||
23 | ng-click="datepickerOpen = true" | ||
24 | > | ||
21 | <i class="fa fa-calendar"></i> | 25 | <i class="fa fa-calendar"></i> |
22 | </div> | 26 | </button> |
23 | </div> | 27 | </div> |
24 | <input | 28 | <input |
25 | class="form-control form-control-sm" | 29 | class="form-control form-control-sm" |
26 | id="inlineFormInputGroup" | 30 | id="inlineFormInputGroup" |
27 | type="text" | 31 | type="text" |
28 | ng-model="params.fechaDesde" | 32 | ng-model="params.fechaDesde" |
29 | ng-required="true" | 33 | ng-required="true" |
30 | uib-datepicker-popup="dd/MM/yyyy" | 34 | uib-datepicker-popup="dd/MM/yyyy" |
31 | show-button-bar="false" | 35 | show-button-bar="false" |
32 | is-open="datepickerOpen" | 36 | is-open="datepickerOpen" |
33 | on-open-focus="false" | 37 | on-open-focus="false" |
34 | ng-focus="datepickerOpen = true" | 38 | ng-focus="datepickerOpen = true" |
35 | datepicker-options="dateOptions" | 39 | datepicker-options="dateOptions" |
36 | /> | 40 | /> |
37 | </div> | 41 | </div> |
38 | <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> | 42 | <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"> | 43 | <div class="col-md-4 col-8 input-group mb-3"> |
40 | <div class="input-group-prepend"> | 44 | <div class="input-group-prepend"> |
41 | <div class="input-group-text"> | 45 | <button |
46 | class="input-group-text" | ||
47 | type="button" | ||
48 | ng-click="datepicker2Open = true" | ||
49 | > | ||
42 | <i class="fa fa-calendar"></i> | 50 | <i class="fa fa-calendar"></i> |
43 | </div> | 51 | </button> |
44 | </div> | 52 | </div> |
45 | <input | 53 | <input |
46 | class="form-control form-control-sm" | 54 | class="form-control form-control-sm" |
47 | id="inlineFormInputGroup" | 55 | id="inlineFormInputGroup" |
48 | type="text" | 56 | type="text" |
49 | ng-model="params.fechaHasta" | 57 | ng-model="params.fechaHasta" |
50 | ng-required="true" | 58 | ng-required="true" |
51 | uib-datepicker-popup="dd/MM/yyyy" | 59 | uib-datepicker-popup="dd/MM/yyyy" |
52 | show-button-bar="false" | 60 | show-button-bar="false" |
53 | is-open="datepicker2Open" | 61 | is-open="datepicker2Open" |
54 | on-open-focus="false" | 62 | on-open-focus="false" |
55 | ng-focus="datepicker2Open = true" | 63 | ng-focus="datepicker2Open = true" |
56 | /> | 64 | /> |
57 | </div> | 65 | </div> |
58 | <small class="col-md-2 col-4 text-left my-1">Sector</small> | 66 | <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"> | 67 | <div class="col-md-4 col-8 input-group mb-3"> |
60 | <input | 68 | <input |
61 | class="form-control form-control-sm" | 69 | class="form-control form-control-sm" |
62 | id="inlineFormInputGroup" | 70 | id="inlineFormInputGroup" |
63 | type="text" | 71 | type="text" |
64 | ng-model="params.sector.NOMBRE" | 72 | ng-model="params.sector.NOMBRE" |
65 | ng-required="true" | 73 | ng-required="true" |
66 | ng-keypress="seleccionarSector($event.keyCode)" | 74 | ng-keypress="seleccionarSector($event.keyCode)" |
67 | /> | 75 | /> |
68 | <button type="button" class="clear-input text-danger" ng-click="clearSector()"> | 76 | <button |
69 | <i class="fa fa-times"></i> | 77 | ng-show="params.sector.NOMBRE.length >= 1" |
70 | </button> | 78 | type="button" |
79 | class="clear-input" | ||
80 | ng-click="clearSector()" | ||
81 | > | ||
82 | <i class="fa fa-times"></i> | ||
83 | </button> | ||
71 | <div class="input-group-append"> | 84 | <div class="input-group-append"> |
72 | <div class="input-group-append" ng-hide="ingreso"> | 85 | <div class="input-group-append" ng-hide="ingreso"> |
73 | <button | 86 | <button |
74 | ladda="searchLoading" | 87 | ladda="searchLoading" |
75 | data-spinner-color="#FF0000" | 88 | data-spinner-color="#FF0000" |
76 | class="btn btn-outline-secondary" | 89 | class="btn btn-outline-secondary" |
77 | type="button" | 90 | type="button" |
78 | ng-click="seleccionarSector(13)"> | 91 | ng-click="seleccionarSector(13)"> |
79 | <i class="fa fa-search" aria-hidden="true"></i> | 92 | <i class="fa fa-search" aria-hidden="true"></i> |
80 | </button> | 93 | </button> |
81 | </div> | 94 | </div> |
82 | </div> | 95 | </div> |
83 | </div> | 96 | </div> |
84 | <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> | 97 | <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"> | 98 | <div class="col-md-2 col-4 input-group mb-2"> |
86 | <div class="custom-control custom-checkbox ml-auto"> | 99 | <div class="custom-control custom-checkbox ml-auto"> |
87 | <input | 100 | <input |
88 | type="checkbox" | 101 | type="checkbox" |
89 | class="custom-control-input" | 102 | class="custom-control-input" |
90 | ng-model="params.diferenciarProductos" | 103 | ng-model="params.diferenciarProductos" |
91 | id="customCheck1"> | 104 | id="customCheck1"> |
92 | <label class="custom-control-label" for="customCheck1"></label> | 105 | <label class="custom-control-label" for="customCheck1"></label> |
93 | </div> | 106 | </div> |
94 | </div> | 107 | </div> |
95 | <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> | 108 | <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"> | 109 | <div class="col-md-2 col-4 input-group mb-2"> |
97 | <div class="custom-control custom-checkbox ml-auto"> | 110 | <div class="custom-control custom-checkbox ml-auto"> |
98 | <input | 111 | <input |
99 | type="checkbox" | 112 | type="checkbox" |
100 | class="custom-control-input" | 113 | class="custom-control-input" |
101 | ng-model="params.diferenciarMeses" | 114 | ng-model="params.diferenciarMeses" |
102 | id="customCheck2"> | 115 | id="customCheck2"> |
103 | <label class="custom-control-label" for="customCheck2"></label> | 116 | <label class="custom-control-label" for="customCheck2"></label> |
104 | </div> | 117 | </div> |
105 | </div> | 118 | </div> |
106 | </div> | 119 | </div> |
107 | <div | 120 | <div |
108 | ng-if="!buscar" | 121 | ng-if="!buscar" |
109 | class="row"> | 122 | class="row"> |
110 | <div class="col-12"> | 123 | <div class="col-12"> |
111 | <div | 124 | <div |
112 | class="gridInforme" | 125 | class="gridInforme" |
113 | ui-grid="gridOptions" | 126 | ui-grid="gridOptions" |
114 | ui-grid-exporter | 127 | ui-grid-exporter |
115 | ui-grid-resize-columns | 128 | ui-grid-resize-columns |
116 | ></div> | 129 | ></div> |
117 | </div> | 130 | </div> |
118 | </div> | 131 | </div> |
119 | </div> | 132 | </div> |
120 | <div class="modal-footer py-1"> | 133 | <div class="modal-footer py-1"> |
121 | <button | 134 | <button |
122 | ladda="generando" | 135 | ladda="generando" |
123 | class="btn btn-sm btn-secondary" | 136 | class="btn btn-sm btn-secondary" |
124 | type="button" | 137 | type="button" |
125 | ng-click="generarInforme()" | 138 | ng-click="generarInforme()" |
126 | ng-show="buscar">Generar</button> | 139 | ng-show="buscar">Generar</button> |
127 | <button | 140 | <button |
128 | class="btn btn-sm btn-secondary" | 141 | class="btn btn-sm btn-secondary" |
129 | type="button" | 142 | type="button" |
130 | ng-click="cancel()" | 143 | ng-click="cancel()" |
131 | ng-show="buscar">Salir</button> | 144 | ng-show="buscar">Salir</button> |
132 | <button | 145 | <button |
133 | class="btn btn-sm btn-secondary" | 146 | class="btn btn-sm btn-secondary" |
134 | type="button" | 147 | type="button" |
135 | ng-click="volver()" | 148 | ng-click="volver()" |
136 | ng-hide="buscar">Volver</button> | 149 | ng-hide="buscar">Volver</button> |
137 | </div> | 150 | </div> |
138 | 151 |
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-3"> |
16 | <div class="input-group-prepend"> | 16 | <div class="input-group-prepend"> |
17 | <div class="input-group-text"> | 17 | <div class="input-group-text"> |
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-3"> |
38 | <div class="input-group-prepend"> | 38 | <div class="input-group-prepend"> |
39 | <div class="input-group-text"> | 39 | <div class="input-group-text"> |
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 | 72 | <button |
73 | class="btn btn-sm btn-secondary" | 73 | class="btn btn-sm btn-secondary" |
74 | type="button" | 74 | type="button" |
75 | ng-click="generarInforme()" | 75 | ng-click="generarInforme()" |
76 | ng-show="buscar">Generar</button> | 76 | ng-show="buscar">Generar</button> |
77 | <button | 77 | <button |
78 | class="btn btn-sm btn-secondary" | 78 | class="btn btn-sm btn-secondary" |
79 | type="button" | 79 | type="button" |
80 | ng-click="cancel()" | 80 | ng-click="cancel()" |
81 | ng-show="buscar">Salir</button> | 81 | ng-show="buscar">Salir</button> |
82 | <button | 82 | <button |
83 | class="btn btn-sm btn-secondary" | 83 | class="btn btn-sm btn-secondary" |
84 | type="button" | 84 | type="button" |
85 | ng-click="volver()" | 85 | ng-click="volver()" |
86 | ng-hide="buscar">Volver</button> | 86 | ng-hide="buscar">Volver</button> |
87 | </div> | 87 | </div> |
88 | 88 |
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-3"> |
17 | <div class="input-group-prepend"> | 17 | <div class="input-group-prepend"> |
18 | <div class="input-group-text"> | 18 | <div class="input-group-text"> |
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-3"> |
38 | <div class="input-group-prepend"> | 38 | <div class="input-group-prepend"> |
39 | <div class="input-group-text"> | 39 | <div class="input-group-text"> |
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 | 94 | <button |
95 | ladda="generando" | 95 | ladda="generando" |
96 | class="btn btn-sm btn-secondary" | 96 | class="btn btn-sm btn-secondary" |
97 | type="button" | 97 | type="button" |
98 | ng-click="generarInforme()" | 98 | ng-click="generarInforme()" |
99 | ng-show="buscar">Generar</button> | 99 | ng-show="buscar">Generar</button> |
100 | <button | 100 | <button |
101 | class="btn btn-sm btn-secondary" | 101 | class="btn btn-sm btn-secondary" |
102 | type="button" | 102 | type="button" |
103 | ng-click="cancel()" | 103 | ng-click="cancel()" |
104 | ng-show="buscar">Salir</button> | 104 | ng-show="buscar">Salir</button> |
105 | <button | 105 | <button |
106 | class="btn btn-sm btn-secondary" | 106 | class="btn btn-sm btn-secondary" |
107 | type="button" | 107 | type="button" |
108 | ng-click="volver()" | 108 | ng-click="volver()" |
109 | ng-hide="buscar">Volver</button> | 109 | ng-hide="buscar">Volver</button> |
110 | </div> | 110 | </div> |
111 | 111 |
src/views/informe-productividad.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 productividad</h5></div> | 3 | <div class="col-12"><h5 class="modal-title">Informe de productividad</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-3"> |
19 | <div class="input-group-prepend"> | 19 | <div class="input-group-prepend"> |
20 | <div class="input-group-text"> | 20 | <div class="input-group-text"> |
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-3"> |
40 | <div class="input-group-prepend"> | 40 | <div class="input-group-prepend"> |
41 | <div class="input-group-text"> | 41 | <div class="input-group-text"> |
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">Entidad</small> | 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"> | 59 | <div class="col-md-4 col-8 input-group mb-3"> |
60 | <input type="text" class="form-control" ng-model="params.entidad.label" readonly> | 60 | <input type="text" class="form-control form-control-sm" ng-model="params.entidad.label"> |
61 | <button type="button" class="clear-input text-danger" ng-click="clearEntidad()"> | 61 | <button |
62 | ng-show="params.entidad.label.length >= 1" | ||
63 | type="button" | ||
64 | class="clear-input" | ||
65 | ng-click="clearEntidad()" | ||
66 | > | ||
62 | <i class="fa fa-times"></i> | 67 | <i class="fa fa-times"></i> |
63 | </button> | 68 | </button> |
64 | <div class="input-group-append"> | 69 | <div class="input-group-append"> |
65 | <div class="input-group-append" ng-hide="ingreso"> | 70 | <div class="input-group-append" ng-hide="ingreso"> |
66 | <button | 71 | <button |
67 | ladda="searchLoading" | 72 | ladda="searchLoading" |
68 | data-spinner-color="#FF0000" | 73 | data-spinner-color="#FF0000" |
69 | class="btn btn-outline-secondary" | 74 | class="btn btn-outline-secondary" |
70 | type="button" | 75 | type="button" |
71 | ng-click="seleccionarTipo()"> | 76 | ng-click="seleccionarTipo()"> |
72 | <i class="fa fa-search" aria-hidden="true"></i> | 77 | <i class="fa fa-search" aria-hidden="true"></i> |
73 | </button> | 78 | </button> |
74 | </div> | 79 | </div> |
75 | </div> | 80 | </div> |
76 | </div> | 81 | </div> |
77 | </div> | 82 | </div> |
78 | <div | 83 | <div |
79 | ng-if="!buscar" | 84 | ng-if="!buscar" |
80 | class="row"> | 85 | class="row"> |
81 | <div class="col-12"> | 86 | <div class="col-12"> |
82 | <div | 87 | <div |
83 | class="gridInforme" | 88 | class="gridInforme" |
84 | ui-grid="gridOptions" | 89 | ui-grid="gridOptions" |
85 | ui-grid-exporter | 90 | ui-grid-exporter |
86 | ui-grid-resize-columns | 91 | ui-grid-resize-columns |
87 | ></div> | 92 | ></div> |
88 | </div> | 93 | </div> |
89 | </div> | 94 | </div> |
90 | </div> | 95 | </div> |
91 | <div class="modal-footer py-1"> | 96 | <div class="modal-footer py-1"> |
92 | <button | 97 | <button |
93 | ladda="generando" | 98 | ladda="generando" |
94 | class="btn btn-sm btn-secondary" | 99 | class="btn btn-sm btn-secondary" |
95 | type="button" | 100 | type="button" |
96 | ng-click="generarInforme()" | 101 | ng-click="generarInforme()" |
97 | ng-show="buscar">Generar</button> | 102 | ng-show="buscar">Generar</button> |
98 | <button | 103 | <button |
99 | class="btn btn-sm btn-secondary" | 104 | class="btn btn-sm btn-secondary" |
100 | type="button" | 105 | type="button" |
101 | ng-click="cancel()" | 106 | ng-click="cancel()" |
102 | ng-show="buscar">Salir</button> | 107 | ng-show="buscar">Salir</button> |
103 | <button | 108 | <button |
104 | class="btn btn-sm btn-secondary" | 109 | class="btn btn-sm btn-secondary" |
105 | type="button" | 110 | type="button" |
106 | ng-click="volver()" | 111 | ng-click="volver()" |
107 | ng-hide="buscar">Volver</button> | 112 | ng-hide="buscar">Volver</button> |
108 | </div> | 113 | </div> |
109 | 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-3"> |
17 | <div class="input-group-prepend"> | 17 | <div class="input-group-prepend"> |
18 | <div class="input-group-text"> | 18 | <div class="input-group-text"> |
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-3"> |
38 | <div class="input-group-prepend"> | 38 | <div class="input-group-prepend"> |
39 | <div class="input-group-text"> | 39 | <div class="input-group-text"> |
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-3"> |
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 |
67 | ng-show="params.sector.NOMBRE.length >= 1" | ||
68 | type="button" | ||
69 | class="clear-input" | ||
70 | ng-click="clearSector()" | ||
71 | > | ||
67 | <i class="fa fa-times"></i> | 72 | <i class="fa fa-times"></i> |
68 | </button> | 73 | </button> |
69 | <div class="input-group-append"> | 74 | <div class="input-group-append"> |
70 | <div class="input-group-append" ng-hide="ingreso"> | 75 | <div class="input-group-append" ng-hide="ingreso"> |
71 | <button | 76 | <button |
72 | ladda="searchLoading" | 77 | ladda="searchLoading" |
73 | data-spinner-color="#FF0000" | 78 | data-spinner-color="#FF0000" |
74 | class="btn btn-outline-secondary" | 79 | class="btn btn-outline-secondary" |
75 | type="button" | 80 | type="button" |
76 | ng-click="seleccionarSector(13)"> | 81 | ng-click="seleccionarSector(13)"> |
77 | <i class="fa fa-search" aria-hidden="true"></i> | 82 | <i class="fa fa-search" aria-hidden="true"></i> |
78 | </button> | 83 | </button> |
79 | </div> | 84 | </div> |
80 | </div> | 85 | </div> |
81 | </div> | 86 | </div> |
82 | <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small> | 87 | <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"> | 88 | <div class="col-md-2 col-4 input-group mb-2"> |
84 | <div class="custom-control custom-checkbox ml-auto"> | 89 | <div class="custom-control custom-checkbox ml-auto"> |
85 | <input | 90 | <input |
86 | type="checkbox" | 91 | type="checkbox" |
87 | class="custom-control-input" | 92 | class="custom-control-input" |
88 | ng-model="params.diferenciarProductos" | 93 | ng-model="params.diferenciarProductos" |
89 | id="customCheck1"> | 94 | id="customCheck1"> |
90 | <label class="custom-control-label" for="customCheck1"></label> | 95 | <label class="custom-control-label" for="customCheck1"></label> |
91 | </div> | 96 | </div> |
92 | </div> | 97 | </div> |
93 | <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small> | 98 | <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"> | 99 | <div class="col-md-2 col-4 input-group mb-2"> |
95 | <div class="custom-control custom-checkbox ml-auto"> | 100 | <div class="custom-control custom-checkbox ml-auto"> |
96 | <input | 101 | <input |
97 | type="checkbox" | 102 | type="checkbox" |
98 | class="custom-control-input" | 103 | class="custom-control-input" |
99 | ng-model="params.diferenciarMeses" | 104 | ng-model="params.diferenciarMeses" |
100 | id="customCheck2"> | 105 | id="customCheck2"> |
101 | <label class="custom-control-label" for="customCheck2"></label> | 106 | <label class="custom-control-label" for="customCheck2"></label> |
102 | </div> | 107 | </div> |
103 | </div> | 108 | </div> |
104 | </div> | 109 | </div> |
105 | <div | 110 | <div |
106 | ng-if="!buscar" | 111 | ng-if="!buscar" |
107 | class="row"> | 112 | class="row"> |
108 | <div class="col-12"> | 113 | <div class="col-12"> |
109 | <div | 114 | <div |
110 | class="gridInforme" | 115 | class="gridInforme" |
111 | ui-grid="gridOptions" | 116 | ui-grid="gridOptions" |
112 | ui-grid-exporter | 117 | ui-grid-exporter |
113 | ui-grid-resize-columns | 118 | ui-grid-resize-columns |
114 | ></div> | 119 | ></div> |
115 | </div> | 120 | </div> |
116 | </div> | 121 | </div> |
117 | </div> | 122 | </div> |
118 | <div class="modal-footer py-1"> | 123 | <div class="modal-footer py-1"> |
119 | <button | 124 | <button |
120 | ladda="generando" | 125 | ladda="generando" |
121 | class="btn btn-sm btn-secondary" | 126 | class="btn btn-sm btn-secondary" |
122 | type="button" | 127 | type="button" |
123 | ng-click="generarInforme()" | 128 | ng-click="generarInforme()" |
124 | ng-show="buscar">Generar</button> | 129 | ng-show="buscar">Generar</button> |
125 | <button | 130 | <button |
126 | class="btn btn-sm btn-secondary" | 131 | class="btn btn-sm btn-secondary" |
127 | type="button" | 132 | type="button" |
128 | ng-click="cancel()" | 133 | ng-click="cancel()" |
129 | ng-show="buscar">Salir</button> | 134 | ng-show="buscar">Salir</button> |
130 | <button | 135 | <button |
131 | class="btn btn-sm btn-secondary" | 136 | class="btn btn-sm btn-secondary" |
132 | type="button" | 137 | type="button" |
133 | ng-click="volver()" | 138 | ng-click="volver()" |
134 | ng-hide="buscar">Volver</button> | 139 | ng-hide="buscar">Volver</button> |
135 | </div> | 140 | </div> |
136 | 141 |