303 lines
12 KiB
JavaScript
303 lines
12 KiB
JavaScript
|
||
//****************************设备管理和机器管理共用*****************************************/
|
||
function getDevicePairingLogsByDevice() {
|
||
$('#div_attlarge').empty();
|
||
if (deviceid) {
|
||
var cid = $('#sel_contractor').val();
|
||
devicerequest('GetDevicePairingLogsByDevice', JSON.stringify([cid, deviceid, ""]), function (data) {
|
||
if (data && typeof data != "string") {
|
||
showDevicePairingLogs(data, 0);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function getDevicePairingLogsByAsset() {
|
||
$('#div_attlarge').empty();
|
||
if (machineid) {
|
||
devicerequest('GetDevicePairingLogsByAsset', JSON.stringify([contractorid, machineid, ""]), function (data) {
|
||
if (data && typeof data != "string") {
|
||
showDevicePairingLogs(data, 1);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
function OnExpendParingInfo(e) {
|
||
var t = $(e);
|
||
var tid = t.attr("target");
|
||
if (t.hasClass("iconchevrondown")) {
|
||
t.removeClass("iconchevrondown").addClass("iconchevronright");
|
||
$("#" + tid).hide();
|
||
}
|
||
else {
|
||
t.removeClass("iconchevronright").addClass("iconchevrondown");
|
||
$("#" + tid).show();
|
||
if (!t.data("loaded")) {
|
||
getPairingAttachments(t);
|
||
}
|
||
}
|
||
}
|
||
|
||
function showDevicePairingLogs(logs, type) {//0.device,1.asset
|
||
$('#div_attlarge').empty();
|
||
if (logs && logs.length > 0) {
|
||
for (var i = 0; i < logs.length; i++) {
|
||
var log = logs[i];
|
||
var trid = "paringinfo_tr" + log.Id;
|
||
var tab = $('<table class="main_table maintenance"></table>');
|
||
$('#div_attlarge').append(tab);
|
||
var tr = $('<tr style="line-height: 35px;"></tr>');
|
||
tab.append(tr);
|
||
var td = $('<td class="subtitle"></td>');
|
||
tr.append(td);
|
||
var spanexpend = $('<span class="sbutton iconchevronright woattafoldicon" target="' + trid + '" onclick="OnExpendParingInfo(this)" style="margin-left: 0; padding-right: 5px;"></span>').data('log', log).data('type', type);
|
||
td.append(spanexpend);
|
||
var spantitle = $('<span></span>').text(("Paired to {0} on {1} by {2}").replace('{0}', type === 0 ? log.AssetName : (log.SourceName + " " + log.SerialNumber)).replace('{1}', log.InstallTime_LocalStr).replace('{2}', log.InstallerName));
|
||
td.append(spantitle);
|
||
|
||
tr = $('<tr id="' + trid + '" class="tr_intervals woattafoldtr"></tr>').hide();
|
||
tab.append(tr);
|
||
td = $('<td id="paringinfo_td' + log.Id + '"></td>');
|
||
tr.append(td);
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
function getPairingAttachments(t) {
|
||
var cid = $('#sel_contractor').val();
|
||
var pairinglog = $(t).data('log');
|
||
var type = $(t).data('type');
|
||
devicerequest('GetPairingAttachments', JSON.stringify([cid, pairinglog.Id]), function (data) {
|
||
if (data && typeof data != "string") {
|
||
$(t).data('loaded', true);
|
||
showPairingAttachments(pairinglog, data, type);
|
||
}
|
||
});
|
||
}
|
||
|
||
function arrayBufferToBase64(buffer) {
|
||
var binary = '';
|
||
var bytes = new Uint8Array(buffer);
|
||
var len = bytes.byteLength;
|
||
for (var i = 0; i < len; i++) {
|
||
binary += String.fromCharCode(bytes[i]);
|
||
}
|
||
return window.btoa(binary);
|
||
}
|
||
|
||
function getPairingSignature(pairinglogid, logtab) {
|
||
devicerequest('GetPairingSignature', JSON.stringify(pairinglogid), function (data) {
|
||
if (data && data != null && data.length > 0) {
|
||
var logtr = $('<tr></tr>');
|
||
logtab.append(logtr);
|
||
var logtd = $('<td class="label"></td>').text(GetTextByKey('P_XXXX', 'Signature: '));
|
||
logtr.append(logtd);
|
||
logtd = $('<td colspan="3"></td>');
|
||
logtr.append(logtd);
|
||
|
||
var jpeg = data;
|
||
if (typeof (data) !== "string") {
|
||
jpeg = arrayBufferToBase64(data);
|
||
}
|
||
var imgsig = $('<img style="height: 110px;" />').attr('src', 'data:image/png;base64,' + jpeg);
|
||
$(logtd).append(imgsig);
|
||
}
|
||
});
|
||
}
|
||
|
||
function getPairingAttachmentCategory(key) {
|
||
switch (key) {
|
||
case "Odometer":
|
||
return GetTextByKey("P_XXXX", "Odometer");
|
||
case "Engine Hours":
|
||
return GetTextByKey("P_XXXX", "Engine Hours");
|
||
case "Mounting Location":
|
||
return GetTextByKey("P_XXXX", "Mounting Location");
|
||
case "Power Connection":
|
||
return GetTextByKey("P_XXXX", "Power Connection");
|
||
case "Ground Connection":
|
||
return GetTextByKey("P_XXXX", "Ground Connection");
|
||
case "Ignition Connection":
|
||
return GetTextByKey("P_XXXX", "Ignition Connection");
|
||
case "Asset Number":
|
||
return GetTextByKey("P_XXXX", "Asset Number");
|
||
case "Left Front of Asset":
|
||
return GetTextByKey("P_XXXX", "Left Front of Asset");
|
||
case "Right Rear of Asset":
|
||
return GetTextByKey("P_XXXX", "Right Rear of Asset");
|
||
case "VIN":
|
||
return GetTextByKey("P_XXXX", "VIN");
|
||
case "ESN of GPS Device":
|
||
return GetTextByKey("P_XXXX", "ESN of GPS Device");
|
||
default:
|
||
break;
|
||
}
|
||
return key;
|
||
}
|
||
|
||
var imgTypes = [".jfif", ".jpg", ".jpeg", ".bmp", ".png", ".tiff", ".gif"];
|
||
var printTypes = ['.pdf', ".jfif", ".jpg", ".jpeg", ".bmp", ".png", ".tiff", ".gif"];//types to be loaded to print
|
||
function showPairingAttachments(pairinglog, attas, type) {//0.device,1.asset
|
||
var ptd = $('#paringinfo_td' + pairinglog.Id);
|
||
ptd.empty();
|
||
var log = pairinglog;
|
||
//Mountion Location，EngineHours，Odometer
|
||
var divinfo = $('<div class="edit-content"></div>');
|
||
var logtab = $('<table class="tab_deviceparing"></table>');
|
||
divinfo.append(logtab);
|
||
var logtr = $('<tr></tr>');
|
||
logtab.append(logtr);
|
||
var logtd = $('<td class="label" style="width:130px;"></td>').text(GetTextByKey('P_XXXX', 'Date Time:'));
|
||
logtr.append(logtd);
|
||
logtd = $('<td style="width:300px;"></td>').text(log.InstallTime_LocalStr);
|
||
logtr.append(logtd);
|
||
logtd = $('<td class="label" style="width:130px;"></td>').text(GetTextByKey('P_XXXX', 'Installer:'));
|
||
logtr.append(logtd);
|
||
logtd = $('<td></td>').text(log.InstallerName);
|
||
logtr.append(logtd);
|
||
|
||
logtr = $('<tr></tr>');
|
||
logtab.append(logtr);
|
||
if (type == 0) {
|
||
logtd = $('<td class="label" style="width:130px;"></td>').text(GetTextByKey('P_XXXX', 'VIN:'));
|
||
logtr.append(logtd);
|
||
logtd = $('<td></td>').text(log.AssetVIN);
|
||
logtr.append(logtd);
|
||
logtd = $('<td class="label" style="width:130px;"></td>').text(GetTextByKey('P_XXXX', 'Asset Name:'));
|
||
logtr.append(logtd);
|
||
logtd = $('<td></td>').text(log.AssetName);
|
||
logtr.append(logtd);
|
||
}
|
||
else {
|
||
logtd = $('<td class="label" style="width:130px;"></td>').text(GetTextByKey('P_XXXX', 'Device SN:'));
|
||
logtr.append(logtd);
|
||
logtd = $('<td></td>').text(log.SerialNumber);
|
||
logtr.append(logtd);
|
||
logtd = $('<td class="label" style="width:130px;"></td>').text(GetTextByKey('P_XXXX', 'Source:'));
|
||
logtr.append(logtd);
|
||
logtd = $('<td></td>').text(log.SourceName);
|
||
logtr.append(logtd);
|
||
}
|
||
|
||
logtr = $('<tr></tr>');
|
||
logtab.append(logtr);
|
||
logtd = $('<td class="label"></td>').text(GetTextByKey('P_XXXX', 'Engine Hours: '));
|
||
logtr.append(logtd);
|
||
logtd = $('<td></td>').text(log.EngineHours < 0 ? '' : log.EngineHours.toLocaleString());
|
||
logtr.append(logtd);
|
||
logtd = $('<td class="label"></td>').text(GetTextByKey('P_XXXX', 'Odometer: '));
|
||
logtr.append(logtd);
|
||
logtd = $('<td></td>').text(log.Odometer < 0 ? '' : (log.Odometer.toLocaleString() + " " + log.OdometerUnit));
|
||
logtr.append(logtd);
|
||
|
||
logtr = $('<tr></tr>');
|
||
logtab.append(logtr);
|
||
logtd = $('<td class="label"></td>').text(GetTextByKey('P_XXXX', 'Mounting Location:'));
|
||
logtr.append(logtd);
|
||
logtd = $('<td colspan="3"></td>').text(log.MountionLocation);
|
||
logtr.append(logtd);
|
||
|
||
logtr = $('<tr></tr>');
|
||
logtab.append(logtr);
|
||
logtd = $('<td class="label"></td>').text(GetTextByKey('P_XXXX', 'Notes: '));
|
||
logtr.append(logtd);
|
||
logtd = $('<td colspan="3"></td>').text(log.Notes);
|
||
logtr.append(logtd);
|
||
|
||
getPairingSignature(log.Id, logtab);
|
||
|
||
ptd.append(divinfo);
|
||
if (attas && attas.length > 0) {
|
||
for (var i = 0; i < attas.length; i++) {
|
||
var att = attas[i];
|
||
var category_str = att.Category.replace(/\s+/g, '').toLowerCase();
|
||
var div_atts = $('#divatt_' + pairinglog.Id + "_" + category_str);
|
||
if (div_atts.length == 0) {
|
||
div_atts = $('<div id="divatt_' + pairinglog.Id + "_" + category_str + '" style="min-height: 80px; overflow: auto; padding-left: 20px;"></div>');
|
||
ptd.append(div_atts);
|
||
var div1 = $('<div style=" margin-top: 15px;margin-bottom:5px;"></div>');
|
||
var ext_span = $('<span style="font-weight:500;font-size:16px;"></span>').text(getPairingAttachmentCategory(att.Category));
|
||
div1.append(ext_span);
|
||
div_atts.append(div1);
|
||
}
|
||
}
|
||
|
||
for (var i = 0; i < attas.length; i++) {
|
||
var att = attas[i];
|
||
var category_str = att.Category.replace(/\s+/g, '').toLowerCase();
|
||
var div_atts = $('#divatt_' + pairinglog.Id + "_" + category_str);
|
||
var pdiv = $('<div class="divattp"></div>');
|
||
var div = createAttaDiv(att, true);
|
||
var div1 = $('<div style=" margin-top: 15px;"></div>');
|
||
|
||
var sdownload = $('<span class="attadownload"></span>').attr('title', GetTextByKey("P_WO_DOWNLOAD", 'Download')).click(att, function (e) {
|
||
openDownloadFrame(e.data.FullSizeUrl + "&d=1");
|
||
});
|
||
div.append(sdownload);
|
||
pdiv.append(div);
|
||
|
||
var caption = att.FileName;
|
||
var div3 = $('<div style="text-align:center;clear:both;"></div>');
|
||
var iptcaption = $('<input type="text" style="width: 196px;height:24px;border:1px solid #fff;" class="inp_name" maxlength="200"/>').attr('data-ori', caption).val(caption);
|
||
iptcaption.data('attdata', att);
|
||
div3.append(iptcaption);
|
||
pdiv.append(div3);
|
||
div_atts.append(pdiv);
|
||
}
|
||
}
|
||
}
|
||
|
||
function createAttaDiv(att) {
|
||
var div = $('<div class="divatt"></div>').attr('title', att.FileName).attr('title', att.Notes === "" ? att.FileName : att.Notes)
|
||
if (!att.FileType || att.FileType == "") att.FileType = ".jpg";
|
||
if (imgTypes.indexOf(att.FileType.toLowerCase()) >= 0) {
|
||
var pic = $('<img class="picture"></img>').attr('src', att.ThumbnailUrl);
|
||
pic.click(att, function (e) {
|
||
window.open(e.data.FullSizeUrl, "_blank")
|
||
});
|
||
div.append(pic);
|
||
}
|
||
else {
|
||
var sdown = $('<img class="picture" />').click(att, function (e) {
|
||
window.open(e.data.FullSizeUrl);
|
||
});
|
||
setAttachemntIcon(att.FileType, sdown);
|
||
div.append(sdown);
|
||
}
|
||
return div
|
||
}
|
||
|
||
function openPrintFrame(attatype, id) {
|
||
var frame = $("<iframe style='display:none;'></iframe>");
|
||
$(document.body).after(frame);
|
||
//frame.attr("src", url);
|
||
frame.attr("src", _network.root + "Print.aspx?pt=3&at=" + attatype + "&id=" + id);
|
||
|
||
frame.on('load', function () {
|
||
setTimeout(function () {
|
||
frame.contents().find("body").css("text-align", "center");
|
||
//frame.contents().find("img").css("max-height", window.screen.availHeight).css("max-width", window.screen.availWidth);
|
||
frame.contents().find("img").css("max-height", "98%").css("max-width", "98%");
|
||
frame[0].contentWindow.print();
|
||
});
|
||
setTimeout(function () {
|
||
frame.remove();
|
||
}, 60000);
|
||
});
|
||
}
|
||
|
||
function openDownloadFrame(url) {
|
||
var frame = $("<iframe style='display:none;'></iframe>");
|
||
$(document.body).after(frame);
|
||
frame.attr("src", url);
|
||
|
||
var timer = setInterval(function () {
|
||
if (frame[0].contentDocument && (frame[0].contentDocument.readyState == "complete" || frame[0].contentDocument.readyState == 4)) {
|
||
frame.remove();
|
||
clearInterval(timer);
|
||
}
|
||
}, 5000);
|
||
}
|