taskToTransTo.jsp 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/commons/include/html_doctype.html" %>
  3. <html>
  4. <head>
  5. <%@include file="/commons/include/form.jsp" %>
  6. <title>任务流转</title>
  7. <script type="text/javascript" src="${ctx}/js/hotent/platform/system/SysDialog.js"></script>
  8. <script type="text/javascript" src="${ctx}/js/hotent/CustomValid.js"></script>
  9. <style type="text/css">
  10. th{width:15%;}
  11. </style>
  12. <script type="text/javascript">
  13. /*KILLDIALOG*/
  14. var dialog = frameElement.dialog; //调用页面的dialog对象(ligerui对象)
  15. var taskId=${param.taskId};
  16. var curUserId = ${param.curUserId};
  17. //var formData = window.dialogArguments.data;
  18. var formData = dialog.get("obj").data;
  19. function callBack(rtn) {
  20. if(!rtn) return;
  21. $("#dataFormSave").addClass("disabled");
  22. var cmpIds=$("#cmpIds").val();
  23. var transType=$("input[name='transType']:checked").val();
  24. var arrCmpId = new Array();
  25. arrCmpId = cmpIds.split(",");
  26. if(transType=='2' && arrCmpId.length<=1){
  27. $.ligerDialog.error("会签类型的人数必须大于1!");
  28. return;
  29. }
  30. var taskopinion=$("#opinion").val();
  31. var action=$("input[name='action']:checked").val();
  32. var informType=$.getChkValue("informType");
  33. var params= {cmpIds:cmpIds,
  34. opinion:taskopinion,
  35. transType:transType,
  36. action:action,
  37. informType:informType,
  38. taskId:taskId,
  39. formData:formData};
  40. var url="${ctx}/platform/bpm/task/toStartTransTo.ht";
  41. $.post(url,params,function(msg){
  42. var obj=new com.hotent.form.ResultMessage(msg);
  43. if(obj.isSuccess()){
  44. $.ligerDialog.success("加签成功!",function(){
  45. //window.returnValue="ok";
  46. dialog.get("sucCall")("ok");
  47. dialog.close();
  48. });
  49. }else{
  50. $("#dataFormSave").removeClass("disabled");
  51. $.ligerDialog.err("提示信息","加签失败!",obj.getMessage());
  52. }
  53. });
  54. }
  55. function save(){
  56. var rtn=$("#frmComm").form().valid();
  57. if(!rtn) return;
  58. if($("#dataFormSave").hasClass("disabled"))return;
  59. $.ligerDialog.confirm("确定发送流转意见?",callBack);
  60. }
  61. function dlgCallBack(userIds, fullnames) {
  62. if (isNotContainCurUser(userIds)) {
  63. var cmpIds=$("#cmpIds");
  64. var cmpNames=$("#cmpNames");
  65. cmpIds.val(userIds);
  66. cmpNames.val(fullnames);
  67. }
  68. };
  69. function isNotContainCurUser(userIds){
  70. var ids = userIds.split(",");
  71. for(var i=0;i<ids.length;i++){
  72. var userId = ids[i];
  73. if(userId==curUserId){
  74. $.ligerDialog.warn("流转人员不能包含自己!" ,$lang.tip.warn);
  75. return false;
  76. }
  77. }
  78. return true;
  79. };
  80. function add() {
  81. UserDialog({
  82. selectUserIds:$("#cmpIds").val(),
  83. selectUserNames:$("#cmpNames").val(),
  84. callback : dlgCallBack,
  85. isSingle : false
  86. });
  87. }
  88. function focusTextarea(){
  89. selectText($("#opinion")[0],0,0);
  90. }
  91. function selectText(textbox,startIndex,stopIndex){
  92. if(textbox.setSelectionRange){
  93. textbox.setSelectionRange(startIndex,stopIndex);
  94. }else if(textbox.createTextRange){
  95. var range=textbox.createTextRange();
  96. range.collapse(true);
  97. range.moveStart('character',startIndex);
  98. range.moveEnd('character',stopIndex-startIndex);
  99. range.select();
  100. }
  101. textbox.focus();
  102. }
  103. </script>
  104. </head>
  105. <body>
  106. <div class="panel">
  107. <div class="panel-top">
  108. <div class="tbar-title">
  109. <span class="tbar-label">任务流转</span>
  110. </div>
  111. <div class="panel-toolbar">
  112. <div class="toolBar">
  113. <div class="group"><a class="link save" id="dataFormSave" href="javascript:;" onclick="save()"><span></span>提交</a></div>
  114. <div class="l-bar-separator"></div>
  115. <div class="group"><a class="link close" href="javascript:;" onclick="dialog.close();"><span></span>关闭</a></div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="panel-body">
  120. <form id="frmComm">
  121. <table class="table-detail" cellpadding="0" cellspacing="0" border="0">
  122. <tr>
  123. <th nowrap="nowrap">添加用户</th>
  124. <td>
  125. <input type="hidden" id="cmpIds" />
  126. <textarea id="cmpNames" cols="50" style="width:300px" rows="2" class="textarea" readonly="readonly" validate="{required:true}"></textarea>
  127. <a class="link grant" onclick="add(this);"><span></span><span>选择人员</span></a>
  128. </td>
  129. </tr>
  130. <tr>
  131. <th>会签</th>
  132. <td>
  133. <input type="radio" name="transType" class="isNotSign" value="1" >非会签
  134. <input type="radio" name="transType" class="isSign" value="2" checked="checked">会签
  135. </td>
  136. </tr>
  137. <tr>
  138. <th>流转结束后</th>
  139. <td>
  140. <input type="radio" name="action" class="back" value="1">返回
  141. <input type="radio" name="action" class="submit" value="2" checked="checked">提交
  142. </td>
  143. </tr>
  144. <tr>
  145. <th id="desc">备注</th>
  146. <td>
  147. <textarea rows="5" cols="50" style="width:300px" id="opinion" name="opinion" validate="{required:true,maxLength:1000}" maxLength="1000" accessKey="t" onclick="javascript:focusTextarea();"></textarea>
  148. </td>
  149. </tr>
  150. <tr>
  151. <th>提醒消息方式</th>
  152. <td>
  153. <c:forEach items="${handlersMap}" var="item">
  154. <input type="checkbox" name="informType" value="${item.key }" <c:if test="${item.value.isDefaultChecked}">checked="checked"</c:if> />
  155. ${item.value.title }
  156. </c:forEach>
  157. </td>
  158. </tr>
  159. <tr>
  160. <th>流转操作说明</th>
  161. <td>
  162. <div class="content" style=" background: none repeat scroll 0 0 #EFEFEF;">
  163. <ul class="help">
  164. <li>1、添加用户:选择流转人员,可多选(其中会签状态下必须选多人)。</li>
  165. <li>2、会签:选择非会签,则其中一个人审批完成流程就返回或提交;选择会签,则所选人员全部审批完成流程才返回或提交。</li>
  166. <li>3、流转结束后,返回:流转结束后,原来的任务将会回到您的待办事项中;提交:流转结束后,流转人不需要执行原来的任务,流程就往下执行。</li>
  167. </ul>
  168. </div>
  169. </td>
  170. </tr>
  171. </table>
  172. </form>
  173. </div>
  174. </div>
  175. </body>
  176. </html>