|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
<title>流程设计器</title>
|
|
|
<!--JL.plus-->
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
|
<meta name="author" content="leipi.org" />
|
|
|
|
|
|
<script src="../../WF/Scripts/jquery-1.11.0.min.js" type="text/javascript"></script>
|
|
|
<script src="../../WF/Scripts/QueryString.js" type="text/javascript"></script>
|
|
|
<script src="../../WF/Scripts/config.js" type="text/javascript"></script>
|
|
|
<script src="../../WF/Comm/Gener.js" type="text/javascript"></script>
|
|
|
<script src="../../WF/Admin/CCFlowEnum.js" type="text/javascript"></script>
|
|
|
|
|
|
<link href="../../WF/Admin/CCBPMDesigner/Public/css/bootstrap/css/bootstrap.css?2025" rel="stylesheet" type="text/css" />
|
|
|
<link href="../../WF/Admin/CCBPMDesigner/Public/css/jquery-ui.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<!--[if lte IE 6]>
|
|
|
<link rel="stylesheet" type="text/css" href="../../WF/Admin/CCBPMDesigner/Public/css/bootstrap/css/bootstrap-ie6.css?2025">
|
|
|
<![endif]-->
|
|
|
<!--[if lte IE 7]>
|
|
|
<link rel="stylesheet" type="text/css" href="../../WF/Admin/CCBPMDesigner/Public/css/bootstrap/css/ie.css?2025">
|
|
|
<![endif]-->
|
|
|
<link href="../../WF/Admin/CCBPMDesigner/Public/css/site.css?2025" rel="stylesheet" type="text/css" />
|
|
|
<link href="../../WF/Admin/CCBPMDesigner/Public/js/flowdesign/flowdesign.css" rel="stylesheet" type="text/css" />
|
|
|
<!--select 2-->
|
|
|
<link href="../../WF/Admin/CCBPMDesigner/Public/js/jquery.multiselect2side/css/jquery.multiselect2side.css" rel="stylesheet" type="text/css" />
|
|
|
<!--JL.plus-->
|
|
|
<script src="../../WF/Scripts/EasyUIUtility.js" type="text/javascript"></script>
|
|
|
<script src="../../WF/Admin/CCBPMDesigner/Public/js/jquery-1.7.2.min.js?2025" type="text/javascript"></script>
|
|
|
<!--<script src="../../Scripts/jquery-1.11.0.min.js" type="text/javascript"></script>-->
|
|
|
<script src="../../WF/Scripts/easyUI145/jquery.easyui.min.js" type="text/javascript"></script>
|
|
|
<script src="../../WF/Admin/CCBPMDesigner/Public/css/bootstrap/js/bootstrap.min.js?2025" type="text/javascript"></script>
|
|
|
<script src="../../WF/Scripts/bootstrap/BootstrapUIDialog.js" type="text/javascript"></script>
|
|
|
<script src="../../WF/Admin/CCBPMDesigner/Public/js/jquery-ui/jquery-ui-1.9.2-min.js?2025" type="text/javascript"></script>
|
|
|
|
|
|
<script src="../../WF/Admin/CCBPMDesigner/Public/js/jsPlumb/bak/jquery.jsPlumb-1.4.0-all.js?2025" type="text/javascript"></script>
|
|
|
|
|
|
<script src="../../WF/Admin/CCBPMDesigner/Public/js/jquery.contextmenu.r2.js?2025" type="text/javascript"></script>
|
|
|
<!--select 2-->
|
|
|
<script src="../../WF/Admin/CCBPMDesigner/Public/js/jquery.multiselect2side/js/jquery.multiselect2side.js?2025" type="text/javascript"></script>
|
|
|
<!--flowdesign-->
|
|
|
<script src="../../WF/Admin/CCBPMDesigner/Public/js/flowdesign/leipi.flowdesign.v3.js?2025" type="text/javascript"></script>
|
|
|
<script src="./Designer2018.js" type="text/javascript"></script>
|
|
|
|
|
|
<!--layer-->
|
|
|
<link href="../../WF/Comm/JS/layer/layer.css" rel="stylesheet" type="text/css"/>
|
|
|
<script src="../../WF/Comm/JS/layer/layer.js" type="text/javascript"></script>
|
|
|
<style>
|
|
|
body {
|
|
|
background-color: #f7f6f9;
|
|
|
}
|
|
|
|
|
|
.navbar-fixed-top .navbar-inner {
|
|
|
background-color: #f7f6f9;
|
|
|
background-image: none;
|
|
|
border: 0 none;
|
|
|
font-size: 14px;
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
|
|
|
.navbar-fixed-top .container {
|
|
|
width: auto;
|
|
|
padding: 7px 6px 0 0;
|
|
|
background-color: #f7f6f9;
|
|
|
}
|
|
|
|
|
|
.navbar .btn, .navbar .btn-group {
|
|
|
margin-top: 0;
|
|
|
}
|
|
|
|
|
|
.navbar .btn {
|
|
|
margin-right: 6px;
|
|
|
padding: 0 12px;
|
|
|
height: 26px;
|
|
|
color: #fff;
|
|
|
font-size: 12px;
|
|
|
line-height: 14px;
|
|
|
border: 0 none;
|
|
|
border-radius: 3px;
|
|
|
background-image: none;
|
|
|
box-shadow: none;
|
|
|
text-shadow: none;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.btn-light-green {
|
|
|
background-color: #50b6ac;
|
|
|
}
|
|
|
|
|
|
.btn-light-green:hover, .btn-light-green:active, .btn-light-green:focus {
|
|
|
background-color: #50b6ac;
|
|
|
}
|
|
|
|
|
|
.btn-light-blue {
|
|
|
background-color: #62cae3;
|
|
|
}
|
|
|
|
|
|
.btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue:focus {
|
|
|
background-color: #62cae3;
|
|
|
}
|
|
|
|
|
|
.btn-light-yellow {
|
|
|
background-color: #f3ba20;
|
|
|
}
|
|
|
|
|
|
.btn-light-yellow:hover, .btn-light-yellow:active, .btn-light-yellow:focus {
|
|
|
background-color: #f3ba20;
|
|
|
}
|
|
|
|
|
|
.btn-light-red {
|
|
|
background-color: #f74f52;
|
|
|
}
|
|
|
|
|
|
.btn-light-red:hover, .btn-light-red:active, .btn-light-red:focus {
|
|
|
background-color: #f74f52;
|
|
|
}
|
|
|
|
|
|
.navbar .btn-white {
|
|
|
border: 1px solid #031f5d;
|
|
|
background-color: #fff;
|
|
|
color: #031f5d;
|
|
|
}
|
|
|
|
|
|
.btn-white:hover, .btn-white:active, .btn-white:focus {
|
|
|
background-color: white;
|
|
|
}
|
|
|
|
|
|
.cs-main-box {
|
|
|
position: absolute;
|
|
|
top: 41px;
|
|
|
left: 12px;
|
|
|
right: 12px;
|
|
|
bottom: 30px;
|
|
|
width: calc(100% - 24px);
|
|
|
background-color: #fff;
|
|
|
box-shadow: 0 0 14px rgba(0,0,0,.1);
|
|
|
}
|
|
|
|
|
|
.modal {
|
|
|
position: absolute;
|
|
|
}
|
|
|
|
|
|
.cs-main-box .mini-layout {
|
|
|
height: auto;
|
|
|
}
|
|
|
|
|
|
.btn .badge {
|
|
|
margin-right: 3px;
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
line-height: 20px;
|
|
|
top: -3px;
|
|
|
padding: 0;
|
|
|
background-color: #031f5d;
|
|
|
border-radius: 10px;
|
|
|
}
|
|
|
|
|
|
.btn .badge i {
|
|
|
transform: scale(0.8);
|
|
|
}
|
|
|
|
|
|
btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
|
|
|
margin: 2px 0 0 0;
|
|
|
}
|
|
|
|
|
|
.process-step {
|
|
|
background: #fff none;
|
|
|
border-color: #031f5d;
|
|
|
}
|
|
|
|
|
|
.process-step span, .process-lab span {
|
|
|
color: #031f5d;
|
|
|
}
|
|
|
|
|
|
.container.mini-layout path {
|
|
|
stroke: #839ace;
|
|
|
fill: #839ace;
|
|
|
}
|
|
|
|
|
|
.ui-dialog-titlebar {
|
|
|
background-color: #E6E6E6;
|
|
|
}
|
|
|
|
|
|
#mainul2 li {
|
|
|
margin-bottom: 7px;
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="ShowMsg" class="panel window mymask mymaskContainer" style="display: none;
|
|
|
width: 320px; height: 32px; z-index: 21008; text-align: center; font-size: 14px;
|
|
|
font-weight: bold;">
|
|
|
<img alt="" src="../../WF/Admin/CCBPMDesigner/Img/loading_small.gif" align='middle' style="width: 32px; height: 32px;" />
|
|
|
正在创建，请稍后...
|
|
|
</div>
|
|
|
<div class="window-mask mymask" style="width: 100%; height: 100%; display: none;
|
|
|
z-index: 21006;">
|
|
|
</div>
|
|
|
<div style="display:none; z-index:10000; margin-left:20%; margin-top:10%; background-color:white; position:fixed;" id="Msg">
|
|
|
<img src="../../WF/Admin/CCBPMDesigner/Img/DemoLine.gif" alt="正在加载....." />
|
|
|
</div>
|
|
|
<!-- fixed navbar -->
|
|
|
<div class="navbar navbar-inverse navbar-fixed-top">
|
|
|
<div class="navbar-inner">
|
|
|
<div class="container">
|
|
|
<div class="pull-right">
|
|
|
|
|
|
<button class="btn btn-white" type="button" id="Btn_Save">
|
|
|
<image src="../../WF/Img/Btn/Save.png" width="14px" height="14px"> 保存</image>
|
|
|
</button>
|
|
|
<button class="btn btn-white" type="button" id="Btn_FlowAttr" onclick="FlowProperty()">
|
|
|
<image src="../../WF/Img/Btn/FlowProperty.png" width="14px" height="14px"> 流程属性</image>
|
|
|
</button>
|
|
|
|
|
|
<button class="btn btn-white" type="button" id="Btn_Check" onclick="FlowCheck()">
|
|
|
<image src="../../WF/Img/Btn/Check.png" width="14px" height="14px"> 检查流程</image>
|
|
|
</button>
|
|
|
<button class="btn btn-white" type="button" id="Btn_Run" onclick="FlowRun2020()">
|
|
|
<image src="../../WF/Img/Btn/TestContainer.png" width="14px" height="14px"> 测试容器</image>
|
|
|
</button>
|
|
|
|
|
|
<button class="btn btn-white" type="button" id="Btn_Frm" onclick="Frm()">
|
|
|
<image src="../../WF/Img/Btn/Design.png" width="14px" height="14px"> 设计表单</image>
|
|
|
</button>
|
|
|
|
|
|
<button class="btn btn-white" type="button" id="Btn_Help" onclick="Help()">
|
|
|
<image src="../../WF/Img/Btn/Help.png" width="14px" height="14px"> 帮助</image>
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- Modal -->
|
|
|
<!--<div class="cs-main-box">-->
|
|
|
<div id="alertModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
|
|
|
aria-hidden="true">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
×
|
|
|
</button>
|
|
|
<h3>
|
|
|
消息提示
|
|
|
</h3>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<p>
|
|
|
提示内容
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
|
|
|
我知道了
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 修改节点名称 -->
|
|
|
<div id="alertModal1" style="width:400px;" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
|
|
|
aria-hidden="true">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
×
|
|
|
</button>
|
|
|
<h4>
|
|
|
修改节点名称
|
|
|
</h4>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<p>
|
|
|
提示内容
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button data-dismiss="modal" aria-hidden="true" onclick="SaveNodeName();">
|
|
|
保存
|
|
|
</button>
|
|
|
<button onclick="SaveAndUpdateNodeName();" btn-primary=btn-primary data-dismiss="modal" aria-hidden="true">
|
|
|
保存&更新节点表单名称
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 连接线提示 -->
|
|
|
<div id="alertModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
|
|
|
aria-hidden="true">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
×
|
|
|
</button>
|
|
|
<h3>
|
|
|
增加连接线演示
|
|
|
</h3>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<img src="../../WF/Admin/CCBPMDesigner/Img/DemoLine.gif" />
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
|
|
|
我知道了
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 新建流程提示 -->
|
|
|
<div id="alertModal4" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
|
|
|
aria-hidden="true">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
×
|
|
|
</button>
|
|
|
<h3>
|
|
|
消息提示
|
|
|
</h3>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<img src="../../WF/Admin/CCBPMDesigner/Img/NewFlow.gif" />
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
|
|
|
我知道了
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 修改标签名称 -->
|
|
|
<div id="alertModal3" style="width:400px;" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
|
|
|
aria-hidden="true">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
×
|
|
|
</button>
|
|
|
<h3>
|
|
|
修改标签名称
|
|
|
</h3>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<p>
|
|
|
提示内容
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button class="btn btn-primary savetext" data-dismiss="modal" aria-hidden="true">
|
|
|
保存
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 点击线的提示 -->
|
|
|
<div id="LineModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
|
|
|
aria-hidden="true">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
|
|
×
|
|
|
</button>
|
|
|
<h3>
|
|
|
修改方向
|
|
|
</h3>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<p>
|
|
|
提示内容
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button class="btn btn-primary savetext" data-dismiss="modal" id="lineDel" aria-hidden="true">
|
|
|
删除
|
|
|
</button>
|
|
|
<button class="btn btn-primary savetext" data-dismiss="modal_fx" id="lineSet" aria-hidden="true">
|
|
|
设置方向条件
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- attributeModal -->
|
|
|
<div id="attributeModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
|
|
|
aria-hidden="true" style="width: 800px; margin-left: -350px">
|
|
|
<div class="modal-body" style="max-height: 500px;">
|
|
|
<!-- body -->
|
|
|
</div>
|
|
|
<div class="modal-footer" style="padding: 5px;">
|
|
|
<!--a href="#" class="btn btn-danger" data-dismiss="modal" aria-hidden="true"><i class="icon-remove icon-white"></i></a-->
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="processMenu" style="display: none;">
|
|
|
<ul id="mainul">
|
|
|
<li id="pmAttribute"><i class="icon-cog"></i> <span class="_label">节点属性</span></li>
|
|
|
<!--<li id="pmFrmSln"><i class="icon-th"></i> <span class="_label">表单方案</span></li>
|
|
|
<li id="pmFrmD"><i class="icon-comment"></i> <span class="_label">设计表单</span></li>-->
|
|
|
<li id="pmfun"><i class="icon-wrench"></i> <span class="_label">节点类型</span><i class="icon-chevron-right"></i></li>
|
|
|
<li id="pmWorkCheck"><i class="icon-comment"></i> <span class="_label">审核组件状态</span></li>
|
|
|
<li id="pmNodeAccepterRole"><i class="icon-user"></i> <span class="_label">接收人规则</span></li>
|
|
|
<li id="pmDelete"><i class="icon-trash"></i> <span class="_label">删除节点</span></li>
|
|
|
<li id="pmCondDir"><i class="icon-share"></i> <span class="_label">方向条件</span></li>
|
|
|
<li id="Li1"><i class="icon-plus"></i> <span class="_label" onclick="ShowGif()">增加连接线</span></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div id="nodeMenu" style="padding: 3px;position: absolute; background: #fff;display: none;font-family: verdana, helvetica, arial, sans-serif;
|
|
|
font-size: 14px;z-index: 501;border-color:black;border-width:4px;">
|
|
|
<ul id="mainul2" style="margin: 4px 4px; border:1px solid black">
|
|
|
<li id="Node_Ordinary"><i class="icon-tag"></i> <span class="_label">普通</span></li>
|
|
|
<li id="Node_FL"><i class="icon-tags"></i> <span class="_label">分流</span></li>
|
|
|
<li id="Node_HL"><i class="icon-tags"></i> <span class="_label">合流</span></li>
|
|
|
<li id="Node_FHL"><i class="icon-tags"></i> <span class="_label">分合流</span></li>
|
|
|
<li id="Node_SubThread0"><i class="icon-tag"></i> <span class="_label">同表单子线程</span></li>
|
|
|
<li id="Node_SubThread1"><i class="icon-tag"></i> <span class="_label">异表单子线程</span></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div id="fwcMenu" style="padding: 3px;position: absolute; background: #fff;display: none;font-family: verdana, helvetica, arial, sans-serif;
|
|
|
font-size: 14px;z-index: 501;border-color:black;border-width:4px;">
|
|
|
<ul id="mainul3" style="margin: 4px 4px; border:1px solid black;padding: 10px 10px;line-height: 30px;">
|
|
|
<li id="FWC_Disable"><i class="icon-tag"></i> <span class="_label">禁用</span></li>
|
|
|
<li id="FWC_Enable"><i class="icon-tags"></i> <span class="_label">启用</span></li>
|
|
|
<li id="FWC_ReadOnly"><i class="icon-tags"></i> <span class="_label">只读</span></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<div id="canvasMenu" style="display: none;">
|
|
|
<ul>
|
|
|
<li id="cmNewNode"><i class="icon-plus"></i> <span class="_label">新建节点</span></li>
|
|
|
<li id="cmNewLabel"><i class="icon-plus"></i> <span class="_label">添加标签</span></li>
|
|
|
<li id="Li3"><i class="icon-plus"></i> <span class="_label" onclick="ShowGif();">增加连接线</span></li>
|
|
|
<li id="cmHelp"><i class="icon-search"></i> <span class="_label">获得帮助</span></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div id="canvasLabMenu" style="display: none;">
|
|
|
<ul>
|
|
|
<li id="clmNewName"><i class="icon-wrench"></i> <span class="_label">修改标签</span></li>
|
|
|
<li id="clmDelete"><i class="icon-trash"></i> <span class="_label">删除标签</span></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!--end div-->
|
|
|
<div class="container mini-layout cs-main-box" id="flowdesign_canvas">
|
|
|
<!--div class="process-step btn" style="left: 189px; top: 340px;"><span class="process-num badge badge-inverse"><i class="icon-star icon-white"></i>3</span> 步骤3</div-->
|
|
|
</div>
|
|
|
|
|
|
<style>
|
|
|
li {
|
|
|
list-style: none;
|
|
|
}
|
|
|
|
|
|
#nodeMenu li {
|
|
|
padding: 0px 0px 1px 5px;
|
|
|
}
|
|
|
|
|
|
#nodeMenu li:hover {
|
|
|
background-color: #2980b9;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
/****给弹出框URL写的样式*/
|
|
|
.ui-icon-closethick {
|
|
|
background-position: 0;
|
|
|
}
|
|
|
|
|
|
.ui-widget-header .ui-icon {
|
|
|
top: 30% !important;
|
|
|
}
|
|
|
|
|
|
.ui-dialog .ui-dialog-titlebar-close {
|
|
|
background-image: url(Public/css/images/ui-icons_444444_256x240.png);
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: 1px;
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
<!--</div>-->
|
|
|
</body>
|
|
|
</html>
|