gridselectcallprojectOnReimbur.jsp 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <meta name="decorator" content="default"/>
  6. <script type="text/javascript">
  7. $(document).ready(function() {
  8. <%--var val = "<%=request.getAttribute("state")%>";--%>
  9. <%--if(val!=null){--%>
  10. <%--alert("++++++++++");--%>
  11. <%--};--%>
  12. $('#contentTable thead tr th input.i-checks').on('ifChecked', function(event){ //ifCreated 事件应该在插件初始化之前绑定
  13. $('#contentTable tbody tr td input.i-checks').iCheck('check');
  14. });
  15. $('#contentTable thead tr th input.i-checks').on('ifUnchecked', function(event){ //ifCreated 事件应该在插件初始化之前绑定
  16. $('#contentTable tbody tr td input.i-checks').iCheck('uncheck');
  17. });
  18. $("#td4").addClass("hide");
  19. var radioVal = ${extId};
  20. if(radioVal == 1){
  21. $("#td1").removeClass("hide");
  22. $("#td2").removeClass("hide");
  23. $("#td3").removeClass("hide");
  24. $("#td4").addClass("hide");
  25. $("#proRadio").removeClass("hide");
  26. $("#tr1").show()
  27. }else{
  28. $("#td1").addClass("hide");
  29. $("#td2").addClass("hide");
  30. $("#td3").addClass("hide");
  31. $("#td4").removeClass("hide");
  32. $("#tr1").hide()
  33. }
  34. $("input[name='ext']").on('ifChecked', function(event){
  35. var value=$(this).val();
  36. if (value==1){
  37. $("#td1").removeClass("hide");
  38. $("#td2").removeClass("hide");
  39. $("#td3").removeClass("hide");
  40. $("#td4").addClass("hide");
  41. $("#proRadio").removeClass("hide");
  42. $("#tr1").show()
  43. }else{
  44. $("#td1").addClass("hide");
  45. $("#td2").addClass("hide");
  46. $("#td3").addClass("hide");
  47. $("#proRadio").removeClass("hide");
  48. $("#td4").removeClass("hide");
  49. $("#tr1").hide()
  50. }
  51. });
  52. //搜索框收放
  53. $('#moresee').click(function(){
  54. if($('#moresees').is(':visible'))
  55. {
  56. $('#moresees').slideUp(0,resizeListWindow1);
  57. $('#moresee i').removeClass("glyphicon glyphicon-menu-up").addClass("glyphicon glyphicon-menu-down");
  58. }else{
  59. $('#moresees').slideDown(0,resizeListWindow1);
  60. $('#moresee i').removeClass("glyphicon glyphicon-menu-down").addClass("glyphicon glyphicon-menu-up");
  61. }
  62. });
  63. });
  64. // });
  65. function getSelectedItem() {
  66. //获取单选框中得值
  67. var radio = ${extId};
  68. if (radio == 1){
  69. var value=$("input[name='ext']:checked").val();
  70. if (value==1){
  71. var size = $("#contentTable tbody tr td input.i-checks:checked").size();
  72. if (size == 0) {
  73. top.layer.alert('请至少选择一条数据!', {icon: 0, title: '警告'});
  74. return "-1";
  75. }
  76. if (size > 1) {
  77. top.layer.alert('只能选择一条数据!', {icon: 0, title: '警告'});
  78. return "-1";
  79. }
  80. var id = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("id");
  81. var label = $("#contentTable tbody tr td input.i-checks:checkbox:checked").parent().parent().parent().find(".codelabel").html();
  82. var number = $("#contentTable tbody tr td input.i-checks:checkbox:checked").parent().parent().parent().find(".codenumber").html();
  83. return radio + "_item_" +id + "_item_" + label + "_item_" + number;
  84. }else{
  85. //项目报销中的其它
  86. var falg=true;
  87. var reimburseRemarks = $("#reimburseRemarks").val();
  88. if(reimburseRemarks == undefined || reimburseRemarks == null || reimburseRemarks == ''){
  89. top.layer.msg("请输入报销详情")
  90. return "-1";
  91. }
  92. return radio + "_item_" + reimburseRemarks+"_item_"+falg;
  93. }
  94. }else{
  95. radio=0;
  96. var reimburseRemarks = $("#reimburseRemarks").val();
  97. if(reimburseRemarks == undefined || reimburseRemarks == null || reimburseRemarks == ''){
  98. top.layer.msg("请输入报销详情")
  99. return "-1";
  100. }
  101. return radio + "_item_" + reimburseRemarks;
  102. }
  103. }
  104. function page(n,s){
  105. if(n) $("#pageNo").val(n);
  106. if(s) $("#pageSize").val(s);
  107. $("#searchForm").attr("action","${url}");
  108. $("#searchForm").submit();
  109. return false;
  110. }
  111. </script>
  112. </head>
  113. <body>
  114. <div class="wrapper wrapper-content">
  115. <div class="layui-row">
  116. <div class="full-width fl">
  117. <div class="layui-row" id="queryDiv">
  118. <form:form id="searchForm" modelAttribute="obj" action="${url}" method="post" class="form-inline">
  119. <input type="hidden" name="url" value="${url}"/>
  120. <input type="hidden" name="isTotal" value="${isTotal}"/>
  121. <input type="hidden" name="fieldLabels" value="${fieldLabels}"/>
  122. <input type="hidden" name="fieldKeys" value="${fieldKeys}"/>
  123. <input type="hidden" name="searchLabel" value="${searchLabel}"/>
  124. <input type="hidden" name="searchKey" value="${searchKey}"/>
  125. <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
  126. <input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
  127. <input id="extId" name="extid" type="hidden" value="${extId}"/>
  128. <div id="td3">
  129. <table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 -->
  130. </div>
  131. <div class="commonQuery hide" id="proRadio">
  132. <div class="layui-input-block">
  133. <input type="radio" class="i-checks" name="ext" checked id="ext" value="1">
  134. <label for="ext">项目报销</label>
  135. <input type="radio" class="i-checks" name="ext" id="ext1" value="0">
  136. <label for="ext1">其它</label>
  137. </div>
  138. </div>
  139. <div id="td1" class="commonQuery">
  140. <div class="layui-item query athird">
  141. <span class="layui-form-label">项目名称:</span>
  142. <div class="layui-input-block">
  143. <form:input path="${searchKey}" htmlEscape="false" maxlength="50" class=" form-control layui-input"/>
  144. </div>
  145. </div>
  146. <div class="layui-item query athird">
  147. <span class="layui-form-label">报告号:</span>
  148. <div class="layui-input-block">
  149. <form:input path="reportData.number" htmlEscape="false" maxlength="50" class=" form-control layui-input"/>
  150. </div>
  151. </div>
  152. <div class="layui-item athird fr">
  153. <div class="input-group">
  154. <a href="#" id="moresee"><i class="glyphicon glyphicon-menu-down"></i></a>
  155. <div class="layui-btn-group search-spacing">
  156. <button id="searchQuery" class="layui-btn layui-btn-sm layui-bg-blue" onclick="search()">查询</button>
  157. <button id="searchReset" class="layui-btn layui-btn-sm " onclick="resetSearch()">重置</button>
  158. </div>
  159. </div>
  160. </div>
  161. <div style=" clear:both;"></div>
  162. </div>
  163. <div id="moresees" style="clear:both;display:none;">
  164. <div class="layui-item query athird">
  165. <span class="layui-form-label">合同名称:</span>
  166. <div class="layui-input-block">
  167. <form:input path="workContractInfo.name" htmlEscape="false" maxlength="50" class=" form-control layui-input"/>
  168. </div>
  169. </div>
  170. <div class="layui-item query athird">
  171. <span class="layui-form-label">项目编号:</span>
  172. <div class="layui-input-block">
  173. <form:input path="projectId" htmlEscape="false" maxlength="50" class=" form-control layui-input"/>
  174. </div>
  175. </div>
  176. <div style="clear:both;"></div>
  177. </div>
  178. <div id="td4" class="commonQuery">
  179. <div class="layui-item layui-col-sm12 with-textarea">
  180. <label class="layui-form-label"><span class="require-item">*</span>报销详情:</label>
  181. <div class="layui-input-block">
  182. <textarea id="reimburseRemarks" name="reimburseRemarks" style="width: 100%" rows="7" class="form-control required" maxlength="255">${reimburseRemarks}</textarea>
  183. </div>
  184. </div>
  185. </div>
  186. </form:form>
  187. </div>
  188. </div>
  189. <div id="td2" class="full-width fl form-group first">
  190. <div class="layui-item layui-col-xs12 form-table-container">
  191. <table id="contentTable" class="table details table-bordered table-condensed">
  192. <thead>
  193. <tr>
  194. <th width="50px"></th>
  195. <c:forEach items="${labelNames}" var="projectName" varStatus="status">
  196. <th>项目名称</th>
  197. <th>项目编号</th>
  198. <th>合同名称</th>
  199. <th>报告号</th>
  200. <th>委托方</th>
  201. </c:forEach>
  202. </tr>
  203. </thead>
  204. <tbody>
  205. <c:choose>
  206. <c:when test="${not empty page.list}">
  207. <c:forEach items="${page.list}" var="obj">
  208. <tr>
  209. <td> <input type="checkbox" id="${fns:getValue(obj, 'id')}" class="i-checks"></td>
  210. <td class="codelabel">${obj.projectName}</td>
  211. <td class="codeprojectId">${obj.projectId}</td>
  212. <td class="codeCName">${obj.workContractInfo.name}</td>
  213. <td class="codenumber">${obj.reportData.number}</td>
  214. <td class="codeCCName">${obj.workContractInfo.clientName}</td>
  215. </tr>
  216. </c:forEach>
  217. </c:when>
  218. <c:otherwise>
  219. <tr>
  220. <td colspan="5" align="center">
  221. 暂无数据
  222. </td>
  223. </tr>
  224. </c:otherwise>
  225. </c:choose>
  226. </tbody>
  227. </table>
  228. <table:page page="${page}"></table:page>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </body>
  234. </html>