|
@@ -0,0 +1,204 @@
|
|
|
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
|
|
|
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
|
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
|
|
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
|
|
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
+ <title>后台管理</title>
|
|
|
+
|
|
|
+ <link rel="stylesheet" type="text/css"
|
|
|
+ href="${pageContext.request.contextPath}/static/admin/index/h-ui/css/H-ui.min.css"/>
|
|
|
+ <link rel="stylesheet" type="text/css"
|
|
|
+ href="${pageContext.request.contextPath}/static/admin/index/h-ui.admin/css/H-ui.admin.css"/>
|
|
|
+ <link rel="stylesheet" type="text/css"
|
|
|
+ href="${pageContext.request.contextPath}/static/admin/index/Hui-iconfont/1.0.8/iconfont.css"/>
|
|
|
+ <link rel="stylesheet" type="text/css"
|
|
|
+ href="${pageContext.request.contextPath}/static/admin/index/h-ui.admin/skin/default/skin.css" id="skin"/>
|
|
|
+ <link rel="stylesheet" type="text/css"
|
|
|
+ href="${pageContext.request.contextPath}/static/admin/index/h-ui.admin/css/style.css"/>
|
|
|
+ <link href="${pageContext.request.contextPath}/static/admin/css/page.css" rel="stylesheet" type="text/css"/>
|
|
|
+ <script type="text/javascript"
|
|
|
+ src="${pageContext.request.contextPath}/static/admin/index/jquery/1.9.1/jquery.min.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/index/layer/layer.js"></script>
|
|
|
+ <script type="text/javascript"
|
|
|
+ src="${pageContext.request.contextPath}/static/admin/index/h-ui/js/H-ui.min.js"></script>
|
|
|
+ <script type="text/javascript"
|
|
|
+ src="${pageContext.request.contextPath}/static/admin/index/h-ui.admin/js/H-ui.admin.js"></script>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<nav class="breadcrumb">
|
|
|
+ <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
|
|
|
+ href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont"></i></a>
|
|
|
+</nav>
|
|
|
+<div class="page-container">
|
|
|
+ <form action="serviceCategoryPidList.html" method="post" enctype="multipart/form-data">
|
|
|
+ <div class="text-c">
|
|
|
+ <input type="text" name="title" id="title" value="${title}" placeholder=" 服务名称" style="width:250px" class="input-text">
|
|
|
+ <button class="btn btn-success" type="submit"><i class="Hui-iconfont"></i> 搜索</button>
|
|
|
+ <a href="javascript:history.back(-1)"><button class="btn btn-success" type="button" style="float: right"><i class="Hui-iconfont"></i> 返回</button></a>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <div class="cl pd-5 bg-1 bk-gray mt-20">
|
|
|
+ <span class="l">
|
|
|
+ <a class="btn btn-danger radius" href="javascript:;" id="delete" ><i class="Hui-iconfont"></i>批量删除</a>
|
|
|
+ <%--<a class="btn btn-primary radius" href="serviceCategoryAdd.html"><i--%>
|
|
|
+ <%--class="Hui-iconfont"></i> 添加服务</a>--%>
|
|
|
+ </span>
|
|
|
+ <span class="r">共有数据:<strong>${pageInfo.total }</strong> 条</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="mt-20">
|
|
|
+ <table class="table table-border table-bordered table-bg table-hover table-sort">
|
|
|
+ <thead>
|
|
|
+ <tr class="text-c">
|
|
|
+ <th width="80" ><input id="checked_all" type="checkbox" >全选</th>
|
|
|
+ <th width="80">ID</th>
|
|
|
+ <th width="120">服务图标</th>
|
|
|
+ <th width="120">图标地址</th>
|
|
|
+ <th width="120">服务类型</th>
|
|
|
+ <th width="120">服务名称</th>
|
|
|
+ <th width="120">首页显示</th>
|
|
|
+ <th width="120">创建时间</th>
|
|
|
+ <th width="120">排序</th>
|
|
|
+ <th width="120">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <c:forEach items="${pageInfo.list }" var="item">
|
|
|
+ <tr class="text-c">
|
|
|
+ <th><input name="ck_pro" value="${item.id }" type="checkbox" ></th>
|
|
|
+ <td>${item.id}</td>
|
|
|
+ <td><img src="${item.img}" style="width: 50px;height: 50px"></td>
|
|
|
+ <td class="text-l">${item.img}</td>
|
|
|
+ <td class="text-l">${item.typeStr}</td>
|
|
|
+ <td class="text-l">
|
|
|
+ <c:if test="${item.pId == 0}">
|
|
|
+ ${item.name}
|
|
|
+ </c:if>
|
|
|
+ <c:if test="${item.pId != 0}">
|
|
|
+ <a href="secondService.html?id="+${item.id} >${item.name}</a>
|
|
|
+ </c:if>
|
|
|
+ </td>
|
|
|
+ <td class="text-l">
|
|
|
+ ${item.isShow == '0' ? '否' : '是'}
|
|
|
+ </td>
|
|
|
+ <td><fmt:formatDate value="${item.createDate}" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td>
|
|
|
+ <td>${item.pSort}</td>
|
|
|
+ <td class="f-14 td-manage">
|
|
|
+ <c:if test="${item.haveList}"><a href="serviceCategoryPidList.html?pid=${item.id}"><i class="Hui-iconfont"></i></a></c:if>
|
|
|
+ <a style="text-decoration:none" class="ml-5" href="serviceCategoryUpdate.html?id=${item.id }" title="查看"><i
|
|
|
+ class="Hui-iconfont"></i></a>
|
|
|
+ <a href="javascript:del(${item.id })"><i class="Hui-iconfont"></i></a>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </c:forEach>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="PageNum">
|
|
|
+ <section>
|
|
|
+ <div class="bd points-goods-list">
|
|
|
+ <ul class="pages">
|
|
|
+ <li><a href="serviceCategoryPidList.html?pid=${pid}&title=${title}&page=1&rows=${pageInfo.pageSize}">首页</a></li>
|
|
|
+ <li class="prev"><a
|
|
|
+ href="serviceCategoryPidList.html?pid=${pid}&title=${title}&page=${pageInfo.prePage}&rows=${pageInfo.pageSize}">上一页</a>
|
|
|
+ </li>
|
|
|
+ <c:forEach items="${pageInfo.navigatepageNums}" var="nav">
|
|
|
+ <c:if test="${nav == pageInfo.pageNum}">
|
|
|
+ <li><a href="serviceCategoryPidList.html?pid=${pid}&title=${title}&page=${nav}&rows=${pageInfo.pageSize}"
|
|
|
+ class="active">${nav}</a></li>
|
|
|
+ </c:if>
|
|
|
+ <c:if test="${nav != pageInfo.pageNum}">
|
|
|
+ <li>
|
|
|
+ <a href="serviceCategoryPidList.html?pid=${pid}&title=${title}&page=${nav}&rows=${pageInfo.pageSize}">${nav}</a>
|
|
|
+ </li>
|
|
|
+ </c:if>
|
|
|
+ </c:forEach>
|
|
|
+ <li class="next"><a
|
|
|
+ href="serviceCategoryPidList.html?pid=${pid}&title=${title}&page=${pageInfo.nextPage}&rows=${pageInfo.pageSize}">下一页</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="serviceCategoryPidList.html?pid=${pid}&title=${title}&page=${pageInfo.pages }&rows=${pageInfo.pageSize}">末页</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<script type="text/javascript">
|
|
|
+ //全选与反选
|
|
|
+ $("#sltall").click(function () {
|
|
|
+ if ($(this).prop("checked")) {
|
|
|
+ $("[name='id']").prop("checked", true);//全选
|
|
|
+ } else {
|
|
|
+ $("[name='id']").prop("checked", false);//取消全选
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ function downs() {
|
|
|
+ var chkvalue = "";//定义一个数组
|
|
|
+ $("input[name='id']:checked").each(function () {
|
|
|
+ chkvalue += $(this).val() + ",";
|
|
|
+ });
|
|
|
+ window.location.href = "signexcels.html?chkvalue=" + chkvalue;
|
|
|
+ };
|
|
|
+
|
|
|
+ function del(id) {
|
|
|
+ layer.confirm('确认要删除吗?', function (index) {
|
|
|
+ $.post("serviceCategoryDel.html", {id: id}, function (data) {
|
|
|
+ if (data.is) {
|
|
|
+ layer.alert(data.msg, {skin: 'layui-layer-molv', closeBtn: 0, anim: 4}, function () {
|
|
|
+ window.location = window.location;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ layer.msg(data.msg, {icon: 2, time: 1000});
|
|
|
+ }
|
|
|
+ }, "json");
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ $("#delete").click(function(){
|
|
|
+ //判断是否至少选择一项
|
|
|
+ var checkedNum =$("input[name='ck_pro']:checked").length;
|
|
|
+ if(checkedNum==0){
|
|
|
+ layer.msg("请至少选择一个!",{icon:2,time:1000});
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ layer.confirm('确认要删除所选项吗?',function(index){
|
|
|
+ var checkList= new Array();
|
|
|
+ $("input[name='ck_pro']:checked").each(function(){
|
|
|
+ checkList.push($(this).val());
|
|
|
+ });
|
|
|
+ $.ajax({
|
|
|
+ type:"POST",
|
|
|
+ url:"serviceCategoryDel.html",
|
|
|
+ data:{
|
|
|
+ "id":checkList.toString()
|
|
|
+ },
|
|
|
+ dataType:"json",
|
|
|
+ success:function(ajax){
|
|
|
+ if(ajax.is){
|
|
|
+ layer.alert(ajax.msg, {skin: 'layui-layer-molv', closeBtn: 0, anim: 4}, function () {
|
|
|
+ window.location = window.location;
|
|
|
+ });
|
|
|
+ $(":checkbox").prop("checked", false);
|
|
|
+ }else{
|
|
|
+ layer.msg(ajax.msg,{icon:2,time:1000});
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ });
|
|
|
+ $("#checked_all").click(function(){
|
|
|
+ $("input[name='ck_pro']").prop("checked",this.checked);
|
|
|
+
|
|
|
+ })
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|