@*
For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
ViewData["Title"] = "Auto Tank Gauge System";
Layout = null;
}
<script src="~/js/mqtt.min.js"></script>
<script src="~/js/Chart.bundle.js"></script>
<script src="~/js/jquery-3.4.1.min.js"></script>
<body>
<div style="display:flex;height:5%;width:50%">
<div style="position:absolute;float:right;left:1081px;height:10%;width:0%;z-index:0;top:0px">
<img id="testimage" src="~/images/device/title/505455.png" style="z-index:2;position:absolute;float:left">
<p style="z-index:4; left:30px;height:7%;position:absolute;float:left;top:-11px"><font size="5" color="white"> 03/31/2020 </font></p>
<canvas></canvas>
</div>
<div style="position:absolute;float:left;height:10%;width:1280px;z-index:0;left:0px;top:0px">
<img id="testimage" src="~/images/device/title/ff1d1c.png" style="z-index:1;position:absolute;float:left;left:0px">
<img id="testimage" src="~/images/device/title/0182d6.png" style="z-index:1;position:absolute;float:left;left:0px">
<img id="testimage" src="~/images/device/title/f8cd1c.png" style="z-index:1;position:absolute;float:left;left:0px">
<p style="z-index:1; left:30px; height:7%;position:absolute;float:left"><font size="6" color="white"> X号油罐 : 高油位警报, </font></p>
<p style="z-index:1; left:550px;height:7%;position:absolute;float:left"><font size="6" color="white"> 活跃预警: </font></p>
<p style="z-index:1; left:850px;height:7%;position:absolute;float:left"><font size="6" color="white"> 活跃报警: </font></p>
<canvas></canvas>
</div>
</div>
<div style="position:absolute;top:100px">
<div style="position:absolute;float:left;z-index:1">
<table border="0" cellpadding="0" cellspacing="0" width="1280px" style="position:absolute;left:50px;line-height:45px">
<thead style="font-size:24;text-align:left">
<tr>
<th style="width:315px"> 时间 </th>
<th style="width:200px"> 数据种类 </th>
<th style="width:515px"> 文件 </th>
<th style="width:200px"> 描述 </th>
<th style="width:200px"> 上传状态 </th>
</tr>
</thead>
<tbody style="font-size:20;text-align:left">
@for (int i = 0; i <= 1; i++)
{
<tr>
<th style="width:315px"> 20202-04-10 </th>
<th style="width:200px"> 20202-04-10 </th>
<th style="width:515px"> 20202-04-10 </th>
<th style="width:200px"> 20202-04-10 </th>
<th style="width:200px"> 20202-04-10 </th>
</tr>
}
</tbody>
</table>
</div>
</div>
<div style="position:absolute;top:500px">
<div style="height:40px">
<p style="z-index:1; height:10%;position:absolute;float:left"></p>
</div>
<div style="display:flex;height:5%;width:50%">
<div style="position:absolute;float:left;height:10%;width:1280px;z-index:0;left:50px">
<a href="/_layoutTankDetail.cshtml">
<img id="testimage" src="~/images/device/fairbanks/Fairbanks_logo 拷贝.png" style="z-index:1;position:absolute;float:left;">
@*<asp:ImageButton ImageUrl="~/image/device/pages/3fa0df.png" href="/_Layout_TankDetail.cshtml" ></asp:ImageButton>*@
@*<p style="z-index:1; left:25px;height:7%;position:absolute;float:left;top:-11px"><font size="5" color="white"> 油罐总览 </font></p>*@
<canvas></canvas>
</a>
</div>
<div>
@*<canvas style="position:absolute;float:right;left:800px;height:10%;width:1000px;z-index:0">
</canvas>*@
<div style="position:absolute;float:right;left:860px;height:10%;width:50px;z-index:0;margin-top:10px">
<img src="~/images/device/pages/1a8eda.png" style="position:absolute;left:0px">
<img src="~/images/device/pages/b1d5eb.png" style="position:absolute;left:0px">
</div>
<div style="position:absolute;float:right;left:940px;height:10%;width:50px;z-index:0;margin-top:10px">
<img src="~/images/device/pages/1a8eda.png" style="position:absolute;left:0px">
<img src="~/images/device/pages/b1d5eb.png" style="position:absolute;left:0px">
</div>
<div style="position:absolute;float:right;left:1020px;height:10%;width:50px;z-index:0;margin-top:10px">
<img src="~/images/device/pages/1a8eda.png" style="position:absolute;left:0px">
<img src="~/images/device/pages/b1d5eb.png" style="position:absolute;left:0px">
</div>
<div style="position:absolute;float:right;left:1100px;height:10%;width:50px;z-index:0;margin-top:10px">
<img src="~/images/device/pages/1a8eda.png" style="position:absolute;left:0px">
<img src="~/images/device/pages/b1d5eb.png" style="position:absolute;left:0px">
</div>
<div style="position:absolute;float:right;left:1180px;height:10%;width:50px;z-index:0;margin-top:10px">
<img src="~/images/device/pages/1a8eda.png" style="position:absolute;left:0px">
<img src="~/images/device/pages/b1d5eb.png" style="position:absolute;left:0px">
</div>
</div>
</div>
</div>
</body>