Разработка клиентского интерфейса для мониторинга состояния устройств в промышленных сетях передачи данных

for ($i=1; $i<=$rows; $i++)

{

$r=mysqli_fetch_array($result);

echo "<tr>";

echo "<td>$i</td>";

echo "<td>$r[name]</td>";

echo "<td>$r[where]</td>";

echo "<td>$r[time_work]</td>";

echo "<td>$r[time_work_nagruzka]</td>";

echo "<td>$r[time_remont]</td>";

echo "<td>$r[time_nometal]</td>";

echo "<td>$r[time_another]</td>";

}

echo "</tr>";

}

echo "</table>";

}

else

{

$sqldate = $date1;

echo "<br>Выбран отчет за период с ";

$parts = explode('-', $date1);

$convertdate1="{$parts[2]}-{$parts[1]}-{$parts[0]}";

$parts2 = explode('-', $date2);

$convertdate2="{$parts2[2]}-{$parts2[1]}-{$parts2[0]}";

echo "$convertdate1 по $convertdate2<br>";

$db=mysqli_connect ("localhost", "stanok_site", "stanok")

or die ("can't connect to server");

mysqli_select_db($db, "stanok");

$request="select `name`, `where`, SEC_TO_TIME( SUM( TIME_TO_SEC( `time_work`))) 'time_work', SEC_TO_TIME( SUM( TIME_TO_SEC( `time_work_nagruzka`))) 'time_work_nagruzka', SEC_TO_TIME( SUM( TIME_TO_SEC( `time_remont`))) 'time_remont', SEC_TO_TIME( SUM( TIME_TO_SEC( `time_nometal`))) 'time_nometal', SEC_TO_TIME( SUM( TIME_TO_SEC( `time_another`))) 'time_another' from `main` where `date`>='$date1' and `date` <='$date2' group by `name`";

$result=mysqli_query ($db,$request);

$rows=mysqli_num_rows($result);

mysqli_close($db);

if (empty($rows))

{echo "Нет данных для отображения";}

else

{

echo '</font><table border=black"><tr><th>Номер</th><th>Название оборудования</th><th>Месторасположение</th><th>Время работы оборудования</th><th>Время работы оборудования под нагрузкой</th><th>Время простоя оборудования из-за ремонта</th><th>Время простоя оборудования из-за отсутствия заготовок</th><th>Время простоя из-за других причин</th></tr>';

for ($i=1; $i<=$rows; $i++)

{

$r=mysqli_fetch_array($result);

echo "<tr>";

echo "<td>$i</td>";

echo "<td>$r[name]</td>";

echo "<td>$r[where]</td>";

echo "<td>$r[time_work]</td>";

echo "<td>$r[time_work_nagruzka]</td>";

echo "<td>$r[time_remont]</td>";

echo "<td>$r[time_nometal]</td>";

echo "<td>$r[time_another]</td>";

}

echo "</tr>";

}

echo "</table>";

}

?>

<br>

</div>

<div id="calc" onmouseover="javascript: calcflag=true" onmouseout="javascript: calcflag=false"></div>

</body>

</html>

style.css

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

background-image: url(images/fon2_mod.jpg);

background-repeat: repeat;

}

a:link {

color: #000000;

}

a:visited {

color: #000000;

}

a:hover {

color: #990000;

}

.style1 {color: #990000}

.style3 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-attachment: fixed; color: #000000; }

.стиль4 {

font-size: 12px;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

color: #990000;

text-decoration: none;

}

.стиль6 {

font-size: 12px;

font-family: Arial, Helvetica, sans-serif;

}

.стиль8 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.стиль9 {font-family: Arial, Helvetica, sans-serif}

.стиль10 {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;}

.style14_1 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.стиль15 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #990000; }

.стиль16 {font-size: 12px}

.стиль20 {font-size: 12px; font-weight: bold; }

.стиль21 {color: #990000}

.bludoimage {border-color: red; border-style: solid; border-width: 1px; width: 104px; height:90px;}

.bludoprice {border-width: 0px; background-image: URL(images/fon2_mod.jpg);}

#notcurmonth {background-color: #d4d0c8; font-weight: normal;}

.calblock {width: 140px; border: 1px solid red;}

.caldatestable {border-width: 0px 1px 1px 0px; border-style: solid; border-color: red; background-color: #fbf6f0; width: 140px;}

.calcell {border-width: 1px 0px 0px 1px; border-style: solid; border-color: red; width: 20px; height: 20px; font-weight: bold; font-size: small; color: black}

a:hover.callink {color: red; text-decoration: none;}

a:visited.callink {color: red; text-decoration: none;}

a:active.callink {color: red; text-decoration: none;}

a:link.callink {color: red; text-decoration: none;}

month_rus.php

<?php

function month_rus($day, $month, $year)

{

$f_res = $day." ";

if (ereg("01",$month)) {

$f_res .= "января";

}

if (ereg("02",$month)) {

$f_res .= "февраля";

}

if (ereg("03",$month)) {

$f_res .= "марта";

}

if (ereg("04",$month)) {

$f_res .= "апреля";

}

if (ereg("05",$month)) {

$f_res .= "мая";

}

if (ereg("06",$month)) {

$f_res .= "июня";

}

if (ereg("07",$month)) {

$f_res .= "июля";

}

if (ereg("08",$month)) {

$f_res .= "августа";

}

if (ereg("09",$month)) {

$f_res .= "сентября";

}

if (ereg("10",$month)) {

$f_res .= "октября";

}

if (ereg("11",$month)) {

$f_res .= "ноября";

}

if (ereg("12",$month)) {

$f_res .= "декабря";

}

$f_res .= " $year";

return $f_res;

}

?>

function.js

function showcalc(obj){

var calcid = document.getElementById("calc");

calcid.style.top = obj.offsetTop+obj.offsetHeight;

calcid.style.left = obj.offsetLeft;

calcid.style.display = "inline";

curform = obj;

cal(0,0,obj.id);

}

function hidecalc(){

if (calcflag==false){

document.getElementById("calc").style.display = "none";

}

}

function writedate(date){

curform.value = date;

}

calendar.js

var caldate1 = new Date();

var datelist = new Array(6);

var thisdate = caldate1.getDate();

var thismonth = caldate1.getMonth();

var thisyear = caldate1.getFullYear();

function cal(year,month)

{

caldate1.setMonth(caldate1.getMonth()+month);

var curmonth = caldate1.getMonth();

var monthtext;

switch (curmonth)

{case 0: monthtext = "Январь"; break;

case 1: monthtext = "Февраль"; break;

case 2: monthtext = "Март"; break;

case 3: monthtext = "Апрель"; break;

case 4: monthtext = "Май"; break;

case 5: monthtext = "Июнь"; break;

case 6: monthtext = "Июль"; break;

case 7: monthtext = "Август"; break;

case 8: monthtext = "Сентябрь"; break;

case 9: monthtext = "Октябрь"; break;

case 10: monthtext = "Ноябрь"; break;

case 11: monthtext = "Декабрь"; break;

}

caldate1.setYear(caldate1.getFullYear()+year);

caldate1.setDate(1);

x = (caldate1.getDay() == 0) ? x = 7 : x = caldate1.getDay();

var c = 2 - x;

var caldate2 = new Date(caldate1);

caldate2.setMonth(caldate2.getMonth()+1);

var lastday = caldate2.getDate(caldate2.setDate(0) );

var curyear = caldate1.getFullYear();

var cal="";

cal += '<div valign="top" align="center" class="calblock">\n';

cal += '<table class="caldatestable" style="border-width: 1px;" border="0" cellpadding="0" cellspacing="0">\n';

cal += '<tr>\n<td align="right" width="20"><a class="callink" href="javascript: cal(-1,0);">&#8592;</a></td>\n';

cal += '<td align = "center" width="100">'+curyear+'</td>\n';

cal += '<td align="left" width="20"><a class="callink" href="javascript: cal(1,0);">&#8594;</a></td>\n</tr>\n';

cal += '<tr>\n<td align="right"><a class="callink" href="javascript: cal(0,-1);">&#8592;</a></td>\n';

cal += '<td align = "center">'+monthtext+'</td>\n';

cal += '<td align="left"><a class="callink" href="javascript: cal(0,1);">&#8594;</a></td>\n';

cal += '</tr></table>\n';

cal += '<table class="caldatestable" border="0" cellpadding="0" cellspacing="0">\n';

var flag = false;

for (i=0;i<6;i++)

{ cal += '<tr>\n';

datelist[i] = new Array(7);

for (j=0;j<7;j++)

{ var bcolor = '';

if (c < 1) {bcolor = 'id="notcurmonth"';}

else if (c > lastday) {bcolor = 'id="notcurmonth"';

flag = true;}

else if (c == thisdate && curmonth == thismonth && curyear == thisyear) bcolor = 'style="border-width: 3px 2px 2px 3px;"';

cal += '<td ' + bcolor + ' class="calcell" align="center" valign="middle">';

datelist[i][j] = new Date(caldate1);

datelist[i][j].setDate(c);

cal += '<a class="callink" href="javascript:writedate(\''+datelist[i][j].getFullYear()+'-'+(datelist[i][j].getMonth()+1)+'-'+datelist[i][j].getDate()+'\')">'+datelist[i][j].getDate()+'</a></td>\n';

c++;

}

cal += '</tr>\n';

if (flag) break;

}

cal += '</table>\n</div>';

document.getElementById("calc").innerHTML = cal;

}

Размещено на Allbest.ru