Eric Fernandez / foca-crear-nota-pedido

Download as
Browse Code »

Commit b185d5af572af2125ec778d75f17320a288b45eb

Authored by Eric Fernandez
1 parent 21a3b935b7
Exists in master

agrego ng-click para abrir modals 

funciones a la tabla
typeHead a los domicilios
Showing 1 changed file with 20 additions and 12 deletions   Show diff stats
src/views/nota-pedido.html
Diff comments   View file @ b185d5a
1 <form name="formCrearNota" ng-submit="siguienteTab()"> 1 <form name="formCrearNota" ng-submit="siguienteTab()">
2 <uib-tabset active="active"> 2 <uib-tabset active="active">
3 <uib-tab index="0" heading="General"> 3 <uib-tab index="0" heading="General">
4 <input type="hidden" name="id" ng-model="notaPedido.id" /> 4 <input type="hidden" name="id" ng-model="notaPedido.id" />
5 <div> 5 <div>
6 <div class="col-auto my-2"> 6 <div class="col-auto my-2">
7 <button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button> 7 <button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button>
8 </div> 8 </div>
9 </div> 9 </div>
10 <br> 10 <br>
11 <br> 11 <br>
12 <div class="row"> 12 <div class="row">
13 <div class="col-md-2"> 13 <div class="col-md-2">
14 <div class="col-auto"> 14 <div class="col-auto">
15 <label>Fecha de carga</label> 15 <label>Fecha de carga</label>
16 </div> 16 </div>
17 </div> 17 </div>
18 <div class="col-md-3"> 18 <div class="col-md-3">
19 <div class="col-auto"> 19 <div class="col-auto">
20 <input type="date" class="form-control" ng-model="notaPedido.fechaCarga" ng-required="true"> 20 <input type="date" class="form-control" ng-model="notaPedido.fechaCarga" ng-required="true">
21 </div> 21 </div>
22 </div> 22 </div>
23 <div class="col-md-2"> 23 <div class="col-md-2">
24 <div class="col-auto"> 24 <div class="col-auto">
25 <label>Kilómetros</label> 25 <label>Kilómetros</label>
26 </div> 26 </div>
27 </div> 27 </div>
28 <div class="col-md-3"> 28 <div class="col-md-3">
29 <div class="col-auto"> 29 <div class="col-auto">
30 <input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente" 30 <input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente"
31 ng-model="notaPedido.kilometros" ng-required="true"> 31 ng-model="notaPedido.kilometros" ng-required="true">
32 </div> 32 </div>
33 </div> 33 </div>
34 </div> 34 </div>
35 <div class="row my-3"> 35 <div class="row my-3">
36 <div class="col-md-2"> 36 <div class="col-md-2">
37 <div class="col-auto"> 37 <div class="col-auto">
38 <label>Jurisdicción de IIBB</label> 38 <label>Jurisdicción de IIBB</label>
39 </div> 39 </div>
40 </div> 40 </div>
41 <div class="col-md-3"> 41 <div class="col-md-3">
42 <div class="col-auto"> 42 <div class="col-auto">
43 <input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega" 43 <input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega"
44 ng-model="notaPedido.jurisdiccion" ng-required="true"> 44 ng-model="notaPedido.jurisdiccionIIBB" ng-required="true">
45 </div> 45 </div>
46 </div> 46 </div>
47 <div class="col-md-2"> 47 <div class="col-md-2">
48 <div class="col-auto"> 48 <div class="col-auto">
49 <label>Costo de financiación</label> 49 <label>Costo de financiación</label>
50 </div> 50 </div>
51 </div> 51 </div>
52 <div class="col-md-3"> 52 <div class="col-md-3">
53 <div class="col-auto"> 53 <div class="col-auto">
54 <div class="input-group mb-2"> 54 <div class="input-group mb-2">
55 <div class="input-group-prepend"> 55 <div class="input-group-prepend">
56 <div class="input-group-text">$</div> 56 <div class="input-group-text">$</div>
57 </div> 57 </div>
58 <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación" 58 <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación"
59 ng-model="notaPedido.costoFinanciacion"> 59 ng-model="notaPedido.costoFinanciacion">
60 </div> 60 </div>
61 </div> 61 </div>
62 </div> 62 </div>
63 </div> 63 </div>
64 <div class="row"> 64 <div class="row">
65 <div class="col-md-2"> 65 <div class="col-md-2">
66 <div class="col-auto"> 66 <div class="col-auto">
67 <label>Bomba</label> 67 <label>Bomba</label>
68 </div> 68 </div>
69 </div> 69 </div>
70 <div class="col-md-1"> 70 <div class="col-md-1">
71 <div class="col-auto"> 71 <div class="col-auto">
72 <div class="form-check custom-radio custom-control-inline"> 72 <div class="form-check custom-radio custom-control-inline">
73 <input class="form-check-input" type="radio" name="radioBomba" value="1" ng-model="notaPedido.bomba"> 73 <input class="form-check-input" type="radio" name="radioBomba" value="1" ng-model="notaPedido.bomba">
74 <label class="form-check-label"> 74 <label class="form-check-label">
75 Si 75 Si
76 </label> 76 </label>
77 </div> 77 </div>
78 <div class="form-check custom-radio custom-control-inline"> 78 <div class="form-check custom-radio custom-control-inline">
79 <input class="form-check-input" type="radio" name="radioBomba" value="0" ng-model="notaPedido.bomba"> 79 <input class="form-check-input" type="radio" name="radioBomba" value="0" ng-model="notaPedido.bomba">
80 <label class="form-check-label"> 80 <label class="form-check-label">
81 No 81 No
82 </label> 82 </label>
83 </div> 83 </div>
84 </div> 84 </div>
85 </div> 85 </div>
86 <div class="col-md-1"> 86 <div class="col-md-1">
87 <div class="col-auto"> 87 <div class="col-auto">
88 <label>Flete</label> 88 <label>Flete</label>
89 </div> 89 </div>
90 </div> 90 </div>
91 <div class="col-md-1"> 91 <div class="col-md-1">
92 <div class="col-auto"> 92 <div class="col-auto">
93 <div class="form-check custom-radio custom-control-inline"> 93 <div class="form-check custom-radio custom-control-inline">
94 <input class="form-check-input" type="radio" name="radioFlete" value="1" ng-model="notaPedido.flete"> 94 <input class="form-check-input" type="radio" name="radioFlete" value="1" ng-model="notaPedido.flete">
95 <label class="form-check-label"> 95 <label class="form-check-label">
96 Si 96 Si
97 </label> 97 </label>
98 </div> 98 </div>
99 <div class="form-check custom-radio custom-control-inline"> 99 <div class="form-check custom-radio custom-control-inline">
100 <input class="form-check-input" type="radio" name="radioFlete" value="0" ng-model="notaPedido.flete"> 100 <input class="form-check-input" type="radio" name="radioFlete" value="0" ng-model="notaPedido.flete">
101 <label class="form-check-label"> 101 <label class="form-check-label">
102 FOB 102 FOB
103 </label> 103 </label>
104 </div> 104 </div>
105 </div> 105 </div>
106 </div> 106 </div>
107 <div class="col-md-2"> 107 <div class="col-md-2">
108 <div class="col-auto"> 108 <div class="col-auto">
109 <label>Costo unitario kilometro flete</label> 109 <label>Costo unitario kilometro flete</label>
110 </div> 110 </div>
111 </div> 111 </div>
112 <div class="col-md-3"> 112 <div class="col-md-3">
113 <div class="col-auto"> 113 <div class="col-auto">
114 <div class="input-group mb-2"> 114 <div class="input-group mb-2">
115 <div class="input-group-prepend"> 115 <div class="input-group-prepend">
116 <div class="input-group-text">$</div> 116 <div class="input-group-text">$</div>
117 </div> 117 </div>
118 <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete" 118 <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete"
119 ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true"> 119 ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true">
120 </div> 120 </div>
121 </div> 121 </div>
122 </div> 122 </div>
123 </div> 123 </div>
124 <div class="row my-3"> 124 <div class="row my-3">
125 <div class="col-md-2"> 125 <div class="col-md-2">
126 <div class="col-auto"> 126 <div class="col-auto">
127 <label>Vendedor</label> 127 <label>Vendedor</label>
128 </div> 128 </div>
129 </div> 129 </div>
130 <div class="col-md-3"> 130 <div class="col-md-3">
131 <div class="col-auto"> 131 <div class="col-auto">
132 <input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor" 132 <input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor"
133 readonly> 133 ng-click="seleccionarVendedor()" readonly>
134 </div> 134 </div>
135 </div> 135 </div>
136 <div class="col-md-2"> 136 <div class="col-md-2">
137 <div class="col-auto"> 137 <div class="col-auto">
138 <label>Petrolera</label> 138 <label>Petrolera</label>
139 </div> 139 </div>
140 </div> 140 </div>
141 <div class="col-md-3"> 141 <div class="col-md-3">
142 <div class="col-auto"> 142 <div class="col-auto">
143 <input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera" 143 <input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera"
144 readonly> 144 ng-click="seleccionarPetrolera()" readonly>
145 </div> 145 </div>
146 </div> 146 </div>
147 </div> 147 </div>
148 </div> 148 </div>
149 <div class="row"> 149 <div class="row">
150 <div class="col-md-2"> 150 <div class="col-md-2">
151 <div class="col-auto"> 151 <div class="col-auto">
152 <label>Cliente</label> 152 <label>Cliente</label>
153 </div> 153 </div>
154 </div> 154 </div>
155 <div class="col-md-3"> 155 <div class="col-md-3">
156 <div class="col-auto"> 156 <div class="col-auto">
157 <input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente" 157 <input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente"
158 ng-change="obtenerDomicilios()" readonly> 158 ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly>
159 </div> 159 </div>
160 </div> 160 </div>
161 <div class="col-md-2"> 161 <div class="col-md-2">
162 <div class="col-auto"> 162 <div class="col-auto">
163 <label>Domicilio</label> 163 <label>Domicilio</label>
164 </div> 164 </div>
165 </div> 165 </div>
166 <div class="col-md-4"> 166 <div class="col-md-4">
167 <div class="col-md-12 row" ng-repeat="domicilio in notaPedido.domicilio"> 167 <div class="col-md-12 row" ng-repeat="domicilio in notaPedido.domicilio">
168 <div class="col-auto"> 168 <div class="col-auto">
169 <select class="form-control" ng-options="domi as domi.dom for domi in domiciliosCliente" 169 <input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead="
170 ng-model="domicilio.id" ng-required="true"> 170 domi.dom
171 </select> 171 for domi
172 in domiciliosCliente
173 "
174 typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)"
175 class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true">
176 <i ng-show="cargandoClientes" class="fas fa-sync"></i>
177 <div ng-show="sinResultados">
178 No se encontraron resultados.
179 </div>
172 </div> 180 </div>
173 <a class="btn" ng-click="removeNewChoice(domicilio)" ng-if="domicilio.id==0">-</a> 181 <a class="btn" ng-click="removeNewChoice(domicilio)" ng-if="domicilio.id==0">-</a>
174 <a class="btn" ng-click="addNewDom()">+</a> 182 <a class="btn" ng-click="addNewDom()">+</a>
175 </div> 183 </div>
176 </div> 184 </div>
177 </div> 185 </div>
178 </uib-tab> 186 </uib-tab>
179 <uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid"> 187 <uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid">
180 <div> 188 <div>
181 <div class="col-auto my-2"> 189 <div class="col-auto my-2">
182 <button type="submit" title="Siguiente" class="btn btn-primary float-right">Abrir</button> 190 <button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button>
183 </div> 191 </div>
184 </div> 192 </div>
185 <br> 193 <br>
186 <br> 194 <br>
187 <div class="row"> 195 <div class="row">
188 <div class="col-md-2"> 196 <div class="col-md-2">
189 <div class="col-auto"> 197 <div class="col-auto">
190 <label>Precios y condiciones</label> 198 <label>Precios y condiciones</label>
191 </div> 199 </div>
192 </div> 200 </div>
193 <div class="col-md-4"> 201 <div class="col-md-4">
194 <div class="col-auto"> 202 <div class="col-auto">
195 <select class="form-control" ng-model="notaPedido.precioCondicion" ng-options="preCond.nombre for preCond in precioCondiciones"> 203 <select class="form-control" ng-change="cargarArticulos()" ng-model="notaPedido.precioCondicion" ng-options="preCond.id as preCond.nombre for preCond in precioCondiciones">
196 </select> 204 </select>
197 </div> 205 </div>
198 </div> 206 </div>
199 <div class="col-md-2"> 207 <div class="col-md-2">
200 <div class="col-auto"> 208 <div class="col-auto">
201 <label>Producto</label> 209 <label>Producto</label>
202 </div> 210 </div>
203 </div> 211 </div>
204 <div class="col-md-4"> 212 <div class="col-md-4">
205 <div class="col-auto"> 213 <div class="col-auto">
206 <input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto" 214 <input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto"
207 ng-click="seleccionarArticulo()" readonly> 215 ng-click="seleccionarArticulo()" readonly>
208 </div> 216 </div>
209 </div> 217 </div>
210 </div> 218 </div>
211 <div class="row"> 219 <div class="col-md-12">
212 <table class="table my-3 table-hover table-nonfluid"> 220 <table class="table my-3 table-hover table-nonfluid">
213 <thead> 221 <thead>
214 <tr> 222 <tr>
215 <th>Código</th> 223 <th>Código</th>
216 <th>Nombre</th> 224 <th>Nombre</th>
217 <th>Precio unitario</th> 225 <th>Precio unitario</th>
218 <th>Costo unitario bruto</th> 226 <th>Costo unitario bruto</th>
219 <th>Cantidad</th> 227 <th>Cantidad</th>
220 <th>Subtotal</th> 228 <th>Subtotal</th>
221 </tr> 229 </tr>
222 </thead> 230 </thead>
223 <tbody> 231 <tbody>
224 <tr ng-repeat="articulo in articulosTabla"> 232 <tr ng-repeat="articulo in articulosTabla">
225 <td ng-bind="articulo.codigo"></td> 233 <td ng-bind="articulo.codigo"></td>
226 <td ng-bind="articulo.nombre"></td> 234 <td ng-bind="articulo.nombre"></td>
227 <td ng-bind="articulo.precio"></td> 235 <td ng-bind="articulo.precio"></td>
228 <td ng-bind="articulo.costoUnitario"></td> 236 <td ng-bind="articulo.costoUnitario"></td>
229 <td ng-bind="articulo.cantidad"></td> 237 <td><input ng-model="articulo.cantidad" class="form-control" type="number" min="0" value="1"></td>
230 <td ng-bind="articulo.subtotal"></td> 238 <td ng-bind="getSubTotal(articulo.item)"></td>
231 </tr> 239 </tr>
232 </tbody> 240 </tbody>
233 </table> 241 </table>
234 </div> 242 </div>
235 </uib-tab> 243 </uib-tab>
236 </uib-tabset> 244 </uib-tabset>
237 </form> 245 </form>