| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
- <%
- String path = request.getContextPath();
- String basePath=path+"/";
- String id =request.getParameter("id");
- String action = request.getParameter("action");
- %>
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title>流程设计器</title>
- <link rel="stylesheet" href="<%=basePath %>player/design/bpmn/common/assets/diagram-js.css">
- <link rel="stylesheet" href="<%=basePath %>player/design/bpmn/common/assets/bpmn-font/css/bpmn-embedded.css">
- <link rel="stylesheet" type="text/css" href="<%=basePath %>player/js/bootstrap-3.3.7-dist/css/bootstrap.css">
- <style type="text/css">
- html, body {
- height: 100%;
- padding: 0;
- }
- #canvas {
- height: calc(100% - 50px);
- padding: 0;
- }
- .row {
- position: absolute;
- top: calc(100% - 50px);
- width: 100%;
- margin-left:0px;
- padding-top:10px;
- }
- .row label{
- width: 80px;
- padding-left: 15px;
- padding-right: 0px;
- padding-top:6px;
- }
- .col-sm-10{
- width:250px;
- }
- </style>
- </head>
- <body>
- <!-- element to draw bpmn diagram in -->
- <div id="canvas"></div>
- <div class="row">
- <div style="float: left;">
- <label for="firstname" class="col-sm-2 control-label" >流程名称</label>
- <input type="text" class="form-control" id="ptName" placeholder="请输入流程名称" style="width: 300px;display: inline;">
- </div>
- <div style="float: left;width: calc(100% - 400px);">
- <label for="lastname" class="col-sm-2 control-label" >流程描述</label>
- <input type="text" class="form-control" id="ptDesc" placeholder="请输入流程描述" style="width: calc(100% - 80px);display: inline;">
- </div>
- <button type="submit" class="btn btn-default" style="display: none;" id="save-button">保存</button>
- </div>
- <script src="<%=basePath%>player/js/jquery/dist/jquery.min.js"></script>
- <script type="text/javascript">
- var basePath = '<%=basePath %>';
- var id = '<%=id %>';
- var action = '<%=action %>';
- var template = null;
- if(id!=null&&id!='null'){
- $.ajax({
- type: "POST",
- dataType: "json",
- async:false,
- url: basePath + "/WFP?module=template&action=findById",
- data: {id:id},
- success: function(data) {
- template = data;
- if(action=='copy'){
- $("#ptName").val(data.name+"副本");
- $("#ptDesc").val(data.label+"副本");
- }else{
- $("#ptName").val(data.name);
- $("#ptDesc").val(data.label);
- }
-
- }
- });
- }
- </script>
- <script src="<%=basePath %>player/design/bpmn/design/bpmn-modeler.min.js"></script>
- <script src="<%=basePath %>player/design/bpmn/design/modeler.js"></script>
- </body>
- </html>
|