master

分支 (1)

管理

管理

master

jiujiu
/
公共模板.html

<!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/run-state.css">
	</head>
	<body>
		<div class="main-page page-run-state">
			<div class="page-body flex">
				<div class="sub-page-container">
					<div class="right-content-wrapper">
						<div class="right-content-box">
							<ul class="tags">
								<!-- <li class="to-back" onclick="javascript:history.back()">返回</li> -->
								<li>有组织</li>
								<li>&gt;</li>
								<li>公共模板</li>
							</ul>
							<div class="content-section">
								<div class="card-section mgb-10">
									<p class="card-title">设备投入与使用量</p>
									<div class="content-body">2</div>
								</div>
								<div class="card-section mgl-10 mgb-10">
									<p class="card-title">能耗分析</p>
									<div class="content-body">2</div>
								</div>
								<div class="card-section">
									<p class="card-title">设备启停</p>
									<div class="content-body">2</div>
								</div>
								<div class="card-section mgl-10">
									<p class="card-title">设备启停</p>
									<div class="content-body">2</div>
								</div>
							</div>
						</div>
						<span class="close-btn"></span>
					</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/js/page.js"></script>
		<script>
			var pageObj = function(){
				this.init()

				// 渲染底部菜单
				new Footer({
			        el:".main-page",
			        curMenu:"清洁运输",
			        size:4,
			        menus:[
			            {href:"有组织.html",text:"有组织"},
			            {href:"无组织.html",text:"无组织"},
			            {href:"车辆出入.html",text:"清洁运输"},
			            {href:"视频.html",text:"视频大厅"}
			        ]
			    });

			    // 渲染左侧菜单树
				new LeftSiderMenu({
				    el:".sub-page-container",
				    size:10,
				    curMenu:"运行状态",
				    menus:[
				        {href:"首页.html",text:"首页"},
				        {href:"排放清单.html",text:"实时监测"},
				        {href:"数据分析.html",text:"数据分析"},
				        {href:"告警分析.html",text:"告警分析"},
				        {href:"运行状态.html",text:"运行状态"}
				    ]
				});
			}
			pageObj.prototype.init = function(){
				this.bindEvent();
			}
			pageObj.prototype.bindEvent = function(){
				let self = this;
			}
			new pageObj();
		</script>
	</body>
</html>