SystemDev
/
FCC


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
							@*
    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;
}

<body>
    <div style="display:flex;height:5%;width:50%">
        <div style="position:absolute;float:right;left:1089px;height:10%;width:0%;z-index:0">
            <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">
            <img id="testimage" src="~/images/device/title/ff1d1c.png" style="z-index:1;position:absolute;float:left">
            <img id="testimage" src="~/images/device/title/0182d6.png" style="z-index:1;position:absolute;float:left">
            <img id="testimage" src="~/images/device/title/f8cd1c.png" style="z-index:1;position:absolute;float:left">
            <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">
            <table border="0" cellpadding="0" cellspacing="0" width="950px" style="position:absolute;left:50px">
                <thead style="font-size:large">
                    <tr>
                        <th> 油罐 </th>
                        <th> 油品 </th>
                        <th> 警报描述 </th>
                        <th> 发生时间 </th>
                        <th> 接触时间 </th>
                    </tr>
                </thead>
                <tbody style="font-size:large">
                    @for (int i = 0; i <= 1; i++)
                    {
                         <tr>
                            <th> teble1 </th>
                            <th> teble1 </th>
                            <th> teble1 </th>
                            <th> teble1 </th>
                            <th> teble1 </th>
                         </tr>
                    }
                </tbody>
            </table>
        </div>
        <div style="position:absolute;left:1100px;width:300px">
            <table style="width:180px;text-align:left">
                <caption style="font-size:xx-large;font-weight:bolder;widows:initial;text-align:left"> 筛选查询 </caption>
                @*<tr>
                    <th> 筛选查询 </th>
                </tr>*@
                <tr style="height:10px">
                    <th>  </th>
                </tr>
                <tbody>
                    <tr>
                        <th> 起始时间:  </th>
                    </tr>
                    <tr>
                        <th> temp </th>
                    </tr>
                    <tr>
                        <th> 结束日期： </th>
                    </tr>
                    <tr>
                        <th> temp </th>
                    </tr>
                    <tr>
                        <th> 油罐选择： </th>
                    </tr>
                    <tr>
                        <th> temp </th>
                    </tr>
                    <tr style="height:10px">
                        <th>  </th>
                    </tr>
                    <tr>
                        <th> 查询条件： </th>
                    </tr>
                </tbody>
            </table>
            <div style="position:absolute;top:220px">
                <div style="display:flex">
                    <img src="~/images/device/fairbanks/选中标签 拷贝.png" style="z-index:1;position:absolute;float:left">
                    <img src="~/images/device/fairbanks/选框.png" style="z-index:1;position:absolute;float:left">
                    <p style="z-index:1;float:left;position:absolute;width:110px;top:-11px;left:25px"><font size="5" color="white"> 活跃报警 </font></p>
                </div>
                <div style="display:flex;margin-top:50px">
                    <img src="~/images/device/fairbanks/选中标签 拷贝.png" style="z-index:1;position:absolute;float:left">
                    <img src="~/images/device/fairbanks/选框.png" style="z-index:1;position:absolute;float:left">
                    <p style="z-index:1;float:left;position:absolute;width:110px;top:39px;left:25px"><font size="5" color="white"> 历史记录 </font></p>
                </div>
            </div>
        </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/pages/3fa0df.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 style="position:absolute;float:right;left:200px;height:10%;width:1000px;z-index:0">
                <a href="/_layoutTankDetail.cshtml">
                    <img id="testimage" src="~/images/device/pages/3fa0df.png" style="z-index:2;position:absolute;float:left" onclick="">
                    <p style="z-index:4; left:25px;height:7%;position:absolute;float:left;top:-11px"><font size="5" color="white"> 油罐详情 </font></p>
                    <canvas></canvas>
                </a>
            </div>
            <div style="position:absolute;float:right;left:350px;height:10%;width:1000px;z-index:0">
                <a href="/_layoutTankDetail.cshtml">
                    <img id="testimage" src="~/images/device/pages/3fa0df.png" style="z-index:2;position:absolute;float:left" onclick="">
                    <p style="z-index:4; left:25px;height:7%;position:absolute;float:left;top:-11px"><font size="5" color="white"> 报警查询 </font></p>
                    <canvas></canvas>
                </a>
            </div>
            <div style="position:absolute;float:right;left:500px;height:10%;width:1000px;z-index:0">
                <a href="/_layoutTankDetail.cshtml">
                    <img id="testimage" src="~/images/device/pages/3fa0df.png" style="z-index:2;position:absolute;float:left" onclick="">
                    <p style="z-index:4; 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>