630 lines
37 KiB
Plaintext
630 lines
37 KiB
Plaintext
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="RepEstadoFlujoEfectivo.aspx.vb" Inherits="Finanzas_RepEstadoFlujoEfectivo" EnableEventValidation="false" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="HB" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="E" runat="Server">
|
|
<asp:Literal ID="LtTitulo" Text="Razones Financieras" runat="server" />
|
|
</asp:Content>
|
|
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
|
|
|
|
<asp:UpdatePanel runat="server" ID="UpAcciones" UpdateMode="Always">
|
|
<ContentTemplate>
|
|
<li>
|
|
<asp:LinkButton ID="LnkExportar" runat="server" Visible="false" OnClick="LnkExportar_Click"><i class="fa fa-file-excel-o"></i> Generar Excel</asp:LinkButton>
|
|
</li>
|
|
</ContentTemplate>
|
|
<Triggers>
|
|
<asp:PostBackTrigger ControlID="LnkExportar" />
|
|
</Triggers>
|
|
</asp:UpdatePanel>
|
|
|
|
|
|
|
|
</asp:Content>
|
|
<asp:Content ID="Content6" ContentPlaceHolderID="C" runat="Server">
|
|
|
|
<asp:UpdatePanel runat="server" ID="UpFiltros" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="portlet solid grey-cascade portlet-filter">
|
|
<div class="portlet-title portlet-filterT smalltitle">
|
|
<div class="tools">
|
|
<asp:Button ID="BtnConsultar" Text="Consultar" CssClass="btn btn-primary" runat="server" OnClick="BtnConsultar_Click" />
|
|
<a href="javascript:;" class="expand"></a>
|
|
</div>
|
|
<div class="titlefiltros caption ">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
|
|
|
|
<label class="col-md-1" runat="server" id="LblVista" visible="false">Vista: </label>
|
|
<div class="col-md-1 " runat="server" visible="false" >
|
|
<asp:DropDownList ID="DdlVista" runat="server" CssClass="select2me" DataTextField="Ejercicio" DataValueField="Ejercicio" Width="100%" AutoPostBack="true" OnSelectedIndexChanged="DdlVista_SelectedIndexChanged">
|
|
<asp:ListItem Value="1" Selected="True">Ejercicio</asp:ListItem>
|
|
<asp:ListItem Value="2">Mensual</asp:ListItem>
|
|
</asp:DropDownList>
|
|
</div>
|
|
|
|
|
|
<label class="col-md-1" runat="server" id="LiEjercicioLbl">Ejercicio Inicio: </label>
|
|
<div class="col-md-2 " runat="server" id="LiEjercicioDdl">
|
|
<asp:DropDownList ID="DdlEjercicio" runat="server" CssClass="select2me" DataTextField="Ejercicio" DataValueField="Ejercicio" Width="130px" AutoPostBack="true" >
|
|
</asp:DropDownList>
|
|
</div>
|
|
|
|
<label class="col-md-1" runat="server" id="LiEjercicioLbl2" visible="True">Ejercicio Fin: </label>
|
|
<div class="col-md-2" runat="server" id="LiEjercicioDdl2" visible="True">
|
|
<asp:DropDownList ID="DdlEjercicio2" runat="server" CssClass="select2me" DataTextField="Ejercicio" DataValueField="Ejercicio" Width="130px" AutoPostBack="true" >
|
|
</asp:DropDownList>
|
|
</div>
|
|
<label class="col-md-2" style="width: 80px;" runat="server" id="LblPeriodo" visible="false" >Periodo: </label>
|
|
<div class="col-md-2 " runat="server" id="DivPeriodo" visible="false">
|
|
<asp:DropDownList ID="DdlPeriodo" runat="server" Width="150px" CssClass="select2me">
|
|
<asp:ListItem Text="Enero" Value="1"></asp:ListItem>
|
|
<asp:ListItem Text="Febrero" Value="2"></asp:ListItem>
|
|
<asp:ListItem Text="Marzo" Value="3"></asp:ListItem>
|
|
<asp:ListItem Text="Abril" Value="4"></asp:ListItem>
|
|
<asp:ListItem Text="Mayo" Value="5"></asp:ListItem>
|
|
<asp:ListItem Text="Junio" Value="6"></asp:ListItem>
|
|
<asp:ListItem Text="Julio" Value="7"></asp:ListItem>
|
|
<asp:ListItem Text="Agosto" Value="8"></asp:ListItem>
|
|
<asp:ListItem Text="Septiembre" Value="9"></asp:ListItem>
|
|
<asp:ListItem Text="Octubre" Value="10"></asp:ListItem>
|
|
<asp:ListItem Text="Noviembre" Value="11"></asp:ListItem>
|
|
<asp:ListItem Text="Diciembre" Value="12" Selected="True"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
</div>
|
|
|
|
<asp:Label runat="server" ID="LblSubProyecto" CssClass="col-md-1" Visible="false">SubProyecto:</asp:Label>
|
|
<div class="col-md-2" runat="server" visible="false">
|
|
<asp:DropDownList ID="DdlSubproyecto" CssClass="form-control input-sm select2me" runat="server" DataTextField="SubProyecto" DataValueField="CveSubProyecto" Width="95%" AutoPostBack="True">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body" style="display: none">
|
|
<div class="row">
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<asp:UpdatePanel runat="server" ID="UpDatos" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
|
|
<asp:GridView ID="GVDatos" runat="server" AutoGenerateColumns="false" DataKeyNames="Nombre,Tipo,EsPorcentaje,Formula" OnRowDataBound="GVDatos_RowDataBound" Width="60%"
|
|
EmptyDataText="No se encontraron registros"
|
|
CssClass="table table-striped table-hover Widthall ScrollAD mysmallbtn" data-sort="true"
|
|
Style="text-align: center;" GridLines="None">
|
|
<Columns>
|
|
<asp:TemplateField ItemStyle-HorizontalAlign="Left" ControlStyle-Width="300px">
|
|
<HeaderTemplate></HeaderTemplate>
|
|
<ItemTemplate>
|
|
<asp:Label CssClass="truncate" ID="LblNombre" runat="server" Text='<%# Eval("Nombre") %>'></asp:Label>
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-Width="75px" />
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
|
|
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
<asp:BoundField ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="75px" />
|
|
|
|
|
|
</Columns>
|
|
<RowStyle CssClass="Texto" />
|
|
<AlternatingRowStyle CssClass="TextoAlterno" />
|
|
<HeaderStyle CssClass="Titulos" />
|
|
</asp:GridView>
|
|
|
|
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="DivModalGrafica" class="modal ADS fade" role="dialog">
|
|
<asp:UpdatePanel class="modal-dialog modal-lg" runat="server" ID="UPModalProd" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4 class="modal-title">
|
|
<asp:Label ID="LblTituloGrafica" CssClass="LblTituloGrafica" runat="server" ClientIDMode="Static" Text=""></asp:Label>
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-2"></div>
|
|
<label class="col-md-1 truncate">Grafica:</label>
|
|
<div class="col-md-2">
|
|
<asp:DropDownList ID="DdlGrafica" runat="server" AppendDataBoundItems="true" Class="DdlGrafica select2me">
|
|
<asp:ListItem Selected="True" Text="Barras" Value="1"></asp:ListItem>
|
|
<asp:ListItem Text="Pastel" Value="2"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div id="chartdiv"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
|
|
<div id="DivModalGraficaGral" class="modal ADS fade" role="dialog">
|
|
<asp:UpdatePanel class="modal-dialog modal-lg" style="width: 1300px" runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4 class="modal-title">
|
|
<asp:Label CssClass="LblTituloGraficaGral" runat="server" ClientIDMode="Static" Text="">Análisis de estados de resultados</asp:Label>
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-1"></div>
|
|
<label class="col-md-2 truncate" style="display: inline-block; padding-top: 8px; font-weight: bold;">Seleccione el tipo de gráfica:</label>
|
|
<div class="col-md-4">
|
|
<asp:RadioButtonList ID="rdblistgrafica" CssClass="rdblistgrafica" runat="server" RepeatDirection="Horizontal">
|
|
<asp:ListItem Selected="True" Text="Barras" Value="1"></asp:ListItem>
|
|
<asp:ListItem Text="Lineas" Value="2"></asp:ListItem>
|
|
</asp:RadioButtonList>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div id="grafInfo"></div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div id="chartdivgral"></div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
|
|
</asp:Content>
|
|
<asp:Content ID="Content7" ContentPlaceHolderID="JS" runat="Server">
|
|
|
|
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
|
|
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
|
|
<script src="https://www.amcharts.com/lib/3/pie.js"></script>
|
|
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
|
|
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
|
|
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
|
|
|
|
<script>
|
|
let cdatos;
|
|
let currentid = 1;
|
|
function HandlerGraf(obj, evt) {
|
|
$("#DivModalGrafica").modal();
|
|
cdatos = $(obj).data('values');
|
|
if (currentid == 1) {
|
|
CargaGraficaBarras();
|
|
} else {
|
|
CargaGraficaPastel();
|
|
}
|
|
$('.LblTituloGrafica').text($(obj).parent().text());
|
|
}
|
|
function CargaGraficaBarras() {
|
|
let data = cdatos;
|
|
var chart = AmCharts.makeChart("chartdiv", {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"dataProvider": data,
|
|
"startDuration": 2,
|
|
"valueAxes": [{
|
|
"position": "left",
|
|
"title": "Ventas"
|
|
}],
|
|
"graphs": [{
|
|
"balloonText": "[[category]]: <b>[[value]]</b> [[Moneda]]",
|
|
"colorField": "Color",
|
|
"fillAlphas": 1,
|
|
"lineAlpha": 0.1,
|
|
"type": "column",
|
|
"valueField": "Valor"
|
|
}],
|
|
"depth3D": 20,
|
|
"angle": 30,
|
|
"chartCursor": {
|
|
"categoryBalloonEnabled": false,
|
|
"cursorAlpha": 0,
|
|
"zoomable": false
|
|
},
|
|
"categoryField": "Texto",
|
|
"categoryAxis": {
|
|
"gridPosition": "start",
|
|
"labelRotation": 90
|
|
},
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
});
|
|
}
|
|
|
|
function CargaGraficaPastel() {
|
|
let data = cdatos;
|
|
var chart = AmCharts.makeChart("chartdiv", {
|
|
"type": "pie",
|
|
"theme": "light",
|
|
"dataProvider":
|
|
data,
|
|
"valueField": "Valor",
|
|
"titleField": "Texto",
|
|
"outlineAlpha": 0.4,
|
|
"depth3D": 0,
|
|
"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]% [[Moneda]])</span>",
|
|
"angle": 0,
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
});
|
|
}
|
|
function ADSBegin() {
|
|
$('.DdlGrafica').on('select2:select', function (e) {
|
|
var data = e.params.data;
|
|
currentid = data.id;
|
|
if (currentid == 1) {
|
|
CargaGraficaBarras();
|
|
} else {
|
|
CargaGraficaPastel();
|
|
}
|
|
});
|
|
$(".rdblistgrafica:not(.clicked) input").change(cargaGraficaBarras2);
|
|
|
|
$('.rdblistgrafica').addClass('clicked')
|
|
$('.DdlGrafica').removeClass('DdlGrafica')
|
|
|
|
|
|
initamgrafica();
|
|
}
|
|
let objetos;
|
|
let Colores = ["#FF0F00", "#FF6600", "#F8FF01", "#04D215", "#2A0CD0", "#8A0CCF", "#CD0D74", "#754DEB", "#DDDDDD", "#999999", "#000000"];
|
|
|
|
function graficarshow() {
|
|
$('.btngraficarborrar').remove();
|
|
$('#C_Tab_header').append('<a onclick="cargaGraficaBarras2();" class="btn btn-success btngraficarborrar" style="float:right;"><i class="fa fa-bar-chart" aria-hidden="true"></i> Graficar</a>');
|
|
$('#C_Tab_body').addClass('showgrph');
|
|
}
|
|
function cargaGraficaBarras2(Titulo) {
|
|
$('.LblTituloGraficaGral').text(Titulo);
|
|
cargaGraficaBarras2();
|
|
}
|
|
function cargaGraficaBarras2() {
|
|
|
|
//Hypgrafica
|
|
$("#DivModalGraficaGral").modal();
|
|
let infogral = $('#grafInfo');
|
|
infogral.find('>*').remove();
|
|
let items = []
|
|
let data;
|
|
let icolor = 0;
|
|
let tipografica = $('.rdblistgrafica input:checked').val();
|
|
|
|
$('.ajax__tab_panel:visible .chkgraf input:checked').each(function () {
|
|
data = $(this).closest('tr').find('.Hypgrafica').data('values')
|
|
let name = $(this).closest('td').text().trim()
|
|
items.push({ id: icolor, data: data, name: name, Color: Colores[icolor], tipografica })
|
|
gettitlegraf(infogral, icolor, Colores[icolor], name, tipografica);
|
|
icolor = icolor + 1;
|
|
if (icolor >= Colores.length) { icolor = 0; }
|
|
});
|
|
objetos = items;
|
|
|
|
$(".chkonchange input").each(function () {
|
|
let _this = $(this)
|
|
_this.change(function () {
|
|
let _this = $(this)
|
|
let id = Number(_this.data('id'))
|
|
objetos[id].tipografica = _this.is(':checked') ? 1 : 2;
|
|
ShowGraf2();
|
|
})
|
|
});
|
|
$(function () {
|
|
$('.chkonchange').tooltip()
|
|
});
|
|
ShowGraf2();
|
|
}
|
|
function gettitlegraf(infogral, id, Color, name, tipografica) {
|
|
let strtipografica = '<span class="chksino chkonchange" data-html="true" data-original-title="<div style=\'white-space:nowrap;\'>\'B\' Barras / \'L\' Lineas </div>" ><input id="chk' + id + '" ' + (tipografica == 1 ? 'checked="checked"' : '"') + ' data-id="' + id + '" type="checkbox" name="nchk' + id + '"><label for="chk' + id + '"> </label></span>';
|
|
|
|
let contenedor = $("<div class='row'></div>");
|
|
let divcolspan = $("<div class='col-md-1'></div>");
|
|
let divcolor = $('<div class="col-md-1"><div style="width:20px;height:10px;background-color:' + Color + ';"></div> </div>');
|
|
let divtexto = $("<div class='col-md-6'>" + name + "</div>");
|
|
let divtipografica = $("<div class='col-md-4'>" + strtipografica + "</div>");
|
|
infogral.append(contenedor);
|
|
/*contenedor.append(divcolspan);*/ contenedor.append(divcolor); contenedor.append(divtexto); contenedor.append(divtipografica);
|
|
}
|
|
function ShowGraf2() {
|
|
let items = objetos;
|
|
let series = [];
|
|
if (items) {
|
|
data = items[0].data;
|
|
series.push((
|
|
(items[0].tipografica == 1) ?
|
|
{
|
|
"balloonText": "[[title]]: <b>[[value]]</b> [[Moneda]]",
|
|
"colorField": "Color",
|
|
"fillAlphas": 1,
|
|
"lineAlpha": 0.1,
|
|
"type": "column",
|
|
"title": items[0].name,
|
|
"valueField": 'Valor'
|
|
} :
|
|
{
|
|
"balloonText": "[[title]]: <b>[[value]]</b> [[Moneda]]",
|
|
"colorField": "Color",
|
|
"bullet": "round",
|
|
"dashLength": 3,
|
|
"colorField": "color",
|
|
"type": "line",
|
|
"title": items[0].name,
|
|
"valueField": "Valor"
|
|
}
|
|
));
|
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
data[i]['Color'] = items[0].Color
|
|
}
|
|
|
|
for (var indexcol = 1; indexcol < items.length; indexcol++) {
|
|
let cdatos = items[indexcol].data;
|
|
let valueField = 'Valor' + indexcol;
|
|
let colorField = 'Color' + indexcol;
|
|
let tipografica = "column";
|
|
for (var i = 0; i < cdatos.length; i++) {
|
|
data[i][valueField] = cdatos[i].Valor
|
|
data[i][colorField] = items[indexcol].Color
|
|
}
|
|
series.push((
|
|
(items[indexcol].tipografica == 1) ?
|
|
{
|
|
"balloonText": "[[title]]: <b>[[value]]</b> [[Moneda]]",
|
|
"colorField": colorField,
|
|
"fillAlphas": 1,
|
|
"lineAlpha": 0.1,
|
|
"type": "column",
|
|
"title": items[indexcol].name,
|
|
"valueField": valueField
|
|
} :
|
|
{
|
|
"balloonText": "[[title]]: <b>[[value]]</b> [[Moneda]]",
|
|
"colorField": colorField,
|
|
"bullet": "round",
|
|
"dashLength": 3,
|
|
"colorField": "color",
|
|
"type": "line",
|
|
"title": items[indexcol].name,
|
|
"valueField": valueField
|
|
}
|
|
));
|
|
}
|
|
var chart = AmCharts.makeChart("chartdivgral", {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"dataProvider": data,
|
|
"startDuration": 2, "legend": {
|
|
|
|
"generateFromData": true // "data": data.map(function(num) { return {title:num.Texto ,color:num.Color}; })
|
|
},
|
|
"valueAxes": [{
|
|
"position": "left",
|
|
"title": "Ventas"
|
|
}],
|
|
"graphs": series,
|
|
"depth3D": 20,
|
|
"angle": 30,
|
|
"chartCursor": {
|
|
"categoryBalloonEnabled": false,
|
|
"cursorAlpha": 0,
|
|
"zoomable": false
|
|
},
|
|
"categoryField": "Texto",
|
|
"categoryAxis": {
|
|
"gridPosition": "start",
|
|
"labelRotation": 90
|
|
},
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
});
|
|
}
|
|
}
|
|
function initamgrafica() {
|
|
AmCharts.addInitHandler(function (chart) {
|
|
function handleCustomMarkerToggle(legendEvent) {
|
|
var dataProvider = legendEvent.chart.dataProvider;
|
|
var itemIndex;
|
|
legendEvent.chart.toggleLegend = true;
|
|
if (undefined !== legendEvent.dataItem.hidden && legendEvent.dataItem.hidden) {
|
|
legendEvent.dataItem.hidden = false;
|
|
dataProvider.push(legendEvent.dataItem.storedObj);
|
|
legendEvent.dataItem.storedObj = undefined;
|
|
dataProvider.sort(function (lhs, rhs) {
|
|
return lhs.dataIdx - rhs.dataIdx;
|
|
});
|
|
} else {
|
|
legendEvent.dataItem.hidden = true;
|
|
for (var i = 0; i < dataProvider.length; ++i) {
|
|
if (dataProvider[i].dataIdx === legendEvent.dataItem.dataIdx) {
|
|
itemIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
legendEvent.dataItem.storedObj = dataProvider[itemIndex];
|
|
dataProvider.splice(itemIndex, 1);
|
|
}
|
|
legendEvent.chart.validateData();
|
|
}
|
|
if (!chart.legend || !chart.legend.enabled || !chart.legend.generateFromData) {
|
|
return;
|
|
}
|
|
var categoryField = chart.categoryField;
|
|
var colorField = chart.graphs[0].lineColorField || chart.graphs[0].fillColorsField || chart.graphs[0].colorField;
|
|
var legendData = chart.dataProvider.map(function (data, idx) {
|
|
var markerData = {
|
|
"title": data[categoryField],
|
|
"color": data[colorField],
|
|
"dataIdx": idx
|
|
};
|
|
if (!markerData.color) {
|
|
markerData.color = chart.graphs[0].lineColor;
|
|
}
|
|
data.dataIdx = idx;
|
|
return markerData;
|
|
});
|
|
|
|
chart.legend.data = legendData;
|
|
chart.legend.switchable = true;
|
|
chart.legend.addListener("clickMarker", handleCustomMarkerToggle);
|
|
|
|
}, ["serial"]);
|
|
}
|
|
|
|
</script>
|
|
</asp:Content>
|