407 lines
22 KiB
Plaintext
407 lines
22 KiB
Plaintext
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="RegistroAcarreo.aspx.vb" Inherits="Acarreos_EditarAcarreo" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
<style type="text/css">
|
|
#map {
|
|
height: 500px;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
Registro de Acarreos
|
|
</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 ID="UpDatos" class="Widthall" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row">
|
|
<div class="col-md-6 ">
|
|
<div class="portlet light bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="fa fa-bus font-green"></i>
|
|
<span class="caption-subject bold uppercase">Acarreo</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="bodyAcarreos" class="portlet-body form">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlNumContrato" DataValueField="NumContrato" AutoPostBack="true" DataTextField="NumContrato" runat="server" CssClass="form-control select2me" AppendDataBoundItems="true" Width="200px"></asp:DropDownList>
|
|
<label for="<%= DdlNumContrato.ClientID.ToString()%>">Contrato:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlTransportista" DataValueField="CveTransportista" AutoPostBack="true" DataTextField="Transportista" runat="server" CssClass="form-control select2me" AppendDataBoundItems="true" Width="200px"></asp:DropDownList>
|
|
<label for="<%= DdlTransportista.ClientID.ToString()%>">Transportista:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlUnidad" DataValueField="CveUnidad" DataTextField="Unidad" runat="server" CssClass="form-control select2me" AppendDataBoundItems="true" Width="200px"></asp:DropDownList>
|
|
<label for="<%= DdlUnidad.ClientID.ToString()%>">Unidad:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlChofer" DataValueField="CveChofer" DataTextField="Chofer" runat="server" CssClass="form-control select2me" AppendDataBoundItems="true" Width="200px"></asp:DropDownList>
|
|
<label for="<%= DdlChofer.ClientID.ToString()%>">Chofer:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlMaterial" DataValueField="CveMaterial" AutoPostBack="true" DataTextField="Material" runat="server" CssClass="form-control select2me" AppendDataBoundItems="true" Width="200px"></asp:DropDownList>
|
|
<label for="<%= DdlMaterial.ClientID.ToString()%>">Material:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtFolio" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
|
|
<ajax:FilteredTextBoxExtender ID="FIETxtFolio" TargetControlID="TxtFolio" FilterType="Numbers" runat="server" />
|
|
<asp:RequiredFieldValidator ID="RFVFolio" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtFolio" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Folio''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorio"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtFolio.ClientID.ToString()%>">Folio:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtVolumen" runat="server" CssClass="form-control" CausesValidation="true" Enabled="false"></asp:TextBox>
|
|
<ajax:FilteredTextBoxExtender ID="FIETTxtVolumen" TargetControlID="TxtVolumen" FilterType="Numbers,Custom" ValidChars="." runat="server" />
|
|
<asp:RequiredFieldValidator ID="RFVVolumen" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtVolumen" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Volumen''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorio"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtVolumen.ClientID.ToString()%>">Volumen:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtKm" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
|
|
<ajax:FilteredTextBoxExtender ID="FTBETxtKm" TargetControlID="TxtKm" FilterType="Numbers,Custom" runat="server" ValidChars="." />
|
|
<asp:RequiredFieldValidator ID="RFVTxtKm" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtKm" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Kilometraje''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorio"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtKm.ClientID.ToString()%>">Kilometraje:</label>
|
|
</div>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px;">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<label>Fecha:</label>
|
|
</td>
|
|
<td>
|
|
<asp:TextBox ID="TxtFecha" runat="server" CssClass="form-control" CausesValidation="true" Style="width: 118px" MaxLength="10"></asp:TextBox>
|
|
</td>
|
|
<td>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFechaInicio" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender1" runat="server" TargetControlID="TxtFecha" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender1" TargetControlID="TxtFecha" PopupButtonID="ImgFechaInicio" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVFecha" runat="server" ControlToValidate="TxtFecha" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorio"></asp:RequiredFieldValidator>
|
|
<asp:CompareValidator ID="CVEFecha" runat="server" ControlToValidate="TxtFecha" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha''</b> no tiene el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="GrpObligatorio"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="VcoFechaInicio1" runat="server" HighlightCssClass="vco" TargetControlID="RFVFecha" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
<ajax:ValidatorCalloutExtender ID="VcoFechaInicio2" runat="server" HighlightCssClass="vco" TargetControlID="CVEFecha" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<label>Tipo Acarreo:</label>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<asp:RadioButton ID="RBOrigen" GroupName="TipoAcarreo" runat="server" Text="Origen" />
|
|
</div>
|
|
<div class="col-md-3">
|
|
<asp:RadioButton ID="RBDestino" GroupName="TipoAcarreo" runat="server" Text="Destino" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright" id="divEstatus" runat="server" >
|
|
<asp:CheckBox ID="ChkEstatus" runat="server" CssClass="form-control" />
|
|
<label for="<%= ChkEstatus.ClientID.ToString()%>">Estatus:</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" align="center">
|
|
<div class="col-md-12">
|
|
<asp:LinkButton ID="BtnAgregarAcarreo" runat="server" CssClass="btn btn-primary" ValidationGroup="GrpObligatorio" Width="150px"> <i class='material-icons'>done_all</i>Agregar</asp:LinkButton>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" id="divGPS" runat="server" visible="false">
|
|
<div class="portlet light bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="fa fa-map-o font-green"></i>
|
|
<span class="caption-subject bold uppercase">RUTA GPS</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="mapa" class="portlet-body form">
|
|
<div id="map" class="map"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row" id="divImagenes" runat="server" visible="false">
|
|
<div class="col-md-12">
|
|
<div class="portlet light bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="fa fa-picture-o font-green"></i>
|
|
<span class="caption-subject bold uppercase">Imagen de Remisión, transporte y carga</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<div class="row">
|
|
<div class="col-md-4" align="center">
|
|
<label>Remisión</label>
|
|
<br />
|
|
<asp:Image ID="ImagenRemision" Width="200" Height="120" runat="server" Visible="false" />
|
|
</div>
|
|
<div class="col-md-4" align="center">
|
|
<label>Transporte</label>
|
|
<br />
|
|
<asp:Image ID="ImagenTransporte" Width="200" Height="120" runat="server" Visible="false" />
|
|
</div>
|
|
<div class="col-md-4" align="center">
|
|
<label>Carga</label>
|
|
<br />
|
|
<asp:Image ID="ImagenCarga" Width="200" Height="120" runat="server" Visible="false" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row" id="divBitacora" runat="server" visible="false">
|
|
<div class="col-md-12">
|
|
<div class="portlet light bordered xspadding">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span class="caption-subject bold uppercase">Bitacora</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<asp:GridView ID="GvBitacora" runat="server" GridLines="None" Width="100%" CssClass="table table-striped table-advance table-hover Widthall ADSCroll mysmallbtn" CellSpacing="0" AutoGenerateColumns="False">
|
|
<Columns>
|
|
<asp:TemplateField>
|
|
<HeaderTemplate>Fecha</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<asp:Literal ID="LtlFecha" runat="server" Text='<%# Eval("FechaIng") %>'></asp:Literal>
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:BoundField DataField="ConceptoHistorialBitacora" HeaderText="Campo" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="Anterior" HeaderText="Anterior" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="Actual" HeaderText="Actual" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="Usuario" HeaderText="Usuario" ItemStyle-HorizontalAlign="Left" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA2D1C3WT3wfMliy2Wrglbs2ERaqZdfYdo&libraries=drawing"></script>
|
|
<script>
|
|
|
|
var markers = [];
|
|
var mcoords = [];
|
|
var polygon;
|
|
var map;
|
|
function pageLoad(sender, args) {
|
|
initMap();
|
|
}
|
|
var directionsService;
|
|
var directionsDisplay;
|
|
|
|
function initMap() {
|
|
if ($('.map').length > 0) {
|
|
var uluru = { lat: 29.0730, lng: -110.9559 }
|
|
map = new google.maps.Map(document.getElementById('map'), {
|
|
center: uluru,
|
|
zoom: 14
|
|
});
|
|
|
|
//var marker = new google.maps.Marker({
|
|
// position: { lat: 29.120164040626047, lng: -110.99298477172852 },
|
|
// title: 'Punto',
|
|
// map: map
|
|
//});
|
|
//markers.push(marker);
|
|
//var marker2 = new google.maps.Marker({
|
|
// position: { lat: 29.075015109843388, lng: -110.98028182983398 },
|
|
// title: 'Punto 2',
|
|
// map: map
|
|
//});
|
|
//markers.push(marker2);
|
|
//var marker3 = new google.maps.Marker({
|
|
// position: { lat: 29.04686576376486, lng: -110.96071243286133 },
|
|
// title: 'Punto 3',
|
|
// map: map
|
|
//});
|
|
//markers.push(marker3);
|
|
|
|
directionsService = new google.maps.DirectionsService;
|
|
directionsDisplay = new google.maps.DirectionsRenderer;
|
|
directionsDisplay.setOptions({ suppressMarkers: true });
|
|
directionsDisplay.setMap(map);
|
|
|
|
//map.addListener('click', addLatLng);
|
|
//CreaRuta();
|
|
//marker.setMap(null);
|
|
//marker2.setMap(null);
|
|
//marker3.setMap(null);
|
|
markers.forEach(function logArrayElements(element, index, array) {
|
|
var marker = new google.maps.Marker({
|
|
position: element.position,
|
|
title: element.title,
|
|
map: map
|
|
});
|
|
//google.maps.Marker(element );
|
|
});
|
|
|
|
if (markers.length > 0) {
|
|
map.setCenter(markers[0].getPosition());
|
|
}
|
|
$('.map').removeClass("map");
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function addLatLng(event) {
|
|
// var path = poly.getPath();
|
|
// path.push(event.latLng);
|
|
var lat = event.latLng.lat();
|
|
var lng = event.latLng.lng();
|
|
mcoords.push(event.latLng)
|
|
|
|
var info = new google.maps.InfoWindow({
|
|
content: "(" + lat + " " + lng + ")"
|
|
});
|
|
|
|
var marker = new google.maps.Marker({
|
|
position: event.latLng,
|
|
title: 'Punto',
|
|
map: map
|
|
});
|
|
markers.push(marker);
|
|
marker.addListener('click', function () {
|
|
info.open(map, marker);
|
|
});
|
|
//if ($("#C_DdlTipo").select2('data')[0].text === 'Ruta') {
|
|
// if (markers.length > 1) {
|
|
// CreaRuta();
|
|
// }
|
|
//}
|
|
//else if ($("#C_DdlTipo").select2('data')[0].text === 'Geocerca') {
|
|
// var h = $('#GeoCerca').val() + lng + " " + lat + ","
|
|
// $('#GeoCerca').val(h)
|
|
// if (markers.length == 1) {
|
|
// $('#CommandArg').val(lng + " " + lat)
|
|
// }
|
|
// if (markers.length === 3) {
|
|
// creaPoligono();
|
|
// } else if (markers.length > 3) {
|
|
// var path = polygon.getPath();
|
|
// path.push(event.latLng)
|
|
|
|
// }
|
|
//}
|
|
|
|
}
|
|
|
|
function CreaMarcador(coords, nomEquipo) {
|
|
var marker = new google.maps.Marker({
|
|
position: coords,
|
|
title: nomEquipo,
|
|
map: map
|
|
});
|
|
markers.push(marker);
|
|
}
|
|
|
|
//function DeleteMarkers() {
|
|
// for (var i = 0; i < markers.length; i++) {
|
|
// markers[i].setMap(null);
|
|
// }
|
|
// markers = [];
|
|
// directionsDisplay.setMap(null);
|
|
// mcoords = [];
|
|
// $('#GeoCerca').val('')
|
|
// polygon.setMap(null);
|
|
|
|
//}
|
|
|
|
//var s = "";
|
|
//var nextSegment;
|
|
|
|
|
|
//function CreaRuta() {
|
|
// var start = markers[0].position;
|
|
// var end = markers[markers.length - 1].position;
|
|
// var waypts = [];
|
|
|
|
// for (var i = 1; i < markers.length - 1; i++) {
|
|
// waypts.push({
|
|
// location: markers[i].position,
|
|
// stopover: true
|
|
// });
|
|
// }
|
|
// directionsService.route({
|
|
// origin: start,
|
|
// destination: end,
|
|
// travelMode: 'DRIVING',
|
|
// waypoints: waypts
|
|
// }, function (response, status) {
|
|
// if (status === 'OK') {
|
|
// directionsDisplay.setDirections(response);
|
|
// directionsDisplay.setMap(map);
|
|
// } else {
|
|
// window.alert('Directions request failed due to ' + status);
|
|
// }
|
|
// });
|
|
//}
|
|
|
|
//function creaPoligono() {
|
|
// polygon = new google.maps.Polygon({
|
|
// paths: mcoords,
|
|
// strokeColor: '#FF0000',
|
|
// strokeOpacity: 0.8,
|
|
// strokeWeight: 2,
|
|
// fillColor: '#FF0000',
|
|
// fillOpacity: 0.35
|
|
// });
|
|
// polygon.setMap(map);
|
|
//}
|
|
|
|
function calculateAndDisplayRoute(origin, destination) {
|
|
directionsService.route({
|
|
origin: origin,
|
|
destination: destination,
|
|
travelMode: 'DRIVING'
|
|
}, function (response, status) {
|
|
if (status === 'OK') {
|
|
directionsDisplay.setDirections(response);
|
|
directionsDisplay.setMap(map);
|
|
} else {
|
|
window.alert('Directions request failed due to ' + status);
|
|
}
|
|
});
|
|
}
|
|
|
|
// initMap();
|
|
</script>
|
|
</asp:Content>
|
|
|