Eric Fernandez / foca-crear-nota-pedido

Browse Code »

Commit e9ecb6896474811013d820b719a981800dd80121

Authored by Eric Fernandez 2018-10-18 18:11:40 -0300

1 parent 362e627157

Exists in master

cambio ingreso articulo

Showing 2 changed files with 54 additions and 46 deletions Show diff stats

src/js/controller.js

Diff comments View file @ e9ecb68

 angular.module('focaCrearNotaPedido')
     .controller('notaPedidoCtrl',
         ['$scope', '$uibModal', '$location', 'crearNotaPedidoService',
             function($scope, $uibModal, $location, crearNotaPedidoService) {
                 $scope.show = false;
                 $scope.dateOptions = {
                     maxDate: new Date(),
                     minDate: new Date(2010, 0, 1)
                 };
                 $scope.notaPedido = {
                     vendedor: {},
                     cliente: {}
                 };
                 $scope.articulosTabla = [];
                 var idLista;
                 var notaPedidoTemp = crearNotaPedidoService.getNotaPedido();
                 $scope.domiciliosCliente = crearNotaPedidoService.getDomicilios(1);
                 crearNotaPedidoService.getPrecioCondicion().then(
                     function(res) {
                         $scope.precioCondiciones = res.data;
                     }
                 );
                 if (notaPedidoTemp !== undefined) {
                     notaPedidoTemp.fechaCarga = new Date(notaPedidoTemp.fechaCarga);
                     $scope.notaPedido = notaPedidoTemp;
                     $scope.notaPedido.flete = ($scope.notaPedido.flete).toString();
                     $scope.notaPedido.bomba = ($scope.notaPedido.bomba).toString();
                     idLista = $scope.notaPedido.precioCondicion;
                     crearNotaPedidoService
                         .getArticulosByIdNotaPedido($scope.notaPedido.id).then(
                             function(res) {
                                 $scope.articulosTabla = res.data;
                             }
                         );
                     crearNotaPedidoService.getDomiciliosByIdNotaPedido($scope.notaPedido.id).then(
                         function(res) {
                             $scope.notaPedido.domicilio = res.data;
                         }
                     );
                 } else {
                     $scope.notaPedido.fechaCarga = new Date();
                     $scope.notaPedido.domicilio = [{ id: 0 }];
                     $scope.notaPedido.bomba = '1';
                     $scope.notaPedido.flete = '0';
                     idLista = undefined;
                 }
                 $scope.addNewDom = function() {
                     $scope.notaPedido.domicilio.push({ 'id': 0 });
                 };
                 $scope.removeNewChoice = function(choice) {
                     if ($scope.notaPedido.domicilio.length > 1) {
                         $scope.notaPedido.domicilio.splice($scope.notaPedido.domicilio.findIndex(
                             function(c) {
                                 return c.$$hashKey === choice.$$hashKey;
                             }
                         ), 1);
                     }
                 };
                 $scope.crearNotaPedido = function() {
                     var notaPedido = {
                         id: 0,
                         precioCondicion: $scope.notaPedido.precioCondicion,
                         fechaCarga: $scope.notaPedido.fechaCarga,
                         vendedor: $scope.notaPedido.vendedor,
                         cliente: $scope.notaPedido.cliente,
                         producto: $scope.notaPedido.producto,
                         bomba: $scope.notaPedido.bomba,
                         petrolera: $scope.notaPedido.petrolera,
                         domicilio: $scope.notaPedido.domicilio,
                         kilometros: $scope.notaPedido.kilometros,
                         jurisdiccionIIBB: $scope.notaPedido.jurisdiccionIIBB,
                         costoFinanciacion: $scope.notaPedido.costoFinanciacion,
                         flete: $scope.notaPedido.flete,
                         costoUnitarioKmFlete: $scope.notaPedido.costoUnitarioKmFlete,
                         total: $scope.articulosTabla[0].subTotal
                     };
                     crearNotaPedidoService.crearNotaPedido(notaPedido).then(
                         function() {
                             alert('Nota pedido creada');
                             $location.path('/venta-nota-pedido');
                         }
                     );
                     var articulosNotaPedido = $scope.articulosTabla;
                     for(var i = 0; i< articulosNotaPedido.length;i++) {
                         crearNotaPedidoService
                             .crearArticulosParaNotaPedido(articulosNotaPedido[i]).then(
                                 function() {
                                     return;
                                 }
                             );
                     }
                 };
                 $scope.siguienteTab = function() {
                     $scope.active = 1;
                 };
                 $scope.seleccionarArticulo = function() {
                     if (idLista === undefined) {
                         alert('primero seleccione una lista de precio y condicion');
                         return;
                     }
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Productos',
                             templateUrl: 'modal-busqueda-productos.html',
                             controller: 'modalBusquedaProductosCtrl',
                             resolve: { idLista: function() { return idLista; } },
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(producto) {
                             var newArt =
                             {
                                 id: 0,
-                                codigo: producto.FiltroSectorCodigo,
+                                codigo: producto.codigo,
+                                sector: producto.sector,
+                                descripcion: producto.descripcion,
                                 item: $scope.articulosTabla.length + 1,
                                 nombre: producto.descripcion,
-                                precio: producto.precio,
+                                precio: producto.precio.toFixed(2),
                                 costoUnitario: producto.costo,
                                 cantidad: 1
                             };
-                            $scope.articulosTabla.unshift(newArt);
+                            $scope.articuloACargar = newArt;
                         }, function() {
                             // funcion ejecutada cuando se cancela el modal
                         }
                     );
                 };
                 $scope.seleccionarVendedor = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Vendedores',
                             templateUrl: 'modal-vendedores.html',
                             controller: 'modalVendedoresCtrl',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(vendedor) {
                             $scope.notaPedido.vendedor.nombre = vendedor.NomVen;
                         }, function() {
                         }
                     );
                 };
                 $scope.seleccionarPetrolera = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Petrolera',
                             templateUrl: 'modal-petroleras.html',
                             controller: 'modalPetrolerasCtrl',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(petrolera) {
                             $scope.notaPedido.petrolera = petrolera.NOM;
                         }, function() {
                         }
                     );
                 };
                 $scope.seleccionarCliente = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Cliente',
                             templateUrl: 'foca-busqueda-cliente-modal.html',
                             controller: 'focaBusquedaClienteModalController',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(cliente) {
                             $scope.notaPedido.cliente.nombre = cliente.nom;
                         }, function() {
                         }
                     );
                 };
                 $scope.mostrarFichaCliente = function() {
                     $uibModal.open(
                         {
                             ariaLabelledBy: 'Datos del Cliente',
                             templateUrl: 'foca-crear-nota-pedido-ficha-cliente.html',
                             controller: 'focaCrearNotaPedidoFichaClienteController',
                             size: 'lg'
                         }
                     );
                 };
                 $scope.obtenerDomicilios = function(id) {
                     crearNotaPedidoService.getDomicilios(id).then(
                         function(res) {
                             $scope.notaPedido.domicilio = res.data;
                         }
                     );
                 };
                 $scope.getSubTotal = function(item) {
                     var subTotal = 0;
                     var array = $scope.articulosTabla.filter(
                         function(a) {
                             return a.item <= item;
                         }
                     );
                     for (var i = 0; i < array.length; i++) {
                         subTotal += array[i].precio * array[i].cantidad;
                     }
                     return subTotal.toFixed(2);
                 };
                 $scope.cargarArticulos = function() {
                     idLista = $scope.notaPedido.precioCondicion;
                     $scope.articulosTabla = [];
                 };
                 $scope.abrirModalListaPrecio = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Busqueda de Precio Condición',
                             templateUrl: 'modal-precio-condicion.html',
                             controller: 'focaModalPrecioCondicionController',
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(
                         function(precioCondicion) {
                             $scope.notaPedido.precioCondicion = precioCondicion.nombre;
+                            idLista = precioCondicion.idListaPrecio;
                         }, function() {
                         }
                     );
                 };
                 $scope.abrirModalFlete = function() {
                     if($scope.notaPedido.flete === '1') {
                         var modalInstance = $uibModal.open(
                             {
                                 ariaLabelledBy: 'Busqueda de Flete',
                                 templateUrl: 'modal-flete.html',
                                 controller: 'focaModalFleteController',
                                 size: 'lg'
                             }
                         );
                         modalInstance.result.then(
                             function(flete) {
                                 $scope.notaPedido.fleteNombre = flete.nombre;
                                 $scope.notaPedido.costoUnitarioKmFlete = flete.costoKilometro;
                             }, function() {
                             }
                         );
                     }
                 };
+                $scope.agregarATabla = function(key) {
+                    if(key === 13) {
+                        $scope.articulosTabla.unshift($scope.articuloACargar);
+                        $scope.articuloACargar = undefined;
+                    }
+                };
             }
         ]
     )
     .controller('notaPedidoListaCtrl', [
         '$scope',
         'crearNotaPedidoService',
         '$location',
         function($scope, crearNotaPedidoService, $location) {
             crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {
                 $scope.notaPedidos = datos.data;
             });
             $scope.editar = function(notaPedido) {
                 crearNotaPedidoService.setNotaPedido(notaPedido);
                 $location.path('/venta-nota-pedido/abm/');
             };
             $scope.crearPedido = function() {
                 crearNotaPedidoService.clearNotaPedido();
                 $location.path('/venta-nota-pedido/abm/');
             };
         }
     ])
     .controller('focaCrearNotaPedidoFichaClienteController', [
         '$scope',
         'crearNotaPedidoService',
         '$location',
         function($scope, crearNotaPedidoService, $location) {
             crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {
                 $scope.notaPedidos = datos.data;
             });
             $scope.editar = function(notaPedido) {
                 crearNotaPedidoService.setNotaPedido(notaPedido);
                 $location.path('/venta-nota-pedido/abm/');
             };
             $scope.crearPedido = function() {
                 crearNotaPedidoService.clearNotaPedido();
                 $location.path('/venta-nota-pedido/abm/');
             };
         }
     ]);

src/views/nota-pedido.html

Diff comments View file @ e9ecb68

 <div class="row">
     <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
         <div class="row bg-secondary p-3">
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <div class="input-group">
                     <input
                         type="text"
                         class="form-control"
                         uib-datepicker-popup="dd/MM/yyyy"
                         ng-model="notaPedido.fechaCarga"
                         is-open="popup1.opened"
                         datepicker-options="dateOptions"
                         close-text="Cerrar"
                         current-text="Hoy"
                         clear-text="Borrar"
                         alt-input-formats="altInputFormats"
                     />
                     <span class="input-group-append">
                         <button type="button" class="btn btn-default" ng-click="popup1.opened = true">
                             <i class="fa fa-calendar"></i>
                         </button>
                     </span>
                 </div>
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <div class="input-group">
                     <input
                         class="form-control"
                         type="text"
                         ng-model="notaPedido.vendedor.nombre"
                         placeholder="Seleccione Vendedor"
                         readonly="true"
                     >
                     <span class="input-group-append">
                         <button type="button" class="btn btn-default" ng-click="seleccionarVendedor()">
                             <i class="fa fa-search"></i>
                         </button>
                     </span>
                 </div>
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <div class="input-group">
                     <input
                         class="form-control selectable"
                         type="text"
                         ng-model="notaPedido.cliente.nombre"
                         placeholder="Seleccione Cliente"
                         readonly="true"
                         ng-click="mostrarFichaCliente()"
                     >
                     <span class="input-group-append">
                         <button type="button" class="btn btn-default" ng-click="seleccionarCliente()">
                             <i class="fa fa-search"></i>
                         </button>
                     </span>
                 </div>
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <input
                     class="form-control selectable"
                     type="text"
                     readonly="true"
                     ng-bind="vendedor.nombre"
                     ng-click="abrirModalDomicilio()"
                     placeholder="Seleccione Domicilio"
                 >
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <input
                     class="form-control selectable"
                     type="text"
                     readonly="true"
                     ng-model="notaPedido.precioCondicion"
                     ng-click="abrirModalListaPrecio()"
                     placeholder="Seleccione Lista de precio"
                 >
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <label>Flete</label>
                 <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">No</label>
                 </div>
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <input
                     class="form-control selectable"
                     type="text"
                     readonly="true"
                     ng-model="notaPedido.fleteNombre"
                     ng-click="abrirModalFlete()"
                     placeholder="Seleccione Flete"
                 >
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <input
                     class="form-control selectable"
                     type="number"
                     step="0.01"
                     ng-disabled="notaPedido.flete == 0"
                     ng-model="notaPedido.costoUnitarioKmFlete"
                     placeholder="Costo por kilómetro"
                 >
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <input
                     class="form-control selectable"
                     type="number"
                     step="0.1"
                     ng-disabled="notaPedido.flete == 0"
                     ng-model="notaPedido.kilometros"
                     placeholder="Kilómetros recorridos"
                 >
             </div>
         </div>
     </div>
 </div>
 <div class="row">
     <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
         <div class="row">
         </div>
         <div class="row">
             <table class="table table-striped table-sm">
                 <thead>
                     <tr>
                         <th>Sector</th>
                         <th>Código</th>
                         <th>Descripción</th>
-                        <th>Cantidad</th>
                         <th>Precio Unitario</th>
+                        <th>Cantidad</th>
                         <th>SubTotal</th>
-                        <th></th>
                         <th>
-                            <button class="btn btn-outline-secondary selectable" style="float: right;" ng-click="show = !show">
+                            <button class="btn btn-outline-secondary selectable" style="float: right;" ng-click="show = !show; masMenos()" >
                                 <i class="fa fa-chevron-down" ng-hide="show" aria-hidden="true"></i>
                                 <i class="fa fa-chevron-up" ng-show="show" aria-hidden="true"></i>
                             </button>
                         </th>
                     </tr>
                 </thead>
                 <tbody>
-                    <tr>
+                    <tr ng-show="!articuloACargar">
                         <td colspan="2"><input class="form-control" readonly ng-click="seleccionarArticulo()"></td>
                         <td></td>
                         <td></td>
                         <td></td>
                         <td></td>
                         <td></td>
-                        <td></td>
                     </tr>
-                    <tr>
+                    <tr ng-show="articuloACargar">
-                        <td>1</td>
+                        <td><input
-                        <td>1</td>
+                                class="form-control"
-                        <td>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</td>
+                                ng-model="articuloACargar.sector"
-                        <td>{{10000 | number: 2}}</td>
+                                readonly></td>
-                        <td>{{1000000000 | currency:'$'}}</td>
+                        <td><input
-                        <td>{{1000000000 | currency:'$'}}</td>
+                                class="form-control"
-                        <td></td>
+                                ng-model="articuloACargar.codigo"
-                        <td class="text-center">
+                                readonly></td>
-                            <button class="btn btn-outline-secondary btn-sm" ng-click="quitarArticulo()">
+                        <td><input
-                                <i class="fa fa-trash"></i>
+                                class="form-control"
-                            </button>
+                                ng-model="articuloACargar.descripcion"
-                        </td>
+                                readonly></td>
+                        <td><input
+                                class="form-control"
+                                ng-model="articuloACargar.precio"
+                                readonly></td>
+                        <td><input
+                                class="form-control"
+                                type="number"
+                                min="1"
+                                value="1"
+                                ng-model="articuloACargar.cantidad"
+                                foca-focus="articuloACargar.cantidad == 1"
+                                ng-keypress="agregarATabla($event.keyCode)"></td>
+                        <td><input
+                                class="form-control"
+                                ng-model="(articuloACargar.precio * articuloACargar.cantidad)"
+                                readonly></td>
                     </tr>
-                    <tr ng-show="show">
+                    <tr ng-repeat="(key, articulo) in articulosTabla" ng-show="show || key == 0">
-                        <td>1</td>
+                        <td ng-bind="articulo.sector"></td>
-                        <td>2</td>
+                        <td ng-bind="articulo.codigo"></td>
-                        <td>Lorem Ipsum</td>
+                        <td ng-bind="articulo.descripcion"></td>
-                        <td>1</td>
+                        <td ng-bind="articulo.precio | currency:'$'"></td>
-                        <td>{{1000000000 | currency:'U$D'}}</td>
+                        <td><input ng-model="articulo.cantidad" class="form-control" type="number" min="1" value="1"></td>
-                        <td>{{10 | currency:'$'}}</td>
+                        <td ng-bind="(articulo.precio * articulo.cantidad)"></td>
-                        <td></td>
-                        <td class="text-center">
-                            <button class="btn btn-outline-secondary btn-sm" ng-click="quitarArticulo()">
-                                <i class="fa fa-trash"></i>
-                            </button>
-                        </td>
-                    </tr>
-                    <tr ng-show="show">
-                        <td>1</td>
-                        <td>2</td>
-                        <td>Lorem Ipsum</td>
-                        <td>1</td>
-                        <td>{{10 | currency:'$'}}</td>
-                        <td>{{10 | currency:'$'}}</td>
-                        <td></td>
                         <td class="text-center">
                             <button class="btn btn-outline-secondary btn-sm" ng-click="quitarArticulo()">
                                 <i class="fa fa-trash"></i>
                             </button>
                         </td>
                     </tr>
                 </tbody>
                 <tfoot>
                     <tr class="table-secondary">
-                        <td colspan="5"><b>Cantidad Items:</b> 3</td>
+                        <td colspan="5"><b>Cantidad Items:</b> <a ng-bind="articulosTabla.length"></a> </td>
-                        <td colspan="3">{{30 | currency:'$'}}</td>
+                        <td colspan="3">{{getSubTotal(articulosTabla[0].item) | currency:'$'}}</td>
                     </tr>
                 </tfoot>
             </table>
         </div>
     </div>
 </div>
 <!--
 <form name="formCrearNota">
     <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>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"
                             ng-click="seleccionarPetrolera()" 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>