672 lines
41 KiB
Plaintext
672 lines
41 KiB
Plaintext
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="RepEstadoResultadosVertical.aspx.vb" Inherits="Finanzas_RepEstadoResultadosVertical" %>
|
||
|
||
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
||
</asp:Content>
|
||
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
||
<style>
|
||
.chart, .chartanio {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.grafica {
|
||
font-size: 4em;
|
||
cursor: pointer;
|
||
color: #AAA;
|
||
margin: 0px 20px;
|
||
}
|
||
|
||
.gselected {
|
||
color: #009688;
|
||
}
|
||
|
||
.noMargin {
|
||
padding-right: 0px;
|
||
padding-left: 0px;
|
||
}
|
||
|
||
.txtid2em > td:nth-child(1) > span {
|
||
text-indent: 2em;
|
||
}
|
||
|
||
.txtid4em > td:nth-child(1) > span {
|
||
text-indent: 4em;
|
||
max-height: 19px;
|
||
}
|
||
|
||
.GvMensual1 > tbody > tr > td {
|
||
padding-top: 2px;
|
||
padding-bottom: 1px;
|
||
}
|
||
|
||
.truncate {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: inline-block;
|
||
width: 100%;
|
||
}
|
||
</style>
|
||
</asp:Content>
|
||
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
||
Estado de Resultados - Vertical
|
||
</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">
|
||
|
||
|
||
|
||
<asp:UpdatePanel runat="server" UpdateMode="Conditional" ID="UpFiltros">
|
||
<ContentTemplate>
|
||
<asp:Panel runat="server" DefaultButton="BtnCargaDatos">
|
||
<div class="portlet solid grey-cascade portlet-filter">
|
||
<div class="portlet-title portlet-filterT smalltitle magindate" style="min-height: 65px;">
|
||
<div class="tools">
|
||
<asp:Button ID="BtnCargaDatos" runat="server" Text="Consultar" class="btn btn-default" />
|
||
</div>
|
||
<div class="titlefiltros caption ">
|
||
<ul class="list-inline" style="font-size: 12px;">
|
||
<li>Ejercicio:
|
||
<asp:DropDownList ID="DdlEjercicio" runat="server" DataTextField="Ejercicio" DataValueField="Ejercicio" CssClass="form-control input-sm select2me" Style="width: 80px !important;" ValidationGroup="GrpCargaAsignados"></asp:DropDownList>
|
||
</li>
|
||
<li>Periodo:
|
||
<asp:DropDownList ID="DdlPeriodo" Width="100px" runat="server" CssClass="form-control input-sm 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"></asp:ListItem>
|
||
</asp:DropDownList>
|
||
</li>
|
||
<li>SubProyecto:
|
||
<asp:DropDownList ID="DdlSubProyecto" Width="130px" runat="server" DataTextField="SubProyecto" DataValueField="CveSubProyecto" CssClass="form-control input-sm select2me"></asp:DropDownList>
|
||
</li>
|
||
<li>Divisor:
|
||
<asp:DropDownList ID="DdlDivisor" Width="100px" runat="server" CssClass="form-control input-sm select2me">
|
||
<asp:ListItem Text="Unidad" Value="1"></asp:ListItem>
|
||
<asp:ListItem Text="Miles" Value="1000" Selected="True"></asp:ListItem>
|
||
<asp:ListItem Text="Millones" Value="1000000"></asp:ListItem>
|
||
</asp:DropDownList>
|
||
</li>
|
||
<li>Cuentas:
|
||
<asp:DropDownList ID="DdlTipo" Width="100px" runat="server" CssClass="form-control input-sm select2me">
|
||
<asp:ListItem Text="Todas" Value="-1"></asp:ListItem>
|
||
<asp:ListItem Text="Con saldo" Value="1" Selected="True"></asp:ListItem>
|
||
</asp:DropDownList>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</asp:Panel>
|
||
</ContentTemplate>
|
||
</asp:UpdatePanel>
|
||
|
||
|
||
<asp:UpdatePanel runat="server">
|
||
<ContentTemplate>
|
||
<ajax:TabContainer ID="Tab" runat="server" Width="100%" OnActiveTabChanged="Tab_ActiveTabChanged" AutoPostBack="true">
|
||
|
||
<ajax:TabPanel ID="TabPanel1" runat="server" HeaderText="Vertical">
|
||
<ContentTemplate>
|
||
<asp:UpdatePanel ID="UpNormal" UpdateMode="Conditional" runat="server">
|
||
<ContentTemplate>
|
||
<asp:GridView ID="GvVertical" runat="server" AutoGenerateColumns="False" ShowHeader="true" EmptyDataText="No se encontraron datos" GridLines="none" CssClass="table table-hover">
|
||
<Columns>
|
||
<asp:TemplateField>
|
||
<ItemTemplate>
|
||
<span class="truncate ">
|
||
<asp:Label ID="lblchart" Visible="false" CssClass="chart" runat="server"> <i class="fa fa-bar-chart fa-2" aria-hidden="true"></i></asp:Label>
|
||
<asp:HyperLink ID="Hpl" runat="server" Text='<%# Eval("Nombre")%>' NavigateUrl='<%#String.Format("/Contabilidad/RepAnexoCatalogo.aspx?CveCuenta={0}&FF={1:d}", Eval("CveCuenta"), Eval("FechaFin"))%>'></asp:HyperLink>
|
||
</span>
|
||
</ItemTemplate>
|
||
</asp:TemplateField>
|
||
<asp:BoundField HeaderText="Importe" DataField="ImporteActual" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="Porcentaje" DataField="ImporteActualPorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
</Columns>
|
||
</asp:GridView>
|
||
</ContentTemplate>
|
||
</asp:UpdatePanel>
|
||
</ContentTemplate>
|
||
</ajax:TabPanel>
|
||
|
||
<ajax:TabPanel ID="TabPanel3" runat="server" HeaderText="Mensual">
|
||
<ContentTemplate>
|
||
<asp:UpdatePanel ID="UpMensual" UpdateMode="Conditional" runat="server">
|
||
<ContentTemplate>
|
||
<asp:GridView ID="GvMensual2" runat="server" AutoGenerateColumns="False" ShowHeader="true" EmptyDataText="No se encontraron datos" GridLines="none" CssClass="table table-hover">
|
||
<Columns>
|
||
<asp:TemplateField>
|
||
<ItemTemplate>
|
||
<span class="truncate ">
|
||
<asp:Label ID="lblchart" Visible="false" CssClass="chart" runat="server"> <i class="fa fa-bar-chart fa-2" aria-hidden="true"></i></asp:Label>
|
||
<asp:HyperLink runat="server" ID="HLNombre" Target="_blank" ItemStyle-HorizontalAlign="Left"> <%# Eval("Nombre") %></asp:HyperLink>
|
||
</span>
|
||
</ItemTemplate>
|
||
</asp:TemplateField>
|
||
<asp:BoundField HeaderText="Enero" DataField="Enero" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="EneroPorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Febrero" DataField="Febrero" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="FebreroPorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Marzo" DataField="Marzo" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="MarzoPorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Abril" DataField="Abril" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="AbrilPorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Mayo" DataField="Mayo" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="MayoPorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Junio" DataField="Junio" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="JunioPorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Julio" DataField="Julio" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="JulioPorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Agosto" DataField="Agosto" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="AgostoPorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Septiembre" DataField="Septiembre" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="SeptiembrePorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Octubre" DataField="Octubre" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="OctubrePorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Noviembre" DataField="Noviembre" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="NoviembrePorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
<asp:BoundField HeaderText="Diciembre" DataField="Diciembre" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" />
|
||
<asp:BoundField HeaderText="%" DataField="DiciembrePorcentaje" ItemStyle-CssClass="ceros" DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="50px" />
|
||
</Columns>
|
||
</asp:GridView>
|
||
</ContentTemplate>
|
||
</asp:UpdatePanel>
|
||
</ContentTemplate>
|
||
</ajax:TabPanel>
|
||
|
||
<ajax:TabPanel ID="TabPanel2" runat="server" HeaderText="Anual">
|
||
<ContentTemplate>
|
||
<asp:UpdatePanel ID="UpAnual" UpdateMode="Conditional" runat="server">
|
||
<ContentTemplate>
|
||
<asp:GridView ID="GvAnual" runat="server" AutoGenerateColumns="False" ShowHeader="true" EmptyDataText="No se encontraron datos" GridLines="none" CssClass="table table-hover">
|
||
<Columns>
|
||
<asp:TemplateField ItemStyle-HorizontalAlign="Left" ItemStyle-Width="500px">
|
||
<ItemTemplate>
|
||
<span class="truncate ">
|
||
<asp:Label ID="lblchart" Visible="false" CssClass="chartanio" runat="server"> <i class="fa fa-bar-chart fa-2" aria-hidden="true"></i></asp:Label>
|
||
<asp:HyperLink runat="server" ID="HLNombre" Target="_blank" ItemStyle-HorizontalAlign="Left"> <%# Eval("Nombre") %></asp:HyperLink>
|
||
</span>
|
||
</ItemTemplate>
|
||
</asp:TemplateField>
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
<asp:BoundField DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="100px" />
|
||
<asp:BoundField DataFormatString="{0:N2}%" ItemStyle-HorizontalAlign="Right" ItemStyle-CssClass="ceros" ItemStyle-Width="50px" />
|
||
</Columns>
|
||
</asp:GridView>
|
||
</ContentTemplate>
|
||
</asp:UpdatePanel>
|
||
</ContentTemplate>
|
||
</ajax:TabPanel>
|
||
|
||
</ajax:TabContainer>
|
||
</ContentTemplate>
|
||
</asp:UpdatePanel>
|
||
|
||
|
||
|
||
<div id="Mgraficas" class="modal ADS fade" role="dialog">
|
||
<div class="modal-dialog " style="width: 1100px;">
|
||
<asp:UpdatePanel runat="server" class="modal-content" ID="UPModal" UpdateMode="Conditional">
|
||
<ContentTemplate>
|
||
<div class="modal-header ">
|
||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||
<h4 class="modal-title">
|
||
<asp:Literal ID="ltltitulo" runat="server"> Grafica</asp:Literal></h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<asp:HiddenField ID="HdfValuesPorcentaje" ClientIDMode="Static" runat="server" />
|
||
<asp:HiddenField ID="HdfValues" ClientIDMode="Static" runat="server" />
|
||
<asp:HiddenField ID="HdfTitulosA" ClientIDMode="Static" Value="" runat="server" />
|
||
<asp:HiddenField ID="HdfTitulos" ClientIDMode="Static" Value="Enero,Febrero,Marzo,Abril,Mayo,Junio,Julio,Agosto,Septiembre,Octubre,Noviembre,Diciembre" runat="server" />
|
||
<div style="text-align: center; padding: 20px 0px 40px;">
|
||
<div style="display: inline-block;">
|
||
<i class="fa fa-bar-chart fa-3 grafica gc" onclick="GColumna();"></i>
|
||
<i class="fa fa-line-chart fa-3 grafica gl" onclick="GCLineas();"></i>
|
||
<i class="fa fa-pie-chart fa-3 grafica gp" onclick="GPastel();"></i>
|
||
</div>
|
||
</div>
|
||
<div id="container" style="width: 1100px; height: 400px; margin: 0 auto"></div>
|
||
</div>
|
||
|
||
<%--<div class="modal-footer">
|
||
<asp:Button ID="BtnAgregarSucursal" runat="server" CssClass="btn btn-success" Text="Agregar" ValidationGroup="GrpGuardarSucursal" />
|
||
|
||
<button id="BtnCancelarSucursal" runat="server" type="button" class="btn default" data-dismiss="modal">Cancelar</button>
|
||
</div>--%>
|
||
</ContentTemplate>
|
||
</asp:UpdatePanel>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</asp:Content>
|
||
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
||
<script>
|
||
|
||
function LimpiaCeros(Divisor) {
|
||
$('.ceros').each(function (i, obj) {
|
||
if ($(this).html() == '0.00' || $(this).html() == '0.00%') {
|
||
$(this).html('-');
|
||
}
|
||
|
||
if (!($(this).html() == '-' || $(this).html() == '' || ~$(this).html().indexOf("%"))) {
|
||
if (Divisor > 1) {
|
||
$(this).attr('data-toggle', 'tooltip');
|
||
$(this).attr('data-container', 'body');
|
||
$(this).attr('title', $(this).html());
|
||
}
|
||
$(this).html(FormatoNumeroIPP(ToDouble($(this).html()) / Divisor, ((Divisor == 1) ? 2 : 0)));
|
||
}
|
||
|
||
if (ToDouble($(this).html()) < 0) {
|
||
$(this).css("color", "red");
|
||
}
|
||
});
|
||
}
|
||
|
||
function FormatoNumeroIPP(Importe, Decimales) {
|
||
if (typeof Decimales === 'undefined') { Decimales = 2; }
|
||
|
||
if (isNaN(parseInt(Importe))) return "NaN";
|
||
|
||
var tmpNum = Importe;
|
||
|
||
|
||
tmpNum = tmpNum.toFixed(Decimales).replace(/./g, function (c, i, a) {
|
||
return i && c !== "." && !((a.length - i) % 3) ? ',' + c : c;
|
||
});
|
||
|
||
return tmpNum;
|
||
}
|
||
|
||
function EscondeRenglones(IdGV) {
|
||
$("#" + IdGV + " tbody .txtid4em").each(function (index) {
|
||
var Bandera = 0;
|
||
$(this).children("td").each(function (index2) {
|
||
if (index2 > 0) {
|
||
if ($(this).text() != '-') {
|
||
Bandera = 1;
|
||
}
|
||
Suma = ToDouble($(this).text())
|
||
}
|
||
})
|
||
if (Bandera == 0) {
|
||
$(this).hide();
|
||
} else {
|
||
$(this).css("text-indent", "4em");;
|
||
}
|
||
});
|
||
}
|
||
|
||
function pageLoad(sender, e) {
|
||
$(document).ready(function () {
|
||
$('[data-toggle="tooltip"]').tooltip();
|
||
});
|
||
}
|
||
function resizeMensual() {
|
||
var width = $('.truncatenames div').width() - 5;
|
||
$('.truncatenames .truncate').css("width", width);
|
||
|
||
}
|
||
function resizeAnual() {
|
||
//var width = $('.GvAnual tr:nth-child(1) td:nth-child(1)').width() - 5;
|
||
// $('.GvAnual > tbody > tr:nth-child > td:nth-child(1) > span').css("width", width);
|
||
|
||
}
|
||
function resizetables() {
|
||
resizeMensual();
|
||
resizeAnual();
|
||
}
|
||
jQuery(document).ready(function () {
|
||
$(window).resize(function () {
|
||
resizetables();
|
||
});
|
||
|
||
resizetables();
|
||
var prm = Sys.WebForms.PageRequestManager.getInstance();
|
||
prm.add_initializeRequest(function (s, e) {
|
||
});
|
||
prm.add_endRequest(function (s, e) {
|
||
|
||
});
|
||
Sys.Application.add_load(function (s, e) {
|
||
resizetables();
|
||
});
|
||
});
|
||
|
||
var tipo = 'mes';
|
||
$('body').on('click', 'table .chart', function (e) {
|
||
var thisobj = $(this);
|
||
tipo = 'mes';
|
||
$('#HdfValuesPorcentaje').val(thisobj.data('porcentaje'));
|
||
$('#HdfValues').val(thisobj.data('value'))
|
||
//$('#HdfTitulos').val()
|
||
$('#Mgraficas').modal();
|
||
GColumna();
|
||
});
|
||
$('body').on('click', 'table .chartanio', function (e) {
|
||
var thisobj = $(this);
|
||
tipo = 'anio';
|
||
$('#HdfValuesPorcentaje').val(thisobj.data('porcentaje'));
|
||
$('#HdfValues').val(thisobj.data('value'))
|
||
//$('#HdfTitulos').val()
|
||
$('#Mgraficas').modal();
|
||
GColumna();
|
||
});
|
||
function GColumna() {
|
||
$('.gselected').removeClass('gselected');
|
||
$('.gc').addClass('gselected');
|
||
var datos = $('#HdfValues').val().split(',');
|
||
var titulos = [];
|
||
if (tipo == 'mes') {
|
||
titulos = $('#HdfTitulos').val().split(',');
|
||
} else {
|
||
titulos = $('#HdfTitulosA').val().split(',');
|
||
}
|
||
graficarColumna(datos, titulos)
|
||
}
|
||
function GCLineas() {
|
||
$('.gselected').removeClass('gselected');
|
||
$('.gl').addClass('gselected');
|
||
var datos = $('#HdfValues').val().split(',');
|
||
var titulos = [];
|
||
if (tipo == 'mes') {
|
||
titulos = $('#HdfTitulos').val().split(',');
|
||
} else {
|
||
titulos = $('#HdfTitulosA').val().split(',');
|
||
}
|
||
graficarLinea(datos, titulos)
|
||
}
|
||
function GPastel() {
|
||
$('.gselected').removeClass('gselected');
|
||
$('.gp').addClass('gselected');
|
||
var datos = $('#HdfValues').val().split(',');
|
||
var titulos = [];
|
||
if (tipo == 'mes') {
|
||
titulos = $('#HdfTitulos').val().split(',');
|
||
} else {
|
||
titulos = $('#HdfTitulosA').val().split(',');
|
||
}
|
||
graficarPie(datos, titulos)
|
||
}
|
||
function graficarColumnaS(datos, Titulos) {
|
||
var seriedata = [];
|
||
for (var i = 0; i < datos.length; i++) {
|
||
// Iterate over numeric indexes from 0 to 5, as everyone expects.
|
||
datos[i] = Number(datos[i]);
|
||
var obj = [];
|
||
obj.name = Titulos[i];
|
||
obj.data = [Number(datos[i]), ];
|
||
seriedata.push(obj);
|
||
}
|
||
$('#container').highcharts({
|
||
chart: {
|
||
type: 'column'
|
||
},
|
||
title: {
|
||
text: ''
|
||
},
|
||
subtitle: {
|
||
text: ''
|
||
},
|
||
xAxis: {
|
||
categories: Titulos
|
||
},
|
||
yAxis: {
|
||
min: 0,
|
||
title: {
|
||
text: ''
|
||
}
|
||
},
|
||
tooltip: {
|
||
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
||
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
|
||
'<td style="padding:0"><b>{point.y:.1f} </b></td></tr>',
|
||
footerFormat: '</table>',
|
||
shared: true,
|
||
useHTML: true
|
||
},
|
||
plotOptions: {
|
||
column: {
|
||
pointPadding: 0.2,
|
||
borderWidth: 0
|
||
}
|
||
},
|
||
series:
|
||
[{
|
||
type: 'column',
|
||
colorByPoint: true,
|
||
data: datos,
|
||
showInLegend: false
|
||
}]
|
||
});
|
||
}
|
||
function graficarColumna(datos, Titulos) {
|
||
var seriedata = [];
|
||
for (var i = 0; i < datos.length; i++) {
|
||
// Iterate over numeric indexes from 0 to 5, as everyone expects.
|
||
var obj = [];
|
||
obj.name = Titulos[i];
|
||
obj.data = [Number(datos[i]), ];
|
||
seriedata.push(obj);
|
||
}
|
||
$('#container').highcharts({
|
||
chart: {
|
||
type: 'column'
|
||
},
|
||
title: {
|
||
text: ''
|
||
},
|
||
subtitle: {
|
||
text: ''
|
||
},
|
||
|
||
yAxis: {
|
||
min: 0,
|
||
title: {
|
||
text: ''
|
||
}
|
||
},
|
||
tooltip: {
|
||
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
||
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
|
||
'<td style="padding:0"><b>{point.y:.1f} </b></td></tr>',
|
||
footerFormat: '</table>',
|
||
shared: true,
|
||
useHTML: true
|
||
},
|
||
plotOptions: {
|
||
column: {
|
||
pointPadding: 0.2,
|
||
borderWidth: 0
|
||
}
|
||
},
|
||
series: seriedata
|
||
});
|
||
}
|
||
|
||
function graficarLinea(datos, Titulos) {
|
||
var seriedata = [];
|
||
for (var i = 0; i < datos.length; i++) {
|
||
// Iterate over numeric indexes from 0 to 5, as everyone expects.
|
||
datos[i] = Number(datos[i]);
|
||
var obj = [];
|
||
obj.name = Titulos[i];
|
||
obj.data = [Number(datos[i])];
|
||
seriedata.push(obj);
|
||
}
|
||
$('#container').highcharts({
|
||
chart: {
|
||
type: 'line'
|
||
},
|
||
title: {
|
||
text: ''
|
||
},
|
||
subtitle: {
|
||
text: ''
|
||
},
|
||
|
||
xAxis: {
|
||
categories: Titulos,
|
||
crosshair: true
|
||
},
|
||
yAxis: {
|
||
min: 0,
|
||
title: {
|
||
text: ''
|
||
}
|
||
},
|
||
tooltip: {
|
||
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
||
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
|
||
'<td style="padding:0"><b>{point.y:.1f} </b></td></tr>',
|
||
footerFormat: '</table>',
|
||
shared: true,
|
||
useHTML: true
|
||
},
|
||
plotOptions: {
|
||
column: {
|
||
pointPadding: 0.2,
|
||
borderWidth: 0
|
||
}
|
||
},
|
||
series: [{
|
||
name: " - ",
|
||
data: datos
|
||
}]
|
||
});
|
||
}
|
||
|
||
function graficarPie(datos, Titulos, selected) {
|
||
var seriedata = [];
|
||
for (var i = 0; i < datos.length; i++) {
|
||
// Iterate over numeric indexes from 0 to 5, as everyone expects.
|
||
var obj = {};
|
||
obj.name = Titulos[i];
|
||
obj.y = Number(datos[i]);
|
||
if (i == selected) {
|
||
|
||
obj.sliced = true;
|
||
obj.selected = true;
|
||
}
|
||
seriedata.push(obj);
|
||
}
|
||
$('#container').highcharts({
|
||
chart: {
|
||
plotBackgroundColor: null,
|
||
plotBorderWidth: null,
|
||
plotShadow: false,
|
||
type: 'pie'
|
||
},
|
||
title: {
|
||
text: ''
|
||
},
|
||
subtitle: {
|
||
text: ''
|
||
},
|
||
|
||
yAxis: {
|
||
min: 0,
|
||
title: {
|
||
text: ''
|
||
}
|
||
},
|
||
tooltip: {
|
||
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
||
},
|
||
plotOptions: {
|
||
pie: {
|
||
allowPointSelect: true,
|
||
cursor: 'pointer',
|
||
dataLabels: {
|
||
enabled: true,
|
||
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
|
||
style: {
|
||
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
|
||
},
|
||
connectorColor: 'silver'
|
||
}
|
||
}
|
||
},
|
||
series: [{ name: 'Pastel', data: seriedata }]
|
||
});
|
||
}
|
||
|
||
|
||
</script>
|
||
</asp:Content>
|
||
|