bpmCommonWsSetEdit.jsp 7.2 KB

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