227 lines
14 KiB
Plaintext
227 lines
14 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="RepParadas.aspx.cs" Inherits="GPS_RepParardas" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
Reporte de Rutas
|
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
|
|
<li>
|
|
<asp:UpdatePanel runat="server">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LinkPDF" runat="server" OnClick="LinkPDF_Click" Visible="false"> <i class="fa fa-ad-pdf"></i> Imprimir</asp:LinkButton>
|
|
</ContentTemplate>
|
|
<Triggers>
|
|
<asp:PostBackTrigger ControlID="LinkPDF" />
|
|
</Triggers>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
<li>
|
|
<asp:UpdatePanel runat="server">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkExportar" runat="server" OnClick="LnkExportar_Click" Visible="false"><i class="fa fa-ad-excel"></i> Exportar Excel</asp:LinkButton>
|
|
</ContentTemplate>
|
|
<Triggers>
|
|
<asp:PostBackTrigger ControlID="LnkExportar" />
|
|
</Triggers>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
<li>
|
|
<asp:UpdatePanel runat="server">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="HpGrafica" Visible="false" OnClientClick="CargaChart(); return false;" data-toggle="modal" data-target="#DivModalGrafca" runat="server"><i class="fa fa-bar-chart"></i> Ver Porcentajes</asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
</asp:Content>
|
|
<asp:Content ID="Content6" ContentPlaceHolderID="HA" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content7" ContentPlaceHolderID="C" runat="Server">
|
|
<asp:UpdatePanel ID="UPFiltros" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="portlet solid grey-cascade portlet-filter" style="">
|
|
<div class="portlet-title portlet-filterT smalltitle " style="">
|
|
<div class="tools">
|
|
<asp:Button ID="BtnConsultar" OnClick="BtnConsultar_Click" runat="server" ValidationGroup="GrpGuardar" Text="Consultar" class="btn btn-primary" />
|
|
<a href="javascript:;" class="expand"></a>
|
|
</div>
|
|
<div class="titlefiltros caption" style="margin-top: -8px;">
|
|
<ul class="list-inline" style="font-size: 12px;">
|
|
<li>Grupo:
|
|
<asp:DropDownList AppendDataBoundItems="true" ID="DdlGrupo" runat="server" Width="200px" DataTextField="Nombre" DataValueField="CveDispositivosGrupos" CssClass="form-control input-sm select2me">
|
|
<asp:ListItem Selected="True" Value="-2" Text="Seleccione"></asp:ListItem>
|
|
<asp:ListItem Value="-1" Text="Todos"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
<asp:RequiredFieldValidator ID="RFVDispositivo" runat="server" ControlToValidate="DdlGrupo" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Conductor''</b> es necesario, por favor seleccione uno." InitialValue="-2" ValidationGroup="GrpGuardar"></asp:RequiredFieldValidator>
|
|
<ajax:ValidatorCalloutExtender ID="VCEDispositivo" runat="server" HighlightCssClass="vco" TargetControlID="RFVDispositivo" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</li>
|
|
<li>Fecha Inicio:
|
|
<div class="input-group input-sm date date-picker " data-date-format="dd/mm/yyyy hh:mm" style="display: inline-block;">
|
|
<asp:TextBox ID="txtFechaI" runat="server" CssClass="form-control input-sm ADDateTimePicker" CausesValidation="true" MaxLength="18" Width="132px "></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtFechaI" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Inicio''</b> es necesario, por favor seleccione uno." ValidationGroup="GrpGuardar"></asp:RequiredFieldValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" HighlightCssClass="vco" TargetControlID="RequiredFieldValidator4" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
</li>
|
|
<li>Fecha Fin:
|
|
<div class="input-group input-sm date date-picker " data-date-format="dd/mm/yyyy" style="display: inline-block;">
|
|
<asp:TextBox ID="txtFechaF" runat="server" CssClass="form-control input-sm ADDateTimePicker" CausesValidation="true" MaxLength="18" Width="132px "></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtFechaF" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Fin''</b> es necesario, por favor seleccione uno." ValidationGroup="GrpGuardar"></asp:RequiredFieldValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender2" runat="server" HighlightCssClass="vco" TargetControlID="RequiredFieldValidator5" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<asp:UpdatePanel runat="server" ID="UpDash" UpdateMode="conditional">
|
|
<ContentTemplate>
|
|
<div class="row" id="DivIndicadores" runat="server" visible="false">
|
|
<div class="col-md-12">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption" style="font-size: 17px; width: 80%;">
|
|
<span style="font-size: 24px; font-weight: bold; text-align: center">Reporte de rutas del grupo:
|
|
<asp:Literal ID="LtlGrupo" runat="server"></asp:Literal></span>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="#" class="fullscreen" data-original-title="" title=""></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<div class="col-md-4">
|
|
<a class="dashboard-stat dashboard-stat-v2 green" href="#">
|
|
<div class="visual">
|
|
<i class="material-icons">attach_money</i>
|
|
</div>
|
|
<div class="details">
|
|
<div class="number">
|
|
<span data-counter="counterup" data-value="549">
|
|
<asp:Literal runat="server" ID="LtlTotal"></asp:Literal></span>MXN
|
|
</div>
|
|
<div class="desc">Total General</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<a class="dashboard-stat dashboard-stat-v2 yellow" href="#">
|
|
<div class="visual">
|
|
<i class="material-icons">warning</i>
|
|
</div>
|
|
<div class="details">
|
|
<div class="number">
|
|
<span data-counter="counterup" data-value="1349">
|
|
<asp:Literal runat="server" ID="LtlNumEventos"></asp:Literal></span>
|
|
</div>
|
|
<div class="desc">Número de Eventos</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<a class="dashboard-stat dashboard-stat-v2 blue" href="#">
|
|
<div class="visual">
|
|
<i class="material-icons">account_circle</i>
|
|
</div>
|
|
<div class="details">
|
|
<div class="number">
|
|
<span data-counter="counterup" data-value="1349">
|
|
<asp:Literal runat="server" ID="LtlMejorC"></asp:Literal></span>
|
|
</div>
|
|
<div class="desc">Mejor conductor</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<br />
|
|
<asp:UpdatePanel ID="UpDatos" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row" style="margin-left: 0px; margin-top: 15px; margin-bottom: 5px; text-align: right; margin-right: 5px;" align="left">
|
|
<input type="text" id="TxtBusqueda" class="form-control input-sm" onkeyup="<%= String.Format("FiltrarTabla('TxtBusqueda','{0}')", GvDatos.ClientID) %>" style="display: inline-block; margin-right: -20px; width: 150px;" />
|
|
<a href="javascript:;" onclick="<%= String.Format("FiltrarTabla('TxtBusqueda','{0}')", GvDatos.ClientID) %>" style="margin-top: -3px;" class="btn btn-circle btn-sm label-info"><i class="icon-magnifier"></i></a>
|
|
</div>
|
|
<asp:GridView ID="GvDatos" runat="server" OnRowDataBound="GvDatos_RowDataBound" GridLines="None" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Compuestos Activos">
|
|
<Columns>
|
|
<asp:BoundField DataField="NoEconomico" ItemStyle-Width="12.5%" HeaderText="Vehículo" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField DataField="Conductor" ItemStyle-Width="12.5%" HeaderText="Conductor" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField DataField="GeoReferencia" ItemStyle-Width="12.5%" HeaderText="Parada" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="NumVueltas" ItemStyle-Width="12.5%" HeaderText="Número de Vueltas" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField DataField="Clasificacion" ItemStyle-Width="12.5%" HeaderText="Clasificación" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField DataField="TotalEventos" ItemStyle-Width="12.5%" HeaderText="Número Eventos" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="right" />
|
|
<asp:BoundField DataField="Importe" ItemStyle-Width="12.5%" HeaderText="Importe" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="right" />
|
|
<asp:BoundField DataField="Fecha" ItemStyle-Width="12.5%" HeaderText="Fecha" ItemStyle-HorizontalAlign="Center" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<div id="DivModalGrafca" class="modal ADS fade" role="dialog">
|
|
<asp:UpdatePanel class="modal-dialog" runat="server" ID="UpModalGrafica" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-content">
|
|
<div class="modal-header ">
|
|
<h4 class="modal-title">Porcentaje de Importes por Vehículos.</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:HiddenField ID="HdnJsonChart" Value="[]" runat="server" ClientIDMode="Static" />
|
|
<div id="dvGrafica"></div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<div class="modal-btn">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
|
<script type="text/javascript">
|
|
function CargaChart() {
|
|
var datos = JSON.parse($('#HdnJsonChart').val());
|
|
$("#dvGrafica").highcharts({
|
|
chart: {
|
|
plotBackgroundColor: null,
|
|
plotBorderWidth: null,
|
|
plotShadow: false,
|
|
type: 'pie'
|
|
},
|
|
title: {
|
|
text: ''
|
|
},
|
|
tooltip: {
|
|
pointFormat: '{series.name}: <b>{point.Importe:,.2f}$</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'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
series: [{
|
|
name: 'Importe',
|
|
colorByPoint: true,
|
|
data: datos
|
|
}]
|
|
});
|
|
}
|
|
</script>
|
|
</asp:Content>
|
|
|