Commit da15a2d28156407578525e99b114e67fd566dc70
1 parent
5d63fe04fd
Exists in
master
input de domicilios
Showing
1 changed file
with
13 additions
and
19 deletions
Show diff stats
src/views/nota-pedido.html
1 | <div class="row"> | 1 | <div class="row"> |
2 | <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2"> | 2 | <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2"> |
3 | <div class="row bg-secondary p-3"> | 3 | <div class="row bg-secondary p-3"> |
4 | <div class="form-group col-12 col-sm-6 col-md-4"> | 4 | <div class="form-group col-12 col-sm-6 col-md-4"> |
5 | <div class="input-group"> | 5 | <div class="input-group"> |
6 | <input | 6 | <input |
7 | type="text" | 7 | type="text" |
8 | class="form-control" | 8 | class="form-control" |
9 | uib-datepicker-popup="dd/MM/yyyy" | 9 | uib-datepicker-popup="dd/MM/yyyy" |
10 | ng-model="notaPedido.fechaCarga" | 10 | ng-model="notaPedido.fechaCarga" |
11 | is-open="popup1.opened" | 11 | is-open="popup1.opened" |
12 | datepicker-options="dateOptions" | 12 | datepicker-options="dateOptions" |
13 | close-text="Cerrar" | 13 | close-text="Cerrar" |
14 | current-text="Hoy" | 14 | current-text="Hoy" |
15 | clear-text="Borrar" | 15 | clear-text="Borrar" |
16 | alt-input-formats="altInputFormats" | 16 | alt-input-formats="altInputFormats" |
17 | /> | 17 | /> |
18 | <span class="input-group-append"> | 18 | <span class="input-group-append"> |
19 | <button type="button" class="btn btn-default" ng-click="popup1.opened = true"> | 19 | <button type="button" class="btn btn-default" ng-click="popup1.opened = true"> |
20 | <i class="fa fa-calendar"></i> | 20 | <i class="fa fa-calendar"></i> |
21 | </button> | 21 | </button> |
22 | </span> | 22 | </span> |
23 | </div> | 23 | </div> |
24 | </div> | 24 | </div> |
25 | <div class="form-group col-12 col-sm-6 col-md-4"> | 25 | <div class="form-group col-12 col-sm-6 col-md-4"> |
26 | <div class="input-group"> | 26 | <div class="input-group"> |
27 | <input | 27 | <input |
28 | class="form-control" | 28 | class="form-control" |
29 | type="text" | 29 | type="text" |
30 | ng-model="notaPedido.vendedor.nombre" | 30 | ng-model="notaPedido.vendedor.nombre" |
31 | placeholder="Seleccione Vendedor" | 31 | placeholder="Seleccione Vendedor" |
32 | readonly="true" | 32 | readonly="true" |
33 | > | 33 | > |
34 | <span class="input-group-append"> | 34 | <span class="input-group-append"> |
35 | <button type="button" class="btn btn-default" ng-click="seleccionarVendedor()"> | 35 | <button type="button" class="btn btn-default" ng-click="seleccionarVendedor()"> |
36 | <i class="fa fa-search"></i> | 36 | <i class="fa fa-search"></i> |
37 | </button> | 37 | </button> |
38 | </span> | 38 | </span> |
39 | </div> | 39 | </div> |
40 | </div> | 40 | </div> |
41 | <div class="form-group col-12 col-sm-6 col-md-4"> | 41 | <div class="form-group col-12 col-sm-6 col-md-4"> |
42 | <div class="input-group"> | 42 | <div class="input-group"> |
43 | <input | 43 | <input |
44 | class="form-control selectable" | 44 | class="form-control selectable" |
45 | type="text" | 45 | type="text" |
46 | ng-model="notaPedido.cliente.nombre" | 46 | ng-model="notaPedido.cliente.nombre" |
47 | placeholder="Seleccione Cliente" | 47 | placeholder="Seleccione Cliente" |
48 | readonly="true" | 48 | readonly="true" |
49 | ng-click="seleccionarCliente()" | 49 | ng-click="seleccionarCliente()" |
50 | > | 50 | > |
51 | <span class="input-group-append"> | 51 | <span class="input-group-append"> |
52 | <button type="button" class="btn btn-default" ng-click="seleccionarCliente()"> | 52 | <button type="button" class="btn btn-default" ng-click="seleccionarCliente()"> |
53 | <i class="fa fa-search"></i> | 53 | <i class="fa fa-search"></i> |
54 | </button> | 54 | </button> |
55 | </span> | 55 | </span> |
56 | </div> | 56 | </div> |
57 | </div> | 57 | </div> |
58 | <div class="form-group col-12 col-sm-6 col-md-4"> | 58 | <div class="form-group col-12 col-sm-6 col-md-4"> |
59 | <input | 59 | <input |
60 | class="form-control selectable" | 60 | class="form-control selectable" |
61 | type="text" | 61 | type="text" |
62 | ng-model="domicilio.dom" | 62 | ng-model="domicilio" |
63 | ng-click="abrirModalDomicilio()" | ||
64 | placeholder="Seleccione Domicilio" | 63 | placeholder="Seleccione Domicilio" |
65 | uib-typeahead=" | ||
66 | domi.dom | ||
67 | for domi | ||
68 | in domiciliosCliente | ||
69 | " | ||
70 | typeahead-min-length="0" | 64 | typeahead-min-length="0" |
65 | uib-typeahead="domi as domi.dom for domi in domiciliosCliente" | ||
71 | > | 66 | > |
72 | </div> | 67 | </div> |
73 | <div class="form-group col-12 col-sm-6 col-md-4"> | 68 | <div class="form-group col-12 col-sm-6 col-md-4"> |
74 | <input | 69 | <input |
75 | class="form-control selectable" | 70 | class="form-control selectable" |
76 | type="text" | 71 | type="text" |
77 | readonly="true" | 72 | readonly="true" |
78 | ng-model="notaPedido.precioCondicion" | 73 | ng-model="notaPedido.precioCondicion" |
79 | ng-click="abrirModalListaPrecio()" | 74 | ng-click="abrirModalListaPrecio()" |
80 | placeholder="Seleccione Lista de precio" | 75 | placeholder="Seleccione Lista de precio" |
81 | > | 76 | > |
82 | </div> | 77 | </div> |
83 | <div class="form-group col-12 col-sm-6 col-md-4"> | 78 | <div class="form-group col-12 col-sm-6 col-md-4"> |
84 | <label>Bomba</label> | 79 | <label>Bomba</label> |
85 | <div class="form-check custom-radio custom-control-inline"> | 80 | <div class="form-check custom-radio custom-control-inline"> |
86 | <input | 81 | <input |
87 | class="form-check-input" | 82 | class="form-check-input" |
88 | type="radio" | 83 | type="radio" |
89 | name="radioBomba" | 84 | name="radioBomba" |
90 | value="1" | 85 | value="1" |
91 | ng-model="notaPedido.bomba"> | 86 | ng-model="notaPedido.bomba"> |
92 | <label class="form-check-label">Si</label> | 87 | <label class="form-check-label">Si</label> |
93 | </div> | 88 | </div> |
94 | <div class="form-check custom-radio custom-control-inline"> | 89 | <div class="form-check custom-radio custom-control-inline"> |
95 | <input | 90 | <input |
96 | class="form-check-input" | 91 | class="form-check-input" |
97 | type="radio" | 92 | type="radio" |
98 | name="radioBomba" | 93 | name="radioBomba" |
99 | value="0" | 94 | value="0" |
100 | ng-model="notaPedido.bomba"> | 95 | ng-model="notaPedido.bomba"> |
101 | <label class="form-check-label">No</label> | 96 | <label class="form-check-label">No</label> |
102 | </div> | 97 | </div> |
103 | </div> | 98 | </div> |
104 | <div class="form-group col-12 col-sm-6 col-md-4"> | 99 | <div class="form-group col-12 col-sm-6 col-md-4"> |
105 | <label>Flete</label> | 100 | <label>Flete</label> |
106 | <div class="form-check custom-radio custom-control-inline"> | 101 | <div class="form-check custom-radio custom-control-inline"> |
107 | <input | 102 | <input |
108 | ng-change="limpiarFlete()" | 103 | ng-change="limpiarFlete()" |
109 | class="form-check-input" | 104 | class="form-check-input" |
110 | type="radio" | 105 | type="radio" |
111 | name="radioFlete" | 106 | name="radioFlete" |
112 | value="1" | 107 | value="1" |
113 | ng-model="notaPedido.flete"> | 108 | ng-model="notaPedido.flete"> |
114 | <label class="form-check-label">Si</label> | 109 | <label class="form-check-label">Si</label> |
115 | </div> | 110 | </div> |
116 | <div class="form-check custom-radio custom-control-inline"> | 111 | <div class="form-check custom-radio custom-control-inline"> |
117 | <input | 112 | <input |
118 | class="form-check-input" | 113 | class="form-check-input" |
119 | type="radio" | 114 | type="radio" |
120 | name="radioFlete" | 115 | name="radioFlete" |
121 | value="0" | 116 | value="0" |
122 | ng-model="notaPedido.flete"> | 117 | ng-model="notaPedido.flete"> |
123 | <label class="form-check-label">No</label> | 118 | <label class="form-check-label">No</label> |
124 | </div> | 119 | </div> |
125 | </div> | 120 | </div> |
126 | <div class="form-group col-12 col-sm-6 col-md-4"> | 121 | <div class="form-group col-12 col-sm-6 col-md-4"> |
127 | <input | 122 | <input |
128 | class="form-control selectable" | 123 | class="form-control selectable" |
129 | type="text" | 124 | type="text" |
130 | readonly="true" | 125 | readonly="true" |
131 | ng-show="notaPedido.flete == 1" | 126 | ng-show="notaPedido.flete == 1" |
132 | ng-model="notaPedido.fleteNombre" | 127 | ng-model="notaPedido.fleteNombre" |
133 | ng-click="abrirModalFlete()" | 128 | ng-click="abrirModalFlete()" |
134 | placeholder="Seleccione Flete" | 129 | placeholder="Seleccione Flete" |
135 | > | 130 | > |
136 | </div> | 131 | </div> |
137 | <div class="form-group col-12 col-sm-6 col-md-4"> | 132 | <div class="form-group col-12 col-sm-6 col-md-4"> |
138 | <input | 133 | <input |
139 | class="form-control selectable" | 134 | class="form-control selectable" |
140 | type="text" | 135 | type="text" |
141 | ng-show="notaPedido.flete == 1" | 136 | ng-show="notaPedido.flete == 1" |
142 | ng-model="notaPedido.chofer" | 137 | ng-model="notaPedido.chofer" |
143 | placeholder="Seleccione Chofer" | 138 | placeholder="Seleccione Chofer" |
144 | uib-typeahead="chofer.nombre for chofer in choferes" | 139 | uib-typeahead="chofer as chofer.nombre for chofer in choferes" |
145 | typeahead-min-length="0" | 140 | typeahead-min-length="0" |
146 | > | 141 | > |
147 | </div> | 142 | </div> |
148 | <div class="form-group col-12 col-sm-6 col-md-4"> | 143 | <div class="form-group col-12 col-sm-6 col-md-4"> |
149 | <input | 144 | <input |
150 | class="form-control selectable" | 145 | class="form-control selectable" |
151 | type="text" | 146 | type="text" |
152 | ng-show="notaPedido.flete == 1" | 147 | ng-show="notaPedido.flete == 1" |
153 | ng-model="notaPedido.vehiculo" | 148 | ng-model="notaPedido.vehiculo" |
154 | placeholder="Seleccione Vehículo" | 149 | placeholder="Seleccione Vehículo" |
155 | uib-typeahead="vehiculo.tractor for vehiculo in vehiculos" | 150 | uib-typeahead="vehiculo as vehiculo.tractor for vehiculo in vehiculos" |
156 | typeahead-min-length="0" | 151 | typeahead-min-length="0" |
157 | > | 152 | > |
158 | </div> | 153 | </div> |
159 | <div class="form-group col-12 col-sm-6 col-md-4"> | 154 | <div class="form-group col-12 col-sm-6 col-md-4"> |
160 | <input | 155 | <input |
161 | class="form-control selectable" | 156 | class="form-control selectable" |
162 | type="number" | 157 | type="number" |
163 | step="0.01" | 158 | step="0.01" |
164 | ng-show="notaPedido.flete == 1" | 159 | ng-show="notaPedido.flete == 1" |
165 | ng-model="notaPedido.costoUnitarioKmFlete" | 160 | ng-model="notaPedido.costoUnitarioKmFlete" |
166 | placeholder="Costo por kilómetro" | 161 | placeholder="Costo por kilómetro" |
167 | > | 162 | > |
168 | </div> | 163 | </div> |
169 | <div class="form-group col-12 col-sm-6 col-md-4"> | 164 | <div class="form-group col-12 col-sm-6 col-md-4"> |
170 | <input | 165 | <input |
171 | class="form-control selectable" | 166 | class="form-control selectable" |
172 | type="number" | 167 | type="number" |
173 | step="0.1" | 168 | step="0.1" |
174 | ng-show="notaPedido.flete == 1" | 169 | ng-show="notaPedido.flete == 1" |
175 | ng-model="notaPedido.kilometros" | 170 | ng-model="notaPedido.kilometros" |
176 | placeholder="Kilómetros recorridos" | 171 | placeholder="Kilómetros recorridos" |
177 | > | 172 | > |
178 | </div> | 173 | </div> |
179 | </div> | 174 | </div> |
180 | </div> | 175 | </div> |
181 | <div class="col-auto my-2"> | 176 | <div class="col-auto my-2"> |
182 | <button ng-click="crearPedidoDemo()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button> | 177 | <button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Guardar</button> |
183 | </div> | 178 | </div> |
184 | </div> | 179 | </div> |
185 | <div class="row"> | 180 | <div class="row"> |
186 | <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2"> | 181 | <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2"> |
187 | <div class="row"> | 182 | <div class="row"> |
188 | </div> | 183 | </div> |
189 | <div class="row"> | 184 | <div class="row"> |
190 | <table class="table table-striped table-sm"> | 185 | <table class="table table-striped table-sm"> |
191 | <thead> | 186 | <thead> |
192 | <tr> | 187 | <tr> |
193 | <th>Sector</th> | 188 | <th>Sector</th> |
194 | <th>Código</th> | 189 | <th>Código</th> |
195 | <th>Descripción</th> | 190 | <th>Descripción</th> |
196 | <th>Precio Unitario</th> | 191 | <th>Precio Unitario</th> |
197 | <th>Cantidad</th> | 192 | <th>Cantidad</th> |
198 | <th>SubTotal</th> | 193 | <th>SubTotal</th> |
199 | <th> | 194 | <th> |
200 | <button class="btn btn-outline-secondary selectable" style="float: right;" ng-click="show = !show; masMenos()" > | 195 | <button class="btn btn-outline-secondary selectable" style="float: right;" ng-click="show = !show; masMenos()" > |
201 | <i class="fa fa-chevron-down" ng-hide="show" aria-hidden="true"></i> | 196 | <i class="fa fa-chevron-down" ng-hide="show" aria-hidden="true"></i> |
202 | <i class="fa fa-chevron-up" ng-show="show" aria-hidden="true"></i> | 197 | <i class="fa fa-chevron-up" ng-show="show" aria-hidden="true"></i> |
203 | </button> | 198 | </button> |
204 | </th> | 199 | </th> |
205 | </tr> | 200 | </tr> |
206 | </thead> | 201 | </thead> |
207 | <tbody> | 202 | <tbody> |
208 | <tr ng-show="!articuloACargar"> | 203 | <tr ng-show="cargando"> |
209 | <td colspan="2"><input placeholder="Seleccione Articulo" class="form-control" readonly ng-click="seleccionarArticulo()"></td> | 204 | <td colspan="2"><input placeholder="Seleccione Articulo" class="form-control" readonly ng-click="seleccionarArticulo()"></td> |
210 | <td></td> | 205 | <td></td> |
211 | <td></td> | 206 | <td></td> |
212 | <td></td> | 207 | <td></td> |
213 | <td></td> | 208 | <td></td> |
214 | <td></td> | 209 | <td></td> |
215 | </tr> | 210 | </tr> |
216 | <tr ng-show="articuloACargar"> | 211 | <tr ng-show="!cargando"> |
217 | <td><input | 212 | <td><input |
218 | class="form-control" | 213 | class="form-control" |
219 | ng-model="articuloACargar.sector" | 214 | ng-model="articuloACargar.sector" |
220 | readonly></td> | 215 | readonly></td> |
221 | <td><input | 216 | <td><input |
222 | class="form-control" | 217 | class="form-control" |
223 | ng-model="articuloACargar.codigo" | 218 | ng-model="articuloACargar.codigo" |
224 | readonly></td> | 219 | readonly></td> |
225 | <td><input | 220 | <td><input |
226 | class="form-control" | 221 | class="form-control" |
227 | ng-model="articuloACargar.descripcion" | 222 | ng-model="articuloACargar.descripcion" |
228 | readonly></td> | 223 | readonly></td> |
229 | <td><input | 224 | <td><input |
230 | class="form-control" | 225 | class="form-control" |
231 | ng-value="articuloACargar.precio | currency:'$'" | 226 | ng-value="articuloACargar.precio | currency:'$'" |
232 | readonly></td> | 227 | readonly></td> |
233 | <td><input | 228 | <td><input |
234 | class="form-control" | 229 | class="form-control" |
235 | type="number" | 230 | type="number" |
236 | min="1" | 231 | min="1" |
237 | value="1" | ||
238 | ng-model="articuloACargar.cantidad" | 232 | ng-model="articuloACargar.cantidad" |
239 | foca-focus="articuloACargar.cantidad == 1" | 233 | foca-focus="!cargando" |
234 | esc-key="resetFilter()" | ||
240 | ng-keypress="agregarATabla($event.keyCode)"></td> | 235 | ng-keypress="agregarATabla($event.keyCode)"></td> |
241 | <td><input | 236 | <td><input |
242 | class="form-control" | 237 | class="form-control" |
243 | ng-value="getSubTotal() | currency:'$'" | 238 | ng-value="getSubTotal() | currency:'$'" |
244 | readonly></td> | 239 | readonly></td> |
245 | <td class="text-center"><button | 240 | <td class="text-center"><button |
246 | class="btn btn-outline-secondary btn-sm" | 241 | class="btn btn-outline-secondary btn-sm" |
247 | ng-click="agregarATabla(13)"> | 242 | ng-click="agregarATabla(13)"> |
248 | <i class="fa fa-save"></i> | 243 | <i class="fa fa-save"></i> |
249 | </button></td> | 244 | </button></td> |
250 | </tr> | 245 | </tr> |
251 | <tr ng-repeat="(key, articulo) in articulosTabla" ng-show="show || key == 0"> | 246 | <tr ng-repeat="(key, articulo) in articulosTabla" ng-show="show || key == 0"> |
252 | <td ng-bind="articulo.sector"></td> | 247 | <td ng-bind="articulo.sector"></td> |
253 | <td ng-bind="articulo.codigo"></td> | 248 | <td ng-bind="articulo.codigo"></td> |
254 | <td ng-bind="articulo.descripcion"></td> | 249 | <td ng-bind="articulo.descripcion"></td> |
255 | <td ng-bind="articulo.precio | currency:'$'"></td> | 250 | <td ng-bind="articulo.precio | currency:'$'"></td> |
256 | <td><input | 251 | <td><input |
257 | ng-show="edit" | 252 | ng-show="articulo.edit" |
258 | ng-model="articulo.cantidad" | 253 | ng-model="articulo.cantidad" |
259 | class="form-control" | 254 | class="form-control" |
260 | type="number" | 255 | type="number" |
261 | min="1" | 256 | min="1" |
262 | value="1" | 257 | foca-focus="articulo.edit" |
263 | foca-focus="edit" | 258 | ng-keypress="editarArticulo($event.keyCode, articulo)"> |
264 | ng-keypress="editarArticulo($event.keyCode)"> | 259 | <i class="selectable" ng-click="cambioEdit(articulo)" ng-hide="articulo.edit" ng-bind="articulo.cantidad"></i> |
265 | <i class="selectable" ng-click="cambioEdit()" ng-hide="edit" ng-bind="articulo.cantidad"></i> | ||
266 | </td> | 260 | </td> |
267 | <td ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'"></td> | 261 | <td ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'"></td> |
268 | <td class="text-center"> | 262 | <td class="text-center"> |
269 | <button class="btn btn-outline-secondary btn-sm" ng-click="quitarArticulo(key)"> | 263 | <button class="btn btn-outline-secondary btn-sm" ng-click="quitarArticulo(key)"> |
270 | <i class="fa fa-trash"></i> | 264 | <i class="fa fa-trash"></i> |
271 | </button> | 265 | </button> |
272 | </td> | 266 | </td> |
273 | </tr> | 267 | </tr> |
274 | </tbody> | 268 | </tbody> |
275 | <tfoot> | 269 | <tfoot> |
276 | <tr class="table-secondary"> | 270 | <tr class="table-secondary"> |
277 | <td colspan="5"><b>Cantidad Items:</b> <a ng-bind="articulosTabla.length"></a> </td> | 271 | <td colspan="5"><b>Cantidad Items:</b> <a ng-bind="articulosTabla.length"></a> </td> |
278 | <td colspan="3">{{getTotal() | currency:'$'}}</td> | 272 | <td colspan="3">{{getTotal() | currency:'$'}}</td> |
279 | </tr> | 273 | </tr> |
280 | </tfoot> | 274 | </tfoot> |
281 | </table> | 275 | </table> |
282 | </div> | 276 | </div> |
283 | </div> | 277 | </div> |
284 | </div> | 278 | </div> |
285 | 279 | ||
286 | <!-- | 280 | <!-- |
287 | <form name="formCrearNota"> | 281 | <form name="formCrearNota"> |
288 | <uib-tabset active="active"> | 282 | <uib-tabset active="active"> |
289 | <uib-tab index="0" heading="General"> | 283 | <uib-tab index="0" heading="General"> |
290 | <input type="hidden" name="id" ng-model="notaPedido.id" /> | 284 | <input type="hidden" name="id" ng-model="notaPedido.id" /> |
291 | <div> | 285 | <div> |
292 | <div class="col-auto my-2"> | 286 | <div class="col-auto my-2"> |
293 | <button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button> | 287 | <button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button> |
294 | </div> | 288 | </div> |
295 | </div> | 289 | </div> |
296 | <br> | 290 | <br> |
297 | <br> | 291 | <br> |
298 | <div class="row"> | 292 | <div class="row"> |
299 | <div class="col-md-2"> | 293 | <div class="col-md-2"> |
300 | <div class="col-auto"> | 294 | <div class="col-auto"> |
301 | <label>Fecha de carga</label> | 295 | <label>Fecha de carga</label> |
302 | </div> | 296 | </div> |
303 | </div> | 297 | </div> |
304 | <div class="col-md-3"> | 298 | <div class="col-md-3"> |
305 | <div class="col-auto"> | 299 | <div class="col-auto"> |
306 | <input type="date" class="form-control" ng-model="notaPedido.fechaCarga" ng-required="true"> | 300 | <input type="date" class="form-control" ng-model="notaPedido.fechaCarga" ng-required="true"> |
307 | </div> | 301 | </div> |
308 | </div> | 302 | </div> |
309 | <div class="col-md-2"> | 303 | <div class="col-md-2"> |
310 | <div class="col-auto"> | 304 | <div class="col-auto"> |
311 | <label>Kilómetros</label> | 305 | <label>Kilómetros</label> |
312 | </div> | 306 | </div> |
313 | </div> | 307 | </div> |
314 | <div class="col-md-3"> | 308 | <div class="col-md-3"> |
315 | <div class="col-auto"> | 309 | <div class="col-auto"> |
316 | <input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente" | 310 | <input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente" |
317 | ng-model="notaPedido.kilometros" ng-required="true"> | 311 | ng-model="notaPedido.kilometros" ng-required="true"> |
318 | </div> | 312 | </div> |
319 | </div> | 313 | </div> |
320 | </div> | 314 | </div> |
321 | <div class="row my-3"> | 315 | <div class="row my-3"> |
322 | <div class="col-md-2"> | 316 | <div class="col-md-2"> |
323 | <div class="col-auto"> | 317 | <div class="col-auto"> |
324 | <label>Jurisdicción de IIBB</label> | 318 | <label>Jurisdicción de IIBB</label> |
325 | </div> | 319 | </div> |
326 | </div> | 320 | </div> |
327 | <div class="col-md-3"> | 321 | <div class="col-md-3"> |
328 | <div class="col-auto"> | 322 | <div class="col-auto"> |
329 | <input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega" | 323 | <input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega" |
330 | ng-model="notaPedido.jurisdiccionIIBB" ng-required="true"> | 324 | ng-model="notaPedido.jurisdiccionIIBB" ng-required="true"> |
331 | </div> | 325 | </div> |
332 | </div> | 326 | </div> |
333 | <div class="col-md-2"> | 327 | <div class="col-md-2"> |
334 | <div class="col-auto"> | 328 | <div class="col-auto"> |
335 | <label>Costo de financiación</label> | 329 | <label>Costo de financiación</label> |
336 | </div> | 330 | </div> |
337 | </div> | 331 | </div> |
338 | <div class="col-md-3"> | 332 | <div class="col-md-3"> |
339 | <div class="col-auto"> | 333 | <div class="col-auto"> |
340 | <div class="input-group mb-2"> | 334 | <div class="input-group mb-2"> |
341 | <div class="input-group-prepend"> | 335 | <div class="input-group-prepend"> |
342 | <div class="input-group-text">$</div> | 336 | <div class="input-group-text">$</div> |
343 | </div> | 337 | </div> |
344 | <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación" | 338 | <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación" |
345 | ng-model="notaPedido.costoFinanciacion"> | 339 | ng-model="notaPedido.costoFinanciacion"> |
346 | </div> | 340 | </div> |
347 | </div> | 341 | </div> |
348 | </div> | 342 | </div> |
349 | </div> | 343 | </div> |
350 | <div class="row"> | 344 | <div class="row"> |
351 | <div class="col-md-2"> | 345 | <div class="col-md-2"> |
352 | <div class="col-auto"> | 346 | <div class="col-auto"> |
353 | <label>Bomba</label> | 347 | <label>Bomba</label> |
354 | </div> | 348 | </div> |
355 | </div> | 349 | </div> |
356 | <div class="col-md-1"> | 350 | <div class="col-md-1"> |
357 | <div class="col-auto"> | 351 | <div class="col-auto"> |
358 | <div class="form-check custom-radio custom-control-inline"> | 352 | <div class="form-check custom-radio custom-control-inline"> |
359 | <input class="form-check-input" type="radio" name="radioBomba" value="1" ng-model="notaPedido.bomba"> | 353 | <input class="form-check-input" type="radio" name="radioBomba" value="1" ng-model="notaPedido.bomba"> |
360 | <label class="form-check-label"> | 354 | <label class="form-check-label"> |
361 | Si | 355 | Si |
362 | </label> | 356 | </label> |
363 | </div> | 357 | </div> |
364 | <div class="form-check custom-radio custom-control-inline"> | 358 | <div class="form-check custom-radio custom-control-inline"> |
365 | <input class="form-check-input" type="radio" name="radioBomba" value="0" ng-model="notaPedido.bomba"> | 359 | <input class="form-check-input" type="radio" name="radioBomba" value="0" ng-model="notaPedido.bomba"> |
366 | <label class="form-check-label"> | 360 | <label class="form-check-label"> |
367 | No | 361 | No |
368 | </label> | 362 | </label> |
369 | </div> | 363 | </div> |
370 | </div> | 364 | </div> |
371 | </div> | 365 | </div> |
372 | <div class="col-md-1"> | 366 | <div class="col-md-1"> |
373 | <div class="col-auto"> | 367 | <div class="col-auto"> |
374 | <label>Flete</label> | 368 | <label>Flete</label> |
375 | </div> | 369 | </div> |
376 | </div> | 370 | </div> |
377 | <div class="col-md-1"> | 371 | <div class="col-md-1"> |
378 | <div class="col-auto"> | 372 | <div class="col-auto"> |
379 | <div class="form-check custom-radio custom-control-inline"> | 373 | <div class="form-check custom-radio custom-control-inline"> |
380 | <input class="form-check-input" type="radio" name="radioFlete" value="1" ng-model="notaPedido.flete"> | 374 | <input class="form-check-input" type="radio" name="radioFlete" value="1" ng-model="notaPedido.flete"> |
381 | <label class="form-check-label"> | 375 | <label class="form-check-label"> |
382 | Si | 376 | Si |
383 | </label> | 377 | </label> |
384 | </div> | 378 | </div> |
385 | <div class="form-check custom-radio custom-control-inline"> | 379 | <div class="form-check custom-radio custom-control-inline"> |
386 | <input class="form-check-input" type="radio" name="radioFlete" value="0" ng-model="notaPedido.flete"> | 380 | <input class="form-check-input" type="radio" name="radioFlete" value="0" ng-model="notaPedido.flete"> |
387 | <label class="form-check-label"> | 381 | <label class="form-check-label"> |
388 | FOB | 382 | FOB |
389 | </label> | 383 | </label> |
390 | </div> | 384 | </div> |
391 | </div> | 385 | </div> |
392 | </div> | 386 | </div> |
393 | <div class="col-md-2"> | 387 | <div class="col-md-2"> |
394 | <div class="col-auto"> | 388 | <div class="col-auto"> |
395 | <label>Costo unitario kilometro flete</label> | 389 | <label>Costo unitario kilometro flete</label> |
396 | </div> | 390 | </div> |
397 | </div> | 391 | </div> |
398 | <div class="col-md-3"> | 392 | <div class="col-md-3"> |
399 | <div class="col-auto"> | 393 | <div class="col-auto"> |
400 | <div class="input-group mb-2"> | 394 | <div class="input-group mb-2"> |
401 | <div class="input-group-prepend"> | 395 | <div class="input-group-prepend"> |
402 | <div class="input-group-text">$</div> | 396 | <div class="input-group-text">$</div> |
403 | </div> | 397 | </div> |
404 | <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete" | 398 | <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete" |
405 | ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true"> | 399 | ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true"> |
406 | </div> | 400 | </div> |
407 | </div> | 401 | </div> |
408 | </div> | 402 | </div> |
409 | </div> | 403 | </div> |
410 | <div class="row my-3"> | 404 | <div class="row my-3"> |
411 | <div class="col-md-2"> | 405 | <div class="col-md-2"> |
412 | <div class="col-auto"> | 406 | <div class="col-auto"> |
413 | <label>Vendedor</label> | 407 | <label>Vendedor</label> |
414 | </div> | 408 | </div> |
415 | </div> | 409 | </div> |
416 | <div class="col-md-3"> | 410 | <div class="col-md-3"> |
417 | <div class="col-auto"> | 411 | <div class="col-auto"> |
418 | <input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor" | 412 | <input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor" |
419 | ng-click="seleccionarVendedor()" readonly> | 413 | ng-click="seleccionarVendedor()" readonly> |
420 | </div> | 414 | </div> |
421 | </div> | 415 | </div> |
422 | <div class="col-md-2"> | 416 | <div class="col-md-2"> |
423 | <div class="col-auto"> | 417 | <div class="col-auto"> |
424 | <label>Petrolera</label> | 418 | <label>Petrolera</label> |
425 | </div> | 419 | </div> |
426 | </div> | 420 | </div> |
427 | <div class="col-md-3"> | 421 | <div class="col-md-3"> |
428 | <div class="col-auto"> | 422 | <div class="col-auto"> |
429 | <input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera" | 423 | <input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera" |
430 | ng-click="seleccionarPetrolera()" readonly> | 424 | ng-click="seleccionarPetrolera()" readonly> |
431 | </div> | 425 | </div> |
432 | </div> | 426 | </div> |
433 | </div> | 427 | </div> |
434 | </div> | 428 | </div> |
435 | <div class="row"> | 429 | <div class="row"> |
436 | <div class="col-md-2"> | 430 | <div class="col-md-2"> |
437 | <div class="col-auto"> | 431 | <div class="col-auto"> |
438 | <label>Cliente</label> | 432 | <label>Cliente</label> |
439 | </div> | 433 | </div> |
440 | </div> | 434 | </div> |
441 | <div class="col-md-3"> | 435 | <div class="col-md-3"> |
442 | <div class="col-auto"> | 436 | <div class="col-auto"> |
443 | <input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente" | 437 | <input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente" |
444 | ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly> | 438 | ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly> |
445 | </div> | 439 | </div> |
446 | </div> | 440 | </div> |
447 | <div class="col-md-2"> | 441 | <div class="col-md-2"> |
448 | <div class="col-auto"> | 442 | <div class="col-auto"> |
449 | <label>Domicilio</label> | 443 | <label>Domicilio</label> |
450 | </div> | 444 | </div> |
451 | </div> | 445 | </div> |
452 | <div class="col-md-4"> | 446 | <div class="col-md-4"> |
453 | <div class="col-md-12 row" ng-repeat="domicilio in notaPedido.domicilio"> | 447 | <div class="col-md-12 row" ng-repeat="domicilio in notaPedido.domicilio"> |
454 | <div class="col-auto"> | 448 | <div class="col-auto"> |
455 | <input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead=" | 449 | <input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead=" |
456 | domi.dom | 450 | domi.dom |
457 | for domi | 451 | for domi |
458 | in domiciliosCliente | 452 | in domiciliosCliente |
459 | " | 453 | " |
460 | typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)" | 454 | typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)" |
461 | class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true"> | 455 | class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true"> |
462 | <i ng-show="cargandoClientes" class="fas fa-sync"></i> | 456 | <i ng-show="cargandoClientes" class="fas fa-sync"></i> |
463 | <div ng-show="sinResultados"> | 457 | <div ng-show="sinResultados"> |
464 | No se encontraron resultados. | 458 | No se encontraron resultados. |
465 | </div> | 459 | </div> |
466 | </div> | 460 | </div> |
467 | <a class="btn" ng-click="removeNewChoice(domicilio)" ng-if="domicilio.id==0">-</a> | 461 | <a class="btn" ng-click="removeNewChoice(domicilio)" ng-if="domicilio.id==0">-</a> |
468 | <a class="btn" ng-click="addNewDom()">+</a> | 462 | <a class="btn" ng-click="addNewDom()">+</a> |
469 | </div> | 463 | </div> |
470 | </div> | 464 | </div> |
471 | </div> | 465 | </div> |
472 | </uib-tab> | 466 | </uib-tab> |
473 | <uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid"> | 467 | <uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid"> |
474 | <div> | 468 | <div> |
475 | <div class="col-auto my-2"> | 469 | <div class="col-auto my-2"> |
476 | <button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button> | 470 | <button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button> |
477 | </div> | 471 | </div> |
478 | </div> | 472 | </div> |
479 | <br> | 473 | <br> |
480 | <br> | 474 | <br> |
481 | <div class="row"> | 475 | <div class="row"> |
482 | <div class="col-md-2"> | 476 | <div class="col-md-2"> |
483 | <div class="col-auto"> | 477 | <div class="col-auto"> |
484 | <label>Precios y condiciones</label> | 478 | <label>Precios y condiciones</label> |
485 | </div> | 479 | </div> |
486 | </div> | 480 | </div> |
487 | <div class="col-md-4"> | 481 | <div class="col-md-4"> |
488 | <div class="col-auto"> | 482 | <div class="col-auto"> |
489 | <select class="form-control" ng-change="cargarArticulos()" ng-model="notaPedido.precioCondicion" ng-options="preCond.id as preCond.nombre for preCond in precioCondiciones"> | 483 | <select class="form-control" ng-change="cargarArticulos()" ng-model="notaPedido.precioCondicion" ng-options="preCond.id as preCond.nombre for preCond in precioCondiciones"> |
490 | </select> | 484 | </select> |
491 | </div> | 485 | </div> |
492 | </div> | 486 | </div> |
493 | <div class="col-md-2"> | 487 | <div class="col-md-2"> |
494 | <div class="col-auto"> | 488 | <div class="col-auto"> |
495 | <label>Producto</label> | 489 | <label>Producto</label> |
496 | </div> | 490 | </div> |
497 | </div> | 491 | </div> |
498 | <div class="col-md-4"> | 492 | <div class="col-md-4"> |
499 | <div class="col-auto"> | 493 | <div class="col-auto"> |
500 | <input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto" | 494 | <input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto" |
501 | ng-click="seleccionarArticulo()" readonly> | 495 | ng-click="seleccionarArticulo()" readonly> |
502 | </div> | 496 | </div> |
503 | </div> | 497 | </div> |
504 | </div> | 498 | </div> |
505 | <div class="col-md-12"> | 499 | <div class="col-md-12"> |
506 | <table class="table my-3 table-hover table-nonfluid"> | 500 | <table class="table my-3 table-hover table-nonfluid"> |
507 | <thead> | 501 | <thead> |
508 | <tr> | 502 | <tr> |
509 | <th>Código</th> | 503 | <th>Código</th> |
510 | <th>Nombre</th> | 504 | <th>Nombre</th> |
511 | <th>Precio unitario</th> | 505 | <th>Precio unitario</th> |
512 | <th>Costo unitario bruto</th> | 506 | <th>Costo unitario bruto</th> |
513 | <th>Cantidad</th> | 507 | <th>Cantidad</th> |
514 | <th>Subtotal</th> | 508 | <th>Subtotal</th> |
515 | </tr> | 509 | </tr> |
516 | </thead> | 510 | </thead> |
517 | <tbody> | 511 | <tbody> |
518 | <tr ng-repeat="articulo in articulosTabla"> | 512 | <tr ng-repeat="articulo in articulosTabla"> |
519 | <td ng-bind="articulo.codigo"></td> | 513 | <td ng-bind="articulo.codigo"></td> |
520 | <td ng-bind="articulo.nombre"></td> | 514 | <td ng-bind="articulo.nombre"></td> |
521 | <td ng-bind="articulo.precio"></td> | 515 | <td ng-bind="articulo.precio"></td> |
522 | <td ng-bind="articulo.costoUnitario"></td> | 516 | <td ng-bind="articulo.costoUnitario"></td> |
523 | <td><input ng-model="articulo.cantidad" class="form-control" type="number" min="0" value="1"></td> | 517 | <td><input ng-model="articulo.cantidad" class="form-control" type="number" min="0" value="1"></td> |
524 | <td ng-bind="getSubTotal(articulo.item)"></td> | 518 | <td ng-bind="getSubTotal(articulo.item)"></td> |
525 | </tr> | 519 | </tr> |
526 | </tbody> | 520 | </tbody> |
527 | </table> | 521 | </table> |
528 | </div> | 522 | </div> |
529 | </uib-tab> | 523 | </uib-tab> |