task-running.jsp 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/context/mytags.jsp"%>
  3. <!DOCTYPE html>
  4. <html lang="zh-cn" class="pui-app">
  5. <head>
  6. <meta charset="utf-8" />
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <meta name="renderer" content="webkit" />
  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13. <meta name="description" content="JEECG BPM" />
  14. <meta name="keywords" content="JEECG BPM" />
  15. <title>待我审批</title>
  16. <link rel="stylesheet" type="text/css" href="plug-in/planeui/dist/css/planeui.css" />
  17. </head>
  18. <body>
  19. <!--[if lte IE 9]>
  20. <div class="pui-layout pui-browsehappy">
  21. <a href="javascript:;" class="pui-close" onclick="document.body.removeChild(this.parentNode);"></a>
  22. <p>您正在使用 <strong class="pui-text-yellow pui-text-xl">过时</strong> 的非现代浏览器,<strong class="pui-text-success pui-text-xl">91.23%</strong> 的人选择 <a href="http://browsehappy.com/" target="_blank" class="pui-text-green-400 pui-text-xl"><strong>升级浏览器</strong></a>,获得了更好、更安全的浏览体验!</p>
  23. </div>
  24. <![endif]-->
  25. <div class="pui-layout pui-app-layout">
  26. <div class="pui-app-main pui-app-main-prev">
  27. <div class="mask mask-bg pui-side-position-mask"></div>
  28. <header class="pui-app-header pui-bg-blue-300">
  29. <div class="pui-app-header-aside">
  30. <a href="javascript:;" pui-side-slide="left"><i class="fa fa-chevron-left fa-2x pui-text-white"></i></a>
  31. </div>
  32. <div class="pui-app-header-middle" pui-side-slide="top">
  33. <strong class="pui-h4 pui-text-white">待我审批</strong>
  34. </div>
  35. <div class="pui-app-header-offside">
  36. <a href="javascript:;" pui-side-slide="right" ><i class="fa fa-list fa-2x pui-text-white"></i></a>
  37. </div>
  38. </header>
  39. <div class="pui-app-main-container" id="wrapper1">
  40. <div class="pui-app-scroller2">
  41. <ul id="container" class="pui-list pui-list-view pui-list-view-angle-right pui-list-view-round">
  42. <li>
  43. <div class="pui-text-center">
  44. <a id="moredata" href="javascript:getMoreData();" class="pui-btn pui-btn-block pui-btn-default pui-btn-xlagre pui-btn-square pui-unbordered pui-text-gray" style="padding: 1.6rem 0;">加载更多 ...</a>
  45. </div>
  46. </li>
  47. </ul>
  48. </div>
  49. </div>
  50. <footer class="pui-app-footer">
  51. <div class="pui-button-sheet pui-button-sheet-table pui-button-sheet-hover-pui-bg-none pui-unbordered" style="height:100%;">
  52. <div class="pui-button-sheet-row" style="height:48px;">
  53. <a href="javascript:;" style="color:#39f;"><i class="fa fa-briefcase fa-2x"></i>待我审批</a>
  54. <a href="mobileTaskController.do?goTaskApply" ><i class="fa fa-tasks fa-2x"></i>业务申请</a>
  55. <a href="mobileTaskController.do?goMyApply" ><i class="fa fa-user fa-2x"></i>我发起的</a>
  56. </div>
  57. </div>
  58. </footer>
  59. <div class="pui-mask pui-mask-bg" style="display: none;opacity:0;"></div>
  60. </div>
  61. <div class="pui-side-slide-right">
  62. <div>
  63. <ul class="pui-menu pui-menu-accordion pui-menu-bordered pui-bg-blue click-toggle">
  64. <li>
  65. <a href="mobileTaskController.do?goRunningTask">
  66. <i class="fa fa-home pui-text-xl"></i>
  67. <span>首页</span>
  68. </a>
  69. </li>
  70. <li>
  71. <a href="mLoginController.do?logout"><i class="fa fa-sign-out pui-text-lg"></i>退出登录</a>
  72. </li>
  73. </ul>
  74. </div>
  75. </div>
  76. </div>
  77. <!--[if (gte IE 9) | !(IE)]><!-->
  78. <script type="text/javascript" src="plug-in/jquery/jquery-2.1.1.min.js"></script>
  79. <!--<![endif]-->
  80. <!--[if lt IE 9]>
  81. <script type="text/javascript" src="plug-in/jquery/jquery-1.11.3.min.js"></script>
  82. <script type="text/javascript" src="plug-in/planeui/dist/js/planeui.patch.ie8.js"></script>
  83. <![endif]-->
  84. <!--[if lt IE 10]>
  85. <script type="text/javascript" src="plug-in/planeui/dist/js/planeui.patch.ie9.js"></script>
  86. <![endif]-->
  87. <script type="text/javascript" src="plug-in/planeui/dist/js/planeui.js"></script>
  88. <script type="text/javascript" src="plug-in/planeui/app/js/iscroll.js"></script>
  89. <script type="text/javascript">
  90. var pageNo = 1;
  91. var pageSize = 10;
  92. $(function() {
  93. $().sideSlide();
  94. $().sidePosition();
  95. getMoreData();
  96. });
  97. function getMoreData(){
  98. $.getJSON("mobileTaskController.do?taskAllList", {page: pageNo,rows:pageSize}, function(data) {
  99. if (data.rows&&data.rows.length>0) {
  100. var str = "";
  101. $.each(data.rows, function(index, array) {
  102. var str ="<li>"
  103. var str = str + "<a href=\"javascript:processDeal('"+array['assigneeName']+"','"+array['Process_task_id']+"');\">";
  104. var str = str + "<img src=\"plug-in/planeui/app/images/13.jpg\" />";
  105. var str = str + "<summary>";
  106. var str = str + "<h6>"+array['userRealName']+"<small>"+array['Process_task_createTime']+"</small></h6>";
  107. var str = str + "<small>";
  108. var str = str + "<input type=\"button\" class=\"pui-btn pui-btn-success pui-btn-xsmall\" value=\""+array['Process_processDefinition_name']+"\" />";
  109. var str = str + "&nbsp;"+array['bpmBizTitle'];
  110. var str = str + "</small>";
  111. var str = str + "</summary>";
  112. if(array['assigneeName']==""){
  113. var str = str + "<lable class=\"pui-badge pui-badge-error pui-circle\">签</lable>";
  114. }
  115. var str = str + "</a>";
  116. var str = str + "</li>";
  117. // var str = "<div class=\"single_item\"><div class=\"element_head\">";
  118. // var str = str + "<div class=\"date\">" + array['date'] + "</div>";
  119. // var str = str + "<div class=\"author\">" + array['author'] + "</div>";
  120. // var str = str + "</div><div class=\"content\">" + array['content'] + "</div></div>";
  121. $("#container li:last").before(str);
  122. });
  123. pageNo++;
  124. } else {
  125. $("#moredata").hide();
  126. return false;
  127. }
  128. });
  129. }
  130. function processDeal(assigneeName,taskId){
  131. if(assigneeName==""){
  132. $.dialog({
  133. type : "confirm",
  134. maskClickClosed : false,
  135. content : "确定要签收吗?",
  136. buttons : {
  137. values : {
  138. yes : "签收",
  139. cancel : "取消"
  140. }
  141. },
  142. yes : function(){
  143. //去签收
  144. claim(taskId);
  145. location.reload();
  146. },
  147. cancel : function(){
  148. }
  149. });
  150. }else{
  151. //去办理
  152. goTaskDeal(taskId);
  153. }
  154. }
  155. //签收
  156. function claim(taskId){
  157. var url ="activitiController.do?claim&taskId="+taskId;
  158. doSubmit(url);
  159. }
  160. //去办理
  161. function goTaskDeal(taskId){
  162. //var url = 'taskController.do?goTaskTab&taskId=' + taskId;
  163. var url = 'mobileTaskController.do?goTaskTab&taskId=' + taskId;
  164. location.href=url;
  165. }
  166. function doSubmit(url) {
  167. $.ajax({
  168. async : false,
  169. cache : false,
  170. type : 'POST',
  171. url : url,// 请求的action路径
  172. error : function() {// 请求失败处理函数
  173. },
  174. success : function(data) {
  175. var d = data; // ------ $.parseJSON(data);
  176. if (d.success) {
  177. var msg = d.msg;
  178. tip(msg);
  179. }
  180. }
  181. });
  182. }
  183. function tip(msg){
  184. $.dialog({
  185. type:"alert-app",
  186. content : msg,
  187. buttons : {
  188. style : {
  189. //yes : "color:red;"
  190. },
  191. "class" : {
  192. //yes : "pui-btn-warning"
  193. }
  194. },
  195. yes : function(){
  196. }
  197. });
  198. }
  199. </script>
  200. </body>
  201. </html>