521 lines
30 KiB
Plaintext
521 lines
30 KiB
Plaintext
<%@ Page Title="" Language="C#" ViewStateMode="Enabled" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="RepPasajero.aspx.cs" Inherits="GPS_RepPasajero" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
<style>
|
|
td a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.ADScroller-body {
|
|
max-height: 400px;
|
|
}
|
|
|
|
.dataTables_scrollHeadInner > table {
|
|
background: lightgray;
|
|
}
|
|
|
|
table.dataTable th.focus, table.dataTable td.focus {
|
|
outline: 3px solid #3366ff00;
|
|
outline-offset: -1px;
|
|
}
|
|
|
|
table.dataTable,
|
|
table.dataTable th,
|
|
table.dataTable td {
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.dataTables_scrollBody > .dataTable > thead {
|
|
display: none !important;
|
|
}
|
|
|
|
tr td:nth-child(4) {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
Reporte de Pasajeros
|
|
</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="HpGrafica" Visible="false" OnClientClick="CargaChart(); return false;" data-toggle="modal" data-target="#DivModalGrafca" data-backdrop="static" data-keyboard="false" runat="server"><i class="fa fa-bar-chart"></i> Ver Grafica</asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
<li>
|
|
<asp:UpdatePanel runat="server">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkExportaExcel" Visible="false" OnClientClick="ImprimeGrafica(); return false;" OnClick="LnkExportaExcel_Click" runat="server"><i class="fa fa-file-excel-o"></i> Exportar a Excel</asp:LinkButton>
|
|
</ContentTemplate>
|
|
<Triggers>
|
|
<asp:PostBackTrigger ControlID="LnkExportaExcel" />
|
|
</Triggers>
|
|
</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" />
|
|
</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: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 ID="UpDatos" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div id="divContenido" runat="server" visible="false">
|
|
<div class="portlet light smmallpadding traspasorow bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span class="caption-subject bold uppercase">Numero de Vueltas</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 rowpadding">
|
|
<asp:GridView ID="GvVueltas" runat="server" Style="overflow-x: auto;" GridLines="None" OnRowDataBound="GvVueltas_RowDataBound" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" data-sort="true" data-rows ="3" data-sortindex="1" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Numero de Vueltas Realizadas">
|
|
<Columns>
|
|
<asp:BoundField DataField="NoEconomico" ItemStyle-Width="12.5%" HeaderText="Vehículo" ItemStyle-HorizontalAlign="Center" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
<div class="portlet light smmallpadding traspasorow bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="material-icons font-green" style="font-size: 24px;">attach_money</i>
|
|
<span class="caption-subject bold uppercase" style="line-height: 2;">Costo de Vueltas (MXN)</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 rowpadding">
|
|
<asp:GridView ID="GvCostos" runat="server" OnRowCreated="GvCostos_RowCreated" GridLines="None" DataKeyNames="CveDispositivo" OnRowDataBound="GvCostos_RowDataBound" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" data-sort="true" data-rows ="2" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Costos por Vuelta">
|
|
<Columns>
|
|
<asp:BoundField DataField="NoEconomico" ItemStyle-Width="12.5%" HeaderText="Vehículo" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
<div class="portlet light smmallpadding traspasorow bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="material-icons font-green" style="font-size: 24px;">local_shipping</i>
|
|
<span class="caption-subject bold uppercase" style="line-height: 2;">Kilometros Recorridos</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:CargaGraficaKilometros();$('#DivModalGraficaKilometros').modal({ backdrop: 'static', keyboard: false });"><i class="icon-graph" style="font-size: 30px; color: #c1ccd1 !important;"></i></a>
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body rowpadding">
|
|
<asp:GridView ID="GvKilometros" runat="server" GridLines="None" OnRowDataBound="GvKilometros_RowDataBound" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" data-sort="true" data-rows ="2" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Kilometros Recorridos">
|
|
<Columns>
|
|
<asp:BoundField DataField="NoEconomico" ItemStyle-Width="12.5%" HeaderText="Vehículo" ItemStyle-HorizontalAlign="Center" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
<div class="portlet light smmallpadding traspasorow bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="material-icons font-green" style="font-size: 24px;">attach_money</i>
|
|
<span class="caption-subject bold uppercase" style="line-height: 2;">Costo de Kilometros Recorridos (MXN)</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 rowpadding" id="DvKilometrosCostoHeader" runat="server">
|
|
<asp:HiddenField ID="HdnHeaderKMCosto" runat="server" />
|
|
<asp:GridView ID="GvKilometrosCosto" runat="server" GridLines="None" OnRowDataBound="GvKilometrosCosto_RowDataBound" OnRowCreated="GvKilometrosCosto_RowCreated" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" data-sort="true" data-rows ="3" data-sortindex="1" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Kilometros Recorridos">
|
|
<Columns>
|
|
<asp:BoundField DataField="NoEconomico" ItemStyle-Width="12.5%" HeaderText="Vehículo" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
<div class="portlet light smmallpadding traspasorow bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="material-icons font-green" style="font-size: 24px;">local_shipping</i>
|
|
<span class="caption-subject bold uppercase" style="line-height: 2;">Driving (Eventos Ocurridos)</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:CargaGraficaEventos();$('#DivModalGraficaEventos').modal({ backdrop: 'static', keyboard: false });"><i class="icon-graph" style="font-size: 30px; color: #c1ccd1 !important;"></i></a>
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body rowpadding">
|
|
<asp:GridView ID="GvDriving" runat="server" GridLines="None" OnRowDataBound="GvDriving_RowDataBound" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" data-sort="true" data-rows ="2" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Kilometros Recorridos">
|
|
<Columns>
|
|
<asp:BoundField DataField="NoEconomico" ItemStyle-Width="12.5%" HeaderText="Vehículo" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<asp:HiddenField ID="HdnCostosValores" ClientIDMode="Static" Value="[]" runat="server" />
|
|
<asp:HiddenField ID="HdnCostosKilometros" ClientIDMode="Static" Value="[]" runat="server" />
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<div id="DivModalGraficaKilometros" class="modal ADS fade" role="dialog">
|
|
<asp:UpdatePanel class="modal-dialog" runat="server" ID="UpModalGraficaKilometros" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-content">
|
|
<div class="modal-body">
|
|
<asp:HiddenField ID="HdnGraficaKilometros" ClientIDMode="Static" Value="[]" runat="server" />
|
|
<asp:HiddenField ID="HdnGraficaKilometros64" ClientIDMode="Static" Value="[]" runat="server" />
|
|
<div id="dvGraficaKilometros" style="min-width: 900px; height: 500px; margin: 0 auto"></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>
|
|
<div id="DivModalGraficaEventos" class="modal ADS fade" role="dialog">
|
|
<asp:UpdatePanel class="modal-dialog" runat="server" ID="UpGraficaEventos" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-content">
|
|
<div class="modal-body">
|
|
<asp:HiddenField ID="HdnGraficaEventos" ClientIDMode="Static" Value="[]" runat="server" />
|
|
<asp:HiddenField ID="HdnGraficaEventos64" ClientIDMode="Static" Value="[]" runat="server" />
|
|
<div id="DvGraficaEventos" style="min-width: 900px; height: 500px; margin: 0 auto"></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>
|
|
<div id="DivModalVueltas" class="modal ADS fade" role="dialog">
|
|
<asp:UpdatePanel class="modal-dialog" runat="server" ID="UpModalEditar" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-content">
|
|
<div class="modal-header ">
|
|
<h4 id="ModalTitulo" class="modal-title"></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:HiddenField ID="HdnFechaValue" runat="server" ClientIDMode="Static" />
|
|
<asp:GridView ID="GvModalEditar" runat="server" GridLines="None" DataKeyNames="CveDispositivo" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" data-sort="true" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="">
|
|
<Columns>
|
|
<asp:BoundField DataField="NoEconomico" ItemStyle-Width="50%" HeaderText="Vehículo" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:TemplateField ItemStyle-Width="50%" HeaderText="Pago" ItemStyle-HorizontalAlign="Center">
|
|
<ItemTemplate>
|
|
<asp:TextBox ID="TxtImporte" runat="server" Text="" CssClass="form-control input-sm calcular"></asp:TextBox>
|
|
<ajax:FilteredTextBoxExtender ID="FTEImporte" runat="server" TargetControlID="TxtImporte" FilterType="Custom,Numbers" ValidChars="." />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<div class="modal-btn">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
|
|
<asp:Button ID="BtnGuardarCostos" runat="server" Text="Guardar" CssClass="btn btn-primary" OnClick="BtnGuardarCostos_Click1" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
<div id="DivModalKilometros" class="modal ADS fade" role="dialog">
|
|
<asp:UpdatePanel class="modal-dialog" runat="server" ID="UpModalKilometros" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-content">
|
|
<div class="modal-header ">
|
|
<h4 id="ModalTituloKilometros" class="modal-title"></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:HiddenField ID="HdnFechaKilometrosValue" runat="server" ClientIDMode="Static" />
|
|
<asp:GridView ID="GvModalKilometros" runat="server" GridLines="None" DataKeyNames="CveDispositivo" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="">
|
|
<Columns>
|
|
<asp:BoundField DataField="NoEconomico" ItemStyle-Width="50%" HeaderText="Vehículo" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:TemplateField ItemStyle-Width="50%" HeaderText="Pago" ItemStyle-HorizontalAlign="Center">
|
|
<ItemTemplate>
|
|
<asp:TextBox ID="TxtImporte" runat="server" Text="" CssClass="form-control input-sm calcular"></asp:TextBox>
|
|
<ajax:FilteredTextBoxExtender ID="FTEImporte" runat="server" TargetControlID="TxtImporte" FilterType="Custom,Numbers" ValidChars="." />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<div class="modal-btn">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
|
|
<asp:Button ID="BtnGuardarCostosKilometros" runat="server" Text="Guardar" CssClass="btn btn-primary" OnClick="BtnGuardarCostosKilometros_Click" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
<div id="DvEventos" class="modal ADS fade" role="dialog">
|
|
<asp:UpdatePanel class="modal-dialog" runat="server" ID="UpGvEventos" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-content">
|
|
<div class="modal-header ">
|
|
<h4 id="ModalTituloEventos" runat="server" class="modal-title"></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:HiddenField ID="HiddenField1" runat="server" ClientIDMode="Static" />
|
|
<asp:GridView ID="GvEventosDetalle" OnRowDataBound="GvEventosDetalle_RowDataBound" runat="server" GridLines="None" DataKeyNames="CveDispositivo" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="">
|
|
<Columns>
|
|
<asp:BoundField DataField="NoEconomico" ItemStyle-Width="30%" HeaderText="Vehículo" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField DataField="Evento" ItemStyle-Width="40%" HeaderText="Evento" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField DataField="Total" ItemStyle-Width="30%" HeaderText="Total" DataFormatString="{0:N}" ItemStyle-HorizontalAlign="Center" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</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:UpdatePanel ID="UpEventos" runat="server" ClientIDMode="Static" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:HiddenField ID="HdnDispositivo" ClientIDMode="Static" Value="-1" runat="server" />
|
|
<asp:HiddenField ID="HdnOpcion" ClientIDMode="Static" Value="-1" runat="server" />
|
|
<asp:HiddenField ID="HdnFechaDetalle" ClientIDMode="Static" Value="" runat="server" />
|
|
<asp:LinkButton ID="LnkEventosDetalle" Text="ED" Style="display: none;" runat="server" OnClick="LnkEventosDetalle_Click"></asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
|
<script type="text/javascript">
|
|
function CargaGraficaKilometros(print) {
|
|
var datosKM = JSON.parse($('#HdnGraficaKilometros').val());
|
|
var datosgrupo = $("#C_DdlGrupo").select2('data');
|
|
var titulo = "";
|
|
if (typeof (datosgrupo) !== 'undefined') {
|
|
titulo = "TOTAL DE KILOMETROS RECORRIDOS DEL GRUPO:<b>" + datosgrupo[0].text + "</b>";
|
|
}
|
|
$("#dvGraficaKilometros").highcharts({
|
|
chart: {
|
|
type: 'column'
|
|
},
|
|
title: {
|
|
text: titulo
|
|
},
|
|
subtitle: {
|
|
text: ''
|
|
},
|
|
xAxis: {
|
|
categories: datosKM.categories,
|
|
crosshair: true
|
|
},
|
|
yAxis: {
|
|
min: 0,
|
|
title: {
|
|
text: ''
|
|
}
|
|
},
|
|
tooltip: {
|
|
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
|
pointFormat: '<tr><td style="color:{series.color};padding:0">Total de {series.name}: </td>' +
|
|
'<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
|
|
footerFormat: '</table>',
|
|
shared: true,
|
|
useHTML: true
|
|
},
|
|
plotOptions: {
|
|
column: {
|
|
pointPadding: 0.2,
|
|
borderWidth: 0
|
|
}
|
|
},
|
|
series: datosKM.series
|
|
});
|
|
save_chart($('#dvGraficaKilometros').highcharts(), print, 'HdnGraficaKilometros64');
|
|
}
|
|
|
|
function CargaGraficaEventos(print) {
|
|
var datosKM = JSON.parse($('#HdnGraficaEventos').val());
|
|
var datosgrupo = $("#C_DdlGrupo").select2('data');
|
|
var titulo = "";
|
|
if (typeof (datosgrupo) !== 'undefined') {
|
|
titulo = "TOTAL DE EVENTOS OCURRIDOS DEL GRUPO:<b>" + datosgrupo[0].text + "</b>";
|
|
}
|
|
$("#DvGraficaEventos").highcharts({
|
|
chart: {
|
|
type: 'column'
|
|
},
|
|
title: {
|
|
text: titulo
|
|
},
|
|
subtitle: {
|
|
text: ''
|
|
},
|
|
xAxis: {
|
|
categories: datosKM.categories,
|
|
crosshair: true
|
|
},
|
|
yAxis: {
|
|
min: 0,
|
|
title: {
|
|
text: ''
|
|
}
|
|
},
|
|
tooltip: {
|
|
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
|
pointFormat: '<tr><td style="color:{series.color};padding:0">Total de {series.name}: </td>' +
|
|
'<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
|
|
footerFormat: '</table>',
|
|
shared: true,
|
|
useHTML: true
|
|
},
|
|
plotOptions: {
|
|
column: {
|
|
pointPadding: 0.2,
|
|
borderWidth: 0
|
|
}
|
|
},
|
|
series: datosKM.series
|
|
});
|
|
save_chart($('#DvGraficaEventos').highcharts(), print, 'HdnGraficaEventos64');
|
|
}
|
|
|
|
function CargaModal(Fecha) {
|
|
$(".calcular").each(function (key, value) {
|
|
this.value = "";
|
|
});
|
|
HdnFechaValue.value = Fecha;
|
|
ModalTitulo.innerText = 'Costos de vueltas del día: ' + Fecha;
|
|
$("#DivModalVueltas").modal({ backdrop: 'static', keyboard: false });
|
|
}
|
|
function CargaModalKilometros(Fecha) {
|
|
$(".calcularKilometros").each(function (key, value) {
|
|
this.value = "";
|
|
});
|
|
HdnFechaKilometrosValue.value = Fecha;
|
|
ModalTituloKilometros.innerText = 'Costos de kilometraje del día: ' + Fecha;
|
|
$("#DivModalKilometros").modal({ backdrop: 'static', keyboard: false });
|
|
}
|
|
|
|
function CargaDetalleEventos(CveDispositivo, Fecha, Opcion) {
|
|
$("#HdnDispositivo").val(CveDispositivo);
|
|
$("#HdnFechaDetalle").val(Fecha);
|
|
$("#HdnOpcion").val(Opcion);
|
|
__doPostBack('ctl00$C$LnkEventosDetalle', '');
|
|
}
|
|
|
|
EXPORT_WIDTH = 1000;
|
|
function save_chart(chart, print, imagen) {
|
|
var render_width = EXPORT_WIDTH;
|
|
var render_height = render_width * chart.chartHeight / chart.chartWidth
|
|
|
|
var svg = chart.getSVG({
|
|
exporting: {
|
|
sourceWidth: chart.chartWidth,
|
|
sourceHeight: chart.chartHeight
|
|
}
|
|
});
|
|
|
|
var canvas = document.createElement('canvas');
|
|
canvas.height = render_height;
|
|
canvas.width = render_width;
|
|
|
|
var image = new Image;
|
|
image.onload = function () {
|
|
canvas.getContext('2d').drawImage(this, 0, 0, render_width, render_height);
|
|
var data = canvas.toDataURL("image/png");
|
|
|
|
$("#" + imagen).val(data);
|
|
if (print) {
|
|
__doPostBack('ctl00$H$LnkExportaExcel', '')
|
|
}
|
|
};
|
|
image.src = 'data:image/svg+xml;base64,' + utoa(svg);
|
|
}
|
|
function utoa(str) {
|
|
return window.btoa(unescape(encodeURIComponent(str)));
|
|
}
|
|
function ImprimeGrafica() {
|
|
CargaGraficaKilometros(false);
|
|
setTimeout(function () {
|
|
CargaGraficaEventos(true);
|
|
}, 1000);
|
|
}
|
|
|
|
|
|
</script>
|
|
</asp:Content>
|
|
|