nota-pedido.html 10.6 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.jurisdiccion" 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"
                            readonly>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="col-auto">
                        <label>Petrolera</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="col-auto">
                        <input type="text" class="form-control" placeholder="Seleccione petrolera" ng-model="notaPedido.petrolera"
                            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-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">
                            <select class="form-control" ng-options="domi as domi.dom for domi in domiciliosCliente"
                                ng-model="domicilio.id" ng-required="true">
                            </select>
                        </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 type="submit" title="Siguiente" class="btn btn-primary float-right">Abrir</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-model="notaPedido.precioCondicion" ng-options="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="row">
                <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 ng-bind="articulo.cantidad"></td>
                            <td ng-bind="articulo.subtotal"></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </uib-tab>
    </uib-tabset>
</form>