tuihui.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>江苏港口智能监管信息平台</title>
  5. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  6. <meta http-equiv="description" content="this is my page">
  7. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <link>
  10. <link href="../css/base.min.css" rel="stylesheet">
  11. <link rel="stylesheet" type="text/css" href="../css/mui.min.css">
  12. <script type="text/javascript" src="../js/zepto.min.js"></script>
  13. <script type="text/javascript">
  14. function backs(){
  15. parent.huanjietuihuiclose();
  16. }
  17. $(function(){
  18. $.ajax({
  19. type: 'post',
  20. url: '../../wfcontroller/chooseuserwf.do',
  21. data:{taskId:parent.taskId,wfid:parent.wfid,flag:"th"},
  22. dataType: 'json',
  23. success: function(data){
  24. console.log(data)
  25. for(var i=0;i<data.stepNodeList.length;i++){
  26. var handlerNames = "";
  27. var handlerIds = "";
  28. for(var j=0;j<data.stepNodeList[i].handlerNames.length;j++){
  29. handlerNames=data.stepNodeList[i].handlerNames[j]+","
  30. }
  31. for(var k=0;k<data.stepNodeList[i].handlerIds.length;k++){
  32. handlerIds+=data.stepNodeList[i].handlerIds[k]+","
  33. }
  34. handlerIds = handlerIds.substring(0, handlerIds.length-1)
  35. handlerNames = handlerNames.substring(0, handlerNames.length-1)
  36. var taskKey = data.stepNodeList[i].taskKey
  37. $("#content").append('<tr>'+
  38. '<td width="100px">'+(i+1)+'</td>'+
  39. '<td width="100px">'+data.stepNodeList[i].taskName+'</td>'+
  40. '<td width="100px">'+handlerNames+'</td>'+
  41. '<td width="100px"><a href="javascript:void" onclick="tuihui(\''+handlerIds+'\',\''+taskKey+'\')">退回</a></td>'+
  42. '</tr>')
  43. }
  44. }})
  45. })
  46. function tuihui(handlerIds,taskKey){
  47. var days = $("#dayss").val();
  48. layer.open({
  49. content: '确定退回吗?',
  50. btn: ['取消', '确定'],
  51. shadeClose: false,
  52. yes: function(){
  53. layer.closeAll()
  54. }, no: function(){
  55. if(days.replace(/\s+/g,"")!=""){
  56. if(days <=0 || days!=parseInt(days)||days>10 ){
  57. layer.open({
  58. content: '请填写正确待办天数',
  59. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  60. time: 1
  61. });
  62. $("#dayss").val("");
  63. return;
  64. }
  65. }
  66. $.ajax({
  67. type: 'post',
  68. url: '../../'+parent.controller+'/'+parent.whmethd+'.do',
  69. data:{id:parent.idid,step:taskKey,yj:parent.yj,usersStr:handlerIds,days:days,uid:"402881e44e86c26d014e86c9ae8c0008"},
  70. dataType: 'json',
  71. success: function(data){
  72. console.log(data)
  73. if(data.resultCode==0){
  74. layer.open({
  75. shade:false,
  76. content: '退回成功',
  77. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  78. time: 1
  79. });
  80. setTimeout(function(){
  81. window.location.href=parent.iframurl;
  82. },1000);
  83. }else{
  84. layer.open({
  85. shade:false,
  86. content: '退回失败',
  87. style: 'background-color:rgba(0,0,0,0.5); color:white; border:none;font-size:20px;text-align:center',
  88. time: 1
  89. });
  90. }
  91. // if(data.resultCode=="0"){
  92. // layer.open({
  93. // shade:false,
  94. // content: '退回成功',
  95. // style: 'background-color:black;font-size:20px;opacity:0.5; ;color:white; border:none;text-align:center;position: fixed;left:30%;bottom:50px',
  96. // time: 1
  97. // });
  98. // setTimeout(function(){
  99. // window.location.href="../dbfw.html";
  100. // },1000)
  101. // }
  102. }})
  103. }
  104. });
  105. }
  106. </script>
  107. <style type="text/css">
  108. .header {
  109. width:100%;
  110. height:45px;
  111. line-height:45px;
  112. padding:0;
  113. color:#eee;
  114. font-size:22px;
  115. text-align:center;
  116. color:white;
  117. background: #2196f3;
  118. }
  119. .nav{position: fixed;}
  120. body,button,input,div{margin: 0px;padding: 0px}
  121. body{
  122. font-family: "Helvetica Neue",Helvetica,sans-serif;
  123. font-size: 17px;}
  124. .mui-h5, h5{font-size:17px}
  125. </style>
  126. </head>
  127. <body>
  128. <header class="header">
  129. <ul class="nav nav-list pull-left">
  130. <li><a href="javascript:void(0);" id="goback" onclick="backs()" ><span class="icon icon-arrow-back icback"></span>
  131. </a></li>
  132. </ul>
  133. <a class="" href="#">选择环节用户</a>
  134. </header>
  135. <div class="content" style="margin-top: 45px;">
  136. <div class="content-inner">
  137. <div class="container">
  138. <div class="table-responsive">
  139. <table class="table" title="Default Tabl">
  140. <tbody id="content" style="text-align: center;">
  141. <tr>
  142. <td>序号</td>
  143. <td>环节</td>
  144. <td>办理人</td>
  145. <td>操作</td>
  146. </tr>
  147. </tbody>
  148. </table>
  149. <h5 class="mui-content-padded"><label>限办天数</label><input type="text" id="dayss" style="width: 60px;margin-left:10px ;" />&nbsp;&nbsp;&nbsp;<span style="color: red;">可不填,最多可以设置10天</span></h5>
  150. </div>
  151. </div>
  152. </div>
  153. <div class="mui-button-row" style="">
  154. <button class="mui-btn mui-btn-positive" onclick="backs()" type="button" style="width: 60%;background: #2196f3;border: 0px;" id="yijianclick">取消 </button>&nbsp;&nbsp;
  155. </div>
  156. </div>
  157. </body>
  158. </html>