attachedmx_list.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme() + "://"
  8. + request.getServerName() + ":" + request.getServerPort()
  9. + path + "/";
  10. %>
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  14. <base href="<%=basePath%>">
  15. <!-- 下拉框 -->
  16. <link rel="stylesheet" href="static/ace/css/chosen.css" />
  17. <!-- jsp文件头和头部 -->
  18. <%@ include file="../../system/index/top.jsp"%>
  19. <!-- 日期框 -->
  20. <link rel="stylesheet" href="static/ace/css/datepicker.css" />
  21. </head>
  22. <body class="no-skin">
  23. <!-- /section:basics/navbar.layout -->
  24. <div class="main-container" id="main-container">
  25. <!-- /section:basics/sidebar -->
  26. <div class="main-content">
  27. <div class="main-content-inner">
  28. <div class="page-content">
  29. <div class="row">
  30. <div class="col-xs-12">
  31. <!-- 检索 -->
  32. <form action="attachedmx/list.do" method="post" name="Form" id="Form">
  33. <input type="hidden" name="ATTACHED_ID" id="ATTACHED_ID" value="${pd.ATTACHED_ID }" />
  34. <table style="margin-top:5px;">
  35. <tr>
  36. <td>
  37. <div class="nav-search">
  38. <span class="input-icon">
  39. <input type="text" placeholder="这里输入关键词" class="nav-search-input" id="nav-search-input" autocomplete="off" name="keywords" value="${pd.keywords }" placeholder="这里输入关键词"/>
  40. <i class="ace-icon fa fa-search nav-search-icon"></i>
  41. </span>
  42. </div>
  43. </td>
  44. <c:if test="${QX.cha == 1 }">
  45. <td style="vertical-align:top;padding-left:2px"><a class="btn btn-light btn-xs" onclick="tosearch();" title="检索"><i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i></a></td>
  46. </c:if>
  47. <c:if test="${QX.toExcel == 1 }"><td style="vertical-align:top;padding-left:2px;"><a class="btn btn-light btn-xs" onclick="toExcel();" title="导出到EXCEL"><i id="nav-search-icon" class="ace-icon fa fa-download bigger-110 nav-search-icon blue"></i></a></td></c:if>
  48. </tr>
  49. </table>
  50. <!-- 检索 -->
  51. <div style="overflow-x: scroll; scrolling: auto;width: 100%;">
  52. <table id="simple-table" class="table table-striped table-bordered table-hover" style="margin-top:5px;">
  53. <thead>
  54. <tr>
  55. <th class="center" style="width:35px;">
  56. <label class="pos-rel"><input type="checkbox" class="ace" id="zcheckbox" /><span class="lbl"></span></label>
  57. </th>
  58. <th class="center" style="width:50px;">序号</th>
  59. <th class="center">名称</th>
  60. <th class="center">标题</th>
  61. <th class="center">创建日期</th>
  62. <th class="center">单价</th>
  63. <th class="center">操作</th>
  64. </tr>
  65. </thead>
  66. <tbody>
  67. <!-- 开始循环 -->
  68. <c:choose>
  69. <c:when test="${not empty varList}">
  70. <c:if test="${QX.cha == 1 }">
  71. <c:forEach items="${varList}" var="var" varStatus="vs">
  72. <tr>
  73. <td class='center'>
  74. <label class="pos-rel"><input type='checkbox' name='ids' value="${var.ATTACHEDMX_ID}" class="ace" /><span class="lbl"></span></label>
  75. </td>
  76. <td class='center' style="width: 30px;">${page.showCount*(page.currentPage-1)+vs.index+1}</td>
  77. <td class='center'>${var.NAME}</td>
  78. <td class='center'>${var.TITLE}</td>
  79. <td class='center'>${var.CTIME}</td>
  80. <td class='center'>${var.PRICE}</td>
  81. <td class="center">
  82. <c:if test="${QX.edit != 1 && QX.del != 1 }">
  83. <span class="label label-large label-grey arrowed-in-right arrowed-in"><i class="ace-icon fa fa-lock" title="无权限"></i></span>
  84. </c:if>
  85. <div class="hidden-sm hidden-xs btn-group">
  86. <c:if test="${QX.edit == 1 }">
  87. <a class="btn btn-xs btn-success" title="编辑" onclick="edit('${var.ATTACHEDMX_ID}');">
  88. <i class="ace-icon fa fa-pencil-square-o bigger-120" title="编辑"></i>
  89. </a>
  90. </c:if>
  91. <c:if test="${QX.del == 1 }">
  92. <a class="btn btn-xs btn-danger" onclick="del('${var.ATTACHEDMX_ID}');">
  93. <i class="ace-icon fa fa-trash-o bigger-120" title="删除"></i>
  94. </a>
  95. </c:if>
  96. </div>
  97. <div class="hidden-md hidden-lg">
  98. <div class="inline pos-rel">
  99. <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
  100. <i class="ace-icon fa fa-cog icon-only bigger-110"></i>
  101. </button>
  102. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
  103. <c:if test="${QX.edit == 1 }">
  104. <li>
  105. <a style="cursor:pointer;" onclick="edit('${var.ATTACHEDMX_ID}');" class="tooltip-success" data-rel="tooltip" title="修改">
  106. <span class="green">
  107. <i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
  108. </span>
  109. </a>
  110. </li>
  111. </c:if>
  112. <c:if test="${QX.del == 1 }">
  113. <li>
  114. <a style="cursor:pointer;" onclick="del('${var.ATTACHEDMX_ID}');" class="tooltip-error" data-rel="tooltip" title="删除">
  115. <span class="red">
  116. <i class="ace-icon fa fa-trash-o bigger-120"></i>
  117. </span>
  118. </a>
  119. </li>
  120. </c:if>
  121. </ul>
  122. </div>
  123. </div>
  124. </td>
  125. </tr>
  126. </c:forEach>
  127. </c:if>
  128. <c:if test="${QX.cha == 0 }">
  129. <tr>
  130. <td colspan="100" class="center">您无权查看</td>
  131. </tr>
  132. </c:if>
  133. </c:when>
  134. <c:otherwise>
  135. <tr class="main_info">
  136. <td colspan="100" class="center" >没有相关数据</td>
  137. </tr>
  138. </c:otherwise>
  139. </c:choose>
  140. </tbody>
  141. </table>
  142. </div>
  143. <div class="page-header position-relative">
  144. <table style="width:100%;">
  145. <tr>
  146. <td style="vertical-align:top;">
  147. <c:if test="${QX.add == 1 }">
  148. <a class="btn btn-mini btn-success" onclick="add();">新增</a>
  149. </c:if>
  150. <c:if test="${QX.del == 1 }">
  151. <a class="btn btn-mini btn-danger" onclick="makeAll('确定要删除选中的数据吗?');" title="批量删除" ><i class='ace-icon fa fa-trash-o bigger-120'></i></a>
  152. </c:if>
  153. </td>
  154. <td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
  155. </tr>
  156. </table>
  157. </div>
  158. </form>
  159. </div>
  160. <!-- /.col -->
  161. </div>
  162. <!-- /.row -->
  163. </div>
  164. <!-- /.page-content -->
  165. </div>
  166. </div>
  167. <!-- /.main-content -->
  168. <!-- 返回顶部 -->
  169. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  170. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  171. </a>
  172. </div>
  173. <!-- /.main-container -->
  174. <!-- basic scripts -->
  175. <!-- 页面底部js¨ -->
  176. <%@ include file="../../system/index/foot.jsp"%>
  177. <!-- 删除时确认窗口 -->
  178. <script src="static/ace/js/bootbox.js"></script>
  179. <!-- ace scripts -->
  180. <script src="static/ace/js/ace/ace.js"></script>
  181. <!-- 下拉框 -->
  182. <script src="static/ace/js/chosen.jquery.js"></script>
  183. <!-- 日期框 -->
  184. <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
  185. <!--提示框-->
  186. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  187. <script type="text/javascript">
  188. $(getTop(globalThis).hangge());//关闭加载状态
  189. //检索
  190. function tosearch(){
  191. getTop(globalThis).jzts();
  192. $("#Form").submit();
  193. }
  194. $(function() {
  195. //日期框
  196. $('.date-picker').datepicker({
  197. autoclose: true,
  198. todayHighlight: true
  199. });
  200. //下拉框
  201. if(!ace.vars['touch']) {
  202. $('.chosen-select').chosen({allow_single_deselect:true});
  203. $(window)
  204. .off('resize.chosen')
  205. .on('resize.chosen', function() {
  206. $('.chosen-select').each(function() {
  207. var $this = $(this);
  208. $this.next().css({'width': $this.parent().width()});
  209. });
  210. }).trigger('resize.chosen');
  211. $(document).on('settings.ace.chosen', function(e, event_name, event_val) {
  212. if(event_name != 'sidebar_collapsed') return;
  213. $('.chosen-select').each(function() {
  214. var $this = $(this);
  215. $this.next().css({'width': $this.parent().width()});
  216. });
  217. });
  218. $('#chosen-multiple-style .btn').on('click', function(e){
  219. var target = $(this).find('input[type=radio]');
  220. var which = parseInt(target.val());
  221. if(which == 2) $('#form-field-select-4').addClass('tag-input-style');
  222. else $('#form-field-select-4').removeClass('tag-input-style');
  223. });
  224. }
  225. //复选框全选控制
  226. var active_class = 'active';
  227. $('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
  228. var th_checked = this.checked;//checkbox inside "TH" table header
  229. $(this).closest('table').find('tbody > tr').each(function(){
  230. var row = this;
  231. if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
  232. else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
  233. });
  234. });
  235. });
  236. //新增
  237. function add(){
  238. getTop(globalThis).jzts();
  239. var diag = new getTop(globalThis).Dialog();
  240. diag.Drag=true;
  241. diag.Title ="新增";
  242. diag.URL = '<%=basePath%>attachedmx/goAdd.do?ATTACHED_ID=${pd.ATTACHED_ID}';
  243. diag.Width = 450;
  244. diag.Height = 355;
  245. diag.CancelEvent = function(){ //关闭事件
  246. if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
  247. if('${page.currentPage}' == '0'){
  248. tosearch();
  249. }else{
  250. nextPage(${page.currentPage});
  251. }
  252. }
  253. diag.close();
  254. };
  255. diag.show();
  256. }
  257. //删除
  258. function del(Id){
  259. bootbox.confirm("确定要删除吗?", function(result) {
  260. if(result) {
  261. getTop(globalThis).jzts();
  262. var url = "<%=basePath%>attachedmx/delete.do?ATTACHEDMX_ID="+Id+"&tm="+new Date().getTime();
  263. $.get(url,function(data){
  264. nextPage(${page.currentPage});
  265. });
  266. }
  267. });
  268. }
  269. //修改
  270. function edit(Id){
  271. getTop(globalThis).jzts();
  272. var diag = new getTop(globalThis).Dialog();
  273. diag.Drag=true;
  274. diag.Title ="编辑";
  275. diag.URL = '<%=basePath%>attachedmx/goEdit.do?ATTACHEDMX_ID='+Id;
  276. diag.Width = 450;
  277. diag.Height = 355;
  278. diag.CancelEvent = function(){ //关闭事件
  279. if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
  280. nextPage(${page.currentPage});
  281. }
  282. diag.close();
  283. };
  284. diag.show();
  285. }
  286. //批量操作
  287. function makeAll(msg){
  288. bootbox.confirm(msg, function(result) {
  289. if(result) {
  290. var str = '';
  291. for(var i=0;i < document.getElementsByName('ids').length;i++){
  292. if(document.getElementsByName('ids')[i].checked){
  293. if(str=='') str += document.getElementsByName('ids')[i].value;
  294. else str += ',' + document.getElementsByName('ids')[i].value;
  295. }
  296. }
  297. if(str==''){
  298. bootbox.dialog({
  299. message: "<span class='bigger-110'>您没有选择任何内容!</span>",
  300. buttons:
  301. { "button":{ "label":"确定", "className":"btn-sm btn-success"}}
  302. });
  303. $("#zcheckbox").tips({
  304. side:1,
  305. msg:'点这里全选',
  306. bg:'#AE81FF',
  307. time:8
  308. });
  309. return;
  310. }else{
  311. if(msg == '确定要删除选中的数据吗?'){
  312. getTop(globalThis).jzts();
  313. $.ajax({
  314. type: "POST",
  315. url: '<%=basePath%>attachedmx/deleteAll.do?tm='+new Date().getTime(),
  316. data: {DATA_IDS:str},
  317. dataType:'json',
  318. //beforeSend: validateData,
  319. cache: false,
  320. success: function(data){
  321. $.each(data.list, function(i, list){
  322. nextPage(${page.currentPage});
  323. });
  324. }
  325. });
  326. }
  327. }
  328. }
  329. });
  330. };
  331. //导出excel
  332. function toExcel(){
  333. window.location.href='<%=basePath%>attachedmx/excel.do';
  334. }
  335. </script>
  336. </body>
  337. </html>