listCarFlowForDealing.jsp 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  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/car/flow/carflow.js"></script>
  16. <script type="text/javascript">
  17. var grid = null;
  18. $(function() {
  19. grid = $("#maingrid4")
  20. .ligerGrid(
  21. {
  22. columns : [
  23. {
  24. display : '流程标题',
  25. name : 'insName',
  26. width : 250
  27. },
  28. {
  29. display : '流程类型',
  30. name : 'modelId.typeId.typeName',
  31. width : 120,
  32. render: function(row){
  33. var html = row.modelId.typeId.typeName;
  34. return html;
  35. }
  36. },
  37. {
  38. display : '流程模版',
  39. name : 'modelId.modelName',
  40. width : 120,
  41. render: function(row){
  42. var html = row.modelId.modelName;
  43. return html;
  44. }
  45. },
  46. {
  47. display : '流程状态',
  48. name : 'state.dataName',
  49. width : 100,
  50. render: function(row){
  51. var html = row.state.dataName;
  52. return html;
  53. }
  54. },
  55. {
  56. display : '流程发起者',
  57. name : 'creator.username',
  58. width : 100,
  59. render: function(row){
  60. var html = row.creator.username;
  61. return html;
  62. }
  63. },
  64. {
  65. display : '流程发起时间',
  66. name : 'createdate',
  67. width : 200
  68. },
  69. {
  70. display : '操作',
  71. isAllowHide : false,
  72. render : function(row) {
  73. var html = '<a href=\"#\" onclick=\"openODialog(\'${pageContext.request.contextPath }/amsFlowAction.do?task=toInfo&insId='
  74. + row.insId
  75. + '&tabid='
  76. + getCurrentTabId()
  77. + '\', \'查看流程信息\');\">查看</a>&nbsp;';
  78. if (row.modelId.isCancel.value == 1){
  79. if (row.modelId.allowCancels > 0 && row.state.value != 0) {
  80. html += '<a href=\"#\" onclick=\"if(confirm(\'确定撤销该流程?\')){location=\'${pageContext.request.contextPath }/amsFlowAction.do?task=cancel&insId='
  81. + row.insId
  82. + '&next=dealing\';}\">撤销</a>';
  83. }
  84. }
  85. return html;
  86. }
  87. } ],
  88. usePager : true,
  89. pageSize : 20,
  90. parms: [{name: "insName", value: ""},
  91. {name: "starttime", value: ""},
  92. {name: "endtime", value: ""},
  93. {name: "name", value: ""},
  94. {name: "modelId", value: ""}],
  95. url : 'amsFlowAction.do?task=dealingList&time='
  96. + new Date().getTime(),
  97. pageParmName : 'p', //页索引参数名,(提交给服务器)
  98. pagesizeParmName : 'pSize', //页记录数参数名,(提交给服务器)
  99. width : '99.9%',
  100. height : '99%',
  101. onError: function(){alert("数据加载失败,请刷新页面!");}
  102. });
  103. $("#pageloading").hide();
  104. $("#starttime").ligerDateEditor({ showTime: true, labelAlign: 'left', format :"yyyy-MM-dd"});
  105. $("#endtime").ligerDateEditor({ showTime: true, labelAlign: 'left', format :"yyyy-MM-dd"});
  106. $("#modelId").ligerComboBox();
  107. });
  108. function searchByKword(){
  109. grid.set("parms", [ {
  110. name : "insName",
  111. value : encodeURI($("#insName").val())
  112. }, {
  113. name : "starttime",
  114. value : $("#starttime").val()
  115. }, {
  116. name : "endtime",
  117. value : $("#endtime").val()
  118. }, {
  119. name : "modelId",
  120. value : $("#modelId").val()
  121. }, {
  122. name : "name",
  123. value : encodeURI($("#name").val())
  124. }]);
  125. grid.set("newPage", "1");
  126. grid.loadData(true);
  127. }
  128. function searchAll() {
  129. $("#insName").val("");
  130. $("#starttime").val("");
  131. $("#endtime").val("");
  132. $("#modelId").val("");
  133. $("#name").val("");
  134. searchByKword();
  135. }
  136. </script>
  137. </head>
  138. <body>
  139. <div class="container-layout">
  140. <div id="title" class="form-button" style="width: 100%;">
  141. <input onclick="closeTabUseInOA();" type="button" value="关闭" class="l-button">
  142. </div>
  143. <div class="default_search" style="margin: 0; width: 100%; padding:0;">
  144. <ul class="list_search" style="width:250px;">
  145. <li class="title">流程标题:</li>
  146. <li class="text">
  147. <input type="text" id="insName" name="insName" style="width: 130px;">
  148. </li>
  149. </ul>
  150. <ul class="list_search" >
  151. <li class="title">发起时间:</li>
  152. <li class="text">
  153. <input type="text" id="starttime" name="starttime" >
  154. </li>
  155. <li class="title" style=" text-align: center; padding-left: 0px; padding-right: 3px;">
  156. </li>
  157. <li class="text">
  158. <input type="text" id="endtime" name="endtime" >
  159. </li>
  160. </ul>
  161. </div>
  162. <div class="default_search" style="margin: 0; width: 100%; padding:0;">
  163. <!--<ul class="list_search" style="width:250px;">
  164. <li class="title">流程模版:</li>
  165. <li class="text">
  166. <select name="modelId" id="modelId" style="width: 130px;" >
  167. <option value="" selected="selected">全部</option>
  168. <c:forEach items="${requestScope.flows }" var="flow" varStatus="status">
  169. <option value="${flow.modelId }">${flow.modelName }</option>
  170. </c:forEach>
  171. </select>
  172. </li>
  173. </ul> -->
  174. <ul style="width:250px;"><li class="title">发起者:</li>
  175. <li class="text">
  176. <input type="text" id="name" name="name" style="width: 130px;">
  177. </li>
  178. </ul>
  179. <ul><li class="title">&nbsp;</li>
  180. <li class="search-button">
  181. <input type="button" class='l-button' name="search" onclick="searchByKword()" value="查询"/>
  182. <input type="button" class='l-button' name="search" onclick="searchAll()" value="查询全部"/>
  183. </li>
  184. </ul>
  185. </div>
  186. <div id="maingrid4" style="margin: 0; padding: 0; clear: both;"></div>
  187. <div style="display: none;">
  188. </div>
  189. </div>
  190. <%@ include file="/include/message.jsp"%>
  191. </body>
  192. </html>