头像

GooFlow.js在线制作编辑流程图插件

来源:http://www.sucaihuo.com/js/3384 素材火管理员 2018-01-11 22:19浏览(1756) 收藏

一款基于jQuery与GooFlow.js在线制作编辑流程图插件,可制作各种网页流程图效果。gooflow功能简介 1、自定义流程绘制 2、自定义属性添加 3、支持3种步骤类型 普通审批步骤 自动决策步骤 手动决策步骤 4、决策方式(支持js决策,sql语句决策) 5、审批人员参与方式,可以自定配置,系统目前自带(员工,部门,岗位,sql语句4种方式) 6、响应方式(支持多人审批通过,和单人审批通过) 7、事件执行方式(审批通过后可以触发配置事件) 8、消息提醒(支持实时提醒)
GooFlow.js在线制作编辑流程图插件
分类:其它特效 > jQuery插件 难易:初级

程序员,你不是一个人;网站开发QQ群:436471830,在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 17 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="demo/child.js"></script>
<script type="text/javascript" src="plugin/jquery.min.js"></script>
<script type="text/javascript" src="codebase/GooFunc.js"></script>
<script type="text/javascript" src="plugin/json2.js"></script>
<link rel="stylesheet" type="text/css" href="demo/default.css"/>
<script type="text/javascript" src="codebase/GooFlow.js"></script>
<script type="text/javascript">
var property={
	width:1200,
	height:600,
	toolBtns:["start round","end","task","node","chat","state","plug","join","fork","complex mix"],
	haveHead:true,
	headBtns:["new","open","save","undo","redo","reload"],//如果haveHead=true,则定义HEAD区的按钮
	haveTool:true,
	haveGroup:true,
	useOperStack:true
};
var remark={
	cursor:"选择指针",
	direct:"转换连线",
	start:"开始结点",
	"end round":"结束结点",
	"task round":"任务结点",
	node:"自动结点",
	chat:"决策结点",
	state:"状态结点",
	plug:"附加插件",
	fork:"分支结点",
	"join":"联合结点",
	"complex mix":"复合结点",
	group:"组织划分框编辑开关"
};
var demo;
$(document).ready(function(){
	demo=$.createGooFlow($("#demo"),property);
	demo.setNodeRemarks(remark);
	//demo.onItemDel=function(id,type){
	//	return confirm("确定要删除该单元吗?");
	//}
	demo.loadData(jsondata);
});
var out;
function Export(){
    document.getElementById("result").value=JSON.stringify(demo.exportData());
}
</script>
标签: gooflow流程图
评论18
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 17楼
    01-27 00:21
    心***扬
    很实用,很方便,感谢分享……
  • 头像 16楼
    01-22 11:12
    kz***zy
    可以,效果很好,功能有点多,下来学习
  • 头像 15楼
    01-22 09:16
    胡***胡
    这个很牛啊,不错不错!~
  • 头像 14楼
    01-15 09:06
    LW***WW
    很像思维导图的制作,扎心了
  • 头像 13楼
    01-14 20:28
    We***之歌
    不错,感觉有点像脑图的样式了,看起来好高大上的样子
  • 头像 12楼
    01-12 23:33
    舒***畅
    感觉有点像脑图的样式了
  • 头像 11楼
    01-12 18:38
    He***ck
    不错看起来好高大上的样子
  • 头像 10楼
    01-12 16:22
    ca***17
    感觉很高达上档次,以后会用到
  • 头像 9楼
    01-12 15:09
    非***道
    不错,做流程图可以用
  • 头像 8楼
    01-12 14:22
    李***祥
    貌似很不错的样子,以后会用的着
1 2