bpmNodeWebServiceEdit.jsp 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@include file="/commons/include/html_doctype.html"%>
  4. <html>
  5. <head>
  6. <title>编辑 流程WebService节点</title>
  7. <%@include file="/commons/include/get.jsp"%>
  8. <link rel="stylesheet" href="${ctx}/js/tree/zTreeStyle.css" type="text/css" />
  9. <style type="text/css">
  10. body{
  11. overflow:hidden;
  12. }
  13. .wsTable {font-size:14px;
  14. border: 2px #8dc2e3 solid;
  15. width: 100%;
  16. height: 100%;
  17. padding-top: 4px;
  18. background: #ffffff;
  19. }
  20. .fontBold {
  21. font-weight: bold;
  22. }
  23. .inputDiv {
  24. float: left;
  25. width: 50%;
  26. }
  27. .outDiv {
  28. float: right;
  29. width: 50%;
  30. }
  31. .clear {
  32. clear: both;
  33. }
  34. .drag-span{
  35. font-style: italic;
  36. }
  37. td {
  38. margin: 5px;
  39. }
  40. ul.radio {
  41. }
  42. ul.radio li {
  43. margin-left: 10px;
  44. float: left;
  45. }
  46. </style>
  47. <script type="text/javascript">
  48. //定义常量
  49. var defId = "${defId}";
  50. var nodeId = "${nodeId}";
  51. var actDefId = "${actDefId}";
  52. var bpmNodeWebServiceSetId = "${setId}";
  53. var bpmNodeWebServiceDocument = '${document}';
  54. </script>
  55. <script type="text/javascript" src="${ctx}/js/tree/jquery.ztree.core.js"></script>
  56. <script type="text/javascript" src="${ctx}/js/tree/jquery.ztree.excheck.js"></script>
  57. <script type="text/javascript" src="${ctx}/js/tree/jquery.ztree.exedit.js"></script>
  58. <script type="text/javascript" src="${ctx}/js/hotent/platform/bpm/BpmNodeWebServiceEdit.js"></script>
  59. <script type="text/javascript" src="${ctx}/js/jquery/plugins/jquery.dragspan.js"></script>
  60. </head>
  61. <body>
  62. <div class="panel">
  63. <div class="panel-top">
  64. <div class="tbar-title">
  65. <span class="tbar-label">编辑流程WebService节点</span>
  66. </div>
  67. </div>
  68. <div id="webLayout" class="panel-body">
  69. <div position="left" title="WebService参数"
  70. style="overflow: hidden; float: left; width: 100%; height: 100%;">
  71. <div id="wsLayout" style="height: 48%; border: 1px solid #ddd;">
  72. <div>
  73. <input type="text" id="wsdlTxt" value="请输入地址查询"
  74. style="width: 75%; height: 23px" /> <a class="link search"
  75. id="treeSearch" onclick="javascript:getByWsdlUrl();">查询</a>
  76. </div>
  77. <div class="tree-toolbar" id="pToolbar">
  78. <div class="toolBar"
  79. style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap">
  80. <div class="group">
  81. <a class="link reload" id="treeReFresh">刷新</a>
  82. </div>
  83. <div class="l-bar-separator"></div>
  84. <div class="group">
  85. <a class="link expand" id="treeExpand">展开</a>
  86. </div>
  87. <div class="l-bar-separator"></div>
  88. <div class="group">
  89. <a class="link collapse" id="treeCollapse">收起</a>
  90. </div>
  91. </div>
  92. </div>
  93. <ul id="wsTree" class="ztree" style="overflow: auto;"></ul>
  94. </div>
  95. <div id="varLayout" style="height:40%;">
  96. <div class="panel-toolbar" style="border: 1px #8dc2e3 solid;">
  97. <div class="group">流程变量</div>
  98. </div>
  99. <ul id="varTree" class="ztree" style="height:100%;overflow: auto;"></ul>
  100. </div>
  101. </div>
  102. <div position="center" title="webservice设置" style="overflow: auto;">
  103. <div class="panel-toolbar">
  104. <div class="toolBar">
  105. <div class="group">
  106. <a class="link save" id="dataFormSave" href="javascript:;"><span></span>保存</a>
  107. </div>
  108. <div class="group">
  109. <a class="link close" onclick="javasrcipt:closeWin()"><span></span>关闭</a>
  110. </div>
  111. </div>
  112. </div>
  113. <div>
  114. <form id="bpmNodeWebServiceForm" method="post" action="save.ht">
  115. <div id="webservice"></div>
  116. </form>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <div style="display: none;" id="editField">
  122. <!-- 方法表格 -->
  123. <fieldset style="margin: 5px 0px 5px 0px;" zone="method">
  124. <legend>
  125. <div class="group" style="float: none;width: 120px;">
  126. <span>webservice绑定</span>
  127. <a class="link del" var="del" title="删除当前绑定"></a>
  128. </div>
  129. </legend>
  130. <table class="table-detail">
  131. <tbody>
  132. <tr>
  133. <th style="width: 15%;">WSDL地址</th>
  134. <td style="width: 35%" var="wsdl"></td>
  135. <th style="width: 15%;">调用地址</th>
  136. <td>
  137. <input type="text" class="inputText" var="invokeUrl" style="width: 300px;" />
  138. <input type="hidden" var="serviceName" />
  139. <input type="hidden" var="soapaction"/>
  140. </td>
  141. </tr>
  142. <tr>
  143. <th>命名空间</th>
  144. <td var="namespace"></td>
  145. <th>调用方法</th>
  146. <td var="method"></td>
  147. </tr>
  148. <tr>
  149. <th>入参绑定</th>
  150. <td colspan="3">
  151. <div style="float: left; width: 30%;">
  152. <ul var="inputTree" class="ztree" style="overflow: auto;"></ul>
  153. </div>
  154. <div style="float: right; width: 65%; padding: 5px;"
  155. var="inputTreeEdit"></div>
  156. </td>
  157. </tr>
  158. <tr>
  159. <th>出参绑定</th>
  160. <td colspan="3">
  161. <div style="float: left; width: 30%;">
  162. <ul var="outputTree" class="ztree" style="overflow: auto;"></ul>
  163. </div>
  164. <div style="float: right; width: 65%; padding: 5px;"
  165. var="outputTreeEdit"></div>
  166. </td>
  167. </tr>
  168. </tbody>
  169. </table>
  170. </fieldset>
  171. <!-- 出入参编辑表格 -->
  172. <table class="table-detail" zone="binding">
  173. <tbody>
  174. <tr>
  175. <th width="20%">参数名</th>
  176. <td width="30%">
  177. <input type="hidden" var="fullpath"/>
  178. <span var="name"></span>
  179. </td>
  180. <th width="20%">SOAP类型</th>
  181. <td var="type"></td>
  182. </tr>
  183. <tr>
  184. <th>绑定类型</th>
  185. <td colspan="3">
  186. <select name="bindingType">
  187. <option value="1">固定值</option>
  188. <option value="2" selected="selected">流程变量</option>
  189. <option value="3">脚本</option>
  190. </select>
  191. </td>
  192. </tr>
  193. <tr bingdingType="1" style="display: none;">
  194. <th>默认值</th>
  195. <td colspan="3"><input type="text" class="inputText" name="defValue1" /></td>
  196. </tr>
  197. <tr bingdingType="2">
  198. <th>绑定变量</th>
  199. <td colspan="3"><span class="drag-span" name="defValue2">[请拖拽流程变量到此处]</span></td>
  200. </tr>
  201. <tr bingdingType="2">
  202. <th>变量JAVA类型</th>
  203. <td colspan="3" name="javaType"></td>
  204. </tr>
  205. <tr bingdingType="3" style="display: none;">
  206. <th>
  207. <a href="javascript:;" class="link tipinfo hidden">
  208. <span style="z-index: 100;text-align: left;">
  209. 1、返回值使用returnObj表示;<br/>
  210. 2、流程变量可以直接使用java<br/>语法进行操作,比如for循环等等。
  211. </span>
  212. </a>
  213. 脚本
  214. </th>
  215. <td colspan="3">
  216. <textarea cols="50" rows="5" name="defValue3"></textarea>
  217. </td>
  218. </tr>
  219. </tbody>
  220. </table>
  221. </div>
  222. </body>
  223. </html>