<!DOCTYPE html>
<% language=javascript %>
<html>
<head lang="en">
    <meta charset="GB2312">
    <title></title>
    <link href="css/style.css" title="style" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.6.3.min.js"></script>
    <style>
        i{font-style:normal}
        .kaiguanTD td{text-align: center;}
    </style>

</head>
<body style="background: #F3F3F3">
<div class='type2308 empty' style=' margin: 10px;'>
  <table width="100%">
    <tr>
    <td width="300px" style="text-align: center;"><img src="img/ico-dio.png" style="width: 100%;text-align: center;"></td>
    <td>
    <table width='100%'>
        <tr><td style='border: none'> <h1>W70XX智能IO（开关量）</h1></td></tr>
        <tr><td style='width: 200px;'>基本信息</td><td>SID:<span class='SID2308'> </span>&nbsp;&nbsp;&nbsp;编址:<span class='Addr2308'> </span>&nbsp;&nbsp;&nbsp;数据端口:<span class='Port2308'> </span></td></tr>
        <tr><td style='width: 200px;'>更新时间</td><td><span class='DateUpd2308'> </span></td></tr>
        <tr><td style='width: 200px;'>监测项状态</td><td><span class='State2308'> </span></td></tr>
    </table>

    <h1 style='margin:30px 10px 10px 10px;'>输入状态</h1>
    <table width='100%' class="kaiguanTD">
        <tr> <td><h1>S0</h1></td> <td><h1>S1</h1></td> <td><h1>S2</h1></td> <td><h1>S3</h1></td> <td><h1>S4</h1></td> <td><h1>S5</h1></td> <td><h1>S6</h1></td> <td><h1>S7</h1></td></tr>
        <tr> <td><i class="D012308"></i></td> <td><i class="D022308"></i></td> <td><i class="D032308"></i></td>  <td><i class="D042308"></i></td> <td><i class="D052308"></i></td> <td><i class="D062308"></i></td> <td><i class="D072308"></i></td> <td><i class="D082308"></i></td></tr>
        <tr> <td><h1>S8</h1></td> <td><h1>S9</h1></td> <td><h1>S10</h1></td> <td><h1>S11</h1></td> <td><h1>S12</h1></td> <td><h1>S13</h1></td> <td><h1>S14</h1></td> <td><h1>S15</h1></td></tr>
        <tr> <td><i class="D092308"></i></td> <td><i class="D102308"></i></td> <td><i class="D112308"></i></td>  <td><i class="D122308"></i></td> <td><i class="D132308"></i></td> <td><i class="D142308"></i></td> <td><i class="D152308"></i></td> <td><i class="D162308"></i></td></tr>
    </table>
    </td>
    </tr>
  </table>

    <a href='javascript:history.back()' class='back' style='color: #fff'>返回</a>
    </div>
<script>
var itype=2308;
var tescape=5000,time;

<% db_Open("/NandFlash/tmp/dbDat0.db3"); %>
var sid=<% write(sid);%>;
var json=<% db_QryAdv("select * from tbDio where SID="+sid,0); %>;
<% db_Close(); %>
	
    $(function(){
        if (tescape>0)
        {
            time=setInterval(ajax,tescape);
        }
    });
    function ajax(){
        $.ajax({
            type: "POST",
            url: "omdev/smdat0.asp",
            data: "itype="+itype+"&sid="+sid,
            dataType:"json",
            success: function(msg){
                list3(msg)
            }
        });
    }
   list3(json);
    function list3(data){
        $.each(data.recs,function(i,n){
            $(".SID2308").html(n.SID);
            $(".Addr2308").html(n.Addr);
            $(".Port2308").html(n.Port%256);
            $(".DateUpd2308").html(n.DateUpd);
            $(".State2308").html(parseState(n.State));

            $(".D012308").html(n.D01);
            $(".D022308").html(n.D02);
            $(".D032308").html(n.D03);
            $(".D042308").html(n.D04);
            $(".D052308").html(n.D05);
            $(".D062308").html(n.D06);
            $(".D072308").html(n.D07);
            $(".D082308").html(n.D08);
            $(".D092308").html(n.D09);
            $(".D102308").html(n.D10);
            $(".D112308").html(n.D11);
            $(".D122308").html(n.D12);
            $(".D132308").html(n.D13);
            $(".D142308").html(n.D14);
            $(".D152308").html(n.D15);
            $(".D162308").html(n.D16);

        });
        $("i:contains('1')").addClass("red").removeClass("ger");
        $("i:contains('0')").addClass("ger").removeClass("red");
        $("span:contains('故障'),span:contains('告警'),span:contains('闭合')").addClass("red").removeClass("ger");
        $("span:contains('正常')").addClass("ger").removeClass("red");
    }
	
function parseState(istate)
{
    if(istate==0) return "正常";
    else   if(istate==1) return "告警";
    else return "故障";
}
</script>
</body>
</html>