Eric Fernandez / foca-crear-cobranza

Download as
Browse Code »

Commit 1efcf898fe7497259bddc81712e74477e7c83e36

Authored by Eric
1 parent dd6d755567
Exists in master

mobile

Showing 1 changed file with 16 additions and 8 deletions   Show diff stats
src/views/cobranza.html
Diff comments   View file @ 1efcf89
1 <div class="crear-nota-pedido foca-crear row"> 1 <div class="crear-nota-pedido foca-crear row">
2 <foca-cabecera-facturador 2 <foca-cabecera-facturador
3 titulo="'Recibo de cobranza'" 3 titulo="'Recibo de cobranza'"
4 numero="puntoVenta + '-' + comprobante" 4 numero="puntoVenta + '-' + comprobante"
5 fecha="cobranza.FEC" 5 fecha="cobranza.FEC"
6 class="mb-0 col-lg-12" 6 class="mb-0 col-lg-12"
7 busqueda="seleccionarCobranza" 7 busqueda="seleccionarCobranza"
8 ></foca-cabecera-facturador> 8 ></foca-cabecera-facturador>
9 <div class="col-lg-12"> 9 <div class="col-lg-12">
10 <div class="row mt-4"> 10 <div class="row mt-4">
11 <div class="col-12 col-md-10 border border-light rounded"> 11 <div class="col-12 col-md-10 border border-light rounded">
12 <div class="row px-5 py-2 botonera-secundaria"> 12 <div class="row px-5 py-2 botonera-secundaria">
13 <div class="col-12"> 13 <div class="col-12">
14 <foca-botonera-facturador botones="botonera" extra="7" class="row"></foca-botonera-facturador> 14 <foca-botonera-facturador botones="botonera" extra="7" class="row"></foca-botonera-facturador>
15 </div> 15 </div>
16 </div> 16 </div>
17 <!-- PC --> 17 <!-- PC -->
18 <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="cobroDeuda"> 18 <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="cobroDeuda">
19 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom"> 19 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
20 <thead> 20 <thead>
21 <tr class="d-flex"> 21 <tr class="d-flex">
22 <th class="col-auto">#</th> 22 <th class="col-auto">#</th>
23 <th class="col">Comprobante</th> 23 <th class="col">Comprobante</th>
24 <th class="col">Fecha</th> 24 <th class="col">Fecha</th>
25 <th class="col">Importe</th> 25 <th class="col">Importe</th>
26 <th class="col-auto"> 26 <th class="col-auto">
27 <button 27 <button
28 class="btn btn-outline-light selectable" 28 class="btn btn-outline-light selectable"
29 ng-click="show = !show; masMenos()" 29 ng-click="show = !show; masMenos()"
30 > 30 >
31 <i 31 <i
32 class="fa fa-chevron-down" 32 class="fa fa-chevron-down"
33 ng-show="show" 33 ng-show="show"
34 aria-hidden="true" 34 aria-hidden="true"
35 > 35 >
36 </i> 36 </i>
37 <i 37 <i
38 class="fa fa-chevron-up" 38 class="fa fa-chevron-up"
39 ng-hide="show" 39 ng-hide="show"
40 aria-hidden="true"> 40 aria-hidden="true">
41 </i> 41 </i>
42 </button> 42 </button>
43 </th> 43 </th>
44 </th> 44 </th>
45 </tr> 45 </tr>
46 </thead> 46 </thead>
47 <tbody class="tabla-articulo-body"> 47 <tbody class="tabla-articulo-body">
48 <tr 48 <tr
49 ng-repeat="(key, factura) in cobranza.facturas" 49 ng-repeat="(key, factura) in cobranza.facturas"
50 class="d-flex" 50 class="d-flex"
51 ng-show="show || key == cobranza.facturas.length - 1" 51 ng-show="show || key == cobranza.facturas.length - 1"
52 > 52 >
53 <td ng-bind="key + 1" class="col-auto"></td> 53 <td ng-bind="key + 1" class="col-auto"></td>
54 <td class="col" ng-bind="factura.COM || factura.numeroFactura" 54 <td class="col" ng-bind="factura.COM || factura.numeroFactura"
55 ></td> 55 ></td>
56 <td class="col" ng-bind="factura.FEC || factura.FEP | date : 'dd/MM/yyyy'"></td> 56 <td class="col" ng-bind="factura.FEC || factura.FEP | date : 'dd/MM/yyyy'"></td>
57 <td 57 <td
58 class="col" 58 class="col"
59 ng-bind="((factura.IMP ||factura.IPA) / cobranza.moneda.cotizacion.VENDEDOR) | 59 ng-bind="((factura.IMP ||factura.IPA) / cobranza.moneda.cotizacion.VENDEDOR) |
60 number: 4"></td> 60 number: 4"></td>
61 <td class="text-center col-auto"> 61 <td class="text-center col-auto">
62 <button 62 <button
63 class="btn btn-outline-light" 63 class="btn btn-outline-light"
64 ng-click="quitarFactura(key)" 64 ng-click="quitarFactura(key)"
65 > 65 >
66 <i class="fa fa-trash"></i> 66 <i class="fa fa-trash"></i>
67 </button> 67 </button>
68 </td> 68 </td>
69 </tr> 69 </tr>
70 </tbody> 70 </tbody>
71 <tfoot> 71 <tfoot>
72 <tr ng-show="cargando" class="d-flex"> 72 <tr ng-show="cargando" class="d-flex">
73 <td class="col-2 border-top-0"> 73 <td class="col-2 border-top-0">
74 <a 74 <a
75 class="form-control form-control-sm btn btn-secondary" 75 class="form-control form-control-sm btn btn-secondary"
76 ng-click="seleccionarFactura()" 76 ng-click="seleccionarFactura()"
77 >Pendientes</a> 77 >Pendientes</a>
78 </td> 78 </td>
79 </tr> 79 </tr>
80 <tr class="d-flex"> 80 <tr class="d-flex">
81 <td class="col-auto px-1 border-top-0"> 81 <td class="col-auto px-1 border-top-0">
82 <strong>Comprobantes:</strong> 82 <strong>Comprobantes:</strong>
83 <a ng-bind="cobranza.facturas.length"></a> 83 <a ng-bind="cobranza.facturas.length"></a>
84 </td> 84 </td>
85 <td class="text-right ml-auto table-celda-total no-border-top"> 85 <td class="text-right ml-auto table-celda-total no-border-top">
86 <strong>Cancela:</strong> 86 <strong>Cancela:</strong>
87 </td> 87 </td>
88 <td class="table-celda-total text-right no-border-top"> 88 <td class="table-celda-total text-right no-border-top">
89 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) | 89 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) |
90 currency: cobranza.moneda.SIMBOLO}}</strong> 90 currency: cobranza.moneda.SIMBOLO}}</strong>
91 </td> 91 </td>
92 <td class="text-right ml-auto table-celda-total no-border-top"> 92 <td class="text-right ml-auto table-celda-total no-border-top">
93 <strong>Total Cobrado:</strong> 93 <strong>Total Cobrado:</strong>
94 </td> 94 </td>
95 <td class="table-celda-total text-right no-border-top"> 95 <td class="table-celda-total text-right no-border-top">
96 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) | 96 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) |
97 currency: cobranza.moneda.SIMBOLO}}</strong> 97 currency: cobranza.moneda.SIMBOLO}}</strong>
98 </td> 98 </td>
99 <td class="text-right ml-auto table-celda-total no-border-top"> 99 <td class="text-right ml-auto table-celda-total no-border-top">
100 <strong>DF:</strong> 100 <strong>DF:</strong>
101 </td> 101 </td>
102 <td class="table-celda-total text-right no-border-top mr-1"> 102 <td class="table-celda-total text-right no-border-top mr-1">
103 <strong>{{((getTotalCobrado() + getTotalDeuda()) / 103 <strong>{{((getTotalCobrado() + getTotalDeuda()) /
104 cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}} 104 cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}
105 </strong> 105 </strong>
106 </td> 106 </td>
107 </tr> 107 </tr>
108 </tfoot> 108 </tfoot>
109 </table> 109 </table>
110 </div> 110 </div>
111 <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="!cobroDeuda"> 111 <div class="row grilla-articulo align-items-end d-none d-sm-flex" ng-show="!cobroDeuda">
112 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom"> 112 <table class="table tabla-articulo table-striped table-sm mb-0 rounded-bottom">
113 <thead> 113 <thead>
114 <tr class="d-flex"> 114 <tr class="d-flex">
115 <th class="col-auto">#</th> 115 <th class="col-auto">#</th>
116 <th class="col">Cobro</th> 116 <th class="col">Cobro</th>
117 <th class="col">Fecha</th> 117 <th class="col">Fecha</th>
118 <th class="col">Importe</th> 118 <th class="col">Importe</th>
119 <th class="col-auto"> 119 <th class="col-auto">
120 <button 120 <button
121 class="btn btn-outline-light selectable" 121 class="btn btn-outline-light selectable"
122 ng-click="show = !show; masMenos()" 122 ng-click="show = !show; masMenos()"
123 > 123 >
124 <i 124 <i
125 class="fa fa-chevron-down" 125 class="fa fa-chevron-down"
126 ng-show="show" 126 ng-show="show"
127 aria-hidden="true" 127 aria-hidden="true"
128 > 128 >
129 </i> 129 </i>
130 <i 130 <i
131 class="fa fa-chevron-up" 131 class="fa fa-chevron-up"
132 ng-hide="show" 132 ng-hide="show"
133 aria-hidden="true"> 133 aria-hidden="true">
134 </i> 134 </i>
135 </button> 135 </button>
136 </th> 136 </th>
137 </th> 137 </th>
138 </tr> 138 </tr>
139 </thead> 139 </thead>
140 <tbody class="tabla-articulo-body"> 140 <tbody class="tabla-articulo-body">
141 <tr 141 <tr
142 ng-repeat="(key, cobro) in cobranza.cobros" 142 ng-repeat="(key, cobro) in cobranza.cobros"
143 class="d-flex" 143 class="d-flex"
144 ng-show="show || key == cobranza.cobros.length - 1" 144 ng-show="show || key == cobranza.cobros.length - 1"
145 > 145 >
146 <td ng-bind="key + 1" class="col-auto"></td> 146 <td ng-bind="key + 1" class="col-auto"></td>
147 <td class="col" ng-bind="cobro.COM"></td> 147 <td class="col" ng-bind="cobro.COM"></td>
148 <td class="col" ng-bind="cobro.FEC | date : 'dd/MM/yyyy'"></td> 148 <td class="col" ng-bind="cobro.FEC | date : 'dd/MM/yyyy'"></td>
149 <td 149 <td
150 class="col" 150 class="col"
151 ng-bind="(cobro.IMP / cobranza.moneda.cotizacion.VENDEDOR) | 151 ng-bind="(cobro.IMP / cobranza.moneda.cotizacion.VENDEDOR) |
152 currency: cobranza.moneda.SIMBOLO : 4"></td> 152 currency: cobranza.moneda.SIMBOLO : 4"></td>
153 <td class="text-center col-auto"> 153 <td class="text-center col-auto">
154 <button 154 <button
155 ng-disabled="cobranza.id"
155 class="btn btn-outline-light" 156 class="btn btn-outline-light"
156 ng-click="editarCobro(cobro)" 157 ng-click="editarCobro(cobro)"
157 > 158 >
158 <i class="fa fa-edit"></i> 159 <i class="fa fa-edit"></i>
159 </button> 160 </button>
160 <button 161 <button
161 class="btn btn-outline-light" 162 class="btn btn-outline-light"
162 ng-click="quitarCobro(key)" 163 ng-click="quitarCobro(key)"
163 > 164 >
164 <i class="fa fa-trash"></i> 165 <i class="fa fa-trash"></i>
165 </button> 166 </button>
166 </td> 167 </td>
167 </tr> 168 </tr>
168 </tbody> 169 </tbody>
169 <tfoot> 170 <tfoot>
170 <tr ng-show="cargando" class="d-flex"> 171 <tr ng-show="cargando" class="d-flex">
171 <td class="col-2 border-top-0"> 172 <td class="col-2 border-top-0">
172 <a 173 <a
173 class="form-control form-control-sm btn btn-secondary" 174 class="form-control form-control-sm btn btn-secondary"
174 ng-click="seleccionarCheque()" 175 ng-click="seleccionarCheque()"
175 >Cheque</a> 176 >Cheque</a>
176 </td> 177 </td>
177 <td class="col-2 border-top-0"> 178 <td class="col-2 border-top-0">
178 <a 179 <a
179 class="form-control form-control-sm btn btn-secondary" 180 class="form-control form-control-sm btn btn-secondary"
180 ng-click="seleccionarEfectivo()" 181 ng-click="seleccionarEfectivo()"
181 >Efectivo</a> 182 >Efectivo</a>
182 </td> 183 </td>
183 <td class="col-2 border-top-0"> 184 <td class="col-2 border-top-0">
184 <a 185 <a
185 class="form-control form-control-sm btn btn-secondary" 186 class="form-control form-control-sm btn btn-secondary"
186 ng-click="seleccionarDetalles()" 187 ng-click="seleccionarDetalles()"
187 >Detalle</a> 188 >Detalle</a>
188 </td> 189 </td>
189 </tr> 190 </tr>
190 <tr class="d-flex"> 191 <tr class="d-flex">
191 <td class="col-auto px-1 border-top-0"> 192 <td class="col-auto px-1 border-top-0">
192 <strong>Cobros:</strong> 193 <strong>Cobros:</strong>
193 <a ng-bind="cobranza.cobros.length"></a> 194 <a ng-bind="cobranza.cobros.length"></a>
194 </td> 195 </td>
195 <td class="text-right ml-auto table-celda-total no-border-top"> 196 <td class="text-right ml-auto table-celda-total no-border-top">
196 <strong>Cancela:</strong> 197 <strong>Cancela:</strong>
197 </td> 198 </td>
198 <td class="table-celda-total text-right no-border-top"> 199 <td class="table-celda-total text-right no-border-top">
199 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) | 200 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) |
200 currency: cobranza.moneda.SIMBOLO}}</strong> 201 currency: cobranza.moneda.SIMBOLO}}</strong>
201 </td> 202 </td>
202 <td class="text-right ml-auto table-celda-total no-border-top"> 203 <td class="text-right ml-auto table-celda-total no-border-top">
203 <strong>Total Cobrado:</strong> 204 <strong>Total Cobrado:</strong>
204 </td> 205 </td>
205 <td class="table-celda-total text-right no-border-top"> 206 <td class="table-celda-total text-right no-border-top">
206 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) | 207 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) |
207 currency: cobranza.moneda.SIMBOLO}}</strong> 208 currency: cobranza.moneda.SIMBOLO}}</strong>
208 </td> 209 </td>
209 <td class="text-right ml-auto table-celda-total no-border-top"> 210 <td class="text-right ml-auto table-celda-total no-border-top">
210 <strong>DF:</strong> 211 <strong>DF:</strong>
211 </td> 212 </td>
212 <td class="table-celda-total text-right no-border-top mr-1"> 213 <td class="table-celda-total text-right no-border-top mr-1">
213 <strong>{{((getTotalCobrado() + getTotalDeuda()) / 214 <strong>{{((getTotalCobrado() + getTotalDeuda()) /
214 cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}} 215 cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}
215 </strong> 216 </strong>
216 </td> 217 </td>
217 </tr> 218 </tr>
218 </tfoot> 219 </tfoot>
219 </table> 220 </table>
220 </div> 221 </div>
221 <!-- MOBILE --> 222 <!-- MOBILE -->
222 <div class="row d-sm-none mb-5"> 223 <div class="row d-sm-none mb-5">
223 <!-- FACTURAS --> 224 <!-- FACTURAS -->
224 <table class="table table-sm table-striped tabla-articulo mb-5" ng-show="cobroDeuda"> 225 <table class="table table-sm table-striped tabla-articulo mb-5" ng-show="cobroDeuda">
225 <thead> 226 <thead>
226 <tr class="d-flex"> 227 <tr class="d-flex">
227 <th class="">#</th> 228 <th class="">#</th>
228 <th class="col px-0"> 229 <th class="col px-0">
229 <div class="d-flex"> 230 <div class="d-flex">
230 <div class="col-4 px-1">Factura</div> 231 <div class="col-4 px-1">Factura</div>
231 <div class="col-4 px-1">Fecha</div> 232 <div class="col-4 px-1">Fecha</div>
232 <div class="col-4 px-1">Importe</div> 233 <div class="col-4 px-1">Importe</div>
233 </div> 234 </div>
234 </th> 235 </th>
235 <th class="text-center tamaño-boton"> 236 <th class="text-center tamaño-boton">
236 &nbsp; 237 &nbsp;
237 </th> 238 </th>
238 </tr> 239 </tr>
239 </thead> 240 </thead>
240 <tbody> 241 <tbody>
241 <tr 242 <tr
242 ng-repeat="(key, factura) in cobranza.facturas" 243 ng-repeat="(key, factura) in cobranza.facturas"
243 ng-show="show || key == cobranza.facturas.length - 1" 244 ng-show="show || key == cobranza.facturas.length - 1"
244 > 245 >
245 <td class="w-100 align-middle d-flex p-0"> 246 <td class="w-100 align-middle d-flex p-0">
246 <div class="align-middle p-1"> 247 <div class="align-middle p-1">
247 <span ng-bind="key+1" class="align-middle"></span> 248 <span ng-bind="key+1" class="align-middle"></span>
248 </div> 249 </div>
249 <div class="col px-0"> 250 <div class="col px-0">
250 <div class="d-flex"> 251 <div class="d-flex">
251 <div class="col-4 p-1"> 252 <div class="col-4 p-1">
252 <span ng-bind="factura.COM" 253 <span ng-bind="factura.numeroFactura"
253 ></span> 254 ></span>
254 </div> 255 </div>
255 <div class="col-4 p-1"> 256 <div class="col-4 p-1">
256 <span ng-bind="factura.FEC | date : 'dd/MM/yyyy'"></span> 257 <span ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></span>
257 </div> 258 </div>
258 <div class="col-4 p-1"> 259 <div class="col-4 p-1">
259 <span 260 <span
260 ng-bind="(factura.IMP / cobranza.COTIZACION) | 261 ng-bind="(factura.IPA / cobranza.moneda.cotizacion.VENDEDOR) |
261 currency:cobranza.moneda.SIMBOLO : 4"></span> 262 currency: cobranza.moneda.SIMBOLO : 4"></span>
262 </div> 263 </div>
263 </div> 264 </div>
264 </div> 265 </div>
265 <div class="align-middle p-1"> 266 <div class="align-middle p-1">
266 <button 267 <button
267 class="btn btn-outline-light" 268 class="btn btn-outline-light"
268 ng-click="quitarFactura(key)" 269 ng-click="quitarFactura(key)"
269 > 270 >
270 <i class="fa fa-trash"></i> 271 <i class="fa fa-trash"></i>
271 </button> 272 </button>
272 </div> 273 </div>
273 </td> 274 </td>
274 </tr> 275 </tr>
275 </tbody> 276 </tbody>
276 <tfoot> 277 <tfoot>
277 <!-- SELECCIONAR PRODUCTO --> 278 <!-- SELECCIONAR PRODUCTO -->
278 <tr ng-show="cargando" class="d-flex"> 279 <tr ng-show="cargando" class="d-flex">
279 <td class="col-12"> 280 <td class="col-12">
280 <input 281 <input
281 placeholder="Seleccione Factura" 282 placeholder="Seleccione Factura"
282 class="form-control form-control-sm" 283 class="form-control form-control-sm"
283 readonly 284 readonly
284 ng-click="seleccionarFactura()" 285 ng-click="seleccionarFactura()"
285 /> 286 />
286 </td> 287 </td>
287 </tr> 288 </tr>
288 <!-- TOOGLE EXPANDIR --> 289 <!-- TOOGLE EXPANDIR -->
289 <tr> 290 <tr>
290 <td class="col"> 291 <td class="col">
291 <button 292 <button
292 class="btn btn-outline-light selectable w-100" 293 class="btn btn-outline-light selectable w-100"
293 ng-click="show = !show; masMenos()" 294 ng-click="show = !show; masMenos()"
294 ng-show="cobranza.facturas.length > 0" 295 ng-show="cobranza.facturas.length > 0"
295 > 296 >
296 <i 297 <i
297 class="fa fa-chevron-down" 298 class="fa fa-chevron-down"
298 ng-hide="show" 299 ng-hide="show"
299 aria-hidden="true" 300 aria-hidden="true"
300 > 301 >
301 </i> 302 </i>
302 <i 303 <i
303 class="fa fa-chevron-up" 304 class="fa fa-chevron-up"
304 ng-show="show" 305 ng-show="show"
305 aria-hidden="true"> 306 aria-hidden="true">
306 </i> 307 </i>
307 </button> 308 </button>
308 </td> 309 </td>
309 </tr> 310 </tr>
310 <!-- FOOTER --> 311 <!-- FOOTER -->
311 <tr class="d-flex"> 312 <tr class="d-flex">
312 <td class="align-middle no-border-top" colspan="2"> 313 <td class="align-middle no-border-top" colspan="2">
313 <strong>Cantidad Items:</strong> 314 <strong>Cantidad Items:</strong>
314 <a ng-bind="cobranza.facturas.length"></a> 315 <a ng-bind="cobranza.facturas.length"></a>
315 </td> 316 </td>
316 </tr> 317 </tr>
317 </tfoot> 318 </tfoot>
318 </table> 319 </table>
319 <!-- COBROS --> 320 <!-- COBROS -->
320 <table class="table table-sm table-striped tabla-articulo mb-5" ng-show="!cobroDeuda"> 321 <table class="table table-sm table-striped tabla-articulo mb-5" ng-show="!cobroDeuda">
321 <thead> 322 <thead>
322 <tr class="d-flex"> 323 <tr class="d-flex">
323 <th class="">#</th> 324 <th class="">#</th>
324 <th class="col px-0"> 325 <th class="col px-0">
325 <div class="d-flex"> 326 <div class="d-flex">
326 <div class="col-4 px-1">Cobro</div> 327 <div class="col-4 px-1">Cobro</div>
327 <div class="col-4 px-1">Fecha</div> 328 <div class="col-4 px-1">Fecha</div>
328 <div class="col-4 px-1">Importe</div> 329 <div class="col-4 px-1">Importe</div>
329 </div> 330 </div>
330 </th> 331 </th>
331 <th class="text-center tamaño-boton"> 332 <th class="text-center tamaño-boton">
332 &nbsp; 333 &nbsp;
333 </th> 334 </th>
334 </tr> 335 </tr>
335 </thead> 336 </thead>
336 <tbody> 337 <tbody>
337 <tr 338 <tr
338 ng-repeat="(key, cobro) in cobranza.cobros" 339 ng-repeat="(key, cobro) in cobranza.cobros"
339 ng-show="show || key == cobranza.cobros.length - 1" 340 ng-show="show || key == cobranza.cobros.length - 1"
340 > 341 >
341 <td class="w-100 align-middle d-flex p-0"> 342 <td class="w-100 align-middle d-flex p-0">
342 <div class="align-middle p-1"> 343 <div class="align-middle p-1">
343 <span ng-bind="key+1" class="align-middle"></span> 344 <span ng-bind="key+1" class="align-middle"></span>
344 </div> 345 </div>
345 <div class="col px-0"> 346 <div class="col px-0">
346 <div class="d-flex"> 347 <div class="d-flex">
347 <div class="col-4 p-1"> 348 <div class="col-4 p-1">
348 <span ng-bind="cobro.tipo" 349 <span ng-bind="cobro.COM"
349 ></span> 350 ></span>
350 </div> 351 </div>
351 <div class="col-4 p-1"> 352 <div class="col-4 p-1">
352 <span ng-bind="cobro.fecha | date : 'dd/MM/yyyy'"></span> 353 <span ng-bind="cobro.FEC | date : 'dd/MM/yyyy'"></span>
353 </div> 354 </div>
354 <div class="col-4 p-1"> 355 <div class="col-4 p-1">
355 <span 356 <span
356 ng-bind="(cobro.importe / cobranza.moneda.cotizacion.VENDEDOR) | 357 ng-bind="(cobro.IMP / cobranza.moneda.cotizacion.VENDEDOR) |
357 currency: cobranza.moneda.SIMBOLO : 4"></span> 358 currency: cobranza.moneda.SIMBOLO : 4"></span>
358 </div> 359 </div>
359 </div> 360 </div>
360 </div> 361 </div>
361 <div class="align-middle p-1"> 362 <div class="col-2 align-middle p-1">
363 <button
364 ng-disabled="cobranza.id"
365 class="btn btn-outline-light"
366 ng-click="editarCobro(cobro)"
367 >
368 <i class="fa fa-edit"></i>
369 </button>
362 <button 370 <button
363 class="btn btn-outline-light" 371 class="btn btn-outline-light"
364 ng-click="quitarCobro(key)" 372 ng-click="quitarCobro(key)"
365 > 373 >
366 <i class="fa fa-trash"></i> 374 <i class="fa fa-trash"></i>
367 </button> 375 </button>
368 </div> 376 </div>
369 </td> 377 </td>
370 </tr> 378 </tr>
371 </tbody> 379 </tbody>
372 <tfoot> 380 <tfoot>
373 <!-- SELECCIONAR PRODUCTO --> 381 <!-- SELECCIONAR PRODUCTO -->
374 <tr ng-show="cargando" class="d-flex"> 382 <tr ng-show="cargando" class="d-flex">
375 <td class="col-4"> 383 <td class="col-4">
376 <input 384 <input
377 placeholder="Cheque" 385 placeholder="Cheque"
378 class="form-control form-control-sm" 386 class="form-control form-control-sm"
379 readonly 387 readonly
380 ng-click="seleccionarCheque()" 388 ng-click="seleccionarCheque()"
381 /> 389 />
382 </td> 390 </td>
383 <td class="col-4"> 391 <td class="col-4">
384 <input 392 <input
385 placeholder="Efectivo" 393 placeholder="Efectivo"
386 class="form-control form-control-sm" 394 class="form-control form-control-sm"
387 readonly 395 readonly
388 ng-click="seleccionarEfectivo()" 396 ng-click="seleccionarEfectivo()"
389 /> 397 />
390 </td> 398 </td>
391 <td class="col-4"> 399 <td class="col-4">
392 <input 400 <input
393 placeholder="Detalles" 401 placeholder="Detalles"
394 class="form-control form-control-sm" 402 class="form-control form-control-sm"
395 readonly 403 readonly
396 ng-click="seleccionarDetalles()" 404 ng-click="seleccionarDetalles()"
397 /> 405 />
398 </td> 406 </td>
399 </tr> 407 </tr>
400 <!-- TOOGLE EXPANDIR --> 408 <!-- TOOGLE EXPANDIR -->
401 <tr> 409 <tr>
402 <td class="col"> 410 <td class="col">
403 <button 411 <button
404 class="btn btn-outline-light selectable w-100" 412 class="btn btn-outline-light selectable w-100"
405 ng-click="show = !show; masMenos()" 413 ng-click="show = !show; masMenos()"
406 ng-show="cobranza.cobros.length > 0" 414 ng-show="cobranza.cobros.length > 0"
407 > 415 >
408 <i 416 <i
409 class="fa fa-chevron-down" 417 class="fa fa-chevron-down"
410 ng-hide="show" 418 ng-hide="show"
411 aria-hidden="true" 419 aria-hidden="true"
412 > 420 >
413 </i> 421 </i>
414 <i 422 <i
415 class="fa fa-chevron-up" 423 class="fa fa-chevron-up"
416 ng-show="show" 424 ng-show="show"
417 aria-hidden="true"> 425 aria-hidden="true">
418 </i> 426 </i>
419 </button> 427 </button>
420 </td> 428 </td>
421 </tr> 429 </tr>
422 <!-- FOOTER --> 430 <!-- FOOTER -->
423 <tr class="d-flex"> 431 <tr class="d-flex">
424 <td class="align-middle no-border-top col-6"> 432 <td class="align-middle no-border-top col-6">
425 <strong>Cantidad Items:</strong> 433 <strong>Cantidad Items:</strong>
426 <a ng-bind="cobranza.cobros.length"></a> 434 <a ng-bind="cobranza.cobros.length"></a>
427 </td> 435 </td>
428 </tfoot> 436 </tfoot>
429 </table> 437 </table>
430 </tr> 438 </tr>
431 <!-- DEUDA, COBRADO, DIFERENCIA --> 439 <!-- DEUDA, COBRADO, DIFERENCIA -->
432 <table class="table-responsive fixed-bottom mb-5"> 440 <table class="table-responsive fixed-bottom mb-5">
433 <tr class="d-flex row"> 441 <tr class="d-flex row">
434 <td class="text-center ml-auto table-celda-total no-border-top col-4"> 442 <td class="text-center ml-auto table-celda-total no-border-top col-4">
435 <strong>Cancela:</strong> 443 <strong>Cancela:</strong>
436 </td> 444 </td>
437 <td class="text-center ml-auto table-celda-total no-border-top col-4"> 445 <td class="text-center ml-auto table-celda-total no-border-top col-4">
438 <strong>Cobrado:</strong> 446 <strong>Cobrado:</strong>
439 </td> 447 </td>
440 <td class="text-center ml-auto table-celda-total no-border-top col-4"> 448 <td class="text-center ml-auto table-celda-total no-border-top col-4">
441 <strong>Diferencia:</strong> 449 <strong>Diferencia:</strong>
442 </td> 450 </td>
443 <td class="table-celda-total text-center no-border-top col-4"> 451 <td class="table-celda-total text-center no-border-top col-4">
444 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong> 452 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
445 </td> 453 </td>
446 <td class="table-celda-total text-center no-border-top col-4"> 454 <td class="table-celda-total text-center no-border-top col-4">
447 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong> 455 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
448 </td> 456 </td>
449 <td class="table-celda-total text-center no-border-top col-4"> 457 <td class="table-celda-total text-center no-border-top col-4">
450 <strong>{{((getTotalCobrado() + getTotalDeuda()) / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong> 458 <strong>{{((getTotalCobrado() + getTotalDeuda()) / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
451 </td> 459 </td>
452 </tr> 460 </tr>
453 </table> 461 </table>
454 </div> 462 </div>
455 </div> 463 </div>
456 </div> 464 </div>
457 </div> 465 </div>
458 <div class="row d-md-none fixed-bottom"> 466 <div class="row d-md-none fixed-bottom">
459 <div class="w-100 bg-dark d-flex px-3 acciones-mobile"> 467 <div class="w-100 bg-dark d-flex px-3 acciones-mobile">
460 <span class="ml-3 text-muted" ng-click="salir()">Salir</span> 468 <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
461 <span 469 <span
462 class="mr-3 ml-auto" 470 class="mr-3 ml-auto"
463 ng-class="saveLoading ? 'text-muted' : ''" 471 ng-class="saveLoading ? 'text-muted' : ''"
464 ng-click="crearCobranza()" 472 ng-click="crearCobranza()"
465 ng-show="!editando" 473 ng-show="!editando"
466 ladda="saveLoading" 474 ladda="saveLoading"
467 data-style="expand-left" 475 data-style="expand-left"
468 >Guardar</span> 476 >Guardar</span>
469 </div> 477 </div>
470 </div> 478 </div>
471 </div> 479 </div>
472 480