nota-pedido_1.html 11.4 KB
<form name="formCrearNota" ng-submit="siguienteTab()">
    <uib-tabset active="active">
        <uib-tab index="0" heading="General">
            <input type="hidden" name="id" ng-model="notaPedido.id" />
            <div>
                <div class="col-auto my-2">
                    <button type="submit" title="Siguiente" class="btn btn-primary float-right">Siguiente</button>
                </div>
            </div>
            <br>
            <br>
            <div class="row">
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Fecha de carga</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-auto">
                        <input type="date" class="form-control" ng-model="notaPedido.fechaCarga" ng-required="true">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Kilómetros</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-auto">
                        <input type="number" min="0" step="0.01" class="form-control" placeholder="Kilómetros recorridos para la entrega en el cliente"
                            ng-model="notaPedido.kilometros" ng-required="true">
                    </div>
                </div>
            </div>
            <div class="row my-3">
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Jurisdicción de IIBB</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-auto">
                        <input type="text" class="form-control" placeholder="Jurisdicción de IIBB donde se realiza la entrega"
                            ng-model="notaPedido.jurisdiccionIIBB" ng-required="true">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Costo de financiación</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-auto">
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <div class="input-group-text">$</div>
                            </div>
                            <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo de financiación"
                                ng-model="notaPedido.costoFinanciacion">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Bomba</label>
                    </div>
                </div>
                <div class="col-md-1">
                    <div class="col-auto">
                        <div class="form-check custom-radio custom-control-inline">
                            <input class="form-check-input" type="radio" name="radioBomba" value="1" ng-model="notaPedido.bomba">
                            <label class="form-check-label">
                                Si
                            </label>
                        </div>
                        <div class="form-check custom-radio custom-control-inline">
                            <input class="form-check-input" type="radio" name="radioBomba" value="0" ng-model="notaPedido.bomba">
                            <label class="form-check-label">
                                No
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-md-1">
                    <div class="col-auto">
                        <label>Flete</label>
                    </div>
                </div>
                <div class="col-md-1">
                    <div class="col-auto">
                        <div class="form-check custom-radio custom-control-inline">
                            <input class="form-check-input" type="radio" name="radioFlete" value="1" ng-model="notaPedido.flete">
                            <label class="form-check-label">
                                Si
                            </label>
                        </div>
                        <div class="form-check custom-radio custom-control-inline">
                            <input class="form-check-input" type="radio" name="radioFlete" value="0" ng-model="notaPedido.flete">
                            <label class="form-check-label">
                                FOB
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Costo unitario kilometro flete</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-auto">
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <div class="input-group-text">$</div>
                            </div>
                            <input type="number" min="0" step="0.01" class="form-control" placeholder="Costo unitario del kilometro del flete"
                                ng-model="notaPedido.costoUnitarioKmFlete" ng-required="true">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row my-3">
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Vendedor</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-auto">
                        <input type="text" class="form-control" placeholder="Seleccione vendedor" ng-model="notaPedido.vendedor"
                            ng-click="seleccionarVendedor()" readonly>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Proveedor</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-auto">
                        <input type="text" class="form-control" placeholder="Seleccione proveedor" ng-model="notaPedido.proveedor"
                            ng-click="seleccionarProveedor()" readonly>
                    </div>
                </div>
            </div>
            </div>
            <div class="row">
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Cliente</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-auto">
                        <input type="text" class="form-control" placeholder="Seleccione cliente" ng-model="notaPedido.cliente"
                            ng-click="seleccionarCliente()" ng-change="obtenerDomicilios()" readonly>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Domicilio</label>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="col-md-12 row" ng-repeat="domicilio in notaPedido.domicilio">
                        <div class="col-auto">
                            <input type="text" ng-model="domicilio.dom" placeholder="Domicilio" uib-typeahead="
                                    domi.dom
                                    for domi
                                    in domiciliosCliente
                                "
                                typeahead-no-results="sinResultados" typeahead-min-length="0" typeahead-on-select="seleccionar($item)"
                                class="form-control mb-2" ng-disabled="domicilio.id > 0" ng-required="true">
                            <i ng-show="cargandoClientes" class="fas fa-sync"></i>
                            <div ng-show="sinResultados">
                                No se encontraron resultados.
                            </div>
                        </div>
                        <a class="btn" ng-click="removeNewChoice(domicilio)" ng-if="domicilio.id==0">-</a>
                        <a class="btn" ng-click="addNewDom()">+</a>
                    </div>
                </div>
            </div>
        </uib-tab>
        <uib-tab index="1" heading="Producto" disable="formCrearNota.$invalid">
            <div>
                <div class="col-auto my-2">
                    <button ng-click="crearNotaPedido()" type="button" title="Crear nota pedido" class="btn btn-primary float-right">Crear</button>
                </div>
            </div>
            <br>
            <br>
            <div class="row">
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Precios y condiciones</label>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="col-auto">
                        <select class="form-control" ng-change="cargarArticulos()" ng-model="notaPedido.precioCondicion" ng-options="preCond.id as preCond.nombre for preCond in precioCondiciones">
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Producto</label>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="col-auto">
                        <input type="text" class="form-control" placeholder="Seleccione producto" ng-model="notaPedido.producto"
                            ng-click="seleccionarArticulo()" readonly>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <table class="table my-3 table-hover table-nonfluid">
                    <thead>
                        <tr>
                            <th>Código</th>
                            <th>Nombre</th>
                            <th>Precio unitario</th>
                            <th>Costo unitario bruto</th>
                            <th>Cantidad</th>
                            <th>Subtotal</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="articulo in articulosTabla">
                            <td ng-bind="articulo.codigo"></td>
                            <td ng-bind="articulo.nombre"></td>
                            <td ng-bind="articulo.precio"></td>
                            <td ng-bind="articulo.costoUnitario"></td>
                            <td><input ng-model="articulo.cantidad" class="form-control" type="number" min="0" value="1"></td>
                            <td ng-bind="getSubTotal(articulo.item)"></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </uib-tab>
    </uib-tabset>
</form>