flowEvent.jsp 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <%@page import="java.util.List"%>
  2. <%@ page language="java" contentType="text/html; charset=gbk"
  3. pageEncoding="gbk"%>
  4. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  5. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=gbk">
  10. <meta name="renderer" content="ie-stand">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge;">
  12. <meta http-equiv="PRAGMA" content="no-cache">
  13. <meta http-equiv="Cache-Control" content="no-cache">
  14. <meta http-equiv="Expires" content="0">
  15. <%@ include file="/yw/bpm/configuration/common.jsp"%>
  16. <link href="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/demo/css/screen.css" rel="stylesheet"></link>
  17. <link href="${pageContext.request.contextPath }/yw/bpm/configuration/configuration.css" rel="stylesheet"></link>
  18. <script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/dist/jquery.validate.js"></script>
  19. <script type="text/javascript" src="/shares/js/yw/bpm/bootstrap/jquery-validation-1.11.1/localization/messages_zh.js"></script>
  20. <script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/tree/tree.js"></script>
  21. <script type="text/javascript" src="${pageContext.request.contextPath }/yw/bpm/configuration/js/flow/flowevent.js"></script>
  22. <title>流程配置</title>
  23. <style type="text/css">
  24. #contextmenu {
  25. position: absolute;
  26. display: none;
  27. }
  28. </style>
  29. <script type="text/javascript">
  30. var contextPath = "${pageContext.request.contextPath }";
  31. </script>
  32. </head>
  33. <body>
  34. <!-- 头部导航区域 -->
  35. <ul class="nav nav-pills nav-wizard navbar-fixed-top" id="header">
  36. <li class="active"><a href="#" onclick="toConfigStep('toModel','${requestScope.modelId }');"><div class="badge badge-title">1</div>
  37. 流程配置</a><div class="nav-arrow"></div></li>
  38. <li class="active"><div class="nav-wedge"></div>
  39. <a href="#" onclick="toConfigStep('toGraph','${requestScope.modelId }');"><div class="badge badge-title badge-title-none">2</div>
  40. 流程绘制</a><div class="nav-arrow"></div></li>
  41. <li class="active"><div class="nav-wedge"></div>
  42. <a href="#" onclick="toConfigStep('toFlowForm','${requestScope.modelId }');"><div class="badge badge-title badge-title-none">3</div>
  43. 关联表单&nbsp;</a><div class="nav-arrow"></div></li>
  44. <li class="active"><div class="nav-wedge"></div>
  45. <a href="#" onclick="toConfigStep('toFlowRule','${requestScope.modelId }');"><div class="badge badge-title badge-title-none">4</div>
  46. 流转规则</a><div class="nav-arrow"></div></li>
  47. <li class="active"><div class="nav-wedge"></div>
  48. <a href="#"><div class="badge badge-title badge-title-none">5</div>
  49. 事件绑定</a><div class="nav-arrow"></div></li>
  50. <li><div class="nav-wedge"></div>
  51. <a href="#" onclick="location='${pageContext.request.contextPath }/yw/bpm/configuration/flow/modelList.jsp';"><div class="badge badge-title badge-title-none">6</div>
  52. &nbsp;完&nbsp;成&nbsp;</a></li>
  53. </ul>
  54. <!-- 头部导航区域 -->
  55. <!-- 底部按钮区域 -->
  56. <div class="navbar navbar-default navbar-fixed-top" id="footer">
  57. <div class="container-fluid well well-sm text-right">
  58. <button type="button" class="btn btn-info btn-sm" onclick="location.reload();">
  59. <span class="glyphicon glyphicon-refresh"></span>&nbsp;刷新</button>
  60. <!-- <button type="button" class="btn btn-default btn-sm"> -->
  61. <!-- <span class="glyphicon glyphicon-floppy-disk"></span>&nbsp;保存</button> -->
  62. <button type="button" class="btn btn-primary btn-sm" onclick="location='bpmFlowRuleConfigAction.do?task=toFlowRule&modelId=${requestScope.modelId }'">
  63. <span class="glyphicon glyphicon-chevron-left"></span>&nbsp;上一步</button>
  64. <button type="button" class="btn btn-primary btn-sm" onclick="location='${pageContext.request.contextPath }/yw/bpm/configuration/flow/modelList.jsp';">
  65. <span class="glyphicon glyphicon-chevron-right"></span>&nbsp;完成</button>
  66. </div>
  67. </div>
  68. <!-- 底部按钮区域 -->
  69. <form action="" class="form-horizontal" id="form1">
  70. <!-- 隐藏元素 -->
  71. <input type="hidden" id="modelId" name="modelId" value="${requestScope.modelId }">
  72. <input type="hidden" id="tmodelId" name="tmodelId" value="">
  73. <input type="hidden" id="formId" name="formId" value="${requestScope.flowModel.formId.formId}">
  74. <input type="hidden" id="paramName" name="paramName" value="">
  75. <input type="hidden" id="listName" name="listName" value="">
  76. <input type="hidden" id="bindType" name="bindType" value="1">
  77. <!-- 隐藏元素 -->
  78. <div class="container-fluid col-md-3 col-sm-3 col-xs-3" style="margin-top: 65px;">
  79. <div class="form-group">
  80. <div class="col-md-5 col-sm-5 col-xs-5 control-label text-left">选择环节</div>
  81. <div class="col-md-7 col-sm-7 col-xs-7">
  82. <select class="form-control" id="tacheModelId" name="tacheModelId">
  83. <option value="0">请选择</option>
  84. <c:forEach items="${requestScope.tacheModels }" var="tacheModel">
  85. <option value="${tacheModel.tmodelId }">${tacheModel.tmodelName }</option>
  86. </c:forEach>
  87. </select>
  88. </div>
  89. </div>
  90. <div class="form-group">
  91. <div class="col-md-5 col-sm-5 col-xs-5 control-label text-left">选择接口</div>
  92. <div class="col-md-7 col-sm-7 col-xs-7">
  93. <select class="form-control" id="ifaceId" name="ifaceId">
  94. <option value="0">请选择</option>
  95. <c:forEach items="${requestScope.ifaceBeans }" var="iface">
  96. <option value="${iface.ifaceId }">${iface.text}</option>
  97. </c:forEach>
  98. </select>
  99. </div>
  100. </div>
  101. <div class="form-group">
  102. <div class="col-md-offset-1 col-md-11 col-sm-11 col-xs-11 list-iface-param">
  103. <div class="panel " id="elementsConfig" style="overflow:auto;">
  104. <div class="panel-body" style="overflow:auto;padding:0px">
  105. <c:if test="${not empty ifaceBindBeans}">
  106. <c:forEach items="${requestScope.ifaceBindBeans }" var="ifaceBind">
  107. <div class='list-group' name='${ifaceBind.ifaceId}|${ifaceBind.tmodelId}'>
  108. <span class='list-group-item' style='background:#ccc;'>${ifaceBind.text}
  109. &nbsp;${ifaceBind.tmodelName}
  110. <a href="#" onclick="deleteIface('${ifaceBind.ifaceId}','${ifaceBind.tmodelId}')" style="display:inline-block;float:right;">删除</a>
  111. </span>
  112. <c:forEach items="${ifaceBind.inparams}" var="inparam">
  113. <a href='#' onclick='listItem(this)' listname="${inparam.listName}" class='list-group-item' name='${inparam.name}'>
  114. ${inparam.text}
  115. <c:if test="${not empty inparam.listName}">
  116. (<span style='color:red'>明细列</span>)
  117. </c:if>
  118. </a>
  119. </c:forEach>
  120. </div>
  121. </c:forEach>
  122. </c:if>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="col-md-9 col-sm-9 col-xs-9" style="margin-top: 65px;">
  129. <div class="panel panel-default" id="elementsConfig" style="overflow:auto;">
  130. <div class="panel-body">
  131. <table class="table table-hover">
  132. <thead>
  133. <tr>
  134. <th width="30%">字段名称</th>
  135. <th width="30%">字段类型
  136. </th>
  137. <th width="40%">是否绑定
  138. </th>
  139. </tr>
  140. </thead>
  141. </table>
  142. <table class="table table-hover">
  143. <tbody id="elementTbody">
  144. <c:forEach items="${requestScope.formElementList }" var="elements">
  145. <tr>
  146. <td width="30%">${elements.elementCode}</td>
  147. <td width="30%">${elements.fieldType.dataName}</td>
  148. <td width="40%"><input id="${elements.elementId}" type="checkbox" name="isbind" value="${elements.elementId}"></td>
  149. </tr>
  150. </c:forEach>
  151. </tbody>
  152. </table>
  153. </div>
  154. </div>
  155. </div>
  156. </form>
  157. <script type="text/javascript">
  158. $(function(){
  159. });
  160. </script>
  161. </body>
  162. </html>