You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

112 lines
6.2 KiB

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<%-- <script src="js/index.js"></script>--%>
<link rel="stylesheet" href="css/index.css"/>
<script src="js/jquery-3.5.1.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<jsp:include page="topbar.jsp"></jsp:include>
<!-- 主题内容 -->
<div class="container-fluid">
<div class="row">
<jsp:include page="leftMenu.jsp"></jsp:include>
<div class="col-sm-10 page-main">
<div class="text-center" style="display:block">
<label class="pull-right" style="margin-right:20px">共有数据${total}条</label>
</div>
<table id="table" class="table table-striped table-bordered text-center" style="margin-top:80px">
<thead>
<tr>
<th class="text-center">部门号</th>
<th class="text-center">名称</th>
</tr>
</thead>
<tbody>
<c:forEach var="test" items="${testList}" >
<tr>
<td>${test.id}</td>
<td>${test.num}</td>
<td>
<a href="" data-toggle="modal" data-target="#deptModifyModal" data-orderId="${test.id}"><span class="glyphicon glyphicon-pencil" style="margin-right:10px"></span></a>
<!-- Modal -->
<div class="modal fade" id="deptModifyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel3">信息修改</h4>
</div>
<div class="modal-body">
<form action="${pageContext.request.contextPath}/modifyDept" class="form-horizontal" id="updateform">
<input value="${dept.id}" name="id" hidden>
<div class="form-group">
<label class="col-sm-3 control-label">部门号</label>
<div class="col-sm-7">
<input type="text" class="form-control" value="${test.id}" name="id">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">部门名称</label>
<div class="col-sm-7">
<input type="text" class="form-control" value="${test.num}" name="num">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button type="submit" class="btn btn-primary">确认</button>
</div>
</form>
</div>
</div>
</div>
</div>
<a href=""><span class="glyphicon glyphicon-trash"></span></a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="row text-center">
<div class="form-group">
<label class="pull-right" style="margin-right:20px">当前第${page.currentIndex}页,共${page.totalIndex}页</label>
</div>
<form class="form-inline" style="padding:20px" action="">
<div class="col-sm-6 col-sm-offset-2">
<ul class="pagination">
<li><a href="${pageContext.request.contextPath}/getTest?start=0" aria-label="Previous"><span aria-hidden="true">首页</span></a></li>
<c:if test="${page.currentIndex != 1}">
<li><a href="${pageContext.request.contextPath}/getTest?start=${page.start - page.count}&currentIndex=${page.currentIndex-1}" aria-label="Previous"><span aria-hidden="true">上一页</span></a></li>
</c:if>
<c:if test="${page.currentIndex != page.totalIndex}">
<li><a href="${pageContext.request.contextPath}/getTest?start=${page.start + page.count}&currentIndex=${page.currentIndex+1}" aria-label="Next"><span aria-hidden="true">下一页</span></a></li>
</c:if>
<li><a href="${pageContext.request.contextPath}/getTest?start=${page.last}" aria-label="Previous"><span aria-hidden="true">末页</span></a></li>
</ul>
</div>
</form>
</div>
</div>
</div>
<jsp:include page="footer.jsp"></jsp:include>
</body>
<script>
$("#deptModifyModal").on('show.bs.modal', function (e) {
let deleteBookId = $(e.relatedTarget).data("orderid");
console.log(deleteBookId)
});
</script>
</html>