listFlowForAll.jsp 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <%@ page language="java" contentType="text/html;charset=GBK"
  2. pageEncoding="GBK"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  5. <html>
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html;charset=GBK">
  8. <title>流程列表</title>
  9. <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  10. <script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  11. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
  12. <link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
  13. <script type="text/javascript" src="/shares/js/constant.js"></script>
  14. <script type="text/javascript" src="/shares/js/common.js"></script>
  15. <script type="text/javascript" src="/shares/js/yw/ams/flow/amsflow.js"></script>
  16. <script type="text/javascript">
  17. var grid = null;
  18. $(function () {
  19. grid = $("#maingrid4").ligerGrid({
  20. columns: [
  21. { display: '流程标题', name: 'insName', width: 250 },
  22. { display: '流程发起者', name: 'creator.username', width: 100,
  23. render: function(row){
  24. return row.creator.username;
  25. }},
  26. { display: '流程类型', name: 'modelId.typeId.typeName', width: 120,
  27. render: function(row){
  28. return row.modelId.typeId.typeName;
  29. }},
  30. { display: '流程模版', name: 'modelId.modelName', width: 120,
  31. render: function(row){
  32. return row.modelId.modelName;
  33. }},
  34. { display: '流程发起时间', name: 'createdate', width: 200 },
  35. { display: '流程状态', name: 'state.dataName', width: 100,
  36. render:function(row){
  37. return row.state.dataName;
  38. }},
  39. {
  40. display: '操作', isAllowHide: false,
  41. render: function (row)
  42. {
  43. var html;
  44. if(row.state.value!=0 ||(row.state.value==0 && row.modelId.cancelCanRead.value==1)){
  45. var dialogId = row.insId + new Date().getTime();
  46. html = '<a href=\"#\" onclick=\"openODialog(\'${pageContext.request.contextPath }/amsFlowAction.do?task=toInfo&insId='
  47. + row.insId + '&tabid='+getCurrentTabId()+'&dialogId='+
  48. dialogId+'\', \'查看流程信息\', \''+dialogId+'\');\">查看</a>&nbsp;';
  49. }
  50. /* if (row.modelId.isCancel.value == 1){
  51. if(row.modelId.endCancel.value == 1 || (row.modelId.endCancel.value ==0 && row.state.value != 2)){
  52. if(row.modelId.allowCancels > 0 && row.state.value != 0){
  53. html += '<a href=\"#\" onclick=\"if(confirm(\'确定撤销该流程?\')){location=\'${pageContext.request.contextPath }/FlowAction.do?task=cancel&insId='
  54. + row.insId + '&next=all\';}\">撤销</a>';
  55. }
  56. }
  57. } */
  58. return html;
  59. }
  60. }
  61. ],
  62. usePager:true,
  63. pageSize:20,
  64. parms: [{name: "insName", value: ""},
  65. {name: "starttime", value: ""},
  66. {name: "endtime", value: ""},
  67. {name: "name", value: ""},
  68. {name: "state", value: ""},
  69. {name: "modelId", value: ""}],
  70. url: 'amsFlowAction.do?task=all&time=' + new Date().getTime(),
  71. pageParmName: 'p', //页索引参数名,(提交给服务器)
  72. pagesizeParmName: 'pSize', //页记录数参数名,(提交给服务器)
  73. width: '99.8%',
  74. height: '99%',
  75. onError: function(){alert("数据加载失败,请刷新页面!");}
  76. });
  77. $("#pageloading").hide();
  78. // 修改查询时不需要具体到时分秒 linww20150122 begin
  79. $("#starttime").ligerDateEditor({ showTime: false, width:130, labelAlign: 'left'});
  80. $("#endtime").ligerDateEditor({ showTime: false, width:130, labelAlign: 'left'});
  81. // 修改查询时不需要具体到时分秒 linww20150122 end
  82. //$("#modelId").ligerComboBox();
  83. //$("#state").ligerComboBox();
  84. // $("#model_has_form").ligerComboBox();
  85. });
  86. function searchByKword(){
  87. grid.set("parms", [ {
  88. name : "insName",
  89. value : encodeURI($("#insName").val())
  90. }, {
  91. name : "starttime",
  92. value : $("#starttime").val()
  93. }, {
  94. name : "endtime",
  95. value : $("#endtime").val()
  96. }, {
  97. name : "modelId",
  98. value : $("#modelId").val()
  99. }, {
  100. name : "name",
  101. value : encodeURI($("#name").val())
  102. }, {
  103. name : "state",
  104. value : encodeURI($("#state").val())
  105. }]);
  106. grid.set("newPage", "1");
  107. grid.loadData(true);
  108. }
  109. function searchAll() {
  110. $("#insName").val("");
  111. $("#starttime").val("");
  112. $("#endtime").val("");
  113. $("#modelId").val("");
  114. $("#name").val("");
  115. $("#state").val("");
  116. searchByKword();
  117. }
  118. function showDefine(){
  119. $(".before_define").toggle();
  120. $(".after_define").toggle();
  121. grid.reRender();
  122. }
  123. $(function() {
  124. $("#state").ligerComboBox();
  125. $("#modelId").ligerComboBox();
  126. });
  127. </script>
  128. </head>
  129. <body >
  130. <div class="container-layout">
  131. <div id="title" class="form-button" style="width: 100%;">
  132. <input onclick="closeTabUseInOA();" type="button" value="关闭" class="l-button">
  133. </div>
  134. <div class="default_search" style="margin: 0; width: 100%; padding:0;">
  135. <ul class="list_search" style="width:250px;">
  136. <li class="title">流程标题:</li>
  137. <li class="text">
  138. <input type="text" id="insName" name="insName" style="width: 130px;">
  139. </li>
  140. </ul>
  141. <ul style="width:250px;"><li class="title">流程状态:</li>
  142. <li class="text">
  143. <select name="state" id="state" style="width: 130px;">
  144. <option value="" selected="selected">全部</option>
  145. <option value="0">撤销</option>
  146. <option value="1">流转中</option>
  147. <option value="2">完成</option>
  148. </select>
  149. </li>
  150. </ul>
  151. <ul style="width:250px;"><li class="title">发起者:</li>
  152. <li class="text">
  153. <input type="text" id="name" name="name" style="width: 130px;">
  154. </li>
  155. </ul>
  156. </div>
  157. <div class="default_search before_define" style="margin: 0; width: 100%; padding:0;">
  158. <ul class="list_search" style="width:250px;">
  159. <li class="title">流程模版:</li>
  160. <li class="text">
  161. <select name="modelId" id="modelId" style="width: 130px;">
  162. <option value="" selected="selected">全部</option>
  163. <c:forEach items="${requestScope.flows }" var="flow" varStatus="status">
  164. <option value="${flow.conf_model_id }">${flow.conf_model_name }</option>
  165. </c:forEach>
  166. </select>
  167. </li>
  168. </ul>
  169. <ul class="list_search" style="width:450px;">
  170. <li class="title">发起时间:</li>
  171. <li class="text">
  172. <input type="text" id="starttime" name="starttime" style="width: 130px;">
  173. </li>
  174. <li class="title title_rqjg">
  175. </li>
  176. <li class="text">
  177. <input type="text" id="endtime" name="endtime" style="width: 130px;">
  178. </li>
  179. </ul>
  180. <ul style="width:350px;"><li class="title">&nbsp;</li>
  181. <li class="search-button">
  182. <input type="button" class='l-button' name="search" onclick="searchByKword()" value="查询"/>
  183. <input type="button" class='l-button' name="search" onclick="searchAll()" value="查询全部"/>
  184. <!-- <input type="button" class='l-button' name="search" onclick="showDefine()" value="自定义查询"/> -->
  185. </li>
  186. </ul>
  187. </div>
  188. <div class="default_search after_define" style="margin: 0; width: 99.7%; padding:0; display: none;">
  189. <ul class="list_search" style="width:450px;">
  190. <!-- <li class="title" >自定义条件:</li> -->
  191. <li class="title">带表单模版:</li>
  192. <li class="text">
  193. <select name="modelHasForm" id="modelHasForm" style="width: 130px;">
  194. <option value="" selected="selected">全部</option>
  195. <c:forEach items="${requestScope.flows }" var="flow" varStatus="status">
  196. <option value="${flow.conf_model_id }">${flow.conf_model_name }</option>
  197. </c:forEach>
  198. </select>
  199. </li>
  200. </ul>
  201. </div>
  202. <div class="default_search after_define" style="margin: 0; width: 99.7%; padding:0; display: none;">
  203. <ul class="list_search" style="width:250px;">
  204. <li class="title">&nbsp;</li>
  205. <li class="text">&nbsp;</li>
  206. </ul>
  207. <ul style="width:350px;"><li class="title">&nbsp;</li>
  208. <li class="search-button">
  209. <input type="button" class='l-button' name="search" onclick="searchByKword()" value="查询"/>
  210. <input type="button" class='l-button' name="search" onclick="searchAll()" value="查询全部"/>
  211. <input type="button" class='l-button' name="search" onclick="showDefine()" value="隐藏自定义"/>
  212. </li>
  213. </ul>
  214. </div>
  215. <div id="maingrid4" style="margin:0; padding:0; clear: both;"></div>
  216. <div style="display:none;">
  217. <!-- g data total ttt -->
  218. </div>
  219. <%@ include file="/include/message.jsp"%>
  220. </body>
  221. </html>