363 lines
21 KiB
Plaintext
363 lines
21 KiB
Plaintext
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="RepVentasResumen.aspx.vb" Inherits="Ventas_RepVentasResumen" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="H" runat="Server">
|
|
<%-- <li>
|
|
<asp:LinkButton ID="LnkExportar" runat="server"><i class="fa fa-ad-excel"></i> Exportar</asp:LinkButton>
|
|
</li>
|
|
<li>
|
|
<asp:LinkButton ID="LnkImprimir" runat="server"><i class="fa fa-print"></i> Imprimir</asp:LinkButton>
|
|
</li>--%>
|
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="Css" runat="Server">
|
|
|
|
|
|
<style>
|
|
.dataTables_scrollHead {
|
|
background-color: #95A5A6;
|
|
color: white;
|
|
}
|
|
|
|
.table-scrollable {
|
|
margin-top: 0px !important;
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
.margenbound {
|
|
margin-left: 15px;
|
|
text-align: right;
|
|
}
|
|
#chartdiv,
|
|
#chartdiv2 {
|
|
width: 100%;
|
|
height: 500px;
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="E" runat="Server">
|
|
Reporte de Resumen de Ventas
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="C" runat="Server">
|
|
|
|
<%--Tabla con los campos para filtrar--%>
|
|
<asp:UpdatePanel runat="server">
|
|
<ContentTemplate>
|
|
<div class="portlet solid grey-cascade portlet-filter" style="">
|
|
<div class="portlet-title portlet-filterT smalltitle" style="min-height: 49px; position: relative;">
|
|
<div class="tools">
|
|
<asp:Button ID="btConsultar" CssClass="btn btn-primary" runat="server" ValidationGroup="GrpConsultar" Text="Consultar" /></td>
|
|
<a href="javascript:;" data-idchekbox="<%= chkexpand.ClientID%>" class=" <%= IIf(chkexpand.Checked = True, "collapse", "expand")%>"></a>
|
|
<asp:CheckBox ID="chkexpand" CssClass="hidden" runat="server" />
|
|
</div>
|
|
<div class="titlefiltros caption magindate">
|
|
<div class="row">
|
|
|
|
<div class="col-md-1 truncate" style="text-align: right!important">Fecha Inicio</div>
|
|
<div class="col-md-1">
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 95px !important; padding: 0px;">
|
|
<asp:TextBox Style="width: 80px !important;" ID="TxtFechaI" runat="server" CssClass="form-control" CausesValidation="true" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFechaI" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
</div>
|
|
<ajax:MaskedEditExtender ID="MEEFechaI" runat="server" TargetControlID="TxtFechaI" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CEFechaI" TargetControlID="TxtFechaI" PopupButtonID="ImgFechaI" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
</div>
|
|
|
|
<div class="col-md-1 truncate" style="text-align: right!important">Fecha Fin</div>
|
|
<div class="col-md-1 ">
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 95px !important; padding: 0px;">
|
|
<asp:TextBox Style="width: 80px !important;" ID="TxtFechaF" runat="server" CssClass="form-control" CausesValidation="true" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFechaF" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
</div>
|
|
<ajax:MaskedEditExtender ID="MEEFechaF" runat="server" TargetControlID="TxtFechaF" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender1" TargetControlID="TxtFechaF" PopupButtonID="ImgFechaF" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
</div>
|
|
|
|
<div class="col-md-1 truncate" style="text-align: right!important; margin-left: 20px">SubProyecto</div>
|
|
<div class="col-md-1">
|
|
<asp:DropDownList ID="DdlSubProyecto" CssClass="form-control input-sm select2me" runat="server" Width="150px" DataTextField="SubProyecto" DataValueField="CveSubProyecto">
|
|
</asp:DropDownList>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body magindate" <%= IIf(chkexpand.Checked = True, "", "style=""display:none;""")%>>
|
|
</div>
|
|
</div>
|
|
|
|
<asp:UpdatePanel ID="UPPMov" runat="server" RenderMode="Inline" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<asp:UpdatePanel ID="UpdatePanel4" runat="server" class="portlet light xspadding bordered " align="center" style="" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span id="Span4" runat="server" class="caption-subject bold uppercase">Ventas por Productos - Gráfica </span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body formnombottom">
|
|
<div id="chartdiv"></div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<asp:UpdatePanel ID="UpdatePanel5" runat="server" class="portlet light xspadding bordered " align="center" style="" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span id="Span5" runat="server" class="caption-subject bold uppercase">Ventas por Cliente - Gráfica </span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body formnombottom">
|
|
<div id="chartdiv2"></div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<asp:UpdatePanel ID="UPObservaciones" runat="server" class="portlet light xspadding bordered " align="left" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span id="SpObs" runat="server" class="caption-subject bold uppercase">Ventas por Productos </span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body formnombottom">
|
|
<asp:GridView ID="GvVxP" runat="server" GridLines="None"
|
|
CssClass="table table-striped table-advance table-hover ScrollAD " ShowHeader="True" EmptyDataText="No se encontraron resultados." ShowHeaderWhenEmpty="true"
|
|
AutoGenerateColumns="False" AllowPaging="False" ShowFooter="False">
|
|
<Columns>
|
|
<asp:BoundField DataField="Gpo" HeaderText="Prod/Serv" ItemStyle-Width="300px" />
|
|
<asp:BoundField DataFormatString="{0:n}" DataField="Cantidad" ItemStyle-CssClass="margenbound" HeaderText="Cantidad" />
|
|
<asp:BoundField DataFormatString="{0:n}" DataField="SubTotal" ItemStyle-CssClass="margenbound" HeaderText="SubTotal" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<asp:UpdatePanel ID="UpdatePanel1" runat="server" class="portlet light xspadding bordered " align="left" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span id="Span1" runat="server" class="caption-subject bold uppercase">Ventas por Cliente </span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body formnombottom">
|
|
<asp:GridView ID="GvVxC" runat="server" GridLines="None"
|
|
CssClass="table table-striped table-advance table-hover ScrollAD " ShowHeader="True" EmptyDataText="No se encontraron resultados." ShowHeaderWhenEmpty="true"
|
|
AutoGenerateColumns="False" AllowPaging="False" ShowFooter="False">
|
|
<Columns>
|
|
<asp:BoundField DataField="Gpo" HeaderText="Cliente" />
|
|
<asp:BoundField DataFormatString="{0:n}" DataField="Cantidad" ItemStyle-CssClass="margenbound" HeaderText="Cantidad" />
|
|
<asp:BoundField DataFormatString="{0:n}" DataField="SubTotal" ItemStyle-CssClass="margenbound" HeaderText="SubTotal" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<asp:UpdatePanel ID="UpdatePanel2" runat="server" class="portlet light xspadding bordered " align="left" style="" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span id="Span2" runat="server" class="caption-subject bold uppercase">Pagado por Cliente </span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body formnombottom">
|
|
<asp:GridView ID="GvPxC" runat="server" GridLines="None"
|
|
CssClass="table table-striped table-advance table-hover ScrollAD " ShowHeader="True" EmptyDataText="No se encontraron resultados." ShowHeaderWhenEmpty="true"
|
|
AutoGenerateColumns="False" AllowPaging="False" ShowFooter="False">
|
|
<Columns>
|
|
<asp:BoundField DataField="Gpo" HeaderText="Cliente" />
|
|
<asp:BoundField DataFormatString="{0:n}" DataField="SubTotal" ItemStyle-CssClass="margenbound" HeaderText="Pagado" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<asp:UpdatePanel ID="UpdatePanel3" runat="server" class="portlet light xspadding bordered " align="left" style="" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span id="Span3" runat="server" class="caption-subject bold uppercase">Cuentas por cobrar por cliente </span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body formnombottom">
|
|
<asp:GridView ID="GvCxC" runat="server" GridLines="None"
|
|
CssClass="table table-striped table-advance table-hover ScrollAD " ShowHeader="True" EmptyDataText="No se encontraron resultados." ShowHeaderWhenEmpty="true"
|
|
AutoGenerateColumns="False" AllowPaging="False" ShowFooter="False">
|
|
<Columns>
|
|
<asp:BoundField DataField="Gpo" HeaderText="Cliente" />
|
|
<asp:BoundField DataFormatString="{0:n}" DataField="Saldo" ItemStyle-CssClass="margenbound" HeaderText="Saldo" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</ContentTemplate>
|
|
<Triggers>
|
|
<asp:AsyncPostBackTrigger ControlID="btConsultar" EventName="Click" />
|
|
</Triggers>
|
|
|
|
</asp:UpdatePanel>
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
|
|
</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>
|
|
|
|
function CargaGraficaPastel(data) {
|
|
|
|
var chart = AmCharts.makeChart("chartdiv", {
|
|
"type": "pie",
|
|
"theme": "light",
|
|
"dataProvider":
|
|
data,
|
|
"valueField": "Valor",
|
|
"titleField": "Texto",
|
|
//"legend": {
|
|
// "valueLabels": {
|
|
// "text": "{value.value}"
|
|
// }
|
|
//},
|
|
"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 CargaGraficaBarras(data) {
|
|
|
|
var chart = AmCharts.makeChart("chartdiv2", {
|
|
"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
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
</asp:Content>
|
|
|