396 lines
20 KiB
Plaintext
396 lines
20 KiB
Plaintext
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" %>
|
|
|
|
<script runat="server">
|
|
|
|
</script>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
<style type="text/css">
|
|
.auto-style1 {
|
|
width: 567px;
|
|
height: 367px;
|
|
}
|
|
|
|
.auto-style2 {
|
|
width: 734px;
|
|
height: 358px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.auto-style3 {
|
|
width: 1311px;
|
|
height: 375px;
|
|
}
|
|
|
|
.auto-style4 {
|
|
width: 1233px;
|
|
height: 241px;
|
|
}
|
|
.auto-style5 {
|
|
width: 1114px;
|
|
height: 208px;
|
|
}
|
|
.auto-style6 {
|
|
width: 1094px;
|
|
height: 398px;
|
|
}
|
|
.auto-style7 {
|
|
|
|
width: 366px;
|
|
height: 331px;
|
|
float: none;
|
|
}
|
|
.auto-style8 {
|
|
width: 635px;
|
|
height: 157px;
|
|
}
|
|
.auto-style9 {
|
|
width: 736px;
|
|
height: 340px;
|
|
}
|
|
.auto-style10 {
|
|
width: 687px;
|
|
height: 327px;
|
|
}
|
|
.auto-style11 {
|
|
width: 592px;
|
|
height: 124px;
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
div {
|
|
margin-bottom: 15px;
|
|
padding: 4px 12px;
|
|
}
|
|
.danger {
|
|
background-color: #ffdddd;
|
|
border-left: 6px solid #f44336;
|
|
}
|
|
.success {
|
|
background-color: #ddffdd;
|
|
border-left: 6px solid #4CAF50;
|
|
}
|
|
.info {
|
|
background-color: #e7f3fe;
|
|
border-left: 6px solid #2196F3;
|
|
}
|
|
.warning {
|
|
background-color: #ffffcc;
|
|
border-left: 6px solid #ffeb3b;
|
|
}
|
|
.example{
|
|
background-color: #efefef;
|
|
border-left: 6px solid #565656;
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
#myImg {
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
#myImg:hover {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* The Modal (background) */
|
|
.modal {
|
|
display: none; /* Hidden by default */
|
|
position: fixed; /* Stay in place */
|
|
z-index: 1; /* Sit on top */
|
|
padding-top: 100px; /* Location of the box */
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%; /* Full width */
|
|
height: 100%; /* Full height */
|
|
overflow: auto; /* Enable scroll if needed */
|
|
background-color: rgb(0,0,0); /* Fallback color */
|
|
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
|
|
}
|
|
|
|
/* Modal Content (image) */
|
|
.modal-content {
|
|
margin: auto;
|
|
display: block;
|
|
width: 80%;
|
|
max-width: 1500px;
|
|
}
|
|
|
|
/* Caption of Modal Image */
|
|
#caption {
|
|
margin: auto;
|
|
display: block;
|
|
width: 80%;
|
|
max-width: 700px;
|
|
text-align: center;
|
|
color: #ccc;
|
|
padding: 10px 0;
|
|
height: 150px;
|
|
}
|
|
|
|
/* Add Animation */
|
|
.modal-content, #caption {
|
|
-webkit-animation-name: zoom;
|
|
-webkit-animation-duration: 0.6s;
|
|
animation-name: zoom;
|
|
animation-duration: 0.6s;
|
|
}
|
|
|
|
@-webkit-keyframes zoom {
|
|
from {
|
|
-webkit-transform: scale(0);
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes zoom {
|
|
from {
|
|
transform: scale(0);
|
|
}
|
|
|
|
to {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
/* The Close Button */
|
|
.close {
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 35px;
|
|
color: #f1f1f1;
|
|
font-size: 40px;
|
|
font-weight: bold;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.close:hover,
|
|
.close:focus {
|
|
color: #bbb;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 100% Image Width on Smaller Screens */
|
|
@media only screen and (max-width: 1500px) {
|
|
.modal-content {
|
|
width: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
Ordenes de Compra
|
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content6" ContentPlaceHolderID="HA" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content7" ContentPlaceHolderID="C" runat="Server">
|
|
<b>
|
|
<a href="#Req" class="Texto">- Requisición/Orden de compra</a></b><br />
|
|
<a href="#Req1" class="Texto"> - Datos Generales</a><br />
|
|
<a href="#Req2" class="Texto"> - Estatus</a><br />
|
|
<a href="#Req5" class="Texto"> - Historial de seguimiento</a><br />
|
|
<a href="#Req3" class="Texto"> - Conceptos</a><br />
|
|
<a href="#Req4" class="Texto"> - Cotizaciones</a><br />
|
|
<a href="#Req6" class="Texto"> - Bitácora</a><br /> <br />
|
|
|
|
<b>
|
|
<a href="#Req7" class="Texto">- Reporte OC</a></b><br />
|
|
<a href="#Req7" class="Texto"> - Reporte OC</a><br /> <br />
|
|
<br />
|
|
<div class="panel panel-info" >
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title caption-subject font-green-haze bold ">Requisición/Orden de compra </h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
|
|
<a name="Req" id="Req"></a>
|
|
<br />
|
|
|
|
<p>Una requisición es una solicitud o autorización para realizar de una compra, dicha solicitud tiene le fin de abastecer a la empresa con bienes o servicios, la requisición tiene que ser aprobada por el antes de convertirse en una orden de compra. </p>
|
|
|
|
<a name="Req1" id="Req1"></a>
|
|
<strong>Datos Generales</strong>
|
|
<p><b>Folio:</b>Es un Numero asignado automáticamente por el sistema el cual sirve para identificar la requisición</p>
|
|
<p><b>Descripción:</b> Es un campo de texto abierto en él que se describe a grandes rasgos la requisición.</p>
|
|
<p><b>Justificación:</b>Es un campo de texto abierto en el que se busca justificar y dar razón de la solitud de la compra.</p>
|
|
<p><b>Fecha Estimada:</b>Es un campo de fecha en el cual se indica la fecha estimada en la será requerido los bienes o servicios solicitados en la requisición. </p>
|
|
<p><b>Lugar de entrega:</b>Es un campo de texto abierto el cual sirve para especificar cuál será el lugar donde se entregarán los bienes o se realizará el servicio</p>
|
|
<p><b>Proveedor:</b>Es un campo de opción múltiple en el que se listan los proveedores de la empresa, en este se determina cual es el proveedor que se pretende surta el producto o servicio</p>
|
|
<p><b>Guía:</b>Es un campo de texto abierto que es utilizado para especificar la guía o número de seguimiento, esto es utilizado cuando el proveedor envía el bien por medio de algún servicio de paquetería. </p>
|
|
<img src="/Documentacion/Imagenes/OC/12.png" data-imgmodal="true" />
|
|
<a name="Req2" id="Req2"></a> <br />
|
|
|
|
<strong>Estatus</strong><br />
|
|
<p><b>Estatus:</b>Es un campo de opción múltiple el cual sirve para mostrar el estado de la requisición (o compra), si se tienen los permisos necesarios, también se podrá cambiar por este medio el estado de la requisición. </p>
|
|
<p><b>Vendedor:</b></p>
|
|
<p><b>F. Registro:</b>Es una etiqueta en la que se muestra la fecha de registro de la requisición </p>
|
|
<p>
|
|
<b>Capturó:</b>Es una etiqueta en la que se muestra el usuario que capturo la requisición
|
|
</p>
|
|
<p><b>Requiere cotización:</b>Es una opción tipo Check, al estar habilitada se deben incluir cotizaciones en la requisición, se habilitará la pestaña de cotizaciones en el que se deben incluir las cotizaciones</p>
|
|
<img src="/Documentacion/Imagenes/OC/13.png" data-imgmodal="true" /><br />
|
|
|
|
|
|
<a name="Req5" id="Req5"></a>
|
|
<strong>Historial de seguimiento</strong><br/>
|
|
<p>Se muestra el historial que tiene la requisición o compra, muestra el estatus, usuario y fecha </p>
|
|
<img src="/Documentacion/Imagenes/OC/14.png" data-imgmodal="true" /><br />
|
|
|
|
<p>Cuando se tarta de un orden de compra tambien se muestran los productos o servicios pendientes de surtir</p>
|
|
<img src="/Documentacion/Imagenes/OC/19.png" data-imgmodal="true" /><br />
|
|
<a name="Req3" id="Req3"></a>
|
|
<strong>Conceptos</strong><br />
|
|
<p><b></b></p>
|
|
|
|
|
|
<p>Los conceptos/partidas son el listado de productos, bienes o servicios de los que se componen la requisición, para agregar un concepto se deben llenar unos cuantos campos y pulsar el botón agregar, tras haber agregado un concepto este se agregara a un lista la que se mostrar en la parte baja, cada concepto agregado puede ser editado en cualquier momento usando los iconos que aparecen al lado derecho de cada concepto., cada concepto se compone de varios campos listados a continuación, </p>
|
|
|
|
<p><b>Cantidad:</b>Es un campo numérico que en el que se indican la cantidad de productos o servicios que serán requeridos</p>
|
|
<p><b>Clasificación:</b>Es un campo de opción múltiple en el que se solicita la clasificación del producto, este servirá como filtro al seleccionar el producto o servicio</p>
|
|
<p><b>Producto o servicio:</b>Es un campo de opción múltiple en el que se indica cual es el producto o servicio, si se seleccionó la clasificación previamente solo se mostraran los productos y servicios que estén dentro de la clasificación asignada. </p>
|
|
<p><b>Unidad</b>La unidad de medida es un campo de opción múltiple, las opciones disponibles dependerán del producto o servicio seleccionado</p>
|
|
<p><b>Observaciones:</b>Es un campo de texto abierto en el cual se puede poner una nota u observación en caso de ser requerido.</p>
|
|
<p><b>Proyecto:</b>Es un campo de opción múltiple en el que se solicita el proyecto al que será destina la compra (Es importante especificar el proyecto a que de esta manera se sabe de manera más acertada en a que proyecto se destinan las compras) </p>
|
|
<p><b>SubProyecto:</b>Es un campo de opción múltiple en el que se solicita el subproyecto al cual está destinada la compra, los subproyectos elegibles dependen del proyecto seleccionado previamente</p>
|
|
<p><b>Activo Fijo:</b></p>
|
|
<p><b>P.U.:</b>Es un campo numérico abierto en el que se solicita se especifique el precio unitario del producto o servicio seleccionado previamente, si el producto o servicio seleccionado ya tiene un precio unitario predefinido este se cargara automáticamente manteniendo el campo P.U. editable. </p>
|
|
<p><b>Total</b>Es un campo tipo etiqueta en el que se muestra el total del concepto</p>
|
|
<p><b></b>Dentro la pestaña de conceptos se encuentra un pequeño recuadro gris en el que se indica el subtotal, el IVA y el total de toda la requisición, en este recuadro se puede cambiar el IVA y al lado del total se puede cambiar el tipo de moneda. </p>
|
|
<img src="/Documentacion/Imagenes/OC/5.png" data-imgmodal="true" style="width:1000px;height:200px" />
|
|
<p>Para guardar la requisición se debe de hacer el en el botón Guardar </p>
|
|
<img src="/Documentacion/Imagenes/OC/11.png" data-imgmodal="true" />
|
|
<br />
|
|
|
|
<p>Si la requisición ya se ha guardado y su estado es autorizado, se habrá generado un orden de compra, en la lista de conceptos se agregara un folio de la orden de compra que se genero </p>
|
|
<img src="/Documentacion/Imagenes/OC/16.png" data-imgmodal="true" style="height:170px;width:1000px" />
|
|
<br />
|
|
|
|
<p>Si se desea cancelar y se tiene el permiso requerido se debe hacer click en el botón cancelar , con ello se mostrara una ventana emergente en la que se solicita la fecha de cancelación y el motivo</p>
|
|
<img src="/Documentacion/Imagenes/OC/15.png" data-imgmodal="true" />
|
|
<a name="Req4" id="Req4"></a> <br />
|
|
|
|
|
|
|
|
<strong>Cotizaciones</strong><br />
|
|
<p><b></b>Cuando se activa la pestaña de cotizaciones y ya tenemos conceptos agregados se podrán agregar cotizaciones, esto se hace de dos maneras, una se hace manualmente usando el enlacen Agregar Cotización o Enviando una invitación al proveedor en un correo electrónico el cual contendrá un enlace lo llevara a un sitio del sistema en el que podrá llenar los datos de la requisición </p>
|
|
<p>
|
|
<b></b>La ventana de carga de requisiciones se compone de tres partes.<br/>
|
|
Proveedores: donde se selecciona el proveedor deseado usando dos controles seleccionables, Clasificación y proveedor, clasificación servirá de filtro para que en proveedor solo se carguen los proveedores deseados, si no se selecciona una clasificación se mostraran todos los proveedores.
|
|
<br/>
|
|
Datos de cotización: Son los datos generales de la cotización, Folio, Fecha cotización, Moneda y días de crédito.
|
|
<br/>
|
|
Detalles: Es una tabla en la se muestran los productos o servicios de la requisición, y se especifica que productos o servicios el proveedor pretende surtir, los datos solicitados son Cantidad, Fecha de entrega, Precio unitario y observación en caso de ser requerida.
|
|
<br/>
|
|
|
|
</p>
|
|
<img src="/Documentacion/Imagenes/OC/9.png" data-imgmodal="true" />
|
|
|
|
<p> La otización enviada por correo electrónico contiene dos diferencias en comparación con la agregada manualmente por un usuario del sistema, en este el proveedor ya está predefinido y no es seleccionable, la fecha de requisición tampoco es mostrada.</p>
|
|
<img src="/Documentacion/Imagenes/OC/4.png" data-imgmodal="true" />
|
|
<p> También se incluye un botón para cargar un archivo adjunto llamado seleccionar archivo.</p>
|
|
|
|
|
|
<p><b></b>Una vez agregadas las cotizaciones se listarán en la pestaña Cotizaciones, por cada producto o servicio se agregará un registro, dentro de cada registro se mostrará una columna por cada proveedor que allá enviado una cotización y se especificara el costo, los productos con mejores precios serán marcados en Azul y los que sean seleccionados como ganadores en verde </p>
|
|
<img src="/Documentacion/Imagenes/OC/10.png" data-imgmodal="true" style="height:170px;width:1000px" /><br />
|
|
|
|
<a name="Req6" id="Req6"></a> <br />
|
|
<strong>Bitácora</strong><br/>
|
|
<p><b></b>-en esta sección posible llevar una bitácora de la requisición u orden de compra, en la cual se irán agregando las anotaciones y observaciones </p>
|
|
<img src="/Documentacion/Imagenes/OC/18.png" data-imgmodal="true" />
|
|
<p><b></b>Para añadir un registro basta con pulsar en agregar (En la sección de bitácora) y se desplegara una ventana en la que se puede agregar un comentario y subir un archivo adjunto, tras llenar la observación y cargar el archivo (En caso de que allá sido requerido) se pulas hace click en el botón guardar </p>
|
|
<img src="/Documentacion/Imagenes/OC/17.png" data-imgmodal="true" />
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<a name="Req7" id="Req7"></a> <br />
|
|
<a name="Documentos1" id="Documentos1"></a>
|
|
<div class="panel panel-info" >
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title caption-subject font-green-haze bold ">Reporte OC </h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
|
|
<p>El reporte de ordenes compra muestra a la información de las requisiciones y ordenes compra efectuadas en la empresa. </p>
|
|
|
|
<p>Hay distintos filtros permitirán hacer una búsqueda más precisa en caso de ser requerida, filtros de bisque como Folio de OC o requisición, proyecto, subProyecto, Proveedor, clasificación, proveedor etc.</p>
|
|
|
|
<img src="/Documentacion/Imagenes/OC/20.png" data-imgmodal="true" style="width:1000px;height:200px" />
|
|
|
|
<p>Al hacer click en el botón consultar se mostrarán los estados de todas las órdenes de compra y requisiciones </p>
|
|
|
|
<p>al hacer click en el botón pendientes se mostrarán dos pestañas en las que se muestran órdenes de compra y requisiciones, en la primera pestaña (Por atender) aparecerán las órdenes de compra y requisiciones que estén en un estado pendiente por autorizar del usuario actual, en la segunda pestaña Pendientes se mostrarán todas las requisiciones y órdenes de compra no terminadas </p>
|
|
<img src="/Documentacion/Imagenes/OC/21.png" data-imgmodal="true" style="width:1000px;height:200px" />
|
|
<p>Las Columnas mostradas en la tabla se muestran el tipo (Requisición u Orden de compra), el subProyecto al que corresponde, Descripción, Estatus, Fecha de solicitud, el usuario que lo solicito, Proveedor si se tiene un activo fijo relacionado, el total y la moneda. </p>
|
|
|
|
<p>En el menú de acciones se puede exportar a Excel en la información e las tablas </p>
|
|
<p>Existe un subreporte el cual muestra las requisiciones y órdenes de compra de la semana (se pueden cambiar las fechas del reporte para ampliar o disminuir el pedio de búsqueda)</p>
|
|
|
|
<img src="/Documentacion/Imagenes/OC/22.png" data-imgmodal="true" />
|
|
|
|
<p>Las tres diferentes tablas mostradas se pueden exportar a Excel usando las opciones exportar a Excel ene l menú de acciones</p>
|
|
|
|
<img src="/Documentacion/Imagenes/OC/23.png" />
|
|
</div>
|
|
<br />
|
|
</div>
|
|
|
|
|
|
|
|
<div id="myModal" class="modal" onclick="document.getElementById('myModal').style.display = 'none';">
|
|
<span class="close" style="cursor: pointer" onclick="document.getElementById('myModal').style.display = 'none';">cvbsiudhiaskdas</span>
|
|
<img class="modal-content" id="img01">
|
|
<div id="caption"></div>
|
|
</div>
|
|
|
|
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
|
<script>
|
|
var Imagenes;
|
|
function InitModalImg() {
|
|
|
|
Imagenes = document.querySelectorAll("[data-imgmodal='true']");
|
|
var respuestas = '';
|
|
|
|
var i = 0;
|
|
for (i = 0; i < Imagenes.length ; i++) {
|
|
|
|
var modal = document.getElementById('myModal');
|
|
var modalImg = document.getElementById("img01");
|
|
var captionText = document.getElementById("caption");
|
|
|
|
Imagenes[i].style.cursor = 'pointer';
|
|
Imagenes[i].onclick = function () {
|
|
|
|
modal.style.display = "block";
|
|
modal.style.overflow = "auto";
|
|
modalImg.src = this.src;
|
|
modalImg.style.overflow = "auto";
|
|
captionText.innerHTML = this.alt;
|
|
}
|
|
}
|
|
}
|
|
|
|
var Iniciar = InitModalImg();
|
|
|
|
</script>
|
|
</asp:Content>
|
|
|