informe-reparto-optimo.html
5.57 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<div class="modal-header py-1">
        <div class="row w-100">
            <div class="col-12"><h5 class="modal-title">Informe de reparto óptimo detallado</h5></div>
            <div class="col-12" ng-hide="buscar">
                Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}},
                Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}},
                Transportista : {{transportista.NOM}},
                Unidad: {{unidad.codigo}}
            </div>
        </div>
    </div>
    <div class="modal-body" id="modal-body">
        <div class="input-group row"
            ng-show="buscar">
            <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
            <div class="col-md-4 col-8 input-group mb-2">
                <div class="input-group-prepend">
                    <div class="input-group-text">
                        <i class="fa fa-calendar"></i>
                    </div>
                </div>
                <input
                    class="form-control form-control-sm"
                    id="inlineFormInputGroup"
                    type="text"
                    ng-model="params.fechaDesde"
                    ng-required="true"
                    uib-datepicker-popup="dd/MM/yyyy"
                    show-button-bar="false"
                    is-open="datepickerOpen"
                    on-open-focus="false"
                    ng-focus="datepickerOpen = true"
                    datepicker-options="dateOptions"
                />
            </div>
            <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
            <div class="col-md-4 col-8 input-group mb-2">
                <div class="input-group-prepend">
                    <div class="input-group-text">
                        <i class="fa fa-calendar"></i>
                    </div>
                </div>
                <input
                    class="form-control form-control-sm"
                    id="inlineFormInputGroup"
                    type="text"
                    ng-model="params.fechaHasta"
                    ng-required="true"
                    uib-datepicker-popup="dd/MM/yyyy"
                    show-button-bar="false"
                    is-open="datepicker2Open"
                    on-open-focus="false"
                    ng-focus="datepicker2Open = true"
                />
            </div>
            <small class="col-md-2 col-4 text-left my-1">Sector</small>
            <div class="col-md-4 col-8 input-group mb-2">
                <input
                    class="form-control form-control-sm"
                    id="inlineFormInputGroup"
                    type="text"
                    ng-model="params.sector.NOMBRE"
                    ng-required="true"
                    ng-keypress="seleccionarSector($event.keyCode)"
                />
                <button type="button" class="clear-input text-danger" ng-click="clearSector()">
                    <i class="fa fa-times"></i>
                </button>
                <div class="input-group-append">
                    <div class="input-group-append" ng-hide="ingreso">
                        <button
                            ladda="searchLoading"
                            data-spinner-color="#FF0000"
                            class="btn btn-outline-secondary"
                            type="button"
                            ng-click="seleccionarSector(13)">
                            <i class="fa fa-search" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
            </div>
            <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small>
            <div class="col-md-2 col-4 input-group mb-2">
                <div class="custom-control custom-checkbox ml-auto">
                    <input
                        type="checkbox"
                        class="custom-control-input"
                        ng-model="params.diferenciarProductos"
                        id="customCheck1">
                    <label class="custom-control-label" for="customCheck1"></label>
                </div>
            </div>
            <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small>
            <div class="col-md-2 col-4 input-group mb-2">
                <div class="custom-control custom-checkbox ml-auto">
                    <input
                        type="checkbox"
                        class="custom-control-input"
                        ng-model="params.diferenciarMeses"
                        id="customCheck2">
                    <label class="custom-control-label" for="customCheck2"></label>
                </div>
            </div>
        </div>
        <div 
            ng-if="!buscar"
            class="row">
            <div class="col-12">
                <div 
                    class="gridInforme"
                    ui-grid="gridOptions"
                    ui-grid-exporter
                    ui-grid-resize-columns
                    ></div>
            </div>
        </div>
    </div>
    <div class="modal-footer py-1">
        <button
            ladda="generando"
            class="btn btn-sm btn-secondary"
            type="button"
            ng-click="generarInforme()"
            ng-show="buscar">Generar</button>
        <button 
            class="btn btn-sm btn-secondary"
            type="button"
            ng-click="cancel()"
            ng-show="buscar">Salir</button>
        <button
            class="btn btn-sm btn-secondary"
            type="button"
            ng-click="volver()"
            ng-hide="buscar">Volver</button>
    </div>