506 lines
22 KiB
Plaintext
506 lines
22 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AssetLocationHis.aspx.cs" Inherits="AssetLocationHis" %>
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head runat="server">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<title></title>
|
|
<link rel="stylesheet" href="<%=GetFileUrlWithVersion("../css/default.css")%>" type="text/css" />
|
|
<style type="text/css">
|
|
:root { <%=StyleVariables%> }
|
|
</style>
|
|
<style>
|
|
html,
|
|
body {
|
|
/*font-family: sans-serif;*/
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
#layout {
|
|
position: absolute;
|
|
right: 320px;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
#divsetting {
|
|
position: absolute;
|
|
width: 320px;
|
|
height: 35%;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#content {
|
|
width: 100%;
|
|
top: 0px;
|
|
bottom: 0;
|
|
margin: 0;
|
|
position: fixed;
|
|
/*color: #6b6b6b;*/
|
|
overflow: auto;
|
|
}
|
|
|
|
#parameter_left {
|
|
background: #f4f4f4;
|
|
height: 100%;
|
|
width: 200px;
|
|
float: left;
|
|
color: #000;
|
|
position: relative;
|
|
}
|
|
|
|
div {
|
|
cursor: default;
|
|
}
|
|
#mask_bg,
|
|
.maskbg {
|
|
z-index: 500;
|
|
}
|
|
.dialog {
|
|
z-index: 651;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="<%=GetFileUrlWithVersion("../css/split_sub.css")%>" type="text/css" />
|
|
<link rel="stylesheet" href="<%=GetFileUrlWithVersion("../css/split_sub.css")%>" />
|
|
<link rel="stylesheet" href="<%=GetFileUrlWithVersion("../css/mapview.css")%>" />
|
|
<link rel="stylesheet" href="https://js.arcgis.com/3.44/esri/css/esri.css" />
|
|
<link rel="stylesheet" href="<%=GetFileUrlWithVersion("../css/jquery.datetimepicker.css")%>" />
|
|
<link rel="stylesheet" href="<%=GetFileUrlWithVersion("../css/playbar.css")%>" />
|
|
<link type="text/css" href="<%=GetFileUrlWithVersion("../css/override.css") %>" rel="stylesheet" />
|
|
<link href="<%=GetFileUrlWithVersion("../css/panel.css")%>" rel="stylesheet" type="text/css" />
|
|
<link rel="stylesheet" href="<%=GetFileUrlWithVersion("../fic/fic/css/form.css")%>" />
|
|
|
|
<script src="<%=GetFileUrlWithVersion("../js/jquery-" + (JQueryVersion ?? "3.6.0") + ".min.js")%>" type="text/javascript"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/utility.js")%>" type="text/javascript"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../fic/js/utility.js")%>" type="text/javascript"></script>
|
|
<script type="text/javascript" src="<%=GetFileUrlWithVersion("../fic/fic/js/controls/form.js") %>"></script>
|
|
|
|
<script>
|
|
//必须放在地图js之前
|
|
var dojoConfig = {
|
|
paths: {
|
|
extras1: location.pathname.replace(/\/[^/]+$/, "") + "/../js/mapview"
|
|
},
|
|
cacheBust: true
|
|
};
|
|
</script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/cookie.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/jquery.datetimepicker.full.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/vue.min.js")%>"></script>
|
|
<script>Vue.config.productionTip = false; Vue.config.silent = true;</script>
|
|
<script src="https://js.arcgis.com/3.44"></script>
|
|
<%--<script src="<%=GetFileUrlWithVersion("js/mapinit3.19.js")%>"></script>--%>
|
|
<script src="<%=GetFileUrlWithVersion("../js/language.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/mapview/asset.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/mapview/maphelper.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/mapview/mapview.js")%>"></script>
|
|
<script src="<%=GetFileUrlWithVersion("../js/mapview/playbar.js")%>"></script>
|
|
<script type="text/javascript">
|
|
_network.root = '<%=Page.ResolveUrl("~/")%>';
|
|
var currentdate = "<%=CurrentDate %>";
|
|
var MachineID;
|
|
|
|
var isMapLoaded = false;
|
|
var leftCtrlWidth = 390;
|
|
var rightCtrlWidth = 280;
|
|
var mapHelper;
|
|
var machineAlert;
|
|
var userParams = undefined;
|
|
var assetObject = undefined;
|
|
|
|
var notShowDetail = true;
|
|
var notShowIcons = true;
|
|
//enableInfoWindow = false;
|
|
var Datasource = "";
|
|
|
|
var PopupViewShowing = false;
|
|
|
|
var serVersion = "";
|
|
var enableSmartWitness = <%=EnableSmartWitness?"true":"false"%>;
|
|
|
|
_network.assetmapviewquery = function (method, param, callback, error, nolog) {
|
|
_network.request("AssetView/AssetMapView.aspx?tp=ashx", -1, method, param, callback, error, nolog);
|
|
}
|
|
|
|
function init() {
|
|
loadMap();
|
|
}
|
|
|
|
function loadMap() {
|
|
mapHelper = new MapHelper(onMapInitialized);
|
|
mapHelper.notShowInfoWindow = true;
|
|
assetObject = new AssetObject(mapHelper);
|
|
}
|
|
|
|
function onMapInitialized() {
|
|
isMapLoaded = true;
|
|
initData(onDataInitialized);
|
|
}
|
|
|
|
function initData(callback) {
|
|
$("#historyCtrl").show();//所有类型站点都显示Show History
|
|
//$("#contentCtrl").css("bottom", "184px");
|
|
|
|
$("#autoRecenterDiv").show();
|
|
|
|
//assetObject.getContractor(callback);
|
|
if (callback)
|
|
callback();
|
|
}
|
|
|
|
function onDataInitialized() {
|
|
isMapLoaded = true;
|
|
refreshData();
|
|
}
|
|
|
|
function refreshData() {
|
|
try {
|
|
assetObject.getCompanyLocations();
|
|
getJobSites();
|
|
}
|
|
catch (e) {
|
|
}
|
|
}
|
|
|
|
function getJobSites() {
|
|
var ctr = $("#selContractor").val();
|
|
if (!ctr) ctr = "";
|
|
|
|
var item = {
|
|
'IsAutoRefresh': false,
|
|
'ContractorID': ctr,
|
|
'SearchText': '',
|
|
'Onroad': '-1',
|
|
};
|
|
_network.mapviewquery("GetJobSites", JSON.stringify(item), function (data) {
|
|
if (data != "-1") {
|
|
for (var i = 0; i < data.length; i++) {
|
|
var js = data[i];
|
|
mapHelper.showJobSite(js);
|
|
}
|
|
}
|
|
}, function () {
|
|
});
|
|
}
|
|
|
|
function getlocationhis(cid, aid, name) {
|
|
var lcid = $("#selContractor").val();
|
|
if (lcid != cid)
|
|
getJobSites();
|
|
|
|
$("#selContractor").val(cid);
|
|
MachineID = aid;
|
|
var e = {
|
|
data: { CompanyID: cid, ID: aid, DisplayName: name }
|
|
};
|
|
locationHistoryClick(e);
|
|
}
|
|
|
|
function GetLanguageByCookie() {
|
|
var lang = getCookie('<%=Common.LanguageCookieName%>');
|
|
if (lang == null) {
|
|
return "en-us";
|
|
} else {
|
|
return lang;
|
|
}
|
|
}
|
|
|
|
$(function () {
|
|
_fleet.currentLang = GetLanguageByCookie();
|
|
$("#content").applyFleetLanguageText(true);
|
|
init();
|
|
initPlayBar();
|
|
|
|
$("#btnLoadLocationHistory").click(null, function (e) {
|
|
//locationHistoryClick();
|
|
getLocationHistory();
|
|
});
|
|
$('#btnQuickLoadLocationHistory').click(null, function () {
|
|
getLocationHistory(true);
|
|
});
|
|
|
|
$("#btnClearLocationHistory").click(null, function (e) {
|
|
clearLocationHistory();
|
|
$("#locationhistoryDiv").hide();
|
|
$("#tripDiv").hide();
|
|
});
|
|
|
|
$('#btnLoadTrip').click(null, function () {
|
|
getLocationHistory(true);
|
|
openTrips(true);
|
|
});
|
|
$('#selLocDatasource').on('click', function () {
|
|
changeLocDatasource();
|
|
});
|
|
$('#btnTheftModeReload').on('click', function () {
|
|
getLocationHistory(true);
|
|
});
|
|
|
|
$('#dialog_requestvideo').dialog(function () {
|
|
showmaskbg(false);
|
|
});
|
|
|
|
$("#btnClearTrip").click(null, function (e) {
|
|
$("#tripDiv").hide();
|
|
$("#tbTrips").empty();
|
|
});
|
|
|
|
$("#showDealerLocationsDiv").click(null, function (e) {
|
|
if ($("#showDealerLocationsDiv").attr("state") == "0") {
|
|
assetObject.showLocations();
|
|
$("#showDealerLocationsDiv").attr("state", "1").attr("title", GetTextByKey("P_MV_TURNOFFDEALERLOCATIONS", "Turn Off Dealer Locations"));
|
|
}
|
|
else {
|
|
assetObject.clearLocations();
|
|
$("#showDealerLocationsDiv").attr("state", "0").attr("title", GetTextByKey("P_MV_TURNONDEALERLOCATIONS", "Turn On Dealer Locations"));
|
|
}
|
|
});
|
|
|
|
$("#basemapgalleryDiv").click(null, function (e) {
|
|
$("#basemapGallery").show();
|
|
});
|
|
|
|
$("#dateTo").datetimepicker({
|
|
timepicker: false,
|
|
format: 'm/d/Y',
|
|
scrollMonth: false,
|
|
scrollTime: false,
|
|
scrollInput: false,
|
|
});
|
|
$("#dateFrom").datetimepicker({
|
|
timepicker: false,
|
|
format: 'm/d/Y',
|
|
scrollMonth: false,
|
|
scrollTime: false,
|
|
scrollInput: false,
|
|
});
|
|
|
|
$("#dialog_timeperiod").change(null, function (e) {
|
|
locationTimeperiodChange();
|
|
});
|
|
//$("#splitIcon").click();
|
|
initTime();
|
|
var time = new Date(currentdate);
|
|
time = (time.getMonth() + 1) + "/" + time.getDate() + "/" + time.getFullYear();
|
|
$('#dateFrom').val(time);
|
|
$('#dateTo').val(time);
|
|
$('#dialog_starttimehour').val('00');
|
|
$('#dialog_starttimeminute').val('00');
|
|
$('#dialog_endtimehour').val('23');
|
|
$('#dialog_endtimeminute').val('59');
|
|
});
|
|
|
|
function setTimeSelect(time) {
|
|
if (time.toString().length == 1)
|
|
return "0" + time;
|
|
else
|
|
return time.toString();
|
|
}
|
|
|
|
function initTime() {
|
|
var c = $('#dialog_starttimehour');
|
|
for (var i = 0; i < 24; i++) {
|
|
if (i < 10)
|
|
c.append($("<option></option>").val("0" + i).text("0" + i))
|
|
else
|
|
c.append($("<option></option>").val(i).text(i))
|
|
}
|
|
c = $('#dialog_starttimeminute');
|
|
for (var i = 0; i < 60; i++) {
|
|
if (i < 10)
|
|
c.append($("<option></option>").val("0" + i).text("0" + i))
|
|
else
|
|
c.append($("<option></option>").val(i).text(i))
|
|
}
|
|
c = $('#dialog_endtimehour');
|
|
for (var i = 0; i < 24; i++) {
|
|
if (i < 10)
|
|
c.append($("<option></option>").val("0" + i).text("0" + i))
|
|
else
|
|
c.append($("<option></option>").val(i).text(i))
|
|
}
|
|
c = $('#dialog_endtimeminute');
|
|
for (var i = 0; i < 60; i++) {
|
|
if (i < 10)
|
|
c.append($("<option></option>").val("0" + i).text("0" + i))
|
|
else
|
|
c.append($("<option></option>").val(i).text(i))
|
|
}
|
|
|
|
var c = $('#dialog_videohour');
|
|
for (var i = 0; i < 24; i++) {
|
|
if (i < 10)
|
|
c.append($("<option></option>").val("0" + i).text("0" + i))
|
|
else
|
|
c.append($("<option></option>").val(i).text(i))
|
|
}
|
|
c = $('#dialog_videominute');
|
|
for (var i = 0; i < 60; i++) {
|
|
if (i < 10)
|
|
c.append($("<option></option>").val("0" + i).text("0" + i))
|
|
else
|
|
c.append($("<option></option>").val(i).text(i))
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<form id="form1" runat="server">
|
|
<div id="content" style="margin-top: 2px;">
|
|
<input id="selContractor" type="hidden" />
|
|
<div id="layout">
|
|
<div>
|
|
<div id="mapView">
|
|
</div>
|
|
<div id="basemapgalleryDiv">
|
|
<div id="basemapImg"></div>
|
|
<div id="basemapTitle"></div>
|
|
</div>
|
|
<div id="basemapGallery"></div>
|
|
</div>
|
|
<div id="showDealerLocationsDiv" style="display: none; top: 90px;" state="1" title="Turn Off Dealer Locations" data-title-lgid="P_MV_TURNOFFDEALERLOCATIONS">
|
|
<%=Logo1 %>
|
|
</div>
|
|
</div>
|
|
<div id="divsetting">
|
|
<div class="rightitem" id="theftDiv" style="position: relative;">
|
|
<div class="subtitle contactinfo">
|
|
<span class="sbutton iconchevrondown" target="divTheft" onclick="OnRightExpend(this)"></span>
|
|
<span data-lgid="P_MV_LOCATIONSOURCES" style="font-size: 20px; font-weight: bold;">Location Source(s)</span>
|
|
</div>
|
|
<div id="divTheft" style="width: 250px; padding-left: 20px;">
|
|
<div id="containerTheft"></div>
|
|
<div>
|
|
<select id="selLocDatasource">
|
|
<option value="0" data-lgid="P_MV_PRIMARYONLY">Primary Only</option>
|
|
<option value="1" data-lgid="P_MV_THEFTMODEMULTIPLELINES">Theft Mode (Multiple Lines)</option>
|
|
<option value="2" data-lgid="P_MV_COMBINEDSINGLELINE">Combined (Single Line)</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div id="theftLoading" style="display: none;"><span class="QuickLoading c-spin"></span></div>
|
|
</div>
|
|
<div class="rightitem">
|
|
<table style="line-height: 25px; width: 100%; table-layout: fixed;">
|
|
<tr>
|
|
<td style="padding-left: 5px; width: 75px;" data-lgid="P_MV_ASSET_COLON">Asset:</td>
|
|
<td><span id="spMachineName" data-lgid="P_MV_NOASSETSELECTED" style="font-weight: bold; word-break: break-word;">No asset selected.</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-left: 5px;" data-lgid="P_MV_TIMEPERIOD_COLON">Time Period:</td>
|
|
<td>
|
|
<select id="dialog_timeperiod" tabindex="12" style="width: 90px; height: 22px;">
|
|
<option value="1" selected="selected" data-lgid="P_MV_TODAY">Today</option>
|
|
<option value="5" data-lgid="P_MV_LAST24HOURS">Last 24 Hours</option>
|
|
<option value="2" data-lgid="P_MV_PRIORDAY">Prior Day</option>
|
|
<option value="3" data-lgid="P_MV_LAST7DAYS">Last 7 Days</option>
|
|
<option value="4" data-lgid="P_MV_CUSTOM">Custom</option>
|
|
</select></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-left: 5px;" data-lgid="P_MV_FROM_COLON">From:</td>
|
|
<td>
|
|
<input type="text" id="dateFrom" maxlength="12" tabindex="27" style="width: 70px;" />
|
|
<select id="dialog_starttimehour" style="width: 48px; margin-left: 3px;" tabindex="3"></select><span style="font-weight: bold;"> : </span>
|
|
<select id="dialog_starttimeminute" style="width: 48px; margin-left: 0;" tabindex="4"></select>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-left: 5px;" data-lgid="P_MV_TO_COLON">To:</td>
|
|
<td>
|
|
<input type="text" id="dateTo" maxlength="12" tabindex="27" style="width: 70px;" />
|
|
<select id="dialog_endtimehour" style="width: 48px; margin-left: 3px;" tabindex="5"></select><span style="font-weight: bold;"> : </span>
|
|
<select id="dialog_endtimeminute" style="width: 48px; margin-left: 0;" tabindex="6"></select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="playBarContainer" colspan="2" style="text-align: center; width: 180px;">
|
|
<div id="divPlayBar" style="background-color: #C0C0C0;"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" style="text-align: right;">
|
|
<input id="chkExclude00Loc" style="display: none" checked="checked" type="checkbox" /><span style="margin-right: 10px; display: none" data-lgid="P_MV_TO_EXCLUDE00LOCATIONS">Exclude 0,0 Locations</span>
|
|
<span id="btnHisLoading" class="QuickLoading" style="margin-left: 6px; display: none;"></span>
|
|
<span id="btnLoadTrip" class="TripReport" style="margin-left: 6px;" title="Trip Report" data-title-lgid="P_MV_TRIPREPORT"></span>
|
|
<%--<span id="btnTheftMode" class="TheftMode" style="margin-left: 6px;" title="Theft Mode" data-title-lgid="P_MV_THEFTMODE"></span>--%>
|
|
<span id="btnTheftModeReload" class="BarPlayEnd" style="margin-left: 6px; display: none" title="Quick Load/Skip to End" data-title-lgid="P_MV_QUICKLOADSKIPTOEND"></span>
|
|
<span class="clearbtn" id="btnClearLocationHistory" style="margin-left: 6px;" title="Clear" data-title-lgid="P_MV_CLEAR"></span>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div id="tripDiv" style="display: none;">
|
|
<div>
|
|
<span class="clearbtn" id="btnClearTrip" style="float: right; padding: 5px;"></span>
|
|
</div>
|
|
<div style="position: absolute; top: 30px; bottom: 0; right: 0; overflow: auto; width: 100%;">
|
|
<table id="tbTrips" style="line-height: 24px; border-collapse: collapse; border-spacing: 0; width: 100%;table-layout:fixed;">
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="mask_bg" style="display: none;">
|
|
<div class="loading c-spin"></div>
|
|
</div>
|
|
|
|
<div class="dialog" id="dialog_requestvideo" style="display: none; width: 320px;">
|
|
<div class="dialog-title"><span class="title" data-lgid="P_MV_VIDEOREQUEST">Video Request</span><em class="dialog-close"></em></div>
|
|
<div class="dialog-content">
|
|
<table>
|
|
<tr>
|
|
<td class="label" data-lgid="P_MV_CUSTOMTIME_COLON">Custom Time:</td>
|
|
<td>
|
|
<input type="checkbox" id="dialog_videoct" tabindex="1" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_MV_DATE_COLON">Date:</td>
|
|
<td>
|
|
<input type="text" id="dialog_videodate" tabindex="1" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" data-lgid="P_MV_TIME_COLON">Time:</td>
|
|
<td>
|
|
<select id="dialog_videohour" style="width: 48px;" tabindex="2"></select><span style="font-weight: bold;"> : </span>
|
|
<select id="dialog_videominute" style="width: 48px;" tabindex="3"></select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" style="width: 100px;" data-lgid="P_MV_VIDEOCLIPLENGTH_COLON">Video Clip Length:</td>
|
|
<td>
|
|
<input type="radio" id="r30sec" name="cliplen" checked="checked" tabindex="5" /><label for="r30sec" data-lgid="P_MV_30SECONDS">30 Seconds</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label"></td>
|
|
<td>
|
|
<input type="radio" id="r120sec" name="cliplen" tabindex="6" /><label for="r120sec" data-lgid="P_MV_120SECONDS">120 Seconds</label>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<input type="hidden" id="dialog_hlogid" />
|
|
</div>
|
|
<div class="dialog-func">
|
|
<input type="button" value="Cancel" data-lgid="P_MV_CANCEL" class="dialog-close" tabindex="12" />
|
|
<input type="button" onclick="requestVideo();" value="Submit" data-lgid="P_MV_SUBMIT" tabindex="11" />
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</html>
|