flow.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <!--[if lt IE 9]>
  10. <script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script>
  11. <script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script>
  12. <script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script>
  13. <![endif]-->
  14. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui/css/H-ui.min.css" />
  15. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/H-ui.admin.css" />
  16. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css" />
  17. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css" />
  18. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" />
  19. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css" />
  20. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  21. <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>
  22. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
  23. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
  24. <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
  25. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
  26. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>
  27. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  28. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  29. <!--[if IE 6]>
  30. <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  31. <script>DD_belatedPNG.fix('*');</script>
  32. <![endif]-->
  33. <script type="text/javascript">
  34. $(function() {
  35. $(window).resize(function(){
  36. $("#jqGrid").setGridWidth($(window).width()-40); 
  37. });
  38. $("#jqGrid").jqGrid({
  39. url : '${ctx}/myconsole/flow/getByPage',
  40. editurl:"${ctx}/myconsole/flow/saveOrUpdate",
  41. mtype : "POST",
  42. datatype : "json",
  43. caption:'流程管理',
  44. prmNames : {
  45. id: "keyid", 
  46. oper:"oper",    
  47. addoper:"add",
  48. editoper:"edit",
  49. deloper:"del" 
  50. },
  51. colModel : [{
  52. label : '流程编号',
  53. name : 'keyid',
  54. hidden : true,
  55. key : true,
  56. width : 50,
  57. },{
  58. label : '流程名称',
  59. name : 'flowname',
  60. edittype: "text",
  61. editable: true,
  62. formoptions:{
  63. elmsuffix:'*'
  64. },
  65. editrules:{required:true},
  66. width : 80,
  67. },{
  68. label : '修改时间',
  69. name : 'updatetime',
  70. edittype: "text",
  71. editable: false,
  72. width : 80,
  73. },{
  74. label : '过程编号',
  75. name : 'procedefid',
  76. edittype: "text",
  77. hidden : true
  78. },{
  79. label : '模型编号',
  80. name : 'modelid',
  81. edittype: "text",
  82. hidden : true
  83. },{
  84. label : '操作',
  85. name:'operMod',
  86. index:'operMod',
  87. align:"center",
  88. width:"80",
  89. formatter: function (cellvalue, options, rowdata) {
  90. var html = "<button class='btn btn-success radius size-S' onclick=flow_design('"+rowdata.keyid+"')>设计流程</button>"
  91. html += "&nbsp;<button class='btn btn-success radius size-S' onclick=flow_deploy('"+rowdata.keyid+"')>部署流程</button>"
  92. return html;
  93. }
  94. }],
  95. rownumbers : true,//添加左侧行号
  96. viewrecords : true,//是否在浏览导航栏显示记录总数
  97. rowNum : 10,//每页显示记录数
  98. rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。
  99. autowidth : true,
  100. height : 'auto',
  101. pager : "#jqGridPager"
  102. });
  103. $('#jqGrid').navGrid('#jqGridPager',
  104. // the buttons to appear on the toolbar of the grid
  105. {
  106. edit : true,
  107. add : true,
  108. del : true,
  109. search : true,
  110. refresh : true,
  111. view : false,
  112. position : "left",
  113. cloneToTop : true
  114. },
  115. // options for the Edit Dialog
  116. {
  117. recreateForm : true,
  118. checkOnUpdate : true,
  119. checkOnSubmit : true,
  120. closeAfterEdit : true,
  121. onInitializeForm:function(formid) {
  122. },
  123. beforeShowForm:function(formid){
  124. },
  125. afterShowForm: function (formid){
  126. },
  127. serializeEditData: function(postdata) {
  128. //myconsole.log(postdata);
  129. $.each(postdata,function (index, value) {
  130. //myconsole.log(index);
  131. if(index!="jqGrid_id" && index!="oper" && index!="id"){
  132. modifyJosnKey(postdata,index,"workflow."+index);
  133. }
  134. if(index=="id"){
  135. postdata["workflow."+index]=value
  136. }
  137. })
  138. //myconsole.log(postdata);
  139. return postdata;
  140. },
  141. errorTextFormat : function(data) {
  142. return 'Error: ' + data.responseText
  143. }
  144. },
  145. // options for the Add Dialog
  146. {
  147. closeAfterAdd : true,
  148. recreateForm : true,
  149. onInitializeForm:function(formid) {
  150. },
  151. beforeSubmit: function(postdata, formid){
  152. $.each(postdata,function (index, value) {
  153. if(index!="jqGrid_id" && index!="oper"){
  154. modifyJosnKey(postdata,index,"workflow."+index);
  155. }
  156. })
  157. return[true,''];
  158. },
  159. errorTextFormat : function(data) {
  160. return 'Error: ' + data.responseText
  161. }
  162. },
  163. // options for the Delete Dailog
  164. {
  165. errorTextFormat : function(data) {
  166. return 'Error: ' + data.responseText
  167. }
  168. },{
  169. // search options 这里支持多条件查询
  170. multipleSearch: true,
  171. closeAfterSearch: true,
  172. sopt:['eq','ne','cn','nc','lt','le','gt','ge'],
  173. afterSubmit: function(r, data) {
  174. var messageString = r.responseText;
  175. var mesObj = eval('(' + messageString + ')');
  176. return [mesObj.state, mesObj.message];
  177. }
  178. }
  179. )
  180. ;
  181. })
  182. </script>
  183. <script type="text/javascript">
  184. function flow_design(keyid){
  185. window.open("${ctx}/myconsole/flow/design?keyid="+keyid);
  186. }
  187. function flow_deploy(keyid){
  188. $.get("${ctx}/myconsole/flow/deploy?keyid="+keyid,function(data){
  189. layer.alert(data);
  190. })
  191. }
  192. </script>
  193. <title>流程管理</title>
  194. </head>
  195. <body>
  196. <div class="page-container">
  197. <table id="jqGrid"></table>
  198. <div id="jqGridPager"></div>
  199. </div>
  200. <footer class="footer mt-20">
  201. <div class="container">
  202. <p></p>
  203. </div>
  204. </footer>
  205. </body>
  206. </html>