<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Система контроля за подвижными элементами</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="https://hst-api.wialon.com/wsdk/script/wialon.js"></script>
</head>
<body> 
    
    
<table>
  <tr>
    <td>Выберите ресурс:</td>
      <td>
        <select id="res"></select>
      </td>
  </tr>
<tr><td>Гос № ТС:</td>
    <td><input type = "text" id="unit"/></td></tr>
<tr><td>От: (дата, время)</td>
    <td><input type="datetime-local" id = "from"/></td></tr>
<td>До: (дата, время)</td>
    <td><input type="datetime-local" id = "to"/></td>
<tr>
    <td>Колонки отчета:</td>
	<td><ul id="columns"></ul></td>
</tr>
<tr><td colspan="2" style="text-align:center;"><input type="button" value="Выполнить отчет" id="exec_btn"/></td></tr>
</table>
<div id="log"></div>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Система контроля за подвижными элементами</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="https://hst-api.wialon.com/wsdk/script/wialon.js"></script>
</head>
<body> 
    
    
<table>
  <tr>
HTML

td, th{ border: 1px solid #c6c6c6; }
.wrap{ max-height:150px; overflow-y: auto; }
.odd, th{ background:#EEE; border: 1px solid #c6c6c6; }
ul{ list-style: none; margin:0px; padding:0px; display:block;overflow-y: auto; max-height: 200px;width: 300px}
label{ cursor:pointer; }
 
td, th{ border: 1px solid #c6c6c6; }
.wrap{ max-height:150px; overflow-y: auto; }
.odd, th{ background:#EEE; border: 1px solid #c6c6c6; }
ul{ list-style: none; margin:0px; padding:0px; display:block;overflow-y: auto; max-height: 200px;width: 300px}
label{ cursor:pointer; }
CSS

// Print message to log
function msg(text) { $("#log").prepend(text + "<br/>"); }

function init()
{
    var res_flags = wialon.item.Item.dataFlag.base | wialon.item.Resource.dataFlag.reports;
    var flags = wialon.item.Item.dataFlag.base | wialon.item.Unit.dataFlag.lastMessage | wialon.item.Item.dataFlag.customFields; 
    
    var sess = wialon.core.Session.getInstance(); // get instance of current Session
	// flags to specify what kind of data should be returned
    sess.loadLibrary("resourceReports"); // load Reports Library
    sess.loadLibrary("itemCustomFields");
    sess.updateDataFlags( // load items to current session
    [
        { type: "type",
          data: "avl_unit",
          flags: flags,
          mode: 0
        },
     
        { type: "type", 
          data: "avl_resource",
          flags:res_flags ,
          mode: 0
        } // 'avl_resource's specification
    ],
		function (code) { // updateDataFlags callback
			if (code) { msg(wialon.core.Errors.getErrorText(code)); return; } // exit if error code

			var res = sess.getItems("avl_resource"); // get loaded 'avl_resource's items
			if (!res || !res.length){ msg("Resources not found"); return; } // check if resources found
            
			for (var i = 0; i< res.length; i++) // construct Select object using found resources
				$("#res").append("<option value='" + res[i].getId() + "'>" + res[i].getName() + "</option>");
		}
	);
    drawCheckboxes();
 }

function drawCheckboxes () {
	// get available reports table
	wialon.core.Session.getInstance().getReportTables(function (code,data){
		var selectedTmpl = "unit_stays";
		var col = [];
		var html = '';
		for (var i = 0; i < data.length; i++) {
			if (data[i].n == selectedTmpl) {//draw only selected report table
				col = data[i].col;
				for (var j = 0; j < col.length; j++){ // construct Select object using found report columns
					if( col[j].l != '' && col[j].n != '' ){
						html += '<li><input class="rep_col" type="checkbox" id="' + col[j].n + '"/><label for="' + col[j].n + '">' + col[j].l + '</label></li>';
					}
				}
			}
		};
		$('#columns').html(html);
	});

}


function getUnitByVIN()

{
        var val = $("#unit").val();
        var sess = wialon.core.Session.getInstance();
             // get loaded 'avl_unit's items  
          var units = sess.getItems("avl_unit");
          if (!units || !units.length){ msg("Units not found"); return; } // check if units found

          for (var i = 0; i < units.length; i++){ // construct Select object using found units
          var u = units[i]; // current unit in cycle
          var customFields = u.getCustomFields();
                
          var firstCustomField = "";
          for (var id in customFields)
                {
                  firstCustomField = customFields[id].n + ": " + customFields[id].v;
                  var nomer = customFields[id].n;
                  if (val==nomer)
                      var unitID = u.getId();
                }
               
         }
    return unitID;
    
}


function executeReport() { // функция выполнения отчета
    // get data from corresponding fields
	var id_res=$("#res").val(), 
        templ=$("#templ").val();
	if(!id_res){ msg("Выберите ресурс"); return;} // exit if no resource selected
    var u = getUnitByVIN();
    if(!u){ msg ("Автомобиль с данным номером не найден"); return;}
	debugger;
    var sess = wialon.core.Session.getInstance(); // get instance of current Session
	var res = sess.getItem(id_res); // get resource by id
	var from = Date.parse($("#from").val())/1000;
    var to = Date.parse($("#to").val())/1000;
    var columns = $("ul li .rep_col:checked"); // get columns, that need to be in a report
	// specify time interval object
	var interval = { "from": from, 
                       "to": to, 
                    "flags": wialon.item.MReport.intervalFlag.absolute
                   };
	var c="", cl=""; // columns and columnsLabels variables
	for(var i=0; i< columns.length; i++){ // cycle to generate columns and columnsLabels
		c += (c==""?"":",") + columns[i].id;
		//cl += (cl==""?"":",") + $(columns[i].nextSibling).text();//.innerText;
	}
	$("#exec_btn").prop("disabled", true); // disable button (to prevent multiclick while execute)
	var template = {// fill template object
		"id": 0,
		"n": "unit_stays",
		"ct": "avl_unit",
		"p": "",
		"tbl": [{
				"n": "unit_stays",
				"l": "Стоянки",
				"c": "time_begin,time_end,duration,location",
				"cl": "Начало, Конец, Длительность, Местоположение",
				"s": "",
				"sl": "",
				"p": "",
				"sch": {
					"f1": 0,
					"f2": 0,
					"t1": 0,
					"t2": 0,
					"m": 0,
					"y": 0,
					"w": 0
				},
				"f": 0
			}]
	};
    
    res.execReport(template, u, 0, interval, // выполнить выбранный отчет

	function(code, data) { // execReport template
		$("#exec_btn").prop("disabled", false); // включить клавишу
		if (code) {
			msg(wialon.core.Errors.getErrorText(code));
			return;
		} // exit if error code
		if (!data.getTables().length) { // exit if no tables obtained
			msg("<b>Нет данных для данного объекта</b>");
			return;
		} else showReportResult(data); // показ результата отчета
	});
}

function showReportResult(result){ // показ результата после выполнения отчета
	var tables = result.getTables(); // выдает таблицы отчета
	if (!tables) return; // выходит, если таблиц не обнаружено
	for(var i=0; i < tables.length; i++){ // цикл по таблицам
		// html включает информацию об одной таблице
		var html = "<b>"+ tables[i].label +"</b><div class='wrap'><table style='width:100%'>";
		
		var headers = tables[i].header; // get table headers
		html += "<tr>"; // открытие заголовка строки
		for (var j=0; j<headers.length; j++) // выбор заголовка
			html += "<th>" + headers[j] + "</th>";
		html += "</tr>"; // закрытие заголовка строки
		result.getTableRows(i, 0, tables[i].rows, // выдать строки таблицы
			qx.lang.Function.bind( function(html, code, rows) { // getTableRows callback
				if (code) 
                {msg(wialon.core.Errors.getErrorText(code)); return;} // exit if error code
				for(var j in rows) { // cycle on table rows
					if (typeof rows[j].c == "undefined") continue; // скрытие пустых строк
					html += "<tr"+(j%2==1?" class='odd' ":"")+">"; // открытие строки таблицы
					for (var k = 0; k < rows[j].c.length; k++) // добавить ячейки в таблицу
						html += "<td>" + getTableValue(rows[j].c[k]) + "</td>";
					html += "</tr>";// закрытие строки таблицы
				}
				html += "</table>";
				msg(html +"</div>");
			}, this, html)
		);
	}
}


function getTableValue(data) { // calculate ceil value
	if (typeof data == "object")
		if (typeof data.t == "string") return data.t;
        else return "";
	else return data;
}


// выполняется, когда DOM готов
$(document).ready(function () {
    $("#exec_btn").click(executeReport); // привязать действие к кнопке
    
	wialon.core.Session.getInstance().initSession("https://hst-api.wialon.com"); // сессия инициализации
    // Больше информации об авторизации
    // http://sdk.wialon.com/playground/demo/app_auth_token
	wialon.core.Session.getInstance().loginToken("961137eb767b676a914b282570413b74885086A2569CF5E1F7B8EA4B0735E1B58F3663F3", "", // try to login
		function (code) { // ответный вызов логина
			// если ошибка - выводится сообщение об ошибке
			if (code)
            {
                msg(wialon.core.Errors.getErrorText(code)); 
                return; 
            }
			msg("Успешная авторизация");
            init(); // после успешной авторизации выполняется функция init()
	});
});
 
// Print message to log
function msg(text) { $("#log").prepend(text + "<br/>"); }
​
function init()
{
    var res_flags = wialon.item.Item.dataFlag.base | wialon.item.Resource.dataFlag.reports;
    var flags = wialon.item.Item.dataFlag.base | wialon.item.Unit.dataFlag.lastMessage | wialon.item.Item.dataFlag.customFields; 
    
    var sess = wialon.core.Session.getInstance(); // get instance of current Session
    // flags to specify what kind of data should be returned
    sess.loadLibrary("resourceReports"); // load Reports Library
    sess.loadLibrary("itemCustomFields");
    sess.updateDataFlags( // load items to current session
    [
        { type: "type",
          data: "avl_unit",
          flags: flags,
JS

Result

Source code of example Close ✕

 
/*source*/