console-create.jsp 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. <%@page contentType="text/html;charset=UTF-8"%>
  2. <%@include file="/taglibs.jsp"%>
  3. <%pageContext.setAttribute("currentHeader", "bpm-console");%>
  4. <%pageContext.setAttribute("currentMenu", "bpm-process");%>
  5. <!doctype html>
  6. <html lang="en">
  7. <head>
  8. <%@include file="/common/meta.jsp"%>
  9. <title>designer</title>
  10. <%@include file="/common/s.jsp"%>
  11. <script type="text/javascript" src="${tenantPrefix}/widgets/gef/designer-bpmn2-packed.js"></script>
  12. <script type='text/javascript' src='${tenantPrefix}/widgets/gef/container-layout.js'></script>
  13. <script type='text/javascript' src='${tenantPrefix}/widgets/gef/adaptor.js'></script>
  14. <script type="text/javascript">
  15. Gef.IMAGE_ROOT = '${tenantPrefix}/widgets/gef/images/activities/48/';
  16. </script>
  17. </head>
  18. <body>
  19. <%@include file="/header/bpm-console.jsp"%>
  20. <div class="row-fluid">
  21. <%@include file="/menu/bpm-console.jsp"%>
  22. <!-- start of main -->
  23. <section id="m-main" class="span10">
  24. <div id="__gef_container__" style="padding-left:5px;">
  25. <div id="__gef_toolbar__">
  26. <div id="__gef_toolbar_blank__" style="float:left;">&nbsp;</div>
  27. <div class="btn-group">
  28. <button class="btn btn-small" onclick="Gef.activeEditor.reset()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/New-16x16.png">新建</button>
  29. <button class="btn btn-small" onclick="doImport()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/Properties_16x16.png">导入</button>
  30. <button class="btn btn-small" onclick="doExport()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/Copy_16x16.png">导出</button>
  31. <button class="btn btn-small" onclick=""><img src="${tenantPrefix}/widgets/gef/images/visualpharm/Save-16x16.png">保存</button>
  32. <button class="btn btn-small" onclick="doDeploy()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/Stock-Index-Up-16x16.png">发布</button>
  33. <button class="btn btn-small" onclick="Gef.activeEditor.clear()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/Cancel_16x16.png">清空</button>
  34. <button class="btn btn-small" onclick="doUndo()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/Undo_16x16.png">撤销</button>
  35. <button class="btn btn-small" onclick="doRedo()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/Redo_16x16.png">重做</button>
  36. <button class="btn btn-small" onclick="doLayout()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/Settings_16x16.png">布局</button>
  37. <button class="btn btn-small" onclick=""><img src="${tenantPrefix}/widgets/gef/images/visualpharm/Delete_16x16.png">删除</button>
  38. <button class="btn btn-small" onclick="alignVertical()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/New-16x16.png">竖直对齐</button>
  39. <button class="btn btn-small" onclick="alignHorizontal()"><img src="${tenantPrefix}/widgets/gef/images/visualpharm/New-16x16.png">水平对齐</button>
  40. </div>
  41. </div>
  42. <div id="__gef_palette__" style="float:left;">
  43. <div style="border: 1px solid #CCCCCC; border-radius: 4px;padding: 2px;">
  44. <div id="startnone" class="paletteItem-startnone" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  45. <img id="startnone-img" class="paletteItem-startnone" src="${tenantPrefix}/widgets/gef/images/activities/32/start-event.png" unselectable="on">
  46. </div>
  47. <div id="endnone" class="paletteItem-endnone" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  48. <img id="endnone-img" class="paletteItem-endnone" src="${tenantPrefix}/widgets/gef/images/activities/32/end-event.png" unselectable="on">
  49. </div>
  50. <div id="exclusive" class="paletteItem-exclusive" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  51. <img id="exclusive-img" class="paletteItem-exclusive" src="${tenantPrefix}/widgets/gef/images/activities/32/gateway.png" unselectable="on">
  52. </div>
  53. <div id="taskuser" class="paletteItem-taskuser" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  54. <img id="taskuser-img" class="paletteItem-taskuser" src="${tenantPrefix}/widgets/gef/images/activities/32/task.png" unselectable="on">
  55. </div>
  56. <div id="subprocess" class="paletteItem-subprocess" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  57. <img id="subprocess-img" class="paletteItem-subprocess" src="${tenantPrefix}/widgets/gef/images/activities/32/sub-process.png" unselectable="on">
  58. </div>
  59. <div id="pool" class="paletteItem-pool" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  60. <img id="pool-img" class="paletteItem-pool" src="${tenantPrefix}/widgets/gef/images/activities/32/pool.png" unselectable="on">
  61. </div>
  62. <div id="lane" class="paletteItem-lane" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  63. <img id="lane-img" class="paletteItem-lane" src="${tenantPrefix}/widgets/gef/images/activities/32/lane.png" unselectable="on">
  64. </div>
  65. <div id="catchtimer" class="paletteItem-catchtimer" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  66. <img id="catchtimer-img" class="paletteItem-catchtimer" src="${tenantPrefix}/widgets/gef/images/activities/32/catching-event.png" unselectable="on">
  67. </div>
  68. <div id="throwsignal" class="paletteItem-throwsignal" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  69. <img id="throwsignal-img" class="paletteItem-throwsignal" src="${tenantPrefix}/widgets/gef/images/activities/32/throwing-event.png" unselectable="on">
  70. </div>
  71. <div id="boundarycancel" class="paletteItem-boundarycancel" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  72. <img id="boundarycancel-img" class="paletteItem-boundarycancel" src="${tenantPrefix}/widgets/gef/images/activities/32/boundary-event.png" unselectable="on">
  73. </div>
  74. </div>
  75. </div>
  76. <div id="__gef_canvas_wrapper__" style="float:left;clear:right;overflow:auto;">
  77. <div id="__gef_canvas__">
  78. </div>
  79. </div>
  80. <div id="__gef_property__" style="clear:left;background-color:white;overflow:auto;border:1px solid black;">
  81. </div>
  82. </div>
  83. <!--
  84. <div id="__gef_bpmn2_palette__" class="modal" style="left:480px;top:100px;width:70px;">
  85. <div style="text-align:center;padding:5px;">
  86. <button class="btn btn-small" onclick="$('#__gef_bpmn2_palette_content__').toggle();">折叠</button>
  87. <button class="btn btn-small" onclick="var xml = Gef.activeEditor.serial();alert(xml);">发布</button>
  88. <button class="btn btn-small" onclick="doLayout()">布局</button>
  89. <button class="btn btn-small" onclick="doUndo()">撤销</button>
  90. <button class="btn btn-small" onclick="doRedo()">重做</button>
  91. <button class="btn btn-small" onclick="showForm()">表单</button>
  92. </div>
  93. <div unselectable="on" id="__gef_bpmn2_palette_content__">
  94. <div id="startnone" class="paletteItem-startnone" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  95. <img id="startnone-img" class="paletteItem-startnone" src="${tenantPrefix}/widgets/gef/images/bpmn2/large/start_empty.png" unselectable="on">
  96. <br>start
  97. </div>
  98. <div id="endnone" class="paletteItem-endnone" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  99. <img id="endnone-img" class="paletteItem-endnone" src="${tenantPrefix}/widgets/gef/images/bpmn2/large/end_empty.png" unselectable="on">
  100. <br>end
  101. </div>
  102. <div id="exclusive" class="paletteItem-exclusive" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  103. <img id="exclusive-img" class="paletteItem-exclusive" src="${tenantPrefix}/widgets/gef/images/bpmn2/large/gateway_exclusive.png" unselectable="on">
  104. <br>exclusive
  105. </div>
  106. <div id="parallel" class="paletteItem-parallel" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  107. <img id="parallel-img" class="paletteItem-parallel" src="${tenantPrefix}/widgets/gef/images/bpmn2/large/gateway_parallel.png" unselectable="on">
  108. <br>parallel
  109. </div>
  110. <div id="taskuser" class="paletteItem-taskuser" style="text-align:center;font-size:12px;cursor:pointer;" unselectable="on">
  111. <img id="taskuser-img" class="paletteItem-taskuser" src="${tenantPrefix}/widgets/gef/images/bpmn2/large/task_empty.png" unselectable="on">
  112. <br>user task
  113. </div>
  114. </div>
  115. </div>
  116. <div id="__gef_bpmn2_center__">
  117. </div>
  118. <div id="__gef_bpmn2_parameter__" class="modal" style="top:100px;left:1345px;width:200px;">
  119. </div>
  120. -->
  121. <div id="__gef_form__" class="modal hide" style="width:900px;">
  122. <div class="modal-body">
  123. <table class="table">
  124. <thead>
  125. <tr>
  126. <th>&nbsp;</th>
  127. <th>id</th>
  128. <th>name</th>
  129. <th>type</th>
  130. <th>required</th>
  131. <th>writable</th>
  132. </tr>
  133. </thead>
  134. <tbody id="__gef_form_tbody__">
  135. <tr>
  136. <td>&nbsp;</td>
  137. <td>&nbsp;</td>
  138. <td>&nbsp;</td>
  139. <td>&nbsp;</td>
  140. <td>&nbsp;</td>
  141. <td>&nbsp;</td>
  142. </tr>
  143. </tbody>
  144. </table>
  145. </div>
  146. <div class="modal-footer">
  147. <a id="__gef_bpmn2_form_add__" href="#" class="btn">添加一行</a>
  148. <a id="__gef_bpmn2_form_close__" href="#" class="btn">关闭</a>
  149. <a id="__gef_bpmn2_form_save__" href="#" class="btn btn-primary">保存</a>
  150. </div>
  151. </div>
  152. <div id="__gef_menu__">
  153. <ul class="dropdown-menu" style="min-width:auto;">
  154. <li><a href="#">a</a></li>
  155. <li><a href="#">b</a></li>
  156. </ul>
  157. </div>
  158. <div id="__gef_xml__" class="modal hide" style="width:50%">
  159. <div class="modal-header">
  160. 导入
  161. </div>
  162. <div class="modal-body">
  163. <textarea id="__gef_xml_content__" style="width:95%;height:150px;"></textarea>
  164. </div>
  165. <div class="modal-footer">
  166. <a id="__gef_xml_close__" href="#" class="btn">关闭</a>
  167. <a id="__gef_xml_save__" href="#" class="btn btn-primary">导入</a>
  168. </div>
  169. </div>
  170. </section>
  171. <!-- end of main -->
  172. </div>
  173. <form id="f" action="console-deploy.do" method="post" style="display:none;">
  174. <textarea id="__gef_bpmn2_xml__" name="xml"></textarea>
  175. </form>
  176. </body>
  177. </html>