Marcelo Puebla / foca-crear-cobranza

Download as
Browse Code »

Commit b0e8ae2cc649c8520f290cd81e2b215cc97562cd

Authored by Benjamin Rodriguez
1 parent 3455ab8061
Exists in master

cambio formato botonera inferior

Showing 1 changed file with 4 additions and 4 deletions   Show diff stats
src/views/cobranza.html
Diff comments   View file @ b0e8ae2
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 py-2 botonera-secundaria"> 12 <div class="row py-2 botonera-secundaria">
13 <div class="col-12 foca-facturador-px"> 13 <div class="col-12 foca-facturador-px">
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-primary"
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 ng-disabled="cobranza.id"
156 class="btn btn-outline-light" 156 class="btn btn-outline-light"
157 ng-click="editarCobro(cobro)" 157 ng-click="editarCobro(cobro)"
158 > 158 >
159 <i class="fa fa-edit"></i> 159 <i class="fa fa-edit"></i>
160 </button> 160 </button>
161 <button 161 <button
162 class="btn btn-outline-light" 162 class="btn btn-outline-light"
163 ng-click="quitarCobro(key)" 163 ng-click="quitarCobro(key)"
164 > 164 >
165 <i class="fa fa-trash"></i> 165 <i class="fa fa-trash"></i>
166 </button> 166 </button>
167 </td> 167 </td>
168 </tr> 168 </tr>
169 </tbody> 169 </tbody>
170 <tfoot> 170 <tfoot>
171 <tr ng-show="cargando" class="d-flex"> 171 <tr ng-show="cargando" class="d-flex">
172 <td class="col-2 border-top-0"> 172 <td class="col-2 border-top-0">
173 <a 173 <a
174 class="form-control form-control-sm btn btn-secondary" 174 class="form-control form-control-sm btn btn-primary"
175 ng-click="seleccionarCheque()" 175 ng-click="seleccionarCheque()"
176 >Cheque</a> 176 >Cheque</a>
177 </td> 177 </td>
178 <td class="col-2 border-top-0"> 178 <td class="col-2 border-top-0">
179 <a 179 <a
180 class="form-control form-control-sm btn btn-secondary" 180 class="form-control form-control-sm btn btn-primary"
181 ng-click="seleccionarEfectivo()" 181 ng-click="seleccionarEfectivo()"
182 >Efectivo</a> 182 >Efectivo</a>
183 </td> 183 </td>
184 <td class="col-2 border-top-0"> 184 <td class="col-2 border-top-0">
185 <a 185 <a
186 class="form-control form-control-sm btn btn-secondary" 186 class="form-control form-control-sm btn btn-primary"
187 ng-click="seleccionarDetalles()" 187 ng-click="seleccionarDetalles()"
188 >Detalle</a> 188 >Detalle</a>
189 </td> 189 </td>
190 </tr> 190 </tr>
191 <tr class="d-flex"> 191 <tr class="d-flex">
192 <td class="col-auto px-1 border-top-0"> 192 <td class="col-auto px-1 border-top-0">
193 <strong>Cobros:</strong> 193 <strong>Cobros:</strong>
194 <a ng-bind="cobranza.cobros.length"></a> 194 <a ng-bind="cobranza.cobros.length"></a>
195 </td> 195 </td>
196 <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">
197 <strong>Cancela:</strong> 197 <strong>Cancela:</strong>
198 </td> 198 </td>
199 <td class="table-celda-total text-right no-border-top"> 199 <td class="table-celda-total text-right no-border-top">
200 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) | 200 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) |
201 currency: cobranza.moneda.SIMBOLO}}</strong> 201 currency: cobranza.moneda.SIMBOLO}}</strong>
202 </td> 202 </td>
203 <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">
204 <strong>Total Cobrado:</strong> 204 <strong>Total Cobrado:</strong>
205 </td> 205 </td>
206 <td class="table-celda-total text-right no-border-top"> 206 <td class="table-celda-total text-right no-border-top">
207 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) | 207 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) |
208 currency: cobranza.moneda.SIMBOLO}}</strong> 208 currency: cobranza.moneda.SIMBOLO}}</strong>
209 </td> 209 </td>
210 <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">
211 <strong>DF:</strong> 211 <strong>DF:</strong>
212 </td> 212 </td>
213 <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">
214 <strong>{{((getTotalCobrado() + getTotalDeuda()) / 214 <strong>{{((getTotalCobrado() + getTotalDeuda()) /
215 cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}} 215 cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}
216 </strong> 216 </strong>
217 </td> 217 </td>
218 </tr> 218 </tr>
219 </tfoot> 219 </tfoot>
220 </table> 220 </table>
221 </div> 221 </div>
222 <!-- MOBILE --> 222 <!-- MOBILE -->
223 <div class="row d-sm-none mb-5"> 223 <div class="row d-sm-none mb-5">
224 <!-- FACTURAS --> 224 <!-- FACTURAS -->
225 <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">
226 <thead> 226 <thead>
227 <tr class="d-flex"> 227 <tr class="d-flex">
228 <th class="">#</th> 228 <th class="">#</th>
229 <th class="col px-0"> 229 <th class="col px-0">
230 <div class="d-flex"> 230 <div class="d-flex">
231 <div class="col-4 px-1">Factura</div> 231 <div class="col-4 px-1">Factura</div>
232 <div class="col-4 px-1">Fecha</div> 232 <div class="col-4 px-1">Fecha</div>
233 <div class="col-4 px-1">Importe</div> 233 <div class="col-4 px-1">Importe</div>
234 </div> 234 </div>
235 </th> 235 </th>
236 <th class="text-center tamaño-boton"> 236 <th class="text-center tamaño-boton">
237 &nbsp; 237 &nbsp;
238 </th> 238 </th>
239 </tr> 239 </tr>
240 </thead> 240 </thead>
241 <tbody> 241 <tbody>
242 <tr 242 <tr
243 ng-repeat="(key, factura) in cobranza.facturas" 243 ng-repeat="(key, factura) in cobranza.facturas"
244 ng-show="show || key == cobranza.facturas.length - 1" 244 ng-show="show || key == cobranza.facturas.length - 1"
245 > 245 >
246 <td class="w-100 align-middle d-flex p-0"> 246 <td class="w-100 align-middle d-flex p-0">
247 <div class="align-middle p-1"> 247 <div class="align-middle p-1">
248 <span ng-bind="key+1" class="align-middle"></span> 248 <span ng-bind="key+1" class="align-middle"></span>
249 </div> 249 </div>
250 <div class="col px-0"> 250 <div class="col px-0">
251 <div class="d-flex"> 251 <div class="d-flex">
252 <div class="col-4 p-1"> 252 <div class="col-4 p-1">
253 <span ng-bind="factura.numeroFactura" 253 <span ng-bind="factura.numeroFactura"
254 ></span> 254 ></span>
255 </div> 255 </div>
256 <div class="col-4 p-1"> 256 <div class="col-4 p-1">
257 <span ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></span> 257 <span ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></span>
258 </div> 258 </div>
259 <div class="col-4 p-1"> 259 <div class="col-4 p-1">
260 <span 260 <span
261 ng-bind="(factura.IPA / cobranza.moneda.cotizacion.VENDEDOR) | 261 ng-bind="(factura.IPA / cobranza.moneda.cotizacion.VENDEDOR) |
262 currency: cobranza.moneda.SIMBOLO : 4"></span> 262 currency: cobranza.moneda.SIMBOLO : 4"></span>
263 </div> 263 </div>
264 </div> 264 </div>
265 </div> 265 </div>
266 <div class="align-middle p-1"> 266 <div class="align-middle p-1">
267 <button 267 <button
268 class="btn btn-outline-light" 268 class="btn btn-outline-light"
269 ng-click="quitarFactura(key)" 269 ng-click="quitarFactura(key)"
270 > 270 >
271 <i class="fa fa-trash"></i> 271 <i class="fa fa-trash"></i>
272 </button> 272 </button>
273 </div> 273 </div>
274 </td> 274 </td>
275 </tr> 275 </tr>
276 </tbody> 276 </tbody>
277 <tfoot> 277 <tfoot>
278 <!-- SELECCIONAR PRODUCTO --> 278 <!-- SELECCIONAR PRODUCTO -->
279 <tr ng-show="cargando" class="d-flex"> 279 <tr ng-show="cargando" class="d-flex">
280 <td class="col-12"> 280 <td class="col-12">
281 <input 281 <input
282 placeholder="Seleccione Factura" 282 placeholder="Seleccione Factura"
283 class="form-control form-control-sm" 283 class="form-control form-control-sm"
284 readonly 284 readonly
285 ng-click="seleccionarFactura()" 285 ng-click="seleccionarFactura()"
286 /> 286 />
287 </td> 287 </td>
288 </tr> 288 </tr>
289 <!-- TOOGLE EXPANDIR --> 289 <!-- TOOGLE EXPANDIR -->
290 <tr> 290 <tr>
291 <td class="col"> 291 <td class="col">
292 <button 292 <button
293 class="btn btn-outline-light selectable w-100" 293 class="btn btn-outline-light selectable w-100"
294 ng-click="show = !show; masMenos()" 294 ng-click="show = !show; masMenos()"
295 ng-show="cobranza.facturas.length > 0" 295 ng-show="cobranza.facturas.length > 0"
296 > 296 >
297 <i 297 <i
298 class="fa fa-chevron-down" 298 class="fa fa-chevron-down"
299 ng-hide="show" 299 ng-hide="show"
300 aria-hidden="true" 300 aria-hidden="true"
301 > 301 >
302 </i> 302 </i>
303 <i 303 <i
304 class="fa fa-chevron-up" 304 class="fa fa-chevron-up"
305 ng-show="show" 305 ng-show="show"
306 aria-hidden="true"> 306 aria-hidden="true">
307 </i> 307 </i>
308 </button> 308 </button>
309 </td> 309 </td>
310 </tr> 310 </tr>
311 <!-- FOOTER --> 311 <!-- FOOTER -->
312 <tr class="d-flex"> 312 <tr class="d-flex">
313 <td class="align-middle no-border-top" colspan="2"> 313 <td class="align-middle no-border-top" colspan="2">
314 <strong>Cantidad Items:</strong> 314 <strong>Cantidad Items:</strong>
315 <a ng-bind="cobranza.facturas.length"></a> 315 <a ng-bind="cobranza.facturas.length"></a>
316 </td> 316 </td>
317 </tr> 317 </tr>
318 </tfoot> 318 </tfoot>
319 </table> 319 </table>
320 <!-- COBROS --> 320 <!-- COBROS -->
321 <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">
322 <thead> 322 <thead>
323 <tr class="d-flex"> 323 <tr class="d-flex">
324 <th class="">#</th> 324 <th class="">#</th>
325 <th class="col px-0"> 325 <th class="col px-0">
326 <div class="d-flex"> 326 <div class="d-flex">
327 <div class="col-4 px-1">Cobro</div> 327 <div class="col-4 px-1">Cobro</div>
328 <div class="col-4 px-1">Fecha</div> 328 <div class="col-4 px-1">Fecha</div>
329 <div class="col-4 px-1">Importe</div> 329 <div class="col-4 px-1">Importe</div>
330 </div> 330 </div>
331 </th> 331 </th>
332 <th class="text-center tamaño-boton"> 332 <th class="text-center tamaño-boton">
333 &nbsp; 333 &nbsp;
334 </th> 334 </th>
335 </tr> 335 </tr>
336 </thead> 336 </thead>
337 <tbody> 337 <tbody>
338 <tr 338 <tr
339 ng-repeat="(key, cobro) in cobranza.cobros" 339 ng-repeat="(key, cobro) in cobranza.cobros"
340 ng-show="show || key == cobranza.cobros.length - 1" 340 ng-show="show || key == cobranza.cobros.length - 1"
341 > 341 >
342 <td class="w-100 align-middle d-flex p-0"> 342 <td class="w-100 align-middle d-flex p-0">
343 <div class="align-middle p-1"> 343 <div class="align-middle p-1">
344 <span ng-bind="key+1" class="align-middle"></span> 344 <span ng-bind="key+1" class="align-middle"></span>
345 </div> 345 </div>
346 <div class="col px-0"> 346 <div class="col px-0">
347 <div class="d-flex"> 347 <div class="d-flex">
348 <div class="col-4 p-1"> 348 <div class="col-4 p-1">
349 <span ng-bind="cobro.COM" 349 <span ng-bind="cobro.COM"
350 ></span> 350 ></span>
351 </div> 351 </div>
352 <div class="col-4 p-1"> 352 <div class="col-4 p-1">
353 <span ng-bind="cobro.FEC | date : 'dd/MM/yyyy'"></span> 353 <span ng-bind="cobro.FEC | date : 'dd/MM/yyyy'"></span>
354 </div> 354 </div>
355 <div class="col-4 p-1"> 355 <div class="col-4 p-1">
356 <span 356 <span
357 ng-bind="(cobro.IMP / cobranza.moneda.cotizacion.VENDEDOR) | 357 ng-bind="(cobro.IMP / cobranza.moneda.cotizacion.VENDEDOR) |
358 currency: cobranza.moneda.SIMBOLO : 4"></span> 358 currency: cobranza.moneda.SIMBOLO : 4"></span>
359 </div> 359 </div>
360 </div> 360 </div>
361 </div> 361 </div>
362 <div class="col-2 align-middle p-1"> 362 <div class="col-2 align-middle p-1">
363 <button 363 <button
364 ng-disabled="cobranza.id" 364 ng-disabled="cobranza.id"
365 class="btn btn-outline-light" 365 class="btn btn-outline-light"
366 ng-click="editarCobro(cobro)" 366 ng-click="editarCobro(cobro)"
367 > 367 >
368 <i class="fa fa-edit"></i> 368 <i class="fa fa-edit"></i>
369 </button> 369 </button>
370 <button 370 <button
371 class="btn btn-outline-light" 371 class="btn btn-outline-light"
372 ng-click="quitarCobro(key)" 372 ng-click="quitarCobro(key)"
373 > 373 >
374 <i class="fa fa-trash"></i> 374 <i class="fa fa-trash"></i>
375 </button> 375 </button>
376 </div> 376 </div>
377 </td> 377 </td>
378 </tr> 378 </tr>
379 </tbody> 379 </tbody>
380 <tfoot> 380 <tfoot>
381 <!-- SELECCIONAR PRODUCTO --> 381 <!-- SELECCIONAR PRODUCTO -->
382 <tr ng-show="cargando" class="d-flex"> 382 <tr ng-show="cargando" class="d-flex">
383 <td class="col-4"> 383 <td class="col-4">
384 <input 384 <input
385 placeholder="Cheque" 385 placeholder="Cheque"
386 class="form-control form-control-sm" 386 class="form-control form-control-sm"
387 readonly 387 readonly
388 ng-click="seleccionarCheque()" 388 ng-click="seleccionarCheque()"
389 /> 389 />
390 </td> 390 </td>
391 <td class="col-4"> 391 <td class="col-4">
392 <input 392 <input
393 placeholder="Efectivo" 393 placeholder="Efectivo"
394 class="form-control form-control-sm" 394 class="form-control form-control-sm"
395 readonly 395 readonly
396 ng-click="seleccionarEfectivo()" 396 ng-click="seleccionarEfectivo()"
397 /> 397 />
398 </td> 398 </td>
399 <td class="col-4"> 399 <td class="col-4">
400 <input 400 <input
401 placeholder="Detalles" 401 placeholder="Detalles"
402 class="form-control form-control-sm" 402 class="form-control form-control-sm"
403 readonly 403 readonly
404 ng-click="seleccionarDetalles()" 404 ng-click="seleccionarDetalles()"
405 /> 405 />
406 </td> 406 </td>
407 </tr> 407 </tr>
408 <!-- TOOGLE EXPANDIR --> 408 <!-- TOOGLE EXPANDIR -->
409 <tr> 409 <tr>
410 <td class="col"> 410 <td class="col">
411 <button 411 <button
412 class="btn btn-outline-light selectable w-100" 412 class="btn btn-outline-light selectable w-100"
413 ng-click="show = !show; masMenos()" 413 ng-click="show = !show; masMenos()"
414 ng-show="cobranza.cobros.length > 0" 414 ng-show="cobranza.cobros.length > 0"
415 > 415 >
416 <i 416 <i
417 class="fa fa-chevron-down" 417 class="fa fa-chevron-down"
418 ng-hide="show" 418 ng-hide="show"
419 aria-hidden="true" 419 aria-hidden="true"
420 > 420 >
421 </i> 421 </i>
422 <i 422 <i
423 class="fa fa-chevron-up" 423 class="fa fa-chevron-up"
424 ng-show="show" 424 ng-show="show"
425 aria-hidden="true"> 425 aria-hidden="true">
426 </i> 426 </i>
427 </button> 427 </button>
428 </td> 428 </td>
429 </tr> 429 </tr>
430 <!-- FOOTER --> 430 <!-- FOOTER -->
431 <tr class="d-flex"> 431 <tr class="d-flex">
432 <td class="align-middle no-border-top col-6"> 432 <td class="align-middle no-border-top col-6">
433 <strong>Cantidad Items:</strong> 433 <strong>Cantidad Items:</strong>
434 <a ng-bind="cobranza.cobros.length"></a> 434 <a ng-bind="cobranza.cobros.length"></a>
435 </td> 435 </td>
436 </tfoot> 436 </tfoot>
437 </table> 437 </table>
438 </tr> 438 </tr>
439 <!-- DEUDA, COBRADO, DIFERENCIA --> 439 <!-- DEUDA, COBRADO, DIFERENCIA -->
440 <table class="table-responsive fixed-bottom mb-5"> 440 <table class="table-responsive fixed-bottom mb-5">
441 <tr class="d-flex row"> 441 <tr class="d-flex row">
442 <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">
443 <strong>Cancela:</strong> 443 <strong>Cancela:</strong>
444 </td> 444 </td>
445 <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">
446 <strong>Cobrado:</strong> 446 <strong>Cobrado:</strong>
447 </td> 447 </td>
448 <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">
449 <strong>Diferencia:</strong> 449 <strong>Diferencia:</strong>
450 </td> 450 </td>
451 <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">
452 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong> 452 <strong>{{(getTotalDeuda() / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
453 </td> 453 </td>
454 <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">
455 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong> 455 <strong>{{(getTotalCobrado() / cobranza.moneda.cotizacion.VENDEDOR) | currency: cobranza.moneda.SIMBOLO}}</strong>
456 </td> 456 </td>
457 <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">
458 <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>
459 </td> 459 </td>
460 </tr> 460 </tr>
461 </table> 461 </table>
462 </div> 462 </div>
463 </div> 463 </div>
464 </div> 464 </div>
465 </div> 465 </div>
466 <div class="row d-md-none fixed-bottom"> 466 <div class="row d-md-none fixed-bottom">
467 <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">
468 <span class="ml-3 text-muted" ng-click="salir()">Salir</span> 468 <span class="ml-3 text-muted" ng-click="salir()">Salir</span>
469 <span 469 <span
470 class="mr-3 ml-auto" 470 class="mr-3 ml-auto"
471 ng-class="saveLoading ? 'text-muted' : ''" 471 ng-class="saveLoading ? 'text-muted' : ''"
472 ng-click="crearCobranza()" 472 ng-click="crearCobranza()"
473 ng-show="!editando" 473 ng-show="!editando"
474 ladda="saveLoading" 474 ladda="saveLoading"
475 data-style="expand-left" 475 data-style="expand-left"
476 >Guardar</span> 476 >Guardar</span>
477 </div> 477 </div>
478 </div> 478 </div>
479 </div> 479 </div>
480 480