家谱现有接口调试50%

public/js/lay-module/checkbox/checkbox.css

@@ -0,0 +1,10 @@
+.checkBox .block{float:left; margin:5px;padding:6px 15px;height:18px;text-align:center; border:1px solid #ccc;position:relative;cursor:pointer;overflow:hidden;}
+.checkBox .block .choice{position:absolute;right:0px;bottom:0px;display:none;}
+.checkBox .block.on{border:1px solid #1E9FFF;}
+.checkBox .block.on .choice{position:absolute;right:0px;bottom:0px;display:block;}
+.checkBox .block.on .choice .triangle{position:absolute;right:0px;bottom:0px;border-bottom:18px solid #1E9FFF;border-left: 18px solid transparent;}
+.checkBox .block.on .choice .right{position:absolute;right:5px;bottom:5px;width:10px;height:10px;}
+.checkBox .block .del{width:18px; height:18px; background:#fff; border:0px solid #ccc; border-radius:3px; overflow:hidden; cursor:pointer; position:absolute; bottom:-20px; right:0px; transition: background .3s ease, border .2s ease, bottom .2s ease;display:block;}
+.checkBox .block .del:hover{background:#FF5722; border:1px solid #FF5722;}
+.checkBox .block:hover .del{bottom:0px;}
+.checkBox .block.on .del{display:none}

public/js/lay-module/checkbox/checkbox.js

@@ -0,0 +1,69 @@
+layui.define('jquery', function(exports){
+	"use strict";
+	var $ = layui.$
+	,hint = layui.hint();
+	var CheckBox = function(options){
+		this.options = options;
+	};
+	//初始化
+	CheckBox.prototype.init = function(elem){
+		var that = this;
+		elem.addClass('checkBox'); //添加checkBox样式
+		that.checkbox(elem);
+	};
+	//树节点解析
+	CheckBox.prototype.checkbox = function(elem,children){
+		var that = this, options = that.options;
+		var nodes = children || options.nodes;
+		layui.each(nodes, function(index, item){
+			var li = $(['<li class="block'+(item.on?' on':'')+'" value="'+item.name+'" onmouseover="layui.layer.tips(\''+item.type+'\',this,{tips:2})" onmouseout="layui.layer.closeAll(\'tips\');">'+item.name,'<i class="choice"><i class="triangle"></i><i class="right layui-icon layui-icon-ok"></i></i><i class="del"><i class="layui-icon layui-icon-delete"></i></i><span class="hide">'+(item.on?'<input type="hidden" name="'+item.name+'" value="'+item.type+'">':'')+'</span></li>'].join(''));
+			elem.append(li);
+			//触发点击节点回调
+			typeof options.click === 'function' && that.click(li, item);
+			//触发删除节点回调
+			typeof options.del === 'function' && that.del(li, item);
+		});
+	};
+	//点击节点回调
+	CheckBox.prototype.click = function(elem, item){
+		var that = this, options = that.options;
+		elem.on('click', function(e){
+			elem.toggleClass("on");
+			if(elem.hasClass("on")){
+				item.on = true;
+				elem.children("span.hide").html('<input type="hidden" name="'+item.name+'" value="'+item.type+'">');
+			}else{
+				item.on = false;
+				elem.children("span.hide").html('');
+			}
+			layui.stope(e);
+			options.click(item);
+		});
+	};
+	//点击节点回调
+	CheckBox.prototype.del = function(elem, item){
+		var that = this, options = that.options;
+		elem.children('i.del').on('click', function(e){
+			var index = layer.confirm('确定删除 ['+item.name+'] 吗？', {
+				btn: ['删除','取消']
+			}, function(){
+				layer.close(index);
+				if(options.del(item)){
+					elem.closest(".block").remove();
+					layui.stope(e);
+				}
+			});
+			return false;
+		});
+	};
+
+	//暴露接口
+	exports('checkbox', function(options){
+		var checkbox = new CheckBox(options = options || {});
+		var elem = $(options.elem);
+		if(!elem[0]){
+			return hint.error('layui.checkbox 没有找到'+ options.elem +'元素');
+		}
+		checkbox.init(elem);
+	});
+}).link(layui.cache.base+"checkbox/checkbox.css?v="+(new Date).getTime());