approve_list.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>申报项目审核</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <nav class="breadcrumb" th:action="@{/projectApprove/list/{isPendingAudit}(isPendingAudit=${isPendingAudit})}"
  10. th:method="post">
  11. <i class="Hui-iconfont">&#xe67f;</i>
  12. 首页
  13. <span th:unless="${is_label}" class="c-gray en">&gt; 我的申报项目</span>
  14. <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
  15. href="javascript:location.replace(location.href);" title="刷新">
  16. <i class="Hui-iconfont">&#xe68f;</i>
  17. </a>
  18. </nav>
  19. <form id="myForm" th:action="@{/projectApprove/list/{isPendingAudit}(isPendingAudit=${isPendingAudit})}"
  20. th:method="get">
  21. <div class="page-container">
  22. <div class="" style="padding: 0 15px;">
  23. <div class="row clearfix">
  24. <span class="select-box" style="width:170px;">
  25. <select class="select" th:name="project_year" id="project_year" onchange="changeProjectByYear()">
  26. <option value="">-- 请选择年份 --</option>
  27. </select>
  28. </span>
  29. <span class="select-box" style="width:170px;">
  30. <select class="select" th:name="project_type" id="project_type">
  31. <option value="">-- 请选择项目类别 --</option>
  32. <option th:each="item : ${projectTypeList}" th:value="${item.id}"
  33. th:text="${item.type_name}" th:selected="${paramApplication.project_type}==${item.id}">
  34. </option>
  35. </select>
  36. </span>
  37. <span th:if="${type=='2'}" class="select-box" style="width:170px;">
  38. <select class="select" th:name="approval_status" id="approval_status">
  39. <option value="">-- 请选择单据状态 --</option>
  40. <option th:each="item : ${statusList}" th:value="${item.value}"
  41. th:text="${item.name}" th:selected="${paramApplication.approval_status}==${item.value}">
  42. </option>
  43. </select>
  44. </span>
  45. <label>项目名称:</label>
  46. <input style="width:200px;" type="text" class="input-text" placeholder="请输入项目名称查询" id="project_name"
  47. name="project_name" th:value="${paramApplication.project_name}"/>
  48. <label>申请企业:</label>
  49. <input style="width:200px;" type="text" class="input-text" placeholder="请输入申请企业查询" id="company_name"
  50. name="company_name" th:value="${paramApplication.company_name}"/>
  51. <div style="width:330px;display:inline-block; margin-top: 10px;">
  52. <label>申请日期:</label>
  53. <input style="width:120px;" type="text" class="input-text" id="startTime" name="apply_date_start"
  54. th:value="${paramApplication.apply_date_start}"/>
  55. <label>-</label>
  56. <input style="width:120px;" type="text" class="input-text" id="endTime" name="apply_date_end"
  57. th:value="${paramApplication.apply_date_end}"/>
  58. </div>
  59. <input type="button" value="搜索" class="btn btn-primary" onclick="$('#myForm').submit();">
  60. </div>
  61. </div>
  62. <div class="cl pd-5 bg-1 bk-gray mt-20">
  63. <th:block th:if="${isPendingAudit=='2'}">
  64. <span>
  65. <a onclick="exportExcel()" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 导出</a>
  66. </span>
  67. </th:block>
  68. <span class="r">共有数据:<strong th:text="${pageInfo.total}" id="total">54</strong> 条</span>
  69. </div>
  70. <!-- 表格 -->
  71. <table id="index" class="table table-border table-bordered table-bg table-hover"
  72. style="table-layout: fixed;width:100%;">
  73. <thead>
  74. <tr class="text-c">
  75. <!--<th style="width:0px;"></th>-->
  76. <th>申请单号</th>
  77. <th>申请企业</th>
  78. <!-- <th>所属街道/乡镇</th>
  79. <th>项目来源</th>
  80. <th>项目大类</th> -->
  81. <th>项目类别</th>
  82. <th>申报项目</th>
  83. <th>申请日期</th>
  84. <th>单据状态</th>
  85. <th>操作</th>
  86. </tr>
  87. </thead>
  88. <tbody>
  89. <tr class="text-c" th:each="model,iterStat:${pageInfo.list}" th:object="${model}">
  90. <td th:text="*{apply_no}"></td>
  91. <td th:text="*{company_name}"></td>
  92. <!-- <td th:text="*{street_name}"></td>
  93. <td th:text="*{project_source}"></td>
  94. <td th:text="*{project_super_type_name}"></td> -->
  95. <td th:text="*{project_type}"></td>
  96. <td th:text="*{project_name}"></td>
  97. <td th:text="*{apply_date}"></td>
  98. <td th:text="*{statedesc}"></td>
  99. <td class="td-manage">
  100. <a title="查看"
  101. th:onclick="'javascript:open_dialog(\'查看\',\'/projectApprove/check/'+*{id}+'\',\'800\',\'400\');'"
  102. class="ml-5" style="text-decoration:none">查看</a>
  103. <a th:if="${isPendingAudit=='1'}" title="审核"
  104. th:onclick="'javascript:open_dialog(\'审核\',\'/projectApprove/approve/'+*{id}+'\',\'800\',\'400\');'"
  105. class="ml-5" style="text-decoration:none">审核</a>
  106. </td>
  107. </tr>
  108. </tbody>
  109. </table>
  110. <div th:replace="admin/common/page :: page"></div>
  111. </div>
  112. </form>
  113. <script type="text/javascript" th:src="@{/js/company/project_application/approve_list.js}"></script>
  114. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  115. <script th:inline="javascript">
  116. onload = function () {
  117. var year = new Date().getFullYear(); //获取当前年份
  118. var sel = document.getElementById('project_year');//获取select下拉列表
  119. for (var i = 2018; i < year + 3; i++)//循环添加2006到当前年份加3年的每个年份依次添加到下拉列表
  120. {
  121. var option = document.createElement('option');
  122. option.value = i;
  123. var txt = document.createTextNode(i);
  124. option.appendChild(txt);
  125. sel.appendChild(option);
  126. }
  127. var selectYear = [[${paramApplication.project_year}]];
  128. console.log(selectYear);
  129. if (selectYear) {
  130. $("#project_year").find("option:contains('" + selectYear + "')").attr("selected", true);
  131. // changeProjectByYear(selectYear);
  132. }
  133. };
  134. function changeProjectByYear() {
  135. $.ajax({
  136. url: pagePath + "/project/getProjectByYear",
  137. type: "get",
  138. data: {
  139. 'year': $("#project_year").val()
  140. },
  141. dataType: "json",
  142. success: function (result) {
  143. if (result.success) {
  144. var types = result.obj;
  145. $("#project_type").find("option").remove();
  146. var options = '<option value="" >-- 请选择项目类别 --</option>';
  147. for (var i = 0; i < types.length; i++) {
  148. options += '<option value="' + types[i].id + '" >' + types[i].type_name + '</option>';
  149. }
  150. $("#project_type").append(options);
  151. } else {
  152. errorMessage(result.message);
  153. }
  154. },
  155. error: function () {
  156. errorMessage('系统错误!');
  157. }
  158. });
  159. }
  160. laydate.render({
  161. elem: '#startTime', //指定元素
  162. format: 'yyyy-MM-dd',
  163. type: 'date',
  164. //showBottom: false
  165. });
  166. laydate.render({
  167. elem: '#endTime', //指定元素
  168. format: 'yyyy-MM-dd',
  169. type: 'date',
  170. //showBottom: false
  171. });
  172. function exportExcel() {
  173. var project_type = $('#project_type').val();
  174. // var street_id = $('#street_id').val();
  175. var project_name = $('#project_name').val();
  176. var company_name = $('#company_name').val();
  177. var apply_date_start = $('#startTime').val();
  178. var apply_date_end = $('#endTime').val();
  179. var approval_status = $('#approval_status').val();
  180. if (approval_status == undefined) {
  181. approval_status = "";
  182. }
  183. var project_year = $('#project_year').val();
  184. if (project_year == "") {
  185. errorMessage("请选择导出年份!")
  186. return;
  187. }
  188. window.open(encodeURI(pagePath + "/synthesis/exoprt/2?project_type=" + project_type +
  189. "&project_name=" + project_name + "&company_name=" + company_name +
  190. "&apply_date_start=" + apply_date_start + "&apply_date_end=" + apply_date_end +
  191. "&approval_status=" + approval_status + "&project_year=" + project_year));
  192. }
  193. </script>
  194. </body>
  195. </html>