1057 lines
52 KiB
Plaintext
1057 lines
52 KiB
Plaintext
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="Dashboard.aspx.vb" Inherits="General_Dashboard" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="H" runat="Server">
|
|
<li>
|
|
<asp:LinkButton ID="LnkExportarPDF" runat="server" OnClick="LnkExportarPDF_Click"> <i class="fa fa-file-pdf-o" style="font-weight:bold;"></i> Exportar PDF</asp:LinkButton>
|
|
</li>
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
<style type="text/css">
|
|
@import url("https://code.highcharts.com/css/highcharts.css");
|
|
@import url("https://code.highcharts.com/dashboards/css/datagrid.css");
|
|
@import url("https://code.highcharts.com/dashboards/css/dashboards.css");
|
|
|
|
.table-bordered thead th {
|
|
background-color: #f8f9fa;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
.table-striped tbody tr:nth-of-type(odd) {
|
|
background-color: rgba(0,0,0,.05);
|
|
}
|
|
|
|
.table td, .table th {
|
|
padding: 2px;
|
|
}
|
|
|
|
.dashboard-stat {
|
|
padding: 15px;
|
|
margin-bottom: 20px;
|
|
border-radius: 4px;
|
|
color: white;
|
|
}
|
|
|
|
.dashboard-stat .visual > i {
|
|
font-size: 35px;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.dashboard-stat .details {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.Link {
|
|
color: #0000b9;
|
|
}
|
|
|
|
.portlet.light > .portlet-title > .caption > .caption-subject {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.dashboard-container {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.resumen-grid {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
.sucursal-header {
|
|
vertical-align: middle !important;
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
.header-group {
|
|
display: block;
|
|
font-weight: bold;
|
|
padding: 2px;
|
|
}
|
|
|
|
|
|
.sub-columns {
|
|
display: flex !important;
|
|
justify-content: space-between;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.sub-columns > div {
|
|
flex: 1 1 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
.sub-header {
|
|
padding: 2px;
|
|
}
|
|
|
|
.sub-data {
|
|
padding: 2px;
|
|
text-align: right;
|
|
border-left: 1px solid #dee2e6;
|
|
}
|
|
|
|
.sub-data:first-child {
|
|
border-left: none;
|
|
}
|
|
|
|
|
|
|
|
.dashboard-stat {
|
|
padding: 1.5rem;
|
|
border-radius: 4px;
|
|
color: white;
|
|
}
|
|
|
|
|
|
.custom-grid {
|
|
-webkit-text-size-adjust: 100%;
|
|
line-height: 1.42857;
|
|
font-family: "Open Sans", sans-serif;
|
|
color: #333;
|
|
font-size: 14px;
|
|
box-sizing: border-box;
|
|
border-radius: 0 !important;
|
|
float: left;
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
|
|
.custom-grid th {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.custom-grid th,
|
|
.custom-grid td {
|
|
border: none !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
.custom-grid thead th {
|
|
padding: 2px !important;
|
|
}
|
|
|
|
|
|
.custom-grid,
|
|
.resumen-grid {
|
|
border-collapse: collapse !important;
|
|
border: none !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
.custom-grid thead th,
|
|
.resumen-grid thead th {
|
|
border-bottom: 2px solid #dee2e6 !important;
|
|
}
|
|
|
|
|
|
.custom-grid tbody tr + tr td,
|
|
.resumen-grid tbody tr + tr td {
|
|
border-top: 1px solid #dee2e6 !important;
|
|
}
|
|
|
|
|
|
.custom-grid th,
|
|
.resumen-grid th {
|
|
text-transform: capitalize !important;
|
|
}
|
|
|
|
|
|
.custom-grid {
|
|
table-layout: fixed;
|
|
}
|
|
|
|
|
|
.custom-grid td,
|
|
.custom-grid th {
|
|
white-space: normal !important;
|
|
word-wrap: break-word !important;
|
|
}
|
|
|
|
.custom-grid,
|
|
.resumen-grid {
|
|
font-size: 8px !important;
|
|
}
|
|
|
|
|
|
.custom-grid th,
|
|
.custom-grid td {
|
|
padding: 2px !important;
|
|
}
|
|
|
|
|
|
|
|
.portlet {
|
|
height: 200px !important;
|
|
}
|
|
|
|
.row.gx-4.gy-4 {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.row,
|
|
.portlet,
|
|
.portlet-title,
|
|
.portlet-body,
|
|
.dashboard-stat,
|
|
.custom-grid,
|
|
.resumen-grid
|
|
.highcharts-container,
|
|
#divVentasMensuales {
|
|
padding: 2px !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
.resumen-grid,
|
|
.custom-grid {
|
|
border-collapse: collapse;
|
|
width: 100% !important;
|
|
table-layout: fixed;
|
|
font-size: 8px !important;
|
|
}
|
|
|
|
.resumen-grid th,
|
|
.resumen-grid td {
|
|
border: none !important;
|
|
padding: 2px !important;
|
|
white-space: normal !important;
|
|
word-wrap: break-word !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#gvResumenSucursales .sub-columns,
|
|
#gvResumenSucursales .sub-columns > div {
|
|
padding: 2px !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
|
|
.custom-grid td,
|
|
.custom-grid th,
|
|
.resumen-grid td,
|
|
.resumen-grid th {
|
|
padding: 2px !important;
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
|
|
.portlet-body {
|
|
padding: 2px !important;
|
|
max-height: 170px !important;
|
|
}
|
|
|
|
|
|
|
|
#gvResumenSucursales .sub-data {
|
|
padding: 2px !important;
|
|
border-left: 1px solid #dee2e6 !important;
|
|
}
|
|
|
|
|
|
#gvResumenSucursales .sub-columns > div {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.custom-grid td:first-child,
|
|
.custom-grid th:first-child {
|
|
width: auto !important;
|
|
min-width: auto !important;
|
|
max-width: none !important;
|
|
}
|
|
|
|
.custom-grid td:nth-child(2),
|
|
.custom-grid td:nth-child(3),
|
|
.custom-grid td:nth-child(4),
|
|
.custom-grid td:nth-child(5) {
|
|
width: 125px !important;
|
|
min-width: 125px !important;
|
|
max-width: 125px !important;
|
|
text-align: right !important;
|
|
padding-right: 8px !important;
|
|
}
|
|
|
|
|
|
.custom-grid th:nth-child(2),
|
|
.custom-grid th:nth-child(3),
|
|
.custom-grid th:nth-child(4),
|
|
.custom-grid th:nth-child(5) {
|
|
text-align: center !important;
|
|
}
|
|
|
|
|
|
.custom-grid td:first-child,
|
|
.custom-grid th:first-child {
|
|
width: auto !important;
|
|
min-width: auto !important;
|
|
max-width: none !important;
|
|
}
|
|
|
|
.portlet-title {
|
|
margin-bottom: 0px !important;
|
|
padding: 2px 0 !important;
|
|
}
|
|
|
|
.portlet-title .caption-subject {
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
.portlet.light > .portlet-body.table-responsive {
|
|
padding-top: 0 !important;
|
|
margin-top: -16px !important;
|
|
}
|
|
|
|
|
|
.portlet.light > .portlet-title {
|
|
position: relative;
|
|
margin-bottom: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.portlet.light > .portlet-title::after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 14px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
background-color: #dee2e6;
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
}
|
|
|
|
.portlet > .portlet-title {
|
|
border-bottom: none !important;
|
|
margin-bottom: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
|
|
.kpi-titulo {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
margin-bottom: 10px;
|
|
padding-left: 10px;
|
|
position: relative;
|
|
padding-right: 180px;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.kpi-valor {
|
|
font-size: 50px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
line-height: 1.2;
|
|
margin: 15px 0;
|
|
}
|
|
|
|
.divContainerads {
|
|
|
|
max-height: 170px;
|
|
|
|
}
|
|
/*
|
|
.gvMaxHeight{
|
|
max-height: 160px;
|
|
overflow: auto;
|
|
}
|
|
*/
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content7" ContentPlaceHolderID="C" runat="Server">
|
|
<asp:UpdatePanel ID="UPDashboard" runat="server">
|
|
<ContentTemplate>
|
|
<div class="row filter-row">
|
|
<div class="col-md-2"></div>
|
|
<div class="col-md-3">
|
|
<div class="form-group row align-items-center">
|
|
<asp:Label ID="lblDashboardOption" runat="server"
|
|
Text="Opción"
|
|
CssClass="col-form-label col-md-2 mb-0"
|
|
AssociatedControlID="ddlDashboardOption"
|
|
Style="margin-right: 10px; vertical-align: middle;" />
|
|
<div class="col-md-9">
|
|
<asp:DropDownList ID="ddlDashboardOption" runat="server" AutoPostBack="True"
|
|
CssClass="form-control select2me"
|
|
OnSelectedIndexChanged="ddlDashboardOption_SelectedIndexChanged">
|
|
<asp:ListItem Value="1">Ingresos</asp:ListItem>
|
|
<asp:ListItem Value="2">Recuperación</asp:ListItem>
|
|
<asp:ListItem Value="3">Compras</asp:ListItem>
|
|
<asp:ListItem Value="4">Cuentas por Pagar</asp:ListItem>
|
|
<asp:ListItem Value="5">Inventario</asp:ListItem>
|
|
<asp:ListItem Value="6">Utilidad</asp:ListItem>
|
|
<asp:ListItem Value="7">Impuestos</asp:ListItem>
|
|
<asp:ListItem Value="8">CRM</asp:ListItem>
|
|
<asp:ListItem Value="9">RH</asp:ListItem>
|
|
<asp:ListItem Value="10">AF</asp:ListItem>
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<asp:Panel ID="pnlDashboard" runat="server">
|
|
<asp:MultiView ID="mvDashboard" runat="server" ActiveViewIndex="0">
|
|
<asp:View ID="viewIngresos" runat="server">
|
|
<div class="content">
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-6">
|
|
<div id="DivIndicadoresIngresosLeft" runat="server"></div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div id="DivIndicadoresIngresosRight" runat="server"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<i class="icon-bar-chart font-dark hide"></i>
|
|
<span class="caption-subject font-dark bold">Utilidad</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
|
|
<asp:GridView ID="gvResumenSucursales"
|
|
runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
data-rows="2"
|
|
data-cols="1"
|
|
AutoGenerateColumns="false"
|
|
Width="100%"
|
|
OnRowCreated="gvResumenSucursales_RowCreated">
|
|
<Columns>
|
|
<asp:BoundField DataField="Sucursal" HeaderText="Sucursal" />
|
|
|
|
<asp:BoundField DataField="VentaAnual" HeaderText="Venta" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="UtilidadAnual" HeaderText="Utilidad" DataFormatString="{0:N2}" />
|
|
|
|
<asp:BoundField DataField="VentaMensual" HeaderText="Venta" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="UtilidadMensual" HeaderText="Utilidad" DataFormatString="{0:N2}" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div id="divVentasMensuales" class="mt-3" style="width: 100%; height: 300px;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Ventas por sucursal</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvVentasPorSucursal"
|
|
runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Sucursal" HeaderText="Sucursal" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Día" HeaderText="Dia" DataFormatString="{0:N2}" />
|
|
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Ventas por vendedor</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvVentasPorVendedor"
|
|
runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Vendedor" HeaderText="Vendedor" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Día" HeaderText="Dia" DataFormatString="{0:N2}" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Ventas por clasificación</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvVentasPorClasificacion"
|
|
runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Clasificacion" HeaderText="Clasificación" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Día" HeaderText="Dia" DataFormatString="{0:N2}" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Ventas por marca</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvVentasPorMarca"
|
|
runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Marca" HeaderText="Marca" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Día" HeaderText="Dia" DataFormatString="{0:N2}" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Ventas por PS</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvVentasPorPS"
|
|
runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="ProductoServicio" HeaderText="PS" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Día" HeaderText="Dia" DataFormatString="{0:N2}" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Ventas por Cliente</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvVentasPorCliente"
|
|
runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="NombreCliente" HeaderText="Cliente" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Día" HeaderText="Dia" DataFormatString="{0:N2}" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Ventas por Proveedor</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvVentasPorProveedor"
|
|
runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="NombreProveedor" HeaderText="Proveedor" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" />
|
|
<asp:BoundField DataField="Día" HeaderText="Dia" DataFormatString="{0:N2}" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</asp:View>
|
|
|
|
|
|
<asp:View ID="viewRecuperacion" runat="server">
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div id="DivIndicadoresRecuperacionLeft" runat="server"></div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div id="DivIndicadoresRecuperacionRight" runat="server"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div id="divCxCMensual" style="width: 204%; height: 300px;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Cartera por Sucursal</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvCarteraPorSucursal" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Sucursal" HeaderText="Sucursal" />
|
|
<asp:BoundField DataField="TotalCxC" HeaderText="Total CxC" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Vencido" HeaderText="Vencido" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="PorVencer" HeaderText="Por Vencer" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Cartera por Vendedor</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvCarteraPorVendedor" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Vendedor" HeaderText="Vendedor" />
|
|
<asp:BoundField DataField="TotalCxC" HeaderText="Total CxC" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Vencido" HeaderText="Vencido" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="PorVencer" HeaderText="Por Vencer" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Recuperación por Sucursal</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvRecuperacionPorSucursal" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Sucursal" HeaderText="Sucursal" />
|
|
<asp:BoundField DataField="Recuperado" HeaderText="Recuperado" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="PromedioDiasRecuperacion" HeaderText="Avg. Días Recuperación" DataFormatString="{0:N1}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Recuperación por Cliente</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvRecuperacionPorCliente" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Cliente" HeaderText="Cliente" />
|
|
<asp:BoundField DataField="Recuperado" HeaderText="Recuperado" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="PromedioDiasRecuperacion" HeaderText="Avg. Días Recuperación" DataFormatString="{0:N1}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</asp:View>
|
|
|
|
<asp:View ID="viewCompras" runat="server">
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Compras por Clasificación</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvComprasPorClasificacion" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Clasificacion" HeaderText="Clasificación" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Dia" HeaderText="Día" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Compras por Marca</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvComprasPorMarca" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Marca" HeaderText="Marca" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Dia" HeaderText="Día" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Compras por PS</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvComprasPorPS" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="ProductoServicio" HeaderText="PS" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Dia" HeaderText="Día" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Compras por Proveedor</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvComprasPorProveedor" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="NombreProveedor" HeaderText="Proveedor" />
|
|
<asp:BoundField DataField="Año" HeaderText="Año" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Mes" HeaderText="Mes" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Semana" HeaderText="Semana" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Dia" HeaderText="Día" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</asp:View>
|
|
|
|
|
|
<asp:View ID="viewCuentasPagar" runat="server">
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div id="DivIndicadoresCxPLeft" runat="server"></div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div id="DivIndicadoresCxPRight" runat="server"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div id="divCxPMensual" style="width: 204%; height: 300px;"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">CxP por Sucursal</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvCxPPorSucursal" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Sucursal" HeaderText="Sucursal" />
|
|
<asp:BoundField DataField="Vencido" HeaderText="Vencido" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="PorVencer" HeaderText="Por Vencer" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Total" HeaderText="Total CxP" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">CxP por Proveedor</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvCxPPorProveedor" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="RazonSocial" HeaderText="Proveedor" />
|
|
<asp:BoundField DataField="Vencido" HeaderText="Vencido" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="PorVencer" HeaderText="Por Vencer" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="Total" HeaderText="Total CxP" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Pagos por Sucursal</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="gvPagosPorSucursal" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Sucursal" HeaderText="Sucursal" />
|
|
<asp:BoundField DataField="Recuperado" HeaderText="Pagado" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="PromedioDias" HeaderText="Avg. Días" DataFormatString="{0:N1}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption caption-md">
|
|
<span class="caption-subject font-dark bold">Pagos por Proveedor</span>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body table-responsive">
|
|
<asp:GridView ID="gvPagosPorProveedor" runat="server"
|
|
CssClass="adssigrid-scroll adssigrid-order table table-hover table-light custom-grid"
|
|
AutoGenerateColumns="false"
|
|
Width="100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="RazonSocial" HeaderText="Proveedor" />
|
|
<asp:BoundField DataField="Recuperado" HeaderText="Pagado" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
<asp:BoundField DataField="PromedioDias" HeaderText="Avg. Días" DataFormatString="{0:N1}" ItemStyle-HorizontalAlign="Right" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</asp:View>
|
|
|
|
|
|
<asp:View ID="viewInventario" runat="server">
|
|
</asp:View>
|
|
|
|
|
|
<asp:View ID="viewUtilidad" runat="server">
|
|
</asp:View>
|
|
|
|
|
|
<asp:View ID="viewImpuestos" runat="server">
|
|
</asp:View>
|
|
|
|
|
|
<asp:View ID="viewCRM" runat="server">
|
|
</asp:View>
|
|
|
|
|
|
<asp:View ID="viewRH" runat="server">
|
|
<!-- Placeholder para RH -->
|
|
</asp:View>
|
|
|
|
|
|
<asp:View ID="viewAF" runat="server">
|
|
</asp:View>
|
|
</asp:MultiView>
|
|
</asp:Panel>
|
|
</ContentTemplate>
|
|
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
|
<script src="/Metronic/assets/global/plugins/jquery.pulsate.min.js"></script>
|
|
<script src="/Scripts/Highcharts/layout.js"></script>
|
|
<script type="text/javascript">
|
|
function pageLoad() {
|
|
$(document).ready(function () {
|
|
// Inicializar tooltips
|
|
$('.tooltips').tooltip();
|
|
});
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</asp:Content>
|
|
|