Luigi / foca-crear-nota-pedido

Commit 2f52e0f2bbc71e08387c3cbdd2dada9f9fc0d700

Authored by Eric Fernandez 2018-10-26 18:30:23 -0300

Exists in master

Merge branch 'master' into 'master'

Master (pmarco)

See merge request modulos-npm/foca-crear-nota-pedido!29

Showing 2 changed files Show diff stats

src/js/controller.js

Diff comments View file @ 2f52e0f

 angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
     [
         '$scope', '$uibModal', '$location', '$filter', 'crearNotaPedidoService',
         'focaModalService',
         function(
             $scope, $uibModal, $location, $filter, crearNotaPedidoService, focaModalService
         ) {
             $scope.botonera = [
                 {texto: 'Vendedor', accion: function() {$scope.seleccionarVendedor();}},
                 {texto: 'Cliente', accion: function() {$scope.seleccionarCliente();}},
+                {texto: 'Proveedor', accion: function() {}},
                 {texto: 'Moneda', accion: function() {$scope.abrirModalMoneda();}},
                 {
                     texto: 'Precios y condiciones',
                     accion: function() {$scope.abrirModalListaPrecio();}},
                 {texto: 'Flete', accion: function() {$scope.abrirModalFlete();}},
-                {texto: 'Totales', accion: function() {}},
                 {texto: '', accion: function() {}},
                 {texto: '', accion: function() {}}
             ];
             $scope.show = false;
             $scope.cargando = true;
             $scope.dateOptions = {
                 maxDate: new Date(),
                 minDate: new Date(2010, 0, 1)
             };
             $scope.notaPedido = {
                 vendedor: {},
                 cliente: {},
                 domicilio: {dom: ''},
                 moneda: {detalle: ''}
             };
             $scope.cabecera = [];
             $scope.now = new Date();
             $scope.puntoVenta = Math.round(Math.random() * 10000);
             $scope.comprobante = Math.round(Math.random() * 1000000);
             $scope.articulosTabla = [];
             var idLista;
             var notaPedidoTemp = crearNotaPedidoService.getNotaPedido();
             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;
                         }
                     );
                 //TODO DOMICILIOS QUE SE CARGAN AL EDITAR NOTA DE PEDIDO
                 //(NO REQUERIDO EN ESTA VERSION)
                 // crearNotaPedidoService.getDomiciliosByIdNotaPedido($scope.notaPedido.id).then(
                 //     function(res) {
                 //         $scope.notaPedido.domicilio = res.data;
                 //     }
                 // );
             } else {
                 $scope.notaPedido.fechaCarga = new Date();
                 $scope.notaPedido.bomba = '0';
                 $scope.notaPedido.flete = '0';
                 idLista = undefined;
             }
             //TO DO - FUNCIONES PARA MULTIPLES DOMICILIOS NO IMPLEMENTADAS EN ESTA DEMO
             // $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() {
                 if($scope.articulosTabla.length === 0) {
                     focaModalService.alert('Debe cargar almenos un articulo');
                     return;
                 }
                 if($scope.notaPedido.domicilio.id === undefined) {
                     $scope.notaPedido.domicilio.id = 0;
                 }
                 var date = new Date();
                 var notaPedido = {
                     id: 0,
                     fechaCarga: new Date(date.getTime() - (date.getTimezoneOffset() * 60000))
                                         .toISOString().slice(0, 19).replace('T', ' '),
                     vendedor: $scope.notaPedido.vendedor.nombre,
                     idCliente: $scope.notaPedido.cliente.id,
                     domicilio: $scope.notaPedido.domicilio,
                     precioCondicion: $scope.notaPedido.precioCondicion,
                     bomba: $scope.notaPedido.bomba,
                     flete: $scope.notaPedido.flete,
                     total: $scope.getTotal()
                 };
                 crearNotaPedidoService.crearNotaPedido(notaPedido).then(
                     function(data) {
                         focaModalService.alert('Nota pedido creada');
                         if($scope.notaPedido.flete === 1) {
                             var flete = {
                                 idNotaPedido: data.data.id,
                                 idTransportista: $scope.notaPedido.fleteId,
                                 idChofer: $scope.notaPedido.chofer.id,
                                 idVehiculo: $scope.notaPedido.vehiculo.id,
                                 kilometros: $scope.notaPedido.kilometros,
                                 costoKilometro: $scope.notaPedido.costoUnitarioKmFlete
                             };
                             crearNotaPedidoService.crearFlete(flete);
                         }
                         var articulosNotaPedido = $scope.articulosTabla;
                         for(var i = 0; i < articulosNotaPedido.length; i++) {
                             delete articulosNotaPedido[i].edit;
                             articulosNotaPedido[i].idNotaPedido = data.data.id;
                             crearNotaPedidoService
                                 .crearArticulosParaNotaPedido(articulosNotaPedido[i]);
                         }
                         $scope.limpiarPantalla();
                     }
                 );
             };
             $scope.seleccionarArticulo = function() {
                 if (idLista === undefined) {
                     focaModalService.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.codigo,
                             sector: producto.sector,
                             descripcion: producto.descripcion,
                             item: $scope.articulosTabla.length + 1,
                             nombre: producto.descripcion,
                             precio: producto.precio.toFixed(2),
                             costoUnitario: producto.costo,
                             edit: false
                         };
                         $scope.articuloACargar = newArt;
                         $scope.cargando = false;
                     }, 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) {
                         addCabecera('Vendedor:', vendedor.NomVen);
                         $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;
                         $scope.notaPedido.cliente.id = cliente.cod;
                         crearNotaPedidoService.getDomiciliosByIdCliente(cliente.cod).then(
                             function(data) {
                                 if(data.data.length === 0){
                                     focaModalService
                                         .alert('El cliente no tienen domicilios de entrega')
                                         .then(
                                             function() {
                                                 $scope.seleccionarCliente();
                                                 $scope.notaPedido.cliente = {nombre: ''};
                                             }
                                     );
                                     return;
                                 }
                                 var modalInstanceDomicilio = $uibModal.open(
                                     {
                                         ariaLabelledBy: 'Busqueda de Domicilios',
                                         templateUrl: 'modal-domicilio.html',
                                         controller: 'focaModalDomicilioController',
                                         resolve: { idCliente: function() { return cliente.cod; }},
                                         size: 'lg',
                                         backdrop: 'static',
                                     }
                                 );
                                 modalInstanceDomicilio.result.then(
                                     function(domicilio) {
                                        focaModalService.alert('Domicilio elegido' + domicilio.dom);
                                     }, function() {
                                         $scope.notaPedido.cliente.nombre = '';
                                         $scope.notaPedido.cliente.id = '';
                                         removeCabecera('Cliente:');
                                         $scope.seleccionarCliente();
                                         return;
                                     }
                                 );
                             }
                         );
                         addCabecera('Cliente:', 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.getTotal = function() {
                 var total = 0;
                 var arrayTempArticulos = $scope.articulosTabla;
                 for (var i = 0; i < arrayTempArticulos.length; i++) {
                     total += arrayTempArticulos[i].precio * arrayTempArticulos[i].cantidad;
                 }
                 return total.toFixed(2);
             };
             $scope.getSubTotal = function() {
                 if($scope.articuloACargar) {
                     return $scope.articuloACargar.precio * $scope.articuloACargar.cantidad;
                 }
             };
             $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;
                         $scope.articulosTabla = [];
                         addCabecera('Precios y condiciones:', precioCondicion.nombre);
                     }, function() {
                     }
                 );
             };
             $scope.abrirModalFlete = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Flete',
                         templateUrl: 'modal-flete.html',
                         controller: 'focaModalFleteController',
                         size: 'lg',
                         resolve: {
                             parametrosFlete:
                                 function() {
                                     return {
                                         flete: $scope.notaPedido.flete,
                                         bomba: $scope.notaPedido.bomba,
                                         kilometros: $scope.notaPedido.kilometros
                                     };
                                 }
                         }
                     }
                 );
                 modalInstance.result.then(
                     function(datos) {
                         $scope.notaPedido.flete = datos.flete;
                         $scope.notaPedido.bomba = datos.bomba;
                         $scope.notaPedido.kilometros = datos.kilometros;
                         addCabecera('Flete:', datos.flete);
                         if(datos.flete === 'si') {
                             addCabecera('Bomba:', datos.bomba);
                             addCabecera('Kilometros:', datos.kilometros);
                         } else {
                             removeCabecera('Bomba:');
                             removeCabecera('Kilometros:');
                         }
                     }, function() {
                     }
                 );
             };
             $scope.abrirModalMoneda = function() {
                 var modalInstance = $uibModal.open(
                     {
                         ariaLabelledBy: 'Busqueda de Moneda',
                         templateUrl: 'modal-moneda.html',
                         controller: 'focaModalMonedaController',
                         size: 'lg'
                     }
                 );
                 modalInstance.result.then(
                     function(moneda) {
                         $scope.notaPedido.moneda = {
                             id: moneda.ID,
                             detalle: moneda.DETALLE,
                             simbolo: moneda.SIMBOLO
                         };
                         addCabecera('Moneda:', moneda.DETALLE);
                     }, function() {
                     }
                 );
             };
             $scope.agregarATabla = function(key) {
                 if(key === 13) {
                     if($scope.articuloACargar.cantidad === undefined ||
                         $scope.articuloACargar.cantidad === 0 ||
                         $scope.articuloACargar.cantidad === null ){
                             focaModalService.alert('El valor debe ser al menos 1');
                             return;
                     }
                     $scope.articulosTabla.unshift($scope.articuloACargar);
                     $scope.cargando = true;
                 }
             };
             $scope.quitarArticulo = function(key) {
                 $scope.articulosTabla.splice(key, 1);
             };
             $scope.editarArticulo = function(key, articulo) {
                 if(key === 13) {
                     if(articulo.cantidad === null || articulo.cantidad === 0 ||
                         articulo.cantidad === undefined){
                         focaModalService.alert('El valor debe ser al menos 1');
                         return;
                     }
                     articulo.edit = false;
                 }
             };
             $scope.cambioEdit = function(articulo) {
                 articulo.edit = true;
             };
             $scope.limpiarFlete = function() {
                 $scope.notaPedido.fleteNombre = '';
                 $scope.notaPedido.chofer = '';
                 $scope.notaPedido.vehiculo = '';
                 $scope.notaPedido.kilometros = '';
                 $scope.notaPedido.costoUnitarioKmFlete = '';
                 $scope.choferes = '';
                 $scope.vehiculos = '';
             };
             $scope.limpiarPantalla = function() {
                 $scope.limpiarFlete();
                 $scope.notaPedido.flete = '0';
                 $scope.notaPedido.bomba = '0';
                 $scope.notaPedido.precioCondicion = '';
                 $scope.articulosTabla = [];
                 $scope.notaPedido.vendedor.nombre = '';
                 $scope.notaPedido.cliente = {nombre: ''};
                 $scope.notaPedido.domicilio = {dom: ''};
                 $scope.domiciliosCliente = [];
             };
             $scope.resetFilter = function() {
                 $scope.articuloACargar = {};
                 $scope.cargando = true;
             };
             $scope.selectFocus = function($event) {
                 $event.target.select();
             };
             $scope.salir = function() {
                 $location.path('/');
             };
             function addCabecera(label, valor) {
                 var propiedad = $filter('filter')($scope.cabecera, {label: label});
                 if(propiedad.length === 1) {
                     propiedad[0].valor = valor;
                 } else {
                     $scope.cabecera.push({label: label, valor: valor});
                 }
             }
             function removeCabecera(label) {
                 var propiedad = $filter('filter')($scope.cabecera, {label: label});
                 if(propiedad.length === 1){
                     $scope.cabecera.splice($scope.cabecera.indexOf(propiedad[0]), 1);
                 }
             }
         }
     ]
 )
 .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 @ 2f52e0f

 <div class="crear-nota-pedido">
     <form name="formCrearNota" ng-submit="crearNotaPedido()">
         <div class="row">
             <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                 <div class="row p-1 panel-informativo">
                     <div class="col-12">
                         <div class="row">
-                            <div class="col-3">
+                            <div class="col-5">
-                                {{ now | date:'dd/MM/yyyy HH:mm'}}
+                                <div class="h4">NOTA DE PEDIDO</div>
                             </div>
-                            <div class="col-6 text-center">
+                            <div class="col-3">Nº {{puntoVenta}}-{{comprobante}}</div>
-                                <div class="h2">NOTA DE PEDIDO</div>
+                            <div class="col-4 text-right">
+                                Fecha: {{ now | date:'dd/MM/yyyy HH:mm'}}
                             </div>
-                            <div class="col-3 text-right">Nº {{puntoVenta}}-{{comprobante}}</div>
                         </div>
                         <div class="row">
                             <div class="col-auto" ng-repeat="cab in cabecera">
                                 <span class="label" ng-bind="cab.label"></span>
                                 <span class="valor" ng-bind="cab.valor"></span>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="row p-1 botonera-secundaria">
                     <div class="col-12">
                         <div class="row">
                             <div class="col-3 px-0 py-0" ng-repeat="boton in botonera">
                                 <button
                                     type="button"
                                     class="btn btn-default btn-block btn-xs text-left py-2"
                                     ng-click="boton.accion()"
                                 >
                                     <i
                                         class="fa fa-arrow-circle-right"
                                         ng-show="boton.texto != ''"
                                     ></i>
                                     &nbsp;
                                     {{boton.texto}}
                                 </button>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </form>
     <div class="row">
         <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
             <div class="row grilla-articulos align-items-end">
                 <table class="table table-striped table-sm table-dark">
                     <thead>
                         <tr>
                             <th>Código</th>
                             <th>Descripción</th>
                             <th>Cantidad</th>
                             <th>Precio Unitario</th>
                             <th>SubTotal</th>
                             <th>
                                 <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 ng-show="!cargando">
                             <td><input
                                     class="form-control"
                                     ng-model="articuloACargar.sector + '-' + articuloACargar.codigo"
                                     readonly></td>
                             <td><input
                                     class="form-control"
                                     ng-model="articuloACargar.descripcion"
                                     readonly></td>
                             <td class="text-right"><input
                                     class="form-control"
                                     type="number"
                                     min="1"
                                     ng-model="articuloACargar.cantidad"
                                     foca-focus="!cargando"
                                     esc-key="resetFilter()"
                                     ng-keypress="agregarATabla($event.keyCode)"></td>
                             <td class="text-right"><input
                                     class="form-control"
                                     ng-value="articuloACargar.precio | currency: '$'"
                                     readonly></td>
                             <td class="text-right"><input
                                     class="form-control"
                                     ng-value="getSubTotal() | currency: '$'"
                                     readonly></td>
                             <td class="text-center"><button
                                     class="btn btn-outline-secondary btn-sm"
                                     ng-click="agregarATabla(13)">
                                 <i class="fa fa-save"></i>
                             </button></td>
                         </tr>
                         <tr
                             ng-repeat="(key, articulo) in articulosTabla"
                             ng-show="show || key == 0"
                         >
                             <td ng-bind="articulo.sector + '-' + articulo.codigo"></td>
                             <td ng-bind="articulo.descripcion"></td>
                             <td class="text-right"><input
                                     ng-show="articulo.edit"
                                     ng-model="articulo.cantidad"
                                     class="form-control"
                                     type="number"
                                     min="1"
                                     foca-focus="articulo.edit"
                                     ng-keypress="editarArticulo($event.keyCode, articulo)"
                                     ng-focus="selectFocus($event)"
                                 >
                                 <i
                                     class="selectable"
                                     ng-click="cambioEdit(articulo)"
                                     ng-hide="articulo.edit"
                                     ng-bind="articulo.cantidad">
                                 </i>
                             </td>
                             <td class="text-right" ng-bind="articulo.precio | currency: '$'"></td>
                             <td
                                 class="text-right"
                                 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
                             </td>
                             <td class="text-center">
                                 <button
                                     class="btn btn-outline-secondary btn-sm"
                                     ng-click="quitarArticulo(key)"
                                 >
                                     <i class="fa fa-trash"></i>
                                 </button>
                             </td>
                         </tr>
                         <tr ng-show="cargando">
                             <td colspan="6">
                                 <input
                                     placeholder="Seleccione Articulo"
                                     class="form-control form-control-sm"
                                     readonly
                                     ng-click="seleccionarArticulo()"
                                 />
                             </td>
                         </tr>
                     </tbody>
                     <tfoot>
                         <tr class="">
                             <td colspan="3">
                                 <strong>Cantidad Items:</strong>
                                 <a ng-bind="articulosTabla.length"></a>
                             </td>
                             <td class="text-right table-celda-total"><h3>Total:</h3></td>
                             <td class="table-celda-total text-right" colspan="1">
                                 <h3>{{getTotal() | currency: '$'}}</h3>
                             </td>
-                            <td colspan="2"></td>
+                            <td colspan="2" class="text-right">
+                                <button
+                                    type="button"
+                                    class="btn btn-default btn-sm"
+                                >
+                                    Totales
+                                </button>
+                            </td>
                         </tr>
                     </tfoot>
                 </table>
             </div>
         </div>
         <div class="col-auto my-2 col-lg-2 botonera-lateral">
             <div class="row align-items-end">
                 <div class="col-12">
                     <button
                         ng-click="crearNotaPedido()"
                         type="submit"
                         title="Crear nota pedido"
                         class="btn btn-default btn-block mb-2">
                         Guardar
                     </button>
                     <button
                         ng-click="salir()"
                         type="button"
                         title="Salir"
                         class="btn btn-default btn-block">
                         Salir
                     </button>
                 </div>
             </div>
         </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>
                         </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>