list.html 5.2 KB
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>事故处理</title>
		<script src="/inspection/js/jquery.js"></script>
		<link href="/inspection/css/font-awesome.css" rel="stylesheet">
		<link href="/inspection/css/bootstrap.css" rel="stylesheet">
		<link href="/inspection/css/style-responsive.css" rel="stylesheet">
		<link href="/inspection/css/default-theme.css" rel="stylesheet">
		<link href="/inspection/css/style.css" rel="stylesheet">
		<link href="/inspection/css/bootstrap-reset.css" rel="stylesheet">
		<!-- 新增table样式 -->
		<link rel="stylesheet" href="/inspection/css/xj-style.css">
		<link rel="stylesheet" type="text/css" href="/inspection/css/xj_css.css"/>
	</head>
	<body class="sticky-header">
		<!-- 头部 -->
		<div id="head">{include file="common/_header"}</div>
		<!-- 头部 -->
		<section>
			<!-- 导航 -->
			<div class="sidebar-left">{include file="common/_leftnav"}</div>
			<!-- 导航 -->
			<div class="body-content">
				<div class="page-head clearfix">
					<ol class="breadcrumb pull-left">
						<li><a href=""><i class="fa fa-align-left"></i>隐患处理</a></li>
					</ol>
					<div class="pull-right breadcrumbtn gg-i"> 
						<button class="btn bt" style="outline: none;"><i class="fa fa-refresh"></i>刷新</button>
					</div>
				</div>
				<div class="wrapper">
					<section class="panel">
						<header class="panel-heading head-border topbox">
							<div class="getint"></div>
							<div class="searchs" >
								<form action="" method="">
									<input type="search" name="" required="" placeholder="请输入隐患内容" lang="zh-CN">
									<a href="#" class="btn">查询</a>
								</form>
							</div>
						</header>
						<div class="panel-body">
							<div class="listall yjgl sblx">
								<ul>
									<li class="header">
										<span>隐患描述</span>
										<span>区域</span>
										<span>人员</span>
										<span>时间</span>
										<span>完成情况</span>
										<span>操作</span>
									</li>
									{volist name='list' id='item'}
									<li class="lb">
										<span>{$item.message}</span>
										<span>{$item.area_name}</span>
										<span>{$item.staff_name}</span>
										<!--<span class="slt">-->
										<!--	<div class="col-sm-6 col-md-3">-->
										<!--	    <a href="#" class="thumbnail slt-img">-->
										<!--	        <img src="./img/xjrw.png" alt="通用的占位符缩略图">-->
										<!--	    </a>-->
										<!--	</div>-->
										<!--</span>-->
										<span>{:date('Y-m-d H:i',$item.createtime)}</span>
										<span>{$item.status ==1 ?'未解决':'已解决'}</span>
										<span class="editor edit">
											<a href="" data-toggle="modal" data-target="#xq-see">查看</a>
											<a href="" >删除</a>
										</span>
									</li>
									{/volist}
								</ul>
							</div>
							<div class="page clearfix font">
								<div class="pull-left num">共 {$list->total()} 条</div>
								{$list->render()}
									<nav aria-label="..." class="pull-left" style="display:none;">
								  <ul class="pagination">
											<li class="disabled"><a href="#" aria-label="Previous"><span
														aria-hidden="true">«</span></a></li>
											<li class="active"><a href="#">1 </a></li>
											<li><a href="#">2</a></li>
											<li><a href="#">3</a></li>
											<li><a href="#">4</a></li>
											<li><a href="#">5</a></li>
											<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
										</ul>
									</nav>
								<a href="" class="tz">跳至
									<a href="#" class="btn btn-default tzy">3</a>
								</a>
							</div>
						</div>
					</section>
					<!-- 底部 -->
					<div class="bq">
						<h4>云南腾亿融媒互联网有限公司</h4>
						<span>Email:160*****@qq.com</span>
						<span>QQ:160******</span>
					</div>
				</div>
			</div>
		</section>
		
		<!-- 查看 -->
		<div class="modal  right fade" id="xq-see" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h4 class="modal-title jh-title">隐患详情</h4>
		    </div>
		      <div class="modal-body b- xq-see">
					<ul>
						<li>
							<span><b>*</b>问题描述:</span>
							<textarea rows="6" cols="45"></textarea>
							<!-- <input type="text" class="form-control" placeholder="请输入名称"/> -->
						</li>
						<li>
							<span><b>*</b>问题图片:</span>
							<div>
								<a style="margin: 0;" href="#" class="file2">
									<input type="file"><span>上传图片</span>
								</a>
							</div>
							<!-- <input type="text" class="form-control" placeholder="请输入巡检点"/> -->
						</li>
					</ul>
		      </div>
		      <div class="modal-footer rw-db">
		        <button type="button" class="btn rw-tj" style="outline: none; data-bs-dismiss="modal">回复</button>
				<a href="#" class="btn" data-dismiss="modal">关闭</a>
		      </div>
		    </div>
		  </div>
		</div>


		<script src="/inspection/js/bootstrap.js"></script>
		<script src="/inspection/js/echarts.min.js"></script>
		<script src="/inspection/js/scripts.js"></script>
		<script src="/inspection/laydate/laydate.js"></script>
			
	</body>
</html>