Sunteți pe pagina 1din 18

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/Satelite.Master" A utoEventWireup="true" CodeBehind="IngresoDeComponentes.aspx.cs" Inherits="HostPrincipal.Views.

Ingr esoDeComponentes" %> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="ser ver"> <script> var var var var var $almacenes; $tablaPrinpal; $tablaModal; $workGroup; $estado;

jQuery(document).ready(function () { /****EDITAR****/ $('#editarIngresoCont').hide(); $('#entrarEditarButton').on('click', function () { $('#mainCont').hide(); $('#editarIngresoCont').show(); }); $('#salirEditarButton').on('click', function () { $('#editarIngresoCont').hide(); $('#mainCont').show(); }); $('#editarButton').on('click', function () { BuscarConfig(); }); $('#editarItemsTable').on('click', 'button[name="actualizar"]', func tion () { var $fila = $(this).closest('tr'); actualizarCantidadDetalle($fila); }); /*** FIN EDITAR ***/ var count = 1; $('#btnBuscarDevolucion').click(function () { BuscarItemsDevolucion(); }); $('#inputRetirarTodo').on('change', function () { var isChecked = $(this).prop('checked'); $('#itemsTable input[na me="ingresar"]').prop('checked', isChecked); }); $('#idAdd').click(function () { GetAlmacenes(); GetWorkGroup(); GetEstado(); var $tabla = $('#itemsTable > tbody'); var $tr = $('<tr></tr>');

$tr.data('itemId', count); $('<td></td>').text(count).appendTo($tr); //plaqueteo Antapaccay $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //plaqueteo proveedor $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //Descripcion $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //# Serie $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //# Parte $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //Proveedor $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //workGrup $('<td></td>').append($workGroup.clone()).appendTo($tr); //Flota $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //Cantidad $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //Almacen $('<td></td>').append($almacenes.clone()).appendTo($tr); //Ubicacion $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //Estado $('<td></td>').append($estado.clone()).appendTo($tr); //PR $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //OT $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //OC/VA $('<td></td>').append('<input type="text" value="0" name="OT"/ >').appendTo($tr); //INGRESAR $('<td></td>').append('<input type="checkbox" value="0" name=" ingresar"/>').appendTo($tr); $tabla.append($tr); count++; }); $('#idRemove').click(function () { var trs = $("#itemsTable tr").length; if (trs > 1) { $("#itemsTable tr:last").remove();

count--; } }); $('#itemsTable > tbody').on('click', '[name="LinkButtonAlmacen"]', f unction () { $tablaPrinpal = $(this).closest('tr'); }); $('#seleccionarArticuloButton').on('click', function () { $tablaModal = $('[name="selectradio"]:checked').closest('tr'); llenarItemsTable($tablaModal, $tablaPrinpal); }) $('#itemsTable > tbody').on('click', '.mostrarAnhadirComentarioButto n', function () { var $fila = $(this).closest('tr'); $('#comentarioInput').val($('#comentario').val()); $('#anhadirComentarioModal').modal('show'); $('#comentarioDetalleId').text($fila.data('itemId')); }); $('#anhadirComentarioButton').on('click', function () { modificarComentario(); }); $('#inputDevolverTodo').on('change', function () { $('#tbodyRespuesta').find("input.devolver[type=checkbox]").prop( 'checked', $(this).prop('checked')); }); $('#buscarArticuloButton').on('click', function () { buscarParaEditar(); }); $('#registrarButton').on('click', function () { registarDetalles(); }); $('#fechaInput').datepicker({ dateFormat: "dd/mm/yy" }); }); function GetWorkGroup() { if (true) { $.ajax({ type: "POST", url: "IngresoDeComponentes.aspx/GetWorkGroup", data: '{"oWorkGroup":"oWorkGroup"}', contentType: "application/json; charset=utf-8", dataType: "json", async: false, success: function (data) { var workGroupData = JSON.parse(data.d); $workGroup = $('<select class="input-small" name="almace n"></select>'); console.log("entro workgroup");

$.each(workGroupData, function (i, WO) { $workGroup.append($('<option value="' + WO.WORK_GRO UP + '">' + WO.WORK_GROUP + '</option>')) }); } }); } } function GetEstado() { $estado = $('<select class="input-small" name="estado"></select>'); console.log("entro estado"); $estado.append($('<option value="REPARACION">REPARACION</option>') ) $estado.append($('<option value="STAND BY">STAND BY</option>')) } /** EDITAR **/ function actualizarCantidadDetalle(fila) { var detalleID = fila.data('detalleID'); var nuevaCantidad = $.trim(fila.find('input[name="nuevaCantidadInput "]').val()); if (!nuevaCantidad) { alert("ingrese la cantidad"); return; } nuevaCantidad = parseInt(nuevaCantidad); var idAlmacenArticulo = fila.data('almacenArticuloID'); var cantidadAntigua = fila.data('cantidadAntigua'); var datosObj = {}; datosObj.cantidad = nuevaCantidad; datosObj.detalleID = detalleID; datosObj.cantidadAntigua = cantidadAntigua; datosObj.idAlmacenArticulo = idAlmacenArticulo; datosObj.tipo = "INGRESO"; var datosJson = JSON.stringify(datosObj); $.ajax({ type: "POST", url: "IngresoDeComponentes.aspx/ActualizarCantidadDetalle", data: datosJson, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { alert("ok"); BuscarConfig(); }, error: function (data) { alert('error'); } }); } function BuscarConfig() {

var editar = $.trim($('#editarInput').val()); var distrito = $.trim($('#distritoInput').val()); var Tipo = $('[name="tipoingresoEditar"]:checked').val(); if (!editar || !distrito) { alert("llene el campo"); return; } var datosObj = {}; datosObj.oCodigo = editar; datosObj.oDistrito = distrito; datosObj.Tipo = Tipo; var datosJson = JSON.stringify(datosObj); $.ajax({ type: "POST", url: "IngresoDeComponentes.aspx/BuscarConfig", data: datosJson, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { var datos = JSON.parse(data.d); llenarEditarConfigItemsTable(datos); }, error: function (data) { alert('error'); } }); } function llenarEditarConfigItemsTable(datos) { var $tabla = $('#editarItemsTable > tbody'); $tabla.html(''); $.each(datos, function (i, item) { var $tr = $('<tr></tr>'); $tr.data('detalleID', item.IDDETALLE); $tr.data('almacenArticuloID', item.IDALMACENARTICULO); $tr.data('cantidadAntigua', item.CANTIDAD); /** ID Detalle **/ $('<td></td>').text(item.IDDETALLE).appendTo($tr); /** Id Articulo **/ $('<td></td>').text(item.IDARTICULO).appendTo($tr); /** Descripcin **/ $('<td></td>').text(item.DESCRIPCION).appendTo($tr); /** Parte **/ $('<td></td>').text(item.NRO_PARTE).appendTo($tr); /** Fecha **/ $('<td></td>').text(item.FECHACREACION).appendTo($tr); /** Responsable **/ $('<td></td>').text(item.RESPONSABLE).appendTo($tr);

/** Cantidad **/ $('<td></td>').text(item.CANTIDAD).appendTo($tr); /** Nueva Cantidad **/ $('<td></td>').append($('<input type="text" name="nuevaCantidadI nput"> </input>')).appendTo($tr); /** Actualizar **/ $('<td></td>').append($('<button name="actualizar">Actualizar</b utton>')).appendTo($tr); $tabla.append($tr); }); } /** Fin editar **/ function modificarComentario() { var codigoDetalle = $('#comentarioDetalleId').text(); var comentario = $('#comentarioInput').val(); if (comentario && codigoDetalle) { $('#comentario' + codigoDetalle).val(comentario); $('#anhadirComentarioModal').modal('hide'); } else { alert("El campo est vaco."); } } function registarDetalles() { var fecha = $.trim($('#fechaInput').val()); var responsable = $.trim($('#inputResponsable').val()); var guia = 0; if (!fecha || !responsable) { alert("Llene los campos fecha, guia y responsable"); return; } $seleccionados = $('#itemsTable input[name="ingresar"]:checked'); var dataobj = {}; dataobj.data = []; $.each($seleccionados, function (i, item) { $fila = $(item).closest('tr'); var detalle = {}; detalle.fecha = fecha; detalle.responsable = responsable; //detalle.guiaproveedor = 0; //detalle.guiafechapedido = '';

detalle.refnum = $fila.data('refnum'); //detalle.valeoc = ''; detalle.articulo = $fila.data('ArticuloID'); detalle.cantidad = $fila.find('input[name="cantidad"]').val(); detalle.almacen = $fila.find('select[name="almacen"]').val(); detalle.ubicacion = $fila.find('input[name="ubicacion"]').val(); /**********************************************************/ detalle.ordtrabajo = $fila.find('input[name="OT"]').val(); //detalle.pr = ''; detalle.precio = $fila.find('input[name="precio"]').val(); //detalle.cantellipse = ''; //detalle.equipo = ""; //detalle.workgroup = ""; detalle.distrito = $('#distritoInput').val(); detalle.comentario = $('#comentario' + $fila.data('itemId')).val (); detalle.idalmacenarticulo = $fila.data('idalmacenarticulo'); /***********************************************************/ var maxCantidad = parseInt($fila.children().eq(8).text()); var cantidad = parseInt(detalle.cantidad); dataobj.data.push(detalle); }); if (dataobj.data) { var datosJson = JSON.stringify(dataobj); datoObj = {}; datoObj.todo = datosJson; $.ajax({ type: "POST", url: "IngresoDeComponentes.aspx/RegistrarDetalles", data: JSON.stringify(datoObj), contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { alert("correcto"); var $tabla = $('#itemsTable > tbody'); $tabla.html(''); }, error: function (data) { alert("Error de transmisin"); } }) } } function GetAlmacenes() { $.ajax({ type: "POST", url: "IngresoDeComponentes.aspx/GetAlmacenes", data: '{"foo":"foobar"}', contentType: "application/json; charset=utf-8", dataType: "json",

async: false, success: function (data) { var almacenesData = JSON.parse(data.d); $almacenes = $('<select class="input-small" name="almacen">< /select>'); console.log("entro getalmacenes"); $.each(almacenesData, function (i, almacen) { $almacenes.append($('<option value="' + almacen.ATR_IDA LMACEN_LP + '">' + almacen.ATR_NOMBRE + '</option>')) }); }, error: function (data) { alert('error'); } }); } function UltimoPrecio($nombre) { var dataObj = {}; dataObj.nombre = $nombre; var dataJson = JSON.stringify(dataObj); $.ajax({ type: "POST", url: "IngresoDeComponentes.aspx/UltimoPrecio", data: dataJson, contentType: "application/json; charset=utf-8", dataType: "json", async: false, success: function (data) { var precio = JSON.parse(data.d); $tablaPrinpal.data('idalmacenarticulo', precio.ATR_IDALMACEN ARTICULO); $tablaPrinpal.data('refnum', precio.ATR_REFNUM); $tablaPrinpal.children().eq(8).append($('<input class="inpu t-mini" type="text" value=' + precio.ATR_PRECIO + ' name="precio"/>')); }, error: function (data) { alert('error'); } }); } function seleccionarArticulo() { var seleccionado = $("input:radio[name='articuloSeleccionado']:check ed").val(); if (seleccionado) { var itemId = $('#itemId').val(); var fila = $('#item' + itemId); if (seleccionado == "sincodigo") { var nomart = $.trim($('#nomartArticuloInput').val());

var partno = $.trim($('#partnoArticuloInput').val()); var proveedor = ""; if (!nomart || !partno) { alert("Llene los campos"); return; } var dataObj = {}; dataObj.nomart = nomart; dataObj.partno = partno; dataObj.proveedor = proveedor; var dataJson = JSON.stringify(dataObj); $.ajax({ type: "POST", url: "IngresoPorOrdenDeCompra.aspx/RegistrarArticulo", data: dataJson, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { articulo = JSON.parse(data.d); fila.find("td.idArticulo").text(articulo.ATR_IDART_L P); $('#buscarArticuloModal').modal('hide'); }, error: function (data) { alert('error'); } }); } else { fila.find("td.idArticulo").text(seleccionado); $('#buscarArticuloModal').modal('hide'); } } else { alert("Seleccione un artculo.") } } function buscarParaEditar() { var distrito = $.trim($('#distritoInput').val()); var terminoDeBusqueda = $.trim($('#terminoBusquedaInput').val()); var buscarPor = $('[name="tipoingresoEditar"]:checked').val(); if ($.trim(distrito) != "") { var datos = {}; datos.terminoDeBusqueda = terminoDeBusqueda; datos.buscarPor = buscarPor; datos = JSON.stringify(datos); var sdatos = datos.toString(); $.ajax({ type: "POST", url: "IngresoDeComponentes.aspx/BuscarParaEditar",

data: datos, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { var datos = JSON.parse(data.d); llenarEditarItemsTable(datos); }, error: function (data) { alert("No se pudo buscar"); } }); } else { alert("Alguno de los campos est vaco"); } } function llenarEditarItemsTable(datos) { var $tabla = $('#articulosTable > tbody'); $tabla.html(''); $.each(datos, function (i, item) { var $tr = $('<tr></tr>'); $tr.data('ArticuloID', item.ATR_IDART_LP); $tr.data('responsable', item.ATR_PROVEEDOR); $('<td></td>').append($('<input type="radio" name="selectradio" id="selectRadio" </input>')).appendTo($tr); $('<td></td>').text(item.ATR_NOMART).appendTo($tr); $('<td></td>').text(item.ATR_PARTNO).appendTo($tr); $tabla.append($tr); }); } function llenarItemsTable($filaModal, $filaTable) { $filaTable.data('ArticuloID', $filaModal.data('ArticuloID')); $filaTable.children().eq(2).text($filaModal.children().eq(1).text()) ; $filaTable.children().eq(3).text($filaModal.children().eq(2).text()) ; $filaTable.children().eq(4).text($filaModal.data('responsable')); var $nombrev = $filaTable.children().eq(2).text(); UltimoPrecio($nombrev); $('#terminoBusquedaInput').val(''); var $tabla = $('#articulosTable > tbody'); $tabla.html(''); $('#buscarArticuloModal').modal('hide'); } function BuscarItemsDevolucion() {

var buscar = $('#inputBuscarDevolucion').val(); var opcion = ""; var valorDescripcion = $('#tipoingresodes').prop('checked'); var valorNumeroParte = $('#tipoingresonumparte').prop('checked'); var valorCodigoStock = $('#tipoingresocodstock').prop('checked'); if (valorDescripcion == true) { opcion = $('#tipoingresodes').val(); } if (valorNumeroParte == true) { opcion = $('#tipoingresonumparte').val(); } if (valorCodigoStock == true) { opcion = $('#tipoingresocodstock').val(); } if ($.trim(buscar) != "" && opcion != "") { var datos = ""; datos = '{"Buscar":"' + buscar + '","Opcion":"' + opcion + '"}'; $.ajax({ type: "POST", url: "DevolucionDeItems.aspx/BuscarItemsDevolucion", data: datos, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { var datos = eval('(' + data.d + ')'); $("#inputResponsable").val(datos[0].ATR_DESCRIPCION); $("#inputFecha").val(datos[0].ATR_NOMBRE); var datosTabla = []; for (var i = 0; i < 10; ++i) { var ddd = []; for (var j = 0; j < 11; ++j) { ddd.push('valor ' + i + ' ' + j); } datosTabla.push(ddd); } var tbody = $("#tbodyRespuesta"); for (var i = 0; i < datosTabla.length; ++i) { var fila = $('<tr></tr>'); for (var j = 0; j < datosTabla[i].length; ++j) { if (j < 4) { $('<td></td>').text(datos[i].ATR_NOMBRE).app endTo(fila); }

if (j == 4) { $('<td><input class="devolver" type="checkbo x"></input></td>').appendTo(fila); } if (j > 5 && j < 9 || j == 10) { $('<td></td>').text(datos[i].ATR_NOMBRE).app endTo(fila); } if (j == 9) { $('<td><select ><option>1</option><option>2 </option><option>3</option><option>4</option></select></td>').appendTo(fila); } } tbody.append(fila); } } }); } else { alert("El campo a Buscar esta vacio!"); } } </script> <div class="container-fluid"> <div class="container-fluid" id="mainCont"> <div class="row-fluid"> <div class="span2 well"> <div class="span12"> <div class="nav"> <div class="navbar-inner"> <a class="brand sty">INGRESO DE COMPONENTES</a> </div> </div> </div> </div> <div class="span12"> <div class="span5"> <div class="span12"> <div class="form-inline"> <input type="radio" id="radiobtnOrdenCompra" nam e="tipoingreso" value="ordencomprea" /> Orden de Compra <input type="radio" id="radiobtnPR" name="tipoin greso" value="valealmacen" /> PR <div class="input-append"> <input class="span7" type="text" id="inputBu scarComponente" placeholder="Codigo" /> <a href="#" id="btnBuscarComponente" class=" btn btn-primary">Buscar</a> </div> </div> <br /> </div>

<div class="span12"> <div class="form-horizontal"> <div class="control-group"> <label class="control-label" for="inputRespo nsable"> Responsable:</label> <div class="controls"> <input type="text" id="inputResponsable" name="inputResponsable" placeholder="Responsable" /> </div> </div> <div class="control-group"> <label class="control-label" for="fechaInput "> Fecha:</label> <div class="controls"> <input type="text" id="fechaInput" name= "fechaInput" placeholder="Fecha" /> <!--id="Text4"--> </div> </div> </div> </div> <div class="span4"> <button id="entrarEditarButton" class="btn btn-prima ry"> Editar </button> </div> </div> </div> <div class="container"> <div class="span12" style="overflow-x: scroll">

<table class="table table-bordered table-condensed" id="item sTable"> <thead> <tr> <th > # </th> <th > Plaqueteo <br /> Antapaccay </th> <th > Plaqueteo <br /> Proveedor </th> <th > Descripcion </th> <th > # Serie </th> <th >

# Parte </th> <th > Proveedor </th> <th > WorkGroup </th> <th > Flota </th> <th > Cantidad </th> <th > Almacen </th> <th > Ubicacion </th> <th > Estado </th> <th > PR </th> <th> OT </th> <th > OC/VA </th> <th > Ingresar? </th> </tr> </thead> <tbody id="tbodyRespuesta"> </tbody> </table>

</div> </div> </div> <div class="span12"> <a class="btn btn-primary" id="idAdd">+</a> <a class="bt n btn-danger" id="idRemove"> -</a> <a class="btn" aria-hidden="true" id="registrarBut ton">Registrar</a> </div> </div> </div> <!--Busqueda modal --> <div id="buscarArticuloModal" class="modal hide fade" tabindex="-1" role="di alog"> <div class="modal-header"> <a type="a" class="close" data-dismiss="modal" aria-hidden="true"></a

> <h4 id="buscarArticuloLabel"> Busqueda de cdigos internos </h4> </div> <div class="modal-body form-inline"> <!-- Formulario --> <!-- --> <div class="form-inline"> <input type="text" class="input-small" id="terminoBusquedaInput" /> <label class="radio"> <input type="radio" name="tipoingresoEditar" id="buscarPorDe scripcion" value="ATR_NOMART" checked /> Descripcin </label> <label class="radio"> <input type="radio" name="tipoingresoEditar" id="buscarPorNu meroDeParte" value="ATR_PARTNO" /> Nmero de parte </label> <label class="radio"> <input type="radio" name="tipoingresoEditar" id="buscarPorCo digo" value="ATR_IDART_LP" /> Cdigo </label> <a class="btn" id="buscarArticuloButton"><i class="icon-search"> </i></a> </div> <!-- Fin Formulario --> <table class="table table-striped table-bordered table-condensed" id ="articulosTable"> <thead> <tr> <th> S </th> <th> Descripcion </th> <th> No.Parte </th> </tr> </thead> <tbody> </tbody> </table> </div> <div class="modal-footer"> <a class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</a> <a id="seleccionarArticuloButton" class="btn btn-primary">OK</a> </div> </div> <!-- Fin modal --> <!-- Comentario Modal --> <div id="anhadirComentarioModal" class="modal hide fade" tabindex="-1" role= "dialog">

<div class="modal-header"> <a type="a" class="close" data-dismiss="modal" aria-hidden="true"></a > <h4 id="anhadirComentarioLabel"> Aadir Comentario </h4> </div> <div class="modal-body form-inline"> <!-- Formulario --> <input type="hidden" id="itemId" /> <!-- --> <div class="control-group"> <label class="control-label"> Id</label> <div class="controls inline"> <span class="uneditable-input" id="comentarioDetalleId"></sp an> </div> </div> <!-- --> <div class="control-group inline"> <label class="control-label"> Comentario</label> <div class="controls"> <textarea cols="120" id="comentarioInput" placeholder="Comen tario"> </textarea> </div> </div> <!-- Fin Formulario --> <div id="comentariosAntiguos"> </div> <!-- --> </div> <div class="modal-footer"> <a class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</a> <a id="anhadirComentarioButton" class="btn btn-primary">Subir Comentario</a> </div> </div> <!--finComentario--> <!-- Editar Modal --> <div class="container-fuild" id="editarIngresoCont"> <div class="row-fluid"> <div id="Div2" class="span12"> <div class="nav" style="margin-bottom: 0px;"> <div class="navbar-inner"> <a class="brand" href="#">Devolucion Ingresos </a> </div> </div> <div class="well"> <div class="row-fluid"> <div class="span8"> <div class="form-inline"> <input type="text" class="input-small" id="edita rInput" /> <label class="radio"> <input type="radio" name="tipoingresoEditar" id="Radio1" value="DESCRIPCION" checked /> Descripcin </label>

<label class="radio"> <input type="radio" name="tipoingresoEditar" id="Radio2" value="PARTE" /> Nmero de parte </label> <label class="radio"> <input type="radio" name="tipoingresoEditar" id="Radio3" value="CODIGO" /> Cdigo </label> <a class="btn" id="editarButton"><i class="iconsearch"></i></a> </div> </div> <div class="span4"> <button class="btn" id="salirEditarButton"> Regresar</button> </div> </div> <br /> <div class="row-fluid"> <div class="row-fluid"> <div class="span12"> <div class="nav" style="margin-bottom: 0px;"> <div class="navbar-inner"> <a class="brand" href="#"><i class="icon -folder-open"></i>Lista de tems </a> </div> </div> <div class="well"> <table id="editarItemsTable" class="table ta ble-striped table-bordered table-condensed"> <thead> <tr> <th> ID Detalle </th> <th> Id Articulo </th> <th> Descripcin </th> <th> Parte </th> <th> Fecha </th> <th> Registrador </th> <th> Cantidad </th> <th> Nueva Cantidad </th> <th> Actualizar

</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Fin Editar --> </asp:Content>

S-ar putea să vă placă și