4 Star 0 Fork 0

amiabikity/jiujiu

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
有组织清单.html 10.69 KB
一键复制 编辑 原始数据 按行查看 历史
胡铁城 提交于 2021-05-17 14:40 . 界面调整
<!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/layui/css/layui.css">
<link rel="stylesheet" href="assets/css/reset-layui-style.css?v=33">
<link rel="stylesheet" href="assets/css/common.css">
<link rel="stylesheet" href="assets/css/qingdan.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>&lt;</li>
<li>返回</li>
<li> | </li>
<li>有组织</li>
<li>&gt;</li>
<li>实时监测</li>
<li>&gt;</li>
<li>有组织排放清单</li>
</ul>
<div class="content-section flex page-paifang">
<!-- 我的页面 -->
<div class="main-section">
<div class="card flex">
<span class="card-span">有组织排放清单</span>
<ul class="navigation flex">
<li class="navigation-1" onclick="location.href='排放清单.html'">有组织数据曲线</li>
<li class="navigation-2" onclick="location.href='有组织清单.html'">有组织清单</li>
<li class="navigation-3" onclick="location.href='有组织实时数据.html'">实时数据台账</li>
</ul>
</div>
<div class="charts-box line-one" >
<ul class="tools drop flex">
<li class="platfrom dayup"></li>
<li><div class="day" id="dateBtn"><input type="text" id="date" autocomplete="off" placeholder="请输入有组织名称"></div></li>
<li class="navigation-4"><span class="img-1."><img src="assets/img/shaixuan.png"></span> 筛选</li>
<li class="navigation-5"><span class="img-2"><img src="assets/img/print.png"></span>打印</li>
</ul>
<div class="card-content">
<table class="table">
<thead>
<tr>
<th>ID</th>
<th>生产工具</th>
<th>排放源名称</th>
<th>排放源名称</th>
<th>治理设备名称</th>
<th>监测因子</th>
<th>设备厂家/型号</th>
<th>CEMS</th>
<th>生产设备</th>
<th>治理设备</th>
<th>操作</th>
</tr>
</thead>
<tbody class="tbody" id="tbody">
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
<tr>
<td>1</td>
<td>炼钢</td>
<td>256m2炼结机头</td>
<td>颗粒物、二氧化硫…</td>
<td>双室四电场静电除…</td>
<td>颗粒物、二氧化硫…</td>
<td>颗粒物、安荣信(…</td>
<td>256m2炼结机头</td>
<td>风机数据2#主抽风</td>
<td>旋转雾化器电流测量</td>
<td><span class="btn detail-btn">监测</span></td>
</tr>
</tbody>
</table>
</div>
<div class="pagination-section flex">
<div id="pagination"></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:"请选择生产工序" },
{ value:1,text:"1" },
{ value:2,text:"2" },
{ value:3,text:"3" }
],
done:function(row){
console.log(row);
}
})
layui.use(['laypage'], function(){
let laypage = layui.laypage;
laypage.render({
elem: 'pagination'
,count: 20
,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
,jump: function(obj){
console.log(obj)
}
});
})
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/amiabikity/jiujiu.git
git@gitee.com:amiabikity/jiujiu.git
amiabikity
jiujiu
jiujiu
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385