254 lines
14 KiB
Plaintext
254 lines
14 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="RepAcercamientosProcesos.aspx.cs" Inherits="CRM_RepAcercamientosProcesos" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
<style>
|
|
.Filtros {
|
|
padding: 10px;
|
|
background-color: #C3C3C3;
|
|
}
|
|
|
|
.Filtros label, .Filtros .form-group.form-md-line-input .form-control ~ label {
|
|
color: #fff;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.form-group.form-md-line-input .form-control {
|
|
background-color: #fff;
|
|
}
|
|
.GVRep tr td a{
|
|
display:block;
|
|
text-align:center;
|
|
}
|
|
#chartdiv {
|
|
width: 100%;
|
|
height: 500px;
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
Reporte de Procesos Acercamientos
|
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
|
|
<asp:UpdatePanel ID="UpAcciones" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<li>
|
|
<asp:LinkButton ID="LnkVerGrafica" OnClick="LnkVerGrafica_Click" runat="server">Ver Grafica</asp:LinkButton>
|
|
</li>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</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 ID="upDatosRepA" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="Filtros">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlTipoProceso" runat="server" DataTextField="TipoProceso" DataValueField="CveTipoProceso" CssClass="form-control input-sm select2me Widthall" OnSelectedIndexChanged="DdlTipoProceso_Change" AutoPostBack="true"></asp:DropDownList>
|
|
<asp:Label runat="server" Text="Proceso:" AssociatedControlID="DdlTipoProceso"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlVendedor" runat="server" DataTextField="Vendedor" DataValueField="CveVendedor" CssClass="form-control input-sm select2me Widthall"></asp:DropDownList>
|
|
<asp:Label runat="server" Text="Vendedor:" AssociatedControlID="DdlVendedor"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlMedioCaptacion" runat="server" DataTextField="MedioCaptacion" DataValueField="CveMedioCaptacion" CssClass="form-control input-sm select2me Widthall"></asp:DropDownList>
|
|
<asp:Label runat="server" Text="Medio de Captación:" AssociatedControlID="DdlMedioCaptacion"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlProbabilidad" runat="server" DataTextField="ProbabilidadAcercamiento" DataValueField="CveProbabilidadAcercamiento" CssClass="form-control input-sm select2me Widthall"></asp:DropDownList>
|
|
<asp:Label runat="server" Text="Probabilidad:" AssociatedControlID="DdlProbabilidad"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-1 text-right">
|
|
<br />
|
|
<asp:LinkButton ID="LnkConsultar" OnClick="LnkConsultar_Click" runat="server" CssClass="btn btn-default">Consultar</asp:LinkButton>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-3">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlGrupo1" runat="server" CssClass="form-control input-sm select2me Widthall">
|
|
<asp:ListItem Value="1" Text="Vendedor" Selected="true"></asp:ListItem>
|
|
<asp:ListItem Value="2" Text="Medio de Captación"></asp:ListItem>
|
|
<asp:ListItem Value="3" Text="Probabilidad de Acercamiento"></asp:ListItem>
|
|
<asp:ListItem Value="4" Text="Fecha"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
<asp:Label runat="server" Text="Agrupado Por:" AssociatedControlID="DdlGrupo1"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" style="display:none;">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlGrupo2" runat="server" CssClass="form-control input-sm select2me Widthall">
|
|
<asp:ListItem Value="-1" Text="Ninguno" Selected="True"></asp:ListItem>
|
|
<asp:ListItem Value="1" Text="Vendedor"></asp:ListItem>
|
|
<asp:ListItem Value="2" Text="Medio Captacion"></asp:ListItem>
|
|
<asp:ListItem Value="3" Text="Probabilidad de Acercamiento"></asp:ListItem>
|
|
<asp:ListItem Value="4" Text="Fecha"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
<asp:Label runat="server" Text="Agrupado Por(2):" AssociatedControlID="DdlGrupo2"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="">
|
|
<asp:Label runat="server" Text="Fecha Inicio:" AssociatedControlID="TxtFechaInicio"></asp:Label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px; margin-bottom: -10px; padding-bottom: 10px;">
|
|
<asp:TextBox ID="TxtFechaInicio" runat="server" CssClass="form-control" CausesValidation="true" Width="98%" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="imgFechaInicio" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
</div>
|
|
<ajax:MaskedEditExtender ID="MEEFechaSolicitudI" runat="server" TargetControlID="TxtFechaInicio" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CEFechaSolicitudI" TargetControlID="TxtFechaInicio" PopupButtonID="imgFechaInicio" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="">
|
|
<asp:Label runat="server" Text="Fecha Fin:" AssociatedControlID="TxtFechaFin"></asp:Label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px; margin-bottom: -10px; padding-bottom: 10px;">
|
|
<asp:TextBox ID="TxtFechaFin" runat="server" CssClass="form-control" CausesValidation="true" Width="98%" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="imgFechaFin" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
</div>
|
|
<ajax:MaskedEditExtender ID="MEEFechaSolicitudF" runat="server" TargetControlID="TxtFechaFin" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CEFechaSolicitudF" TargetControlID="TxtFechaFin" PopupButtonID="imgFechaFin" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<asp:GridView ID="GVRepAcercamientosEtapas" runat="server" GridLines="None" CssClass="table table-hover table-striped ScrollAD Widthall GVRep" AutoGenerateColumns="False"
|
|
DataKeyNames="CveGrupo1,Grupo1,CveGrupo2,Grupo2" ShowHeaderWhenEmpty="true">
|
|
<Columns>
|
|
<asp:TemplateField HeaderText="Grupo1">
|
|
<ItemTemplate>
|
|
<asp:Label ID="lblgrupo1" runat="server" Text='<%# Eval("Grupo1")%>'> </asp:Label>
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:TemplateField HeaderText="Grupo2">
|
|
<ItemTemplate>
|
|
<asp:Label ID="lblgrupo2" runat="server" Text='<%# Eval("Grupo2")%>'> </asp:Label>
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
|
|
<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" runat="server" ClientIDMode="Static" Text=""></asp:Label>
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-4"></div>
|
|
<label class="col-md-1 truncate">Grafica:</label>
|
|
<div class="col-md-2">
|
|
<asp:DropDownList ID="DdlGrafica" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DdlGrafica_SelectedIndexChanged" AppendDataBoundItems="true" Class="table-group-action-input form-control input-inline input-small input-sm 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>
|
|
</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/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 CargaGraficaBarras(data) {
|
|
|
|
var chart = AmCharts.makeChart("chartdiv", {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"dataProvider": data,
|
|
"startDuration": 2,
|
|
"valueAxes": [{
|
|
"position": "left",
|
|
"title": "Ventas"
|
|
}],
|
|
"graphs": [{
|
|
"balloonText": "[[category]]: <b>[[value]]</b>",
|
|
"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(data) {
|
|
|
|
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]]%)</span>",
|
|
"angle": 0,
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</asp:Content>
|
|
|