cmUserOrganizeList.jsp 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/WEB-INF/views/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>采美商城组织管理</title>
  6. <meta name="decorator" content="default"/>
  7. <style type="text/css">
  8. .table th{text-align: center;}
  9. .table td{text-align: center;}
  10. .more-btn-wrapper {
  11. position: relative;
  12. }
  13. .show-more-btn {
  14. position: relative;
  15. cursor: pointer;
  16. color: #2fa4e7;
  17. display: inline-block;
  18. }
  19. .more-btn-block {
  20. padding: 10px;
  21. background: #fff;
  22. position: absolute;
  23. border-radius: 5px;
  24. border: 1px solid #eee;
  25. z-index: 99;
  26. display: none;
  27. }
  28. .more-btn-block a {
  29. display: block;
  30. padding: 3px;
  31. white-space: nowrap;
  32. }
  33. </style>
  34. <script type="text/javascript">
  35. $(document).ready(function() {
  36. });
  37. function page(n,s){
  38. $("#pageNo").val(n);
  39. $("#pageSize").val(s);
  40. $("#searchForm").submit();
  41. return false;
  42. }
  43. /**
  44. * @param obj
  45. * jquery控制input只能输入数字
  46. */
  47. function onlynum(obj) {
  48. obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
  49. }
  50. </script>
  51. </head>
  52. <body>
  53. <ul class="nav nav-tabs">
  54. <li class="active"><a href="${ctx}/user/cmUserOrganize/">组织列表</a></li>
  55. <shiro:hasPermission name="user:cmUserOrganize:edit"><li><a href="${ctx}/user/cmUserOrganize/form">组织添加</a></li></shiro:hasPermission>
  56. </ul>
  57. <form:form id="searchForm" modelAttribute="cmUserOrganize" action="${ctx}/user/cmUserOrganize/" method="post" class="breadcrumb form-search">
  58. <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
  59. <input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
  60. <div class="ul-form">
  61. <label>组织名称:</label>
  62. <form:input path="organizeName" htmlEscape="false" maxlength="20" class="input-medium"/>
  63. <label>组织联系人:</label>
  64. <form:input path="organizeLinkName" htmlEscape="false" maxlength="20" class="input-medium"/>
  65. <label>联系人手机:</label>
  66. <form:input path="mobile" htmlEscape="false" maxlength="11" class="input-medium" onchange="onlynum(this)"/>
  67. &nbsp;&nbsp;<input id="btnSubmit" class="btn btn-primary" type="submit" value="搜索"/>
  68. <div class="clearfix"></div>
  69. </div>
  70. </form:form>
  71. <sys:message content="${message}"/>
  72. <table id="contentTable" class="table table-striped table-bordered table-condensed">
  73. <thead>
  74. <tr>
  75. <th>序号</th>
  76. <th>组织名称</th>
  77. <th>组织联系人</th>
  78. <th width="10%">联系人手机</th>
  79. <th width="22%">添加时间</th>
  80. <shiro:hasPermission name="user:cmUserOrganize:edit"><th>操作</th></shiro:hasPermission>
  81. </tr>
  82. </thead>
  83. <tbody>
  84. <c:if test="${not empty page.list}">
  85. <c:forEach items="${page.list}" var="cmUserOrganize" varStatus="statusIndex">
  86. <tr class="organize-tr">
  87. <td>
  88. ${(page.pageNo - 1) * page.pageSize + statusIndex.index + 1}
  89. </td>
  90. <td>
  91. ${cmUserOrganize.organizeName}
  92. </td>
  93. <td>
  94. ${cmUserOrganize.organizeLinkName}
  95. </td>
  96. <td>
  97. ${cmUserOrganize.mobile}
  98. </td>
  99. <td>
  100. <fmt:formatDate value="${cmUserOrganize.addTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
  101. </td>
  102. <shiro:hasPermission name="user:cmUserOrganize:edit">
  103. <td>
  104. <a href="${ctx}/user/cmUserOrganize/form?id=${cmUserOrganize.id}">编辑</a>
  105. <%--隐藏功能入口--%>
  106. <%--<a href="${ctx}/order/organize/orderList?organizeID=${cmUserOrganize.id}" style="margin:0 15px;">订单列表</a>--%>
  107. <div class="show-more-btn">功能
  108. <div class="more-btn-block">
  109. <a href="${ctx}/user/cmUserOrganize/toAddClubUser?id=${cmUserOrganize.id}">上线会所</a>
  110. <a href="${ctx}/user/cmUserOrganize/toCmOrganizeClubList?userOrganizeID=${cmUserOrganize.id}">会所列表</a>
  111. <a href="${ctx}/product/cmMallProductsClassify/list?organizeID=${cmUserOrganize.id}">商品分类</a>
  112. <a href="${ctx}/product/cmMallOrganizeProducts/toProductList?organizeID=${cmUserOrganize.id}">商品列表</a>
  113. <shiro:hasPermission name="postage:postageCard:view"><a href="${ctx}/postage/list?organizeID=${cmUserOrganize.id}">包邮设置</a></shiro:hasPermission>
  114. <a href="${ctx}/user/cmUserOrganize/toOrganizeInfo?id=${cmUserOrganize.id}">关于我们</a>
  115. <a href="${ctx}/user/cmUserOrganize/toOrganizeInfo1?id=${cmUserOrganize.id}">售后无忧</a>
  116. <a href="${ctx}/user/cmUserOrganize/toOrganizeInfo2?id=${cmUserOrganize.id}">购物须知</a>
  117. <a href="${ctx}/user/cmUserOrganize/toOrganizeName?id=${cmUserOrganize.id}">名称设置</a>
  118. <a href="${ctx}/user/cmUserOrganize/banner?organizeID=${cmUserOrganize.id}">banner图设置</a>
  119. <a href="${ctx}/user/cmUserOrganize/toOrganizeAccount?organizeID=${cmUserOrganize.id}">账号设置</a>
  120. </div>
  121. </div>
  122. <%--<shiro:hasPermission name="user:cmUserOrganize:delete">--%>
  123. <%--<a href="${ctx}/user/cmUserOrganize/delete?id=${cmUserOrganize.id}" onclick="return confirmx('确认要删除该采美商城组织吗?', this.href)">删除</a>--%>
  124. <%--</shiro:hasPermission>--%>
  125. </td></shiro:hasPermission>
  126. </tr>
  127. </c:forEach>
  128. </c:if>
  129. </tbody>
  130. </table>
  131. <c:if test="${empty page.list}"><p style="text-align: center;"><font color="#1e90ff">暂无数据……</font></p>
  132. </c:if>
  133. <div class="pagination">${page}</div>
  134. <script>
  135. $(document).ready(function() {
  136. $(document).click(function(e){
  137. var btn = $('.show-more-btn'); //设置空白以外的目标区域
  138. if(!btn.is(e.target) && btn.has(e.target).length === 0){
  139. //写你需要做的事件
  140. $('.more-btn-block').hide();
  141. }
  142. })
  143. $('body').on('click', '.show-more-btn', function() {
  144. var wrapper = $(this).closest('.organize-tr'),
  145. $block = wrapper.find('.more-btn-block');
  146. $('.more-btn-block').hide();
  147. if($block.css('display') === 'block') {
  148. $block.hide();
  149. } else {
  150. $block.show();
  151. }
  152. })
  153. });
  154. </script>
  155. </body>
  156. </html>