WEB版JQuery流程设计器v1.0资源-CSDN文库

共21个文件

css：9个

js：8个

png：3个

脚本/JS源码

35 浏览量 2021-04-03 21:45:41 上传评论 1 收藏 317KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

WEB版JQuery流程设计器_v1.0.zip （21个子文件）

FlowdesignV1.0

index.html 12KB

Public

images

grid.png 947B

jsPlumb

jquery.jsPlumb-1.4.0-all.js 393KB

jquery.pin.min.js 2KB

jquery-ui

jquery-ui-1.9.2-min.js 232KB

jquery.contextmenu.r2.js 4KB

jquery-1.7.2.min.js 93KB

leipi.flowdesign.v1.js 11KB

css

bootstrap

bootstrap.js 60KB

bootstrap.min.js 28KB

css

ie.css 1KB

bootstrap.css 124KB

bootstrap-responsive.css 22KB

bootstrap.min.css 104KB

bootstrap-responsive.min.css 16KB

bootstrap-ie6.min.css 94KB

bootstrap-ie6.css 113KB

img

glyphicons-halflings.png 12KB

glyphicons-halflings-white.png 9KB

doc.css 18KB

site.css 2KB

<!DOCTYPE HTML> <html> <head> <title>流程设计器 Flowdesign.leipi.org</title> <meta name="keyword" content="流程设计器,Web Flowdesign,Flowdesigner,专业流程设计器,WEB流程设计器"> <meta name="description" content="国内最容易使用和开发的流程设计器，你可以在此基础上任意修改使功能无限强大！"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <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?2024" rel="stylesheet" type="text/css" />   <link href="Public/css/site.css?2024" rel="stylesheet" type="text/css" /> <script type="text/javascript"> var _root='http://flow/index.php?s=/',_controller = 'index'; </script> <style> html,body{height:100%;} .mini-layout{ width:100%; height:100%; padding-top:50px; background: rgb(58, 65, 68) url(/Public/images/grid.png) repeat; } .process-step{position: absolute; cursor: move; min-width: 100px; line-height: 28px} .process-step span{cursor: pointer;} </style> </head> <body>  <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <div class="pull-right"> <button class="btn btn-info" type="button" id="leipi_save">保存设计</button> <button class="btn btn-danger" type="button" id="leipi_clear">清空连接</button> </div> <div class="nav-collapse collapse"> <ul class="nav"> <li class="dropdown"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-th-list icon-white"></i> 菜单<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="active"><a href="http://flowdesign.leipi.org">流程设计器</a></li> <li ><a href="http://flowdesign.leipi.org/doc.html">文档</a></li> <li ><a href="http://flowdesign.leipi.org/downloads.html">下载</a></li> <li ><a href="http://flowdesign.leipi.org/feedback.html">意见征集</a></li> <li><a href="http://formdesign.leipi.org" target="_blank"><i class="icon-share-alt"></i> 表单设计器</a></li> <li><a href="http://qrcode.leipi.org" target="_blank"><i class="icon-share-alt"></i> 二维码自动生成</a></li> <li><a href="http://www.leipi.org" target="_blank"><i class="icon-share-alt"></i> 雷劈网</a></li> </ul> </li> <li class="dropdown"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-wrench icon-white"></i> 工具箱<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="javascript:void(0);" target="_blank"><i class="icon-arrow-right"></i> 导入</a></li> <li><a href="javascript:void(0);" target="_blank"><i class="icon-arrow-left"></i> 导出</a></li> <li><a href="javascript:void(0);" target="_blank"><i class="icon-print"></i> 打印</a></li> </ul> </li> <li><a href="javascript:void(0);">正在设计【请假申请流程】</a></li> </ul> </div> </div> </div> </div>  <div id="myModal" 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 id="myModalLabel">提示</h3> </div> <div class="modal-body" id="myModalBody"> <p>提示内容</p> </div> <div class="modal-footer"> <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">我知道了</button> </div> </div>  <div id="processMenu" style="display:none;"> <ul> <li id="setting"><i class=" icon-wrench"></i> <span class="_label">设置</span></li> <li id="begin"><i class="icon-play"></i> <span class="_label">设为第一步</span></li> <li id="addson"><i class="icon-plus"></i> <span class="_label">添加子步骤</span></li> <li id="copy"><i class="icon-check"></i> <span class="_label">复制</span></li> <li id="delete"><i class="icon-trash"></i> <span class="_label">删除</span></li> <li id="attribute"><i class="icon-cog"></i> <span class="_label">属性</span></li> </ul> </div> <div id="canvasMenu" style="display:none;"> <ul> <li id="add"><i class="icon-plus"></i> <span class="_label">添加步骤</span></li> <li id="save"><i class="icon-ok"></i> <span class="_label">保存设计</span></li> <li id="refresh"><i class="icon-refresh"></i> <span class="_label">刷新 F5</span></li> <li id="pasce"><i class="icon-share"></i> <span class="_label">粘贴</span></li> <li id="help"><i class="icon-search"></i> <span class="_label">帮助</span></li> </ul> </div>  <div class="container mini-layout" id="flowdesign_canvas">  </div>  <p><a href="http://www.leipi.org" title="雷劈网"><img src="http://www.leipi.org/wp-content/themes/leipi/images/leipi.png" alt="雷劈认证 icon" height="30"></a> ©2014 Flowdesign.leipi.org <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备13051130号</a></p> <script type="text/javascript" src="Public/js/jquery-1.7.2.min.js?2024"></script> <script type="text/javascript" src="Public/css/bootstrap/js/bootstrap.min.js?2024"></script> <script type="text/javascript" src="Public/js/jquery-ui/jquery-ui-1.9.2-min.js?2024" ></script> <script type="text/javascript" src="Public/js/jsPlumb/jquery.jsPlumb-1.4.0-all.js?2024"></script> <script type="text/javascript" src="Public/js/jquery.contextmenu.r2.js?2024"></script> <script type="text/javascript" src="Public/js/leipi.flowdesign.v1.js?2024"></script> <script type="text/javascript"> $(function(){ var myModal = $('#myModal'); leipiModal = function(messages,title,s) { if(!title) title = "消息提示"; if(!messages) messages = ""; if(!s) s = 2000; myModal.find("#myModalLabel").html(title); myModal.find("#myModalBody").html(messages); myModal.modal('toggle'); setTimeout(function(){myModal.modal("hide")},s); } /* php 命名习惯单词用下划线_隔开 js 命名习惯：首字母小写 + 其它首字线大写 */ /*步骤数据*/ var processData = {"total":2,"list":{"38":{"id":"38","flow_id":"8","process_name":"填写表单","process_to":"39,40","css_left":"172","css_top":"69"},"39":{"id":"39","flow_id":"8","process_name":"主管审批主管审批主管审批","process_to":"0","css_left":"530","css_top":"202"},"40":{"id":"40","flow_id":"8","process_name":"经理审批","process_to":"41","css_left":"330","css_top":"402"},"41":{"id":"41","flow_id":"8","process_name":"经理22审批","process_to":"0","css_left":"130","css_top":"402"}}}; /*创建流程设计器*/ var _canvas = $("#flowdesign_canvas").Flowdesign({ "processData":processData /*画面右键*/