annualPlanComp_list.jsp 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
  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="annualPlanComp/list.do" method="post" name="Form" id="Form">
  33. <div id="user_company" style='display:none;'>${userInfo.COMPANY}</div>
  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. <table id="simple-table" class="table table-striped table-bordered table-hover" style="margin-top:5px;">
  52. <thead>
  53. <tr>
  54. <!-- <th class="center" style="width:35px;">
  55. <label class="pos-rel"><input type="checkbox" class="ace" id="zcheckbox" /><span class="lbl"></span></label>
  56. </th> -->
  57. <th class="center" style="width:50px;">序号</th>
  58. <th class="center">名称</th>
  59. <th class="center">创建时间</th>
  60. <!-- <th class="center">修改时间</th> -->
  61. <!-- <th class="center">当前状态</th>
  62. <th class="center">操作</th> -->
  63. </tr>
  64. </thead>
  65. <tbody>
  66. <!-- 开始循环 -->
  67. <c:choose>
  68. <c:when test="${not empty varList}">
  69. <c:forEach items="${varList}" var="var" varStatus="vs">
  70. <tr>
  71. <td class='center' style="width: 50px;">${vs.index+1}</td>
  72. <td class='center' style="font-weight: bold;valign="middle"><a href="javascript:showReportAndTable('${var.ID}','${var.COMPANY_NAME}','${var.COMPANY_ID}','${var.YEAR}','${roleName}','${var.STATUS}','${userInfo.ROAD}')">${var.NAME}</a></td>
  73. <td class='center'>${var.CTIME}</td>
  74. <%-- <td class='center'>${var.MTIME}</td> --%>
  75. <%-- <td class='center'>${var.STATUS}</td>
  76. <td class="center">
  77. <c:if test="${QX.edit != 1 && QX.del != 1 }">
  78. <span class="label label-large label-grey arrowed-in-right arrowed-in"><i class="ace-icon fa fa-lock" title="无权限"></i></span>
  79. </c:if>
  80. <div>
  81. <c:if test="${QX.edit == 1 }">
  82. <a class="btn btn-xs btn-success" title="编辑" onclick="editAnnualPlan('${var.ANNUALPLAN_ID}');">
  83. <i class="ace-icon fa fa-pencil-square-o bigger-120" title="编辑"></i>
  84. </a>
  85. </c:if>
  86. <c:if test="${roleName == '系统管理组'}">
  87. <img style="margin-left: 5%;margin-top: 2%;cursor:pointer;" src="static/images/delete.png" title="删除" onclick="delAnnualPlan('${var.ID}');">
  88. <img style="margin-left: 5%;margin-top: 2%;cursor:pointer;" src="static/images/b_sh.png" title="审核" onclick = "showReportAndTable('${var.ID}','${var.COMPANY}','${var.COMPANY_ID}','${var.YEAR}','${roleName}','${var.STATUS}','${userInfo.ROAD}');">
  89. <img style="margin-left: 5%;margin-top: 2%;cursor:pointer;" src="static/images/b_sh.png" title="审核" onclick = "showReportAndTable('${var.ID}','${var.COMPANY}','${var.COMPANY_ID}','${var.YEAR}','${roleName}','${var.STATUS}','${userInfo.ROAD}');">
  90. <img style="margin-left: 5%;margin-top: 2%;cursor:pointer;" src="static/images/b_sp.png" title="审批" onclick = "showReportAndTable('${var.ID}','${var.COMPANY}','${var.COMPANY_ID}','${var.YEAR}','${roleName}','${var.STATUS}','${userInfo.ROAD}');">
  91. </c:if>
  92. <c:if test="${(roleName == '路桥公司管理员' && var.STATUS != '待审批' && var.STATUS != '审批中' && var.STATUS != '审批通过'
  93. && var.STATUS != '控股驳回' && (var.STATUS).indexOf('路公司驳回') < 0)}">
  94. <img style="margin-left: 5%;margin-top: 2%;cursor:pointer;" src="static/images/delete.png" title="删除" onclick="delAnnualPlan('${var.ID}');">
  95. </c:if>
  96. <c:if test="${(roleName == '路桥公司管理员' && (var.STATUS == '待审核' || var.STATUS == '审核中'))}">
  97. <c:if test="${var.STATUS == '待审核' || var.STATUS == '审核中'}">
  98. <img style="margin-left: 5%;margin-top: 2%;cursor:pointer;" src="static/images/b_sh.png" title="审核" onclick = "showReportAndTable('${var.ID}','${var.COMPANY}','${var.COMPANY_ID}','${var.YEAR}','${roleName}','${var.STATUS}','${userInfo.ROAD}');">
  99. </c:if>
  100. <c:if test="${fn:contains(var.STATUS, '路公司驳回')}">
  101. <img style="margin-left: 5%;margin-top: 2%;cursor:pointer;" src="static/images/b_sh.png" title="审核" onclick = "showReportAndTable('${var.ID}','${var.COMPANY}','${var.COMPANY_ID}','${var.YEAR}','${roleName}','${var.STATUS}','${userInfo.ROAD}');">
  102. </c:if>
  103. </c:if>
  104. <c:if test="${(roleName == '控股集团管理员' && (var.STATUS == '待审批' || var.STATUS == '审批中' || var.STATUS == '控股驳回'))}">
  105. <img style="margin-left: 5%;margin-top: 2%;cursor:pointer;" src="static/images/b_sp.png" title="审批" onclick = "showReportAndTable('${var.ID}','${var.COMPANY}','${var.COMPANY_ID}','${var.YEAR}','${roleName}','${var.STATUS}','${userInfo.ROAD}');">
  106. </c:if>
  107. <c:if test="${roleName == '系统管理组'
  108. || ((roleName == '路桥公司管理员' || roleName == '路段管理员') && (var.STATUS == '新建' || var.STATUS == '编辑中'))}">
  109. <a title="上传" class="btn btn-mini btn-info" style="height: 26px;">上传</a>
  110. </c:if>
  111. <c:if test="${roleName == '系统管理组' || roleName == '控股集团管理员'
  112. || roleName == '路桥公司管理员' || roleName == '路段管理员'}">
  113. <a title="下载" class="btn btn-mini btn-info" style="height: 26px;">下载</a>
  114. </c:if>
  115. </div>
  116. </td> --%>
  117. </tr>
  118. </c:forEach>
  119. <%-- <c:if test="${QX.cha == 0 }">
  120. <tr>
  121. <td colspan="100" class="center">您无权查看</td>
  122. </tr>
  123. </c:if> --%>
  124. </c:when>
  125. <c:otherwise>
  126. <tr class="main_info">
  127. <td colspan="100" class="center" >没有相关数据</td>
  128. </tr>
  129. </c:otherwise>
  130. </c:choose>
  131. </tbody>
  132. </table>
  133. <div class="page-header position-relative">
  134. <table style="width:100%;">
  135. <tr>
  136. <td style="vertical-align:top;">
  137. <%-- <c:if test="${roleName == '系统管理组' || roleName == '路桥公司管理员'}">
  138. <a class="btn btn-mini btn-success" onclick="add();">新增</a>
  139. </c:if> --%>
  140. </td>
  141. <td style="vertical-align:top;"><div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div></td>
  142. </tr>
  143. </table>
  144. </div>
  145. </form>
  146. </div>
  147. <!-- /.col -->
  148. </div>
  149. <!-- /.row -->
  150. </div>
  151. <!-- /.page-content -->
  152. </div>
  153. </div>
  154. <!-- /.main-content -->
  155. <!-- 返回顶部 -->
  156. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  157. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  158. </a>
  159. </div>
  160. <!-- /.main-container -->
  161. <!-- basic scripts -->
  162. <!-- 页面底部js¨ -->
  163. <%@ include file="../../../system/index/foot.jsp"%>
  164. <!-- 删除时确认窗口 -->
  165. <script src="static/ace/js/bootbox.js"></script>
  166. <!-- ace scripts -->
  167. <script src="static/ace/js/ace/ace.js"></script>
  168. <!-- 下拉框 -->
  169. <script src="static/ace/js/chosen.jquery.js"></script>
  170. <!-- 日期框 -->
  171. <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
  172. <!--提示框-->
  173. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  174. <script type="text/javascript" src="static/js/myjs/getTop.js"></script>
  175. <script type="text/javascript">
  176. $(getTop(globalThis).hangge());//关闭加载状态
  177. //删除年度计划
  178. function delAnnualPlan(planID){
  179. bootbox.confirm("确定要删除吗?", function(result) {
  180. if(result) {
  181. getTop(globalThis).jzts();
  182. var url = "<%=basePath%>annualPlanComp/delAnnualPlan.do?ANNUALPLAN_ID="+planID;
  183. $.get(url,function(data){
  184. if("success" == data.result){
  185. window.location.href="<%=basePath%>annualPlanComp/list.do?";
  186. }else if("false" == data.result){
  187. getTop(globalThis).hangge();
  188. bootbox.dialog({
  189. message: "<span class='bigger-110'>删除失败</span>",
  190. buttons:
  191. {
  192. "button" :
  193. {
  194. "label" : "确定",
  195. "className" : "btn-sm btn-success"
  196. }
  197. }
  198. });
  199. }
  200. });
  201. }
  202. });
  203. }
  204. //检索
  205. function tosearch(){
  206. getTop(globalThis).jzts();
  207. $("#Form").submit();
  208. }
  209. //获取报告中所有表格列表
  210. function showReportAndTable(planID, COMPANY, COMPANY_ID, YEAR, rolename, STATUS, ROAD){
  211. getTop(globalThis).jzts();
  212. getTop(globalThis).mainFrame.tabAddHandler(0,"养护计划完成情况列表","annualPlanComp/showReportAndTable.do?ID=" + planID + "&YEAR="+YEAR+ "&COMPANY="+COMPANY+"&COMPANY_ID="+COMPANY_ID+"&ROLENAME="+rolename+"&STATUS="+STATUS+"&ROAD="+ROAD);
  213. };
  214. $(function() {
  215. //日期框
  216. $('.date-picker').datepicker({
  217. autoclose: true,
  218. todayHighlight: true
  219. });
  220. //下拉框
  221. if(!ace.vars['touch']) {
  222. $('.chosen-select').chosen({allow_single_deselect:true});
  223. $(window)
  224. .off('resize.chosen')
  225. .on('resize.chosen', function() {
  226. $('.chosen-select').each(function() {
  227. var $this = $(this);
  228. $this.next().css({'width': $this.parent().width()});
  229. });
  230. }).trigger('resize.chosen');
  231. $(document).on('settings.ace.chosen', function(e, event_name, event_val) {
  232. if(event_name != 'sidebar_collapsed') return;
  233. $('.chosen-select').each(function() {
  234. var $this = $(this);
  235. $this.next().css({'width': $this.parent().width()});
  236. });
  237. });
  238. $('#chosen-multiple-style .btn').on('click', function(e){
  239. var target = $(this).find('input[type=radio]');
  240. var which = parseInt(target.val());
  241. if(which == 2) $('#form-field-select-4').addClass('tag-input-style');
  242. else $('#form-field-select-4').removeClass('tag-input-style');
  243. });
  244. }
  245. //复选框全选控制
  246. var active_class = 'active';
  247. $('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
  248. var th_checked = this.checked;//checkbox inside "TH" table header
  249. $(this).closest('table').find('tbody > tr').each(function(){
  250. var row = this;
  251. if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
  252. else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
  253. });
  254. });
  255. });
  256. //新增
  257. function add(){
  258. getTop(globalThis).jzts();
  259. var company = $('#user_company').html();
  260. var diag = new getTop(globalThis).Dialog();
  261. diag.Drag=true;
  262. diag.Title ="新增";
  263. diag.URL = '<%=basePath%>annualPlanComp/goAdd.do?COMPANY='+company;
  264. diag.Width = 800;
  265. diag.Height = 600;
  266. diag.CancelEvent = function(){ //关闭事件
  267. tosearch();
  268. diag.close();
  269. };
  270. diag.show();
  271. }
  272. </script>
  273. </body>
  274. </html>