lista-hoja-ruta.html
4.99 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<div>
    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
        <div class="row p-1 panel-informativo">
            <div class="col-12">
                <div class="row">
                    <div class="col-12 col-sm-4 nota-pedido">
                        <h5>Hojas de ruta</h5>
                    </div>
                    <div class="col-5 col-sm-4 numero-pedido"
                        >Nº {{puntoVenta}}-{{comprobante}}
                    </div>
                    <div class="col-7 col-sm-4 text-right">
                        Fecha:
                        <span
                            ng-show="!datepickerAbierto"
                            ng-bind="now | date:'dd/MM/yyyy HH:mm'"
                            ng-click="datepickerAbierto = true"
                        >
                        </span>
                        <input
                            ng-show="datepickerAbierto"
                            type="date"
                            ng-model="now"
                            ng-change="datepickerAbierto = false"
                            ng-blur="datepickerAbierto = false"
                            class="form-control form-control-sm col-8 float-right"
                            foca-focus="datepickerAbierto"
                            hasta-hoy
                        />
                    </div>
                </div>
                <div class="row">
                    <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
                        <span class="label" ng-bind="cab.label"></span>
                        <span class="valor" ng-bind="cab.valor"></span>
                    </div>
                    <a 
                        class="btn col-12 btn-secondary d-sm-none" 
                        ng-show="cabecera.length > 0"
                        ng-click="showCabecera = !showCabecera"
                    >
                        <i
                            class="fa fa-chevron-down"
                            ng-hide="showCabecera"
                            aria-hidden="true"
                        >
                        </i>
                        <i
                            class="fa fa-chevron-up"
                            ng-show="showCabecera"
                            aria-hidden="true">
                        </i>
                    </a>
                </div>
            </div>
        </div>
        <div class="row p-1 botonera-secundaria">
            <div class="col-12">
                <div class="row">
                    <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
                        <button
                            type="button"
                            class="btn btn-default btn-block btn-xs text-left py-2"
                            ng-click="boton.accion()"
                            ng-class="{'d-none d-sm-block': boton.texto == ''}"
                        >
                            <i
                                class="fa fa-arrow-circle-right"
                                ng-show="boton.texto != ''"
                            ></i>
                             
                            {{boton.texto}}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
        <div class="row grilla-articulo d-none d-sm-flex">
            <table class="table tabla-articulo table-striped table-sm table-dark">
                <thead>
                    <tr class="d-flex">
                        <th>#</th>
                        <th>Fecha creacion</th>
                        <th>sucursal</th>
                        <th>idTransportista</th>
                        <th>idChofer</th>
                        <th>idVeh?culo</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody class="tabla-articulo-body">
                    <tr
                        ng-repeat="(key, hojaRuta) in hojasRuta" class="d-flex"
                    >
                        <td ng-bind="key + 1"></td>
                        <td ng-bind="hojaRuta.sucursal"></td>
                        <td ng-bind="hojaRuta.fechaCreacion"></td>
                        <td ng-bind="hojaRuta.sucursal"></td>
                        <td ng-bind="hojaRuta.transportista[0].nombre"></td>
                        <td ng-bind="hojaRuta.chofer[0].nombre"></td>
                        <td ng-bind="hojaRuta.vehiculo[0].tractor"></td>
                        <td>
                            <button
                                class="btn btn-secondary"
                                type="button"
                                ng-click="verDetalle(hojaRuta)"
                            ><i class="fa fa-search" aria-hidden="true"></i>
                            </button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>