|
|
<!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" />
|
|
|
<link href="Public/css/bootstrap/css/bootstrap.css?2025" rel="stylesheet" type="text/css" />
|
|
|
<link href="Public/css/jquery-ui.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
<!--[if lte IE 6]>
|
|
|
<link rel="stylesheet" type="text/css" href="Public/css/bootstrap/css/bootstrap-ie6.css?2025">
|
|
|
<![endif]-->
|
|
|
<!--[if lte IE 7]>
|
|
|
<link rel="stylesheet" type="text/css" href="Public/css/bootstrap/css/ie.css?2025">
|
|
|
<![endif]-->
|
|
|
<link href="Public/css/site.css?2025" rel="stylesheet" type="text/css" />
|
|
|
<link rel="stylesheet" type="text/css" href="Public/js/flowdesign/flowdesign.css" />
|
|
|
<!--select 2-->
|
|
|
<link rel="stylesheet" type="text/css" href="Public/js/jquery.multiselect2side/css/jquery.multiselect2side.css" />
|
|
|
<link href="../../Style/skin/css/Default.css" rel="stylesheet" />
|
|
|
<link href="../../Style/skin/adminfont/iconfont.css" rel="stylesheet" />
|
|
|
<link href="../../Scripts/layui/layui/css/layui.css" rel="stylesheet" />
|
|
|
<style id="theme-data"></style>
|
|
|
</head>
|
|
|
|
|
|
<body style="background:#f5f5f5">
|
|
|
<div id="Guide"></div>
|
|
|
|
|
|
<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="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="./Img/DemoLine.gif" alt="正在加载....." />
|
|
|
</div>
|
|
|
<!-- fixed navbar -->
|
|
|
<div class="navbar navbar-inverse navbar-fixed-top ccbpm-designer">
|
|
|
<div class="navbar-inner">
|
|
|
<div class="container">
|
|
|
<div class="ccbpm-designer-header">
|
|
|
<div style="text-align:center">
|
|
|
|
|
|
<!--<button class="btn btn-light-green" type="button" onclick="ShowNewFlowGif()">
|
|
|
<i class="iconfont icon-xinjian"></i> 新建
|
|
|
</button>-->
|
|
|
|
|
|
<button type="button" class="layui-btn layui-toolbar layui-btn-sm" id="Btn_Save">
|
|
|
<i class="iconfont icon-baocun"></i> 保存
|
|
|
</button>
|
|
|
|
|
|
<!--<button class="btn btn-white" type="button" id="Btn_SaveToColud">
|
|
|
保存到云
|
|
|
</button>-->
|
|
|
|
|
|
<button type="button" class="layui-btn layui-toolbar layui-btn-sm" id="Btn_FlowAttr" onclick="FlowProperty()">
|
|
|
<i class="iconfont icon-xianxingtubiaozhizuomoban-43"></i> 流程属性
|
|
|
</button>
|
|
|
<!--<button class="btn btn-info" type="button" id="Btn_Rpt" onclick="FlowRpt()">
|
|
|
定义报表
|
|
|
</button>-->
|
|
|
|
|
|
<button type="button" class="layui-btn layui-toolbar layui-btn-sm" id="Btn_Check" onclick="FlowCheck()">
|
|
|
<i class="iconfont icon-flow-line"></i>检查
|
|
|
</button>
|
|
|
|
|
|
<!--<button type="button" class="layui-btn layui-toolbar layui-btn-sm" id="Btn_Run" onclick="FlowRun2020()">
|
|
|
<i class="iconfont icon-flow-feiji"></i>测试
|
|
|
</button>-->
|
|
|
<!--<button class="btn btn-info" type="button" id="Btn_Run" onclick="FlowRun2020()">
|
|
|
<i class="iconfont icon-feiji"></i>测试
|
|
|
</button>-->
|
|
|
<!--<button class="btn btn-info" type="button" id="Btn_Run" onclick="FlowRun2020()">
|
|
|
<i class="iconfont icon-feiji"></i>测试
|
|
|
</button>-->
|
|
|
<!--<button class="btn btn-light-blue" type="button" id="Btn_FlowRun" onclick="FlowRun()">
|
|
|
<i class="iconfont icon-shouye"></i>前台测试
|
|
|
</button>-->
|
|
|
<!--<button class="btn btn-light-red" type="button" id="Btn_RunIt" onclick="FlowRunAdmin()">
|
|
|
admin测试运行
|
|
|
</button>-->
|
|
|
<!--<button class="btn btn-warning" type="button" id="Btn_Frm" onclick="EidtFrm()">
|
|
|
<i class="iconfont icon-biaodandingzhimoban"></i>设计表单
|
|
|
</button>-->
|
|
|
|
|
|
|
|
|
<button type="button" class="layui-btn layui-toolbar layui-btn-sm" id="Btn_Batch" onclick="BatchSetting()">
|
|
|
<i class="iconfont icon-biaodandingzhimoban"></i>批量设置
|
|
|
</button>
|
|
|
|
|
|
<!--<button type="button" class="layui-btn layui-toolbar layui-btn-sm" id="Btn_Batch" onclick="Guide()">
|
|
|
<i class="iconfont icon-biaodandingzhimoban"></i>向导
|
|
|
</button>-->
|
|
|
|
|
|
<!--<button class="btn btn-danger" type="button" id="leipi_clear">清空连接</button>-->
|
|
|
<!--<button class="btn btn-info" type="button" id="Btn_OldVer" onclick="OldVer()" >旧版本</button>-->
|
|
|
<!--<button class="btn btn-white" type="button" id="Btn_Reload" onclick="Reload()">
|
|
|
刷新
|
|
|
</button>-->
|
|
|
<button type="button" class="layui-btn layui-toolbar layui-btn-sm" id="Btn_Help" onclick="Help()">
|
|
|
<i class="iconfont icon-help"></i> 帮助
|
|
|
</button>
|
|
|
|
|
|
<button type="button" class="layui-btn layui-toolbar layui-btn-sm" id="Btn_Help" onclick="HelpVideo()">
|
|
|
<i class="iconfont icon-help"></i> 视频教程
|
|
|
</button>
|
|
|
|
|
|
<button type="button" class="layui-btn layui-toolbar layui-btn-sm" id="Btn_Help" onclick="Frm()">
|
|
|
<i class="iconfont icon-biaodandingzhimoban"></i> 下一步：设计表单
|
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</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>
|
|
|
<h4>
|
|
|
消息提示
|
|
|
</h4>
|
|
|
</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="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="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="lineLabSave" aria-hidden="true">
|
|
|
保存
|
|
|
</button>
|
|
|
<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>
|
|
|
<!--contextmenu div-->
|
|
|
<style type="text/css">
|
|
|
/*#mainul {
|
|
|
padding: 1px 0px !important;
|
|
|
}
|
|
|
#mainul li {
|
|
|
padding: 1px 2px !important;
|
|
|
}*/
|
|
|
</style>
|
|
|
<div id="processMenu" style="display: none;" class="designer-menu">
|
|
|
<ul id="mainul">
|
|
|
<li id="pmAttribute"><i class="iconfont icon-shuxing-shouqi"></i> <span class="_label">节点属性</span></li>
|
|
|
<li id="pmName"><i class="iconfont icon-shuxing-shouqi"></i> <span class="_label">修改名称</span></li>
|
|
|
<!--<li id="pmFrmSln"><i class="iconfont icon-shuxing-shouqi"></i> <span class="_label">表单方案</span></li>-->
|
|
|
<!--<li id="pmFrmD"><i class="iconfont icon-shuxing-shouqi"></i> <span class="_label">设计表单</span></li>-->
|
|
|
<!--<li id="pmFrmPower"><i class="icon-comment"></i> <span class="_label">表单权限</span></li>-->
|
|
|
|
|
|
<li id="pmfun">
|
|
|
<i class="iconfont icon-jiedianguanli_1"></i> <span class="_label">节点类型</span><i class="iconfont icon-weimingmingwenjianjia_jiantou"></i>
|
|
|
</li>
|
|
|
|
|
|
<li id="pmNodeAccepterRole"><i class="iconfont icon-Shift"></i> <span class="_label">接收人规则</span></li>
|
|
|
<li id="pmDelete"><i class="iconfont icon-jiedian1"></i> <span class="_label">删除节点</span></li>
|
|
|
<li id="pmCondDir">
|
|
|
<i class="iconfont icon-01zhushuju_tiaojianleixing"></i> <span class="_label">方向条件</span>
|
|
|
</li>
|
|
|
<li id="Li1">
|
|
|
<i class="iconfont icon-Track"></i> <span class="_label" onclick="ShowGif()">增加连接线</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
<div id="fwcMenu" style="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" class="mainul3">
|
|
|
<li id="FWC_Disable"><i class="iconfont icon-jinyong"></i> <span class="_label">禁用</span></li>
|
|
|
<li id="FWC_Enable"><i class="iconfont icon-qiyong"></i> <span class="_label">启用</span></li>
|
|
|
<li id="FWC_ReadOnly"><i class="iconfont icon-ziyuan"></i> <span class="_label">只读</span></li>
|
|
|
<li id="FWC_Batch">
|
|
|
<i class="iconfont icon-jurassic_setup-batch"></i> <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" class="mainul2">
|
|
|
<li id="Node_Ordinary">
|
|
|
<i class="iconfont icon-shouye-xiancheng-"></i> <span class="_label">线型节点</span>
|
|
|
</li>
|
|
|
<li id="Node_FL"><i class="iconfont icon-xianchengxielou"></i> <span class="_label">分流</span></li>
|
|
|
<li id="Node_HL"><i class="iconfont icon-xiancheng2"></i> <span class="_label">合流</span></li>
|
|
|
<li id="Node_FHL"><i class="iconfont icon-xiancheng"></i> <span class="_label">分合流</span></li>
|
|
|
<li id="Node_SubThread0">
|
|
|
<i class="iconfont icon-xianchengzhan"></i> <span class="_label">同表单子线程</span>
|
|
|
</li>
|
|
|
<li id="Node_SubThread1">
|
|
|
<i class="iconfont icon-xiancheng1"></i> <span class="_label">异表单子线程</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div id="canvasMenu" style="display: none;" class="designer-menu">
|
|
|
<ul>
|
|
|
<li id="cmNewNode"><i class="iconfont icon-node"></i> <span class="_label">新建节点</span></li>
|
|
|
<li id="cmNewLabel"><i class="iconfont icon-biaoqian3"></i> <span class="_label">添加标签</span></li>
|
|
|
<!-- <li id="cmSave"><i class="icon-ok"></i> <span class="_label">保存设计</span></li>
|
|
|
<li id="cmRefresh"><i class="icon-refresh"></i> <span class="_label">刷新 F5</span></li>
|
|
|
<li id="cmPaste"><i class="icon-share"></i> <span class="_label">粘贴</span></li>-->
|
|
|
<li id="Li3">
|
|
|
<i class="iconfont icon-Track"></i> <span class="_label" onclick="ShowGif();">增加连接线</span>
|
|
|
</li>
|
|
|
<li id="cmHelp"><i class="iconfont icon-sousuo"></i> <span class="_label">获得帮助</span></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div id="canvasLabMenu" style="display: none;">
|
|
|
<ul>
|
|
|
<li id="clmNewName"><i class="iconfont icon-biaoqian2"></i> <span class="_label">修改标签</span></li>
|
|
|
<li id="clmDelete"><i class="iconfont icon-biaoqian4"></i> <span class="_label">删除标签</span></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!--end div-->
|
|
|
<div class="container mini-layout cs-main-box" id="flowdesign_canvas" title="点击右键新建节点\标签.">
|
|
|
<!--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>
|
|
|
|
|
|
<!--<div class="canvas-fixed">
|
|
|
<span id="flowDevModelText" style=""></span> 编辑：欧阳 时间：2021-05-20
|
|
|
</div>-->
|
|
|
<!--JL.plus-->
|
|
|
<script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
|
|
|
<script src="../../Scripts/QueryString.js" type="text/javascript"></script>
|
|
|
<script src="../../Scripts/config.js" type="text/javascript"></script>
|
|
|
<script src="../../Comm/Gener.js" type="text/javascript"></script>
|
|
|
<script src="../CCFlowEnum.js" type="text/javascript"></script>
|
|
|
<script src="../../Scripts/EasyUIUtility.js" type="text/javascript"></script>
|
|
|
<!--<script src="../../Scripts/jquery-1.11.0.min.js" type="text/javascript"></script>-->
|
|
|
<script src="../../Scripts/easyUI145/jquery.easyui.min.js" type="text/javascript"></script>
|
|
|
<script type="text/javascript" src="Public/css/bootstrap/js/bootstrap.min.js?2025"></script>
|
|
|
<script type="text/javascript" src="../../Scripts/bootstrap/BootstrapUIDialog.js"></script>
|
|
|
<script type="text/javascript" src="Public/js/jquery-ui/jquery-ui-1.9.2-min.js?2025"></script>
|
|
|
|
|
|
<script type="text/javascript" src="Public/js/jsPlumb/bak/jquery.jsPlumb-1.4.0-all.js?2025"></script>
|
|
|
|
|
|
<script type="text/javascript" src="Public/js/jquery.contextmenu.r2.js?2025"></script>
|
|
|
<!--select 2-->
|
|
|
<script type="text/javascript" src="Public/js/jquery.multiselect2side/js/jquery.multiselect2side.js?2025"></script>
|
|
|
<!--flowdesign-->
|
|
|
<script type="text/javascript" src="Public/js/flowdesign/leipi.flowdesign.v3.js?2025"></script>
|
|
|
<script src="../../Scripts/layui/layui/layui.js" type="text/javascript"></script>
|
|
|
<link href="../../Scripts/layui/layui/css/layui.css" rel="stylesheet" />
|
|
|
<script src="../../Scripts/layui/LayuiDialog.js" type="text/javascript"></script>
|
|
|
<script src="Designer2018.js" type="text/javascript"></script>
|
|
|
<script src="../Guide/Guide.js"></script>
|
|
|
<script>
|
|
|
$(function () {
|
|
|
var theme = DealText(localStorage.getItem("themeColorInfo"));
|
|
|
theme = JSON.parse(theme);
|
|
|
var styleScope = document.getElementById("theme-data")
|
|
|
styleScope.innerHTML = DealText("\n .layui-btn{\n background-color:" + theme.selectedMenu + " !important;\n}");
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
function HelpVideo() {
|
|
|
// var url = 'https://www.bilibili.com/video/BV1FV41167ch/';
|
|
|
var url = 'http://ccflow.org/ke.htm';
|
|
|
window.open(url);
|
|
|
}
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |