SystemDev
/
FCC


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							@*
    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>