You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

497 lines
20 KiB
Plaintext

11 months ago
<!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="../layuiadmin/layui/css/modules/layer/default/layer.css" rel="stylesheet" />
<script src="../layuiadmin/layui/lay/modules/layer.js"></script>
<script src="../layuiadmin/layui/layui.js"></script>
<link href="css/icons.css" rel="stylesheet" />
<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">
<button style="padding-left:2px;margin-left:13px;" class="btn btn-white" type="button" id="Btn_ChangeIcon" onclick="ChangeFlowIcon()"></button>
<!--<div class="pull-left" id="FlowInfo" style="padding-left:12px;padding-bottom:3px"></div>-->
<div class="pull-right">
<!--<button onclick="window.location.href='Flows.htm'" style="float:left" class="btn btn-white" type="button" id="Btn_Back">
<image src="/WF/Img/Btn/Back.png" width="14px" height="14px">&nbsp;返回模版列表</image>
</button>-->
<button class="btn btn-white" type="button" id="Btn_Save">
<image src="/WF/Img/Btn/Save.png" width="14px" height="14px">&nbsp;保存</image>
</button>
<!--<button class="btn btn-white" type="button" id="Btn_AddNode" onclick="alert('请在画布上的空白区域,点击右键。')">
<image src="/WF/Img/Btn/New.png" width="14px" height="14px">节点</image>
</button>
<button class="btn btn-white" type="button" id="Btn_AddLine" onclick="ShowAddLine();">
<image src="/WF/Img/Btn/New.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">&nbsp;流程属性</image>
</button>
<button class="btn btn-light-yellow" type="button" id="Btn_Check" onclick="FlowCheck()">
<image src="/WF/Img/Btn/Check.png" width="14px" height="14px">&nbsp;检查流程</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">&nbsp;测试容器</image>
</button>
<button class="btn btn-light-green" type="button" id="Btn_Frm" onclick="Frm()">
<image src="/WF/Img/Btn/Design.png" width="14px" height="14px">&nbsp;设计表单</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">&nbsp;请个专家</image>
</button>
<button class="btn btn-white" type="button" id="Btn_Delete" onclick="DeleteFlow()">
<image src="../../WF/Img/Btn/Delete.png" width="14px" height="14px">&nbsp;删除</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>&nbsp;<span class="_label">节点属性</span></li>
<li id="pmNodeAccepterRole"><i class="icon-user"></i>&nbsp;<span class="_label">接收人规则</span></li>
<!--<li id="pmFrmSln"><i class="icon-th"></i>&nbsp;<span class="_label">表单方案</span></li>
<li id="pmFrmD"><i class="icon-comment"></i>&nbsp;<span class="_label">设计表单</span></li>-->
<li id="pmfun"><i class="icon-wrench"></i>&nbsp;<span class="_label">节点类型</span><i class="icon-chevron-right"></i></li>
<li id="pmWorkCheck"><i class="icon-comment"></i>&nbsp;<span class="_label">审核组件状态</span></li>
<li id="pmDelete"><i class="icon-trash"></i>&nbsp;<span class="_label">删除节点</span></li>
<li id="pmCondDir"><i class="icon-share"></i>&nbsp;<span class="_label">方向条件</span></li>
<li id="Li1"><i class="icon-plus"></i>&nbsp;<span class="_label" onclick="ShowAddLine()">增加连接线</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>&nbsp;<span class="_label">禁用</span></li>
<li id="FWC_Enable"><i class="icon-tags"></i>&nbsp;<span class="_label">启用</span></li>
<li id="FWC_ReadOnly"><i class="icon-tags"></i>&nbsp;<span class="_label">只读</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>&nbsp;<span class="_label">普通</span></li>
<li id="Node_FL"><i class="icon-tags"></i>&nbsp;<span class="_label">分流</span></li>
<li id="Node_HL"><i class="icon-tags"></i>&nbsp;<span class="_label">合流</span></li>
<li id="Node_FHL"><i class="icon-tags"></i>&nbsp;<span class="_label">分合流</span></li>
<li id="Node_SubThread0"><i class="icon-tag"></i>&nbsp;<span class="_label">同表单子线程</span></li>
<li id="Node_SubThread1"><i class="icon-tag"></i>&nbsp;<span class="_label">异表单子线程</span></li>
</ul>
</div>
<div id="canvasMenu" style="display: none;">
<ul>
<li id="cmNewNode"><i class="icon-plus"></i>&nbsp;<span class="_label">新建节点</span></li>
<li id="cmNewLabel"><i class="icon-plus"></i>&nbsp;<span class="_label">添加标签</span></li>
<li id="Li3"><i class="icon-plus"></i>&nbsp;<span class="_label" onclick="ShowAddLine();">增加连接线</span></li>
<li id="cmHelp"><i class="icon-search"></i>&nbsp;<span class="_label">获得帮助</span></li>
</ul>
</div>
<div id="canvasLabMenu" style="display: none;">
<ul>
<li id="clmNewName"><i class="icon-wrench"></i>&nbsp;<span class="_label">修改标签</span></li>
<li id="clmDelete"><i class="icon-trash"></i>&nbsp;<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;
}
#fwcMenu 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>
<a href="/WF/Admin/FoolFormDesigner/Designer.htm"></a>
<!--</div>-->
</body>
</html>