myflow.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396
  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. <link rel="stylesheet" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
  29. <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  30. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  31. <!--[if IE 6]>
  32. <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  33. <script>DD_belatedPNG.fix('*');</script>
  34. <![endif]-->
  35. <script type="text/javascript">
  36. function fillWidth(){
  37. var _width=$(window).width()-40;
  38. $("#jqGridUnsignedList").setGridWidth(_width);
  39. $("#jqGridTodoList").setGridWidth(_width);
  40. $("#jqGridFinishedList").setGridWidth(_width);
  41. }
  42. $(function(){
  43. $.Huitab("#tab-system .tabBar span","#tab-system .tabCon","current","click","0");
  44. $(window).resize(function(){
  45. fillWidth();
  46. });
  47. $(".tabBar").bind("click",function(){
  48. fillWidth();
  49. });
  50. $("#jqGridUnsignedList").jqGrid({
  51. url : '${ctx}/myconsole/myflow/getUnsignedList',
  52. editurl : "${ctx}/myconsole/myflow/saveOrUpdate",
  53. mtype : "POST",
  54. datatype : "json",
  55. multiselect : true,
  56. caption : '未签收',
  57. prmNames : {
  58. id : "taskid",
  59. oper : "oper",
  60. addoper : "add",
  61. editoper : "edit",
  62. deloper : "del"
  63. },
  64. sortable : true,
  65. sortname : 'updatetime',
  66. sortorder : 'asc',
  67. colModel : [ {
  68. "hidden" : true,
  69. "name" : "taskid",
  70. "key" : true
  71. },{
  72. label : "标题",
  73. name : "web.title",
  74. editable: true,
  75. width : 80
  76. },{
  77. label : "栏目",
  78. name : "web.columnname",
  79. editable: true,
  80. width : 80
  81. }, {
  82. label : "提交时间",
  83. name : "web.recordtime",
  84. editable: true,
  85. width : 80
  86. }, {
  87. label : "提交人",
  88. name : "web.username",
  89. editable: true,
  90. width : 80
  91. }, {
  92. label : "操作",
  93. name : "caozuo",
  94. editable: true,
  95. align:"center",
  96. width : 80,
  97. formatter: function (cellvalue, options, rowdata) {
  98. var html = "<a href='${ctx}/"+rowdata.web.siteid+rowdata.web.htmlurl+"' target='_blank' title='"+cellvalue+"' ><button class='btn btn-success radius size-S'>预览</button></a>";
  99. return html;
  100. }
  101. } ],
  102. rownumbers : true,// 添加左侧行号
  103. viewrecords : true,// 是否在浏览导航栏显示记录总数
  104. rowNum : 10,// 每页显示记录数
  105. rowList : [ 10, 15, 20, 30, 40, 50 ],// 用于改变显示行数的下拉列表框的元素数组。
  106. autowidth : true,
  107. height : 'auto',
  108. pager : "#jqGridPagerUnsignedList"
  109. });
  110. $("#jqGridUnsignedList").navGrid("#jqGridPagerUnsignedList",
  111. // the buttons to appear on the toolbar of the grid
  112. {
  113. edit : false,
  114. add : false,
  115. del : false,
  116. search : false,
  117. refresh : true,
  118. view : false,
  119. position : "left",
  120. cloneToTop : true
  121. },
  122. // options for the Edit Dialog
  123. {
  124. },
  125. // options for the Add Dialog
  126. {
  127. },
  128. // options for the Delete Dailog
  129. {
  130. },
  131. //options for the search Dailog
  132. {
  133. }).navButtonAdd("#jqGridPagerUnsignedList",{
  134. caption:'批量签收',
  135. onClickButton:function(){
  136. var selectedRowIds = $("#jqGridUnsignedList").jqGrid("getGridParam", "selarrrow");
  137. if (!selectedRowIds) {
  138. layer.alert("请先选择需要编辑的行!");
  139. return false;
  140. } else {
  141. var taskid=selectedRowIds.join(",");
  142. $.post("${ctx}/myconsole/myflow/claim",{"taskID":taskid},function(data){
  143. if(data=="ok"){
  144. layer.alert("签收成功",function(){
  145. location.reload();
  146. });
  147. }else{
  148. layer.alert("签收失败",function(){
  149. location.reload();
  150. });
  151. }
  152. })
  153. }
  154. }
  155. });
  156. $("#jqGridTodoList").jqGrid({
  157. url : '${ctx}/myconsole/myflow/getTodoList',
  158. editurl : "${ctx}/myconsole/myflow/saveOrUpdate",
  159. mtype : "POST",
  160. datatype : "json",
  161. multiselect : true,
  162. caption : '办理中',
  163. prmNames : {
  164. id : "taskid",
  165. oper : "oper",
  166. addoper : "add",
  167. editoper : "edit",
  168. deloper : "del"
  169. },
  170. sortable : true,
  171. sortname : 'updatetime',
  172. sortorder : 'asc',
  173. colModel : [ {
  174. "hidden" : true,
  175. "name" : "taskid",
  176. "key" : true
  177. },{
  178. label : "标题",
  179. name : "web.title",
  180. editable: true,
  181. width : 80
  182. },{
  183. label : "栏目",
  184. name : "web.columnname",
  185. editable: true,
  186. width : 80
  187. }, {
  188. label : "提交时间",
  189. name : "web.recordtime",
  190. editable: true,
  191. width : 80
  192. }, {
  193. label : "提交人",
  194. name : "web.username",
  195. editable: true,
  196. width : 80
  197. }, {
  198. label : "操作",
  199. name : "caozuo",
  200. editable: true,
  201. align:"center",
  202. width : 80,
  203. formatter: function (cellvalue, options, rowdata) {
  204. var html = "<a href='${ctx}/"+rowdata.web.siteid+rowdata.web.htmlurl+"' target='_blank' title='"+cellvalue+"' ><button class='btn btn-success radius size-S'>预览</button></a>";
  205. return html;
  206. }
  207. } ],
  208. rownumbers : true,// 添加左侧行号
  209. viewrecords : true,// 是否在浏览导航栏显示记录总数
  210. rowNum : 10,// 每页显示记录数
  211. rowList : [ 10, 15, 20, 30, 40, 50 ],// 用于改变显示行数的下拉列表框的元素数组。
  212. autowidth : true,
  213. height : 'auto',
  214. pager : "#jqGridPagerTodoList"
  215. });
  216. $("#jqGridTodoList").navGrid("#jqGridPagerTodoList",
  217. // the buttons to appear on the toolbar of the grid
  218. {
  219. edit : false,
  220. add : false,
  221. del : false,
  222. search : false,
  223. refresh : true,
  224. view : false,
  225. position : "left",
  226. cloneToTop : true
  227. },
  228. // options for the Edit Dialog
  229. {
  230. },
  231. // options for the Add Dialog
  232. {
  233. },
  234. // options for the Delete Dailog
  235. {
  236. },
  237. //options for the search Dailog
  238. {
  239. }).navButtonAdd("#jqGridPagerTodoList",{
  240. caption:'批量办理',
  241. onClickButton:function(){
  242. layer.open({
  243. type: 1,
  244. title:"审核操作",
  245. skin: 'layui-layer-rim', //加上边框
  246. area: ['420px', '240px'], //宽高
  247. btn: ['确定'],
  248. yes:function(){
  249. var selectedRowIds = $("#jqGridTodoList").jqGrid("getGridParam", "selarrrow");
  250. var taskid=selectedRowIds.join(",");
  251. var completeData=$("#complete").serialize();
  252. $.post("${ctx}/myconsole/myflow/complete?taskID="+taskid,completeData,function(data){
  253. if(data=="ok"){
  254. layer.alert("审批成功",function(){
  255. location.reload();
  256. });
  257. }
  258. })
  259. },
  260. content: '<form id="complete" style="padding:10px"><div>状态:<select name="success"><option value="true">通过</option><option value="false">不通过</option></select></div><div>意见:<textarea name="opinion" rows="3" cols="40"></textarea></div></form>'
  261. });
  262. }
  263. });
  264. $("#jqGridFinishedList").jqGrid({
  265. url : '${ctx}/myconsole/myflow/getFinishedList',
  266. editurl : "${ctx}/myconsole/myflow/saveOrUpdate",
  267. mtype : "POST",
  268. datatype : "json",
  269. multiselect : true,
  270. caption : '已完成',
  271. prmNames : {
  272. id : "taskid",
  273. oper : "oper",
  274. addoper : "add",
  275. editoper : "edit",
  276. deloper : "del"
  277. },
  278. sortable : true,
  279. sortname : 'updatetime',
  280. sortorder : 'asc',
  281. colModel : [ {
  282. "hidden" : true,
  283. "name" : "taskid",
  284. "key" : true
  285. },{
  286. label : "标题",
  287. name : "web.title",
  288. editable: true,
  289. width : 80
  290. },{
  291. label : "栏目",
  292. name : "web.columnname",
  293. editable: true,
  294. width : 80
  295. }, {
  296. label : "提交时间",
  297. name : "web.recordtime",
  298. editable: true,
  299. width : 80
  300. }, {
  301. label : "提交人",
  302. name : "web.username",
  303. editable: true,
  304. width : 80
  305. }, {
  306. label : "操作",
  307. name : "caozuo",
  308. editable: true,
  309. align:"center",
  310. width : 80,
  311. formatter: function (cellvalue, options, rowdata) {
  312. var html = "<a href='${ctx}/"+rowdata.web.siteid+rowdata.web.htmlurl+"' target='_blank' title='"+cellvalue+"' ><button class='btn btn-success radius size-S'>预览</button></a>";
  313. return html;
  314. }
  315. } ],
  316. rownumbers : true,// 添加左侧行号
  317. viewrecords : true,// 是否在浏览导航栏显示记录总数
  318. rowNum : 10,// 每页显示记录数
  319. rowList : [ 10, 15, 20, 30, 40, 50 ],// 用于改变显示行数的下拉列表框的元素数组。
  320. autowidth : true,
  321. height : 'auto',
  322. pager : "#jqGridPagerFinishedList"
  323. });
  324. $("#jqGridFinishedList").navGrid("#jqGridPagerFinishedList",
  325. // the buttons to appear on the toolbar of the grid
  326. {
  327. edit : false,
  328. add : false,
  329. del : false,
  330. search : false,
  331. refresh : true,
  332. view : false,
  333. position : "left",
  334. cloneToTop : true
  335. },
  336. // options for the Edit Dialog
  337. {
  338. },
  339. // options for the Add Dialog
  340. {
  341. },
  342. // options for the Delete Dailog
  343. {
  344. },
  345. //options for the search Dailog
  346. {
  347. });
  348. })
  349. </script>
  350. <title>我的桌面</title>
  351. </head>
  352. <body>
  353. <div class="page-container">
  354. <div class="form form-horizontal" id="form-article" method="post">
  355. <div id="tab-system" class="HuiTab">
  356. <div class="tabBar cl">
  357. <span>未签收</span><span>办理中</span><span>已完成</span>
  358. </div>
  359. <div class="tabCon">
  360. <table id="jqGridUnsignedList"></table>
  361. <div id="jqGridPagerUnsignedList"></div>
  362. </div>
  363. <div class="tabCon">
  364. <table id="jqGridTodoList"></table>
  365. <div id="jqGridPagerTodoList"></div>
  366. </div>
  367. <div class="tabCon">
  368. <table id="jqGridFinishedList"></table>
  369. <div id="jqGridPagerFinishedList"></div>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374. <footer class="footer mt-20">
  375. <div class="container">
  376. <p></p>
  377. </div>
  378. </footer>
  379. </body>
  380. </html>