代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>排放清单</title>
<link rel="stylesheet" href="assets/css/common.css">
<link rel="stylesheet" href="assets/css/shebei.css"/>
</head>
<body>
<div class="main-page">
<div class="page-body flex">
<div class="sub-page-container">
<div class="right-content-wrapper">
<div class="right-content-box">
<div class="cha">
<img src="assets/img/item4.png" >
</div>
<ul class="tags">
<li><</li>
<li>返回</li>
<li> | </li>
<li>有组织</li>
<li>></li>
<li>实时监测</li>
<li>></li>
<li>设备台账</li>
</ul>
<div class="right-content-box flex">
<div class="left-body">
<p class="shebei-txt">设备在线详情</p>
<div class="card-content">
<table class="table">
<thead>
<tr>
<th>区域</th>
<th class="name">设备名称</th>
<th>设备名称</th>
<th>MAC地址</th>
<th>在线状态</th>
</tr>
</thead>
<tbody class="tbody" id="tbody">
<tr>
<td class="region">道路</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>2#监测设备</td>
<td>4#20190511004</td>
<td class="complete">在线</td>
</tr>
<tr>
<td class="region">道路</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>2#监测设备</td>
<td>4#20190511004</td>
<td class="complete">在线</td>
</tr>
<tr>
<td class="region">道路</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>2#监测设备</td>
<td>4#20190511004</td>
<td class="complete">在线</td>
</tr>
<tr>
<td class="region">道路</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>2#监测设备</td>
<td>4#20190511004</td>
<td class="complete">在线</td>
</tr>
<tr>
<td class="region">道路</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>2#监测设备</td>
<td>4#20190511004</td>
<td class="complete">在线</td>
</tr>
<tr>
<td class="region">道路</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>2#监测设备</td>
<td>4#20190511004</td>
<td class="complete">在线</td>
</tr>
<tr>
<td class="region">道路</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>2#监测设备</td>
<td>4#20190511004</td>
<td class="complete">在线</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="right-body">
<p class="shebei-txt">设备在线详情</p>
<div class="card-content">
<table class="table">
<thead>
<tr>
<th>区域</th>
<th>设备类型</th>
<th class="name">设备名称</th>
<th>PM2.5(mg/m³)</th>
<th>PM10(mg/m³)</th>
<th>TSP(mg/m³)</th>
<th>MAC地址</th>
<th>在线状态</th>
</tr>
</thead>
<tbody class="tbody" id="tbody">
<tr>
<td>道路</td>
<td>监测设备</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>1.225</td>
<td>1.225</td>
<td>1.225</td>
<td>12222222222222</td>
<td class="complete">在线</td>
</tr>
<tr>
<td>道路</td>
<td>监测设备</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>1.225</td>
<td>1.225</td>
<td>1.225</td>
<td>12222222222222</td>
<td class="complete">在线</td>
</tr>
<tr>
<td>道路</td>
<td>监测设备</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>1.225</td>
<td>1.225</td>
<td>1.225</td>
<td>12222222222222</td>
<td class="complete">在线</td>
</tr>
<tr>
<td>道路</td>
<td>监测设备</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>1.225</td>
<td>1.225</td>
<td>1.225</td>
<td>12222222222222</td>
<td class="complete">在线</td>
</tr>
<tr>
<td>道路</td>
<td>监测设备</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>1.225</td>
<td>1.225</td>
<td>1.225</td>
<td>12222222222222</td>
<td class="complete">在线</td>
</tr>
<tr>
<td>道路</td>
<td>监测设备</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>1.225</td>
<td>1.225</td>
<td>1.225</td>
<td>12222222222222</td>
<td class="complete">在线</td>
</tr>
<tr>
<td>道路</td>
<td>监测设备</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>1.225</td>
<td>1.225</td>
<td>1.225</td>
<td>12222222222222</td>
<td class="complete">在线</td>
</tr>
<tr>
<td>道路</td>
<td>监测设备</td>
<td class="name">设备名称设备名称设备名称设备名称</td>
<td>1.225</td>
<td>1.225</td>
<td>1.225</td>
<td>12222222222222</td>
<td class="complete">在线</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="assets/js/jquery.SuperSlide.2.1.3.js"></script>
<script src="assets/layui/layui.js"></script>
<script src="assets/js/browser.js"></script>
<script src="assets/js/select.js"></script>
<script src="assets/js/page.js"></script>
<script>
// 渲染左侧菜单树
new LeftSiderMenu({
el:".sub-page-container",
size:10,
curMenu:"排放清单",
menus:[
{href:"排放清单.html",text:"实时监控"},
{href:"数据分析.html",text:"数据分析"},
{href:"运行状态.html",text:"运行状态"},
{href:"告警分析.html",text:"告警分析"},
]
});
// 渲染底部菜单
new Footer({
el:".main-page",
curMenu:"有组织",
size:4,
menus:[
{href:"有组织.html",text:"有组织"},
{href:"无组织.html",text:"无组织"},
{href:"车辆出入.html",text:"清洁运输"},
{href:"视频.html",text:"视频大厅"}
]
});
new SelectPlus({
el:".platfrom",
data:[
{ value:"",text:"烟尘（mg/m³）" },
{ value:1,text:"烟尘（1mg/m³）" },
{ value:2,text:"烟尘（2mg/m³）" },
{ value:3,text:"烟尘（3mg/m³）" }
],
done:function(row){
console.log(row);
}
})
layui.use(['laypage', 'laydate'], function(){
let laydate = layui.laydate;
laydate.render({
elem: '#dateBtn'
,type: 'datetime'
,done: function(value, date){
$("#date").val(value)
}
});
})
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
