385 lines
20 KiB
Plaintext
385 lines
20 KiB
Plaintext
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="AnalisisCreditoCliente.aspx.vb" Inherits="Finanzas_AnalisisCreditoCliente" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" Runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" Runat="Server">
|
|
<style>
|
|
#chartdiv {
|
|
width: 100%;
|
|
height: 250px;
|
|
}
|
|
|
|
#chartdiv2 {
|
|
width: 100%;
|
|
height: 250px;
|
|
}
|
|
|
|
#chartdiv3 {
|
|
width: 100%;
|
|
height: 500px;
|
|
}
|
|
|
|
#chartdiv4 {
|
|
width: 100%;
|
|
height: 500px;
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" Runat="Server">
|
|
Análisis Cred. Cliente
|
|
</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" ID="UpDatos" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row" align="center">
|
|
<div class="col-md-4">
|
|
<div class="row">
|
|
<div class="col-md-4" style="text-align: left">Fecha Inicio:</div>
|
|
<div class="col-md-2">
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 110px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaICredito" CssClass="form-control input-sm ADSMaskDate" Style="width: 90px" runat="server"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="LnkFechaI" class="btn default " Text=" <i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MEEEFechaI" runat="server" TargetControlID="TxtFechaICredito" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CEFechaI" TargetControlID="TxtFechaICredito" PopupButtonID="LnkFechaI" PopupPosition="BottomRight" Enabled="True" Format="dd/MM/yyyy"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVVFechaI" runat="server" ControlToValidate="TxtFechaICredito" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Inicial''</b> es necesario, por favor ingréselo." ValidationGroup="VGMConsultar"></asp:RequiredFieldValidator>
|
|
<ajax:ValidatorCalloutExtender ID="VCEFechaI" runat="server" HighlightCssClass="vco" TargetControlID="RFVVFechaI"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="row">
|
|
<div class="col-md-4" style="text-align: left">Fecha Fin:</div>
|
|
<div class="col-md-2">
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 110px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaFCredito" CssClass="form-control input-sm ADSMaskDate" Style="width: 90px" runat="server"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="LnkFechaF" class="btn default " Text=" <i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MEEEFechaF" runat="server" TargetControlID="TxtFechaFCredito" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CEFechaF" TargetControlID="TxtFechaFCredito" PopupButtonID="LnkFechaF" PopupPosition="BottomRight" Enabled="True" Format="dd/MM/yyyy"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVVFechaF" runat="server" ControlToValidate="TxtFechaFCredito" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Final''</b> es necesario, por favor ingréselo." ValidationGroup="VGMConsultar"></asp:RequiredFieldValidator>
|
|
<ajax:ValidatorCalloutExtender ID="VCEFechaF" runat="server" HighlightCssClass="vco" TargetControlID="RFVVFechaF"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<asp:Button ID="BtnConsultar" runat="server" OnClick="BtnConsultar_Click" Text="Consultar" CssClass="btn btn-primary btn-circle" ValidationGroup="VGMConsultar" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div align="center">
|
|
<h4>Rotación Cartera</h4>
|
|
</div>
|
|
<br />
|
|
<div class="col-md-1">
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="dashboard-stat2 " style="border-style: solid; border-color: whitesmoke; padding-top px;">
|
|
<div class="display" style="margin-bottom: 0px">
|
|
<div class="number">
|
|
<h4 class="font-black-haze">
|
|
<span data-counter="counterup" data-value="1349">
|
|
<b>
|
|
<asp:Label runat="server" Text="0" ID="LblVentasModal"></asp:Label></span></b>
|
|
<asp:Label runat="server" ID="LblPor" Text=""></asp:Label>
|
|
</h4>
|
|
<small>Ventas</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="dashboard-stat2 " style="border-style: solid; border-color: whitesmoke; padding-top px;">
|
|
<div class="display" style="margin-bottom: 0px">
|
|
<div class="number">
|
|
<h4 class="font-black-haze">
|
|
<span data-counter="counterup" data-value="1349">
|
|
<b>
|
|
<asp:Label runat="server" Text="0" ID="LblPagadoModal"></asp:Label></span></b>
|
|
<asp:Label runat="server" ID="Label2" Text=""></asp:Label>
|
|
</h4>
|
|
<small>Pagado</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="dashboard-stat2 " style="border-style: solid; border-color: whitesmoke; padding-top px;">
|
|
<div class="display" style="margin-bottom: 0px">
|
|
<div class="number">
|
|
<h4 class="font-black-haze">
|
|
<span data-counter="counterup" data-value="1349">
|
|
<b>
|
|
<asp:Label runat="server" Text="0" ID="LblRotacionModal"></asp:Label></span></b>
|
|
<asp:Label runat="server" ID="Label3" Text=""></asp:Label>
|
|
</h4>
|
|
<small>Rotación</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="dashboard-stat2 " style="border-style: solid; border-color: whitesmoke; padding-top px;">
|
|
<div class="display" style="margin-bottom: 0px">
|
|
<div class="number">
|
|
<h4 class="font-black-haze">
|
|
<span data-counter="counterup" data-value="1349">
|
|
<b>
|
|
<asp:Label runat="server" Text="0" ID="LblDiasModal"></asp:Label></span></b>
|
|
<asp:Label runat="server" ID="Label4" Text=""></asp:Label>
|
|
</h4>
|
|
<small>Dias</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="dashboard-stat2 " style="border-style: solid; border-color: whitesmoke; padding-top px;">
|
|
<div class="display" style="margin-bottom: 0px">
|
|
<div class="number">
|
|
<h4 class="font-black-haze">
|
|
<span data-counter="counterup" data-value="1349">
|
|
<b>
|
|
<asp:Label runat="server" Text="0" ID="LblDiasCreditoModal"></asp:Label></span></b>
|
|
<asp:Label runat="server" ID="Label5" Text=""></asp:Label>
|
|
</h4>
|
|
<small>Dias Credito</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-1">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<div align="center">
|
|
<h4>Comportamiento de Pago</h4>
|
|
</div>
|
|
<br />
|
|
<label><b>Pago Con Vencimiento: </b>$</label><asp:Label ID="LblVencido" runat="server"></asp:Label>
|
|
<label><b>Pago Antes del Vencimiento: </b>$</label><asp:Label ID="LblPorVencer" runat="server"></asp:Label>
|
|
<br />
|
|
<div id="chartdiv"></div>
|
|
</div>
|
|
<div class="col-md-4" align="center">
|
|
<h4>Limite de Credito</h4>
|
|
<br />
|
|
<div id="chartdiv2"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div align="center">
|
|
<h4>Comportamiento de Ventas Mensuales</h4>
|
|
</div>
|
|
<br />
|
|
<div id="chartdiv3"></div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div align="center">
|
|
<h4>Comportamiento de Saldo Mensual</h4>
|
|
</div>
|
|
<br />
|
|
<div id="chartdiv4"></div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" 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/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 type="text/javascript">
|
|
|
|
function CargaGraficaCompratamientoSaldoMensual(data, graph) {
|
|
var chart = AmCharts.makeChart("chartdiv4", {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"legend": {
|
|
"useGraphSettings": true,
|
|
"valueWidth": 150
|
|
},
|
|
"dataProvider": data,
|
|
"startDuration": 0.5,
|
|
"graphs": graph,
|
|
"chartCursor": {
|
|
"cursorAlpha": 0,
|
|
"zoomable": false
|
|
},
|
|
"categoryField": "mes",
|
|
"categoryAxis": {
|
|
"gridPosition": "start",
|
|
"axisAlpha": 0,
|
|
"fillAlpha": 0.05,
|
|
"fillColor": "#000000",
|
|
"gridAlpha": 0,
|
|
"position": "top"
|
|
},
|
|
"export": {
|
|
"enabled": true,
|
|
"position": "bottom-right"
|
|
}
|
|
});
|
|
}
|
|
|
|
function CargaGraficaComportamientoVentas(data, graph) {
|
|
var chart = AmCharts.makeChart("chartdiv3", {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"legend": {
|
|
"useGraphSettings": true,
|
|
"valueWidth": 150
|
|
},
|
|
"dataProvider": data,
|
|
"startDuration": 0.5,
|
|
"graphs": graph,
|
|
"chartCursor": {
|
|
"cursorAlpha": 0,
|
|
"zoomable": false
|
|
},
|
|
"categoryField": "mes",
|
|
"categoryAxis": {
|
|
"gridPosition": "start",
|
|
"axisAlpha": 0,
|
|
"fillAlpha": 0.05,
|
|
"fillColor": "#000000",
|
|
"gridAlpha": 0,
|
|
"position": "top"
|
|
},
|
|
"export": {
|
|
"enabled": true,
|
|
"position": "bottom-right"
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
function CargaGraficaVencido(data) {
|
|
var chart = AmCharts.makeChart("chartdiv", {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
//"marginTop": 0,
|
|
//"marginRight": 80,
|
|
"dataProvider": data,
|
|
"graphs": [{
|
|
"id": "g1",
|
|
//"balloonText": "[[category]]<br><b><span style='font-size:14px;'>[[value]]</span></b>",
|
|
//"bullet": "round",
|
|
//"bulletSize": 8,
|
|
"lineColor": "#d1655d",
|
|
"lineThickness": 2,
|
|
"negativeLineColor": "#009846",
|
|
"type": "smoothedLine",
|
|
"valueField": "value",
|
|
}],
|
|
//"chartScrollbar": {
|
|
// "graph": "g1",
|
|
// "gridAlpha": 0,
|
|
// "color": "#888888",
|
|
// "scrollbarHeight": 55,
|
|
// "backgroundAlpha": 0,
|
|
// "selectedBackgroundAlpha": 0.1,
|
|
// "selectedBackgroundColor": "#888888",
|
|
// "graphFillAlpha": 0,
|
|
// "autoGridCount": true,
|
|
// "selectedGraphFillAlpha": 0,
|
|
// "graphLineAlpha": 0.2,
|
|
// "graphLineColor": "#c2c2c2",
|
|
// "selectedGraphLineColor": "#888888",
|
|
// "selectedGraphLineAlpha": 1
|
|
|
|
//},
|
|
//"chartCursor": {
|
|
// "categoryBalloonDateFormat": "YYYY",
|
|
// "cursorAlpha": 0,
|
|
// "valueLineEnabled": true,
|
|
// "valueLineBalloonEnabled": true,
|
|
// "valueLineAlpha": 0.5,
|
|
// "fullWidth": true
|
|
//},
|
|
//"dataDateFormat": "DD/MM/YYYY",
|
|
"categoryField": "date",
|
|
//"categoryAxis": {
|
|
// "minPeriod": "MM/YYYY",
|
|
// "parseDates": true,
|
|
// "minorGridAlpha": 0.1,
|
|
// "minorGridEnabled": true
|
|
//},
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
});
|
|
}
|
|
|
|
function CargaGraficaLimiteCredito(data) {
|
|
var chart = AmCharts.makeChart("chartdiv2", {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"legend": {
|
|
"horizontalGap": 10,
|
|
"maxColumns": 1,
|
|
"position": "right",
|
|
"useGraphSettings": true,
|
|
"markerSize": 10
|
|
},
|
|
"dataProvider": data,
|
|
"valueAxes": [{
|
|
"stackType": "regular",
|
|
"axisAlpha": 0.3,
|
|
"gridAlpha": 0
|
|
}],
|
|
"graphs": [{
|
|
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
|
|
"fillAlphas": 0.8,
|
|
"labelText": "[[value]]",
|
|
"lineAlpha": 0.3,
|
|
"title": "Saldo",
|
|
"type": "column",
|
|
"color": "#000000",
|
|
"valueField": "saldo"
|
|
},
|
|
{
|
|
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
|
|
"fillAlphas": 0.8,
|
|
"labelText": "[[value]]",
|
|
"lineAlpha": 0.3,
|
|
"title": "Limite Credito",
|
|
"type": "column",
|
|
"color": "#000000",
|
|
"valueField": "limite"
|
|
}],
|
|
"categoryField": "year",
|
|
"categoryAxis": {
|
|
"gridPosition": "start",
|
|
"axisAlpha": 0,
|
|
"gridAlpha": 0,
|
|
"position": "left"
|
|
},
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
</script>
|
|
</asp:Content>
|
|
|