0

css/model/sys/user.css

@@ -7,7 +7,7 @@
    width: 35px;
}
.sys_user_new {
.sys_user_new,.sys_user_role,.sys_user_right,.sys_user_menu {
    width: 800px;
    padding: 0 20px 10px;
}
@@ -56,3 +56,7 @@
	height: 30px;
	background-color: #3280FC;
}
.sys_user_menu .nav ul{
	padding-left: 20px;
}

html/demo.html

@@ -6,6 +6,7 @@
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<title></title>
		<link href="../css/common.css" rel="stylesheet" type="text/css" />
		<link href="../ajax/dyn/auth.css" rel="stylesheet" type="text/css" />
		<style>
			.page-head {
				width: 100%;
@@ -48,6 +49,7 @@
				font-size: 15px;
				color: #fff !important;
				text-align: center;
				position: relative;
			}
			
			.user-info .login-user-head {
@@ -88,6 +90,17 @@
			#g_info {
				top: 60px;
			}
			
			.user-info.dd-ctn .dd-drop {
				top: 100%;
				z-index: 100;
				color: #000000;
			}
			
			.user-info.dd-ctn .dd-drop li {
				padding: 5px;
				cursor: pointer;
			}
		</style>
	</head>
@@ -109,8 +122,12 @@
				<div class="user-msg pull-right">
					<i class="icon-envelope"></i>
				</div>
				<a class="user-info pull-right"> <img class="login-user-head" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAIAAABJObGsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzQ0NkMxNDMyMTgxMTFFNTk0NTM4MzgwOUQ4QTlBMjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzQ0NkMxNDQyMTgxMTFFNTk0NTM4MzgwOUQ4QTlBMjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NDQ2QzE0MTIxODExMUU1OTQ1MzgzODA5RDhBOUEyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NDQ2QzE0MjIxODExMUU1OTQ1MzgzODA5RDhBOUEyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkQ1VQMAAA9GSURBVHja7J0Hc9tG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" />
					<span class="login-user-name">linux linux</span> <i class="icon-caret-down"></i>
				<a class="user-info pull-right dd-ctn "> <img class="login-user-head" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAIAAABJObGsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzQ0NkMxNDMyMTgxMTFFNTk0NTM4MzgwOUQ4QTlBMjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzQ0NkMxNDQyMTgxMTFFNTk0NTM4MzgwOUQ4QTlBMjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NDQ2QzE0MTIxODExMUU1OTQ1MzgzODA5RDhBOUEyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NDQ2QzE0MjIxODExMUU1OTQ1MzgzODA5RDhBOUEyMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkQ1VQMAAA9GSURBVHja7J0Hc9tG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" />
					<span class="login-user-name dd-hand">linux linux</span> <i class="icon-caret-down"></i>
					<ul class="dd-drop">
						<li class="opt-user-info-cfg">个人信息设置</li>
						<li class="opt-user-menu-cfg">个人菜单设置</li>
					</ul>
				</a>
			</div>
		</div>
@@ -146,6 +163,7 @@
	<script type="text/javascript" src="../js/pageDataGrid.js"></script>
	<script type="text/javascript" src="../js/spa.js"></script>
	<script type="text/javascript" src="../js/upload.js"></script>
	<script type="text/javascript" src="../js/dyn-select.js"></script>
	<script>
		$(function() {
@@ -156,13 +174,64 @@
					if(data.head) {
						$(".login-user-head").attr("src", "../data/" + data.head);
					}
				},{});
				}, {});
				spa.build();
				$(".opt-logout").on("click", function() {
					util.get("../ajax/sys/user/logout", null, function() {
						window.location.href = "login.html";
					}, {});
				});
				var g_max_menu_id = 1,
					g_m = function(ret, items) {
						if(items && items.length) {
							var chs = ret.children = [];
							items.forEach(function(item) {
								var rd = {};
								++g_max_menu_id;
								rd.code = g_max_menu_id;
								rd.caption = item.caption;
								if(item.res) {
									rd.res = item.res
									rd.icon = item.icon || "book";
								} else {
									rd.icon = item.icon || "branch";
								}
								if(item.modal) {
									rd.modal = true;
								}
								g_m(rd, item.children);
								chs.push(rd);
							});
						}
					}
				$(".opt-user-menu-cfg").on("click", function() {
					var pData = {},
						show = function() {
							if(pData.children && pData.reses) {
								spa.showModal("sys_user_menu_cfg", pData);
							}
						};
					util.get("../ajax/user/config/menu", null, function(data) {
						g_m(pData, data);
						show();
					});
					util.get("../ajax/sys/resource/user", null, function(data) {
						var reses = pData.reses = [];
						data.forEach(function(item) {
							if(item.main) {
								var rd = { code: item.id, caption: item.name, enabled: true };
								reses.push(rd);
							}
						});
						show();
					});
				});
				$(".opt-user-info-cfg").on("click", function() {
					util.alert("修改个人信息");
				});
			});
		});

html/model/sys/user/menu.html

@@ -0,0 +1,55 @@
<div class="sys_user_menu centerModal">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="main row">
		<div class="nav col-5">
		</div>
		<div class="info col-7">
			<div class="info-edit container">
				<div class="row">
					<div class="col-4 item-caption">标题</div>
					<div class="col-8">
						<div class="form-item text" name="caption"></div>
					</div>
				</div>
				<div class="row">
					<div class="col-4 item-caption">资源</div>
					<div class="col-8">
						<div class="form-item dyn-select" name="res"></div>
					</div>
				</div>
				<div class="row">
					<div class="col-4 item-caption">ICON</div>
					<div class="col-8">
						<div class="form-item text" name="icon"></div>
					</div>
				</div>
				
				<div class="row">
					<div class="col-12">
						<div class="btn opt-ok pull-right">确定</div>
						<div class="btn opt-del pull-right">删除</div>
						<div class="btn opt-next pull-right">下移</div>
						<div class="btn opt-prev pull-right">上移</div>
						<div class="btn opt-new pull-right">新建</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class=" container btns">
		<div class="row ">
			<div class="col-12">
				<div class="btn opt-newroot pull-left">
					NEW
				</div>
				<div class="btn opt-save pull-right">
					Save
				</div>
			</div>
		</div>
	</div>
</div>

html/model/sys/user/right.html

@@ -0,0 +1,41 @@
<div class="sys_user_right centerModal">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="containe">
		<div class="row">
			<div class="col-6">
				<div class="container newForm">
					<div class="row">
						<div class="col-4 item-caption ">name</div>
						<div class="col-8">
							<div class="form-item text showOnly"  name="name"></div>
						</div>
					</div>
					<div class="row">
						<div class="col-4 item-caption">mobile</div>
						<div class="col-8">
							<div class="form-item text showOnly" name="mobile"></div>
						</div>
					</div>
					<div class="row">
						<div class="col-4 item-caption">email</div>
						<div class="col-8">
							<div class="form-item text showOnly" name="email"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-6">
				<ul class ="right-ctn">
					<li ch-dir="list" class="right-item opt-check"><i class="icon icon-st-check {{checked}}" right="{{id}}"></i>&nbsp;&nbsp;&nbsp;{{name}}</li>
				</ul>
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				<div class="btn opt-save pull-right">SAVE</div>
			</div>
		</div>
	</div>
</div>

html/model/sys/user/role.html

@@ -0,0 +1,41 @@
<div class="sys_user_role centerModal">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="containe">
		<div class="row">
			<div class="col-6">
				<div class="container newForm">
					<div class="row">
						<div class="col-4 item-caption ">name</div>
						<div class="col-8">
							<div class="form-item text showOnly"  name="name"></div>
						</div>
					</div>
					<div class="row">
						<div class="col-4 item-caption">mobile</div>
						<div class="col-8">
							<div class="form-item text showOnly" name="mobile"></div>
						</div>
					</div>
					<div class="row">
						<div class="col-4 item-caption">email</div>
						<div class="col-8">
							<div class="form-item text showOnly" name="email"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-6">
				<ul class ="role-ctn">
					<li ch-dir="list" class="role-item opt-check"><i class="icon icon-st-check {{checked}}" roleid="{{id}}"></i>&nbsp;&nbsp;&nbsp;{{name}}</li>
				</ul>
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				<div class="btn opt-save pull-right">SAVE</div>
			</div>
		</div>
	</div>
</div>

js/dict.js

@@ -19,6 +19,19 @@ $.define(["jQuery", "util"], "dict", function($, util) {
				set(code, data);
			}, eh, config);
		},
		dyn_load=function(obj){
			util.get(obj.uri, null, function(data) {
			obj.ready=true;
			obj.items =obj.transfer?obj.transfer(data):data;
			if(obj.listen){
				obj.listen.forEach(function(item){
					item.call(null,obj.items);
				});
			}
			delete obj.listen;
			}, obj.ajaxEh, obj.ajaxCfg);
		}
		
		apply = function(code, hand) {
			var dict = cache[code];
			if(!dict) {
@@ -32,6 +45,19 @@ $.define(["jQuery", "util"], "dict", function($, util) {
				hand(dict);
			}
		},
		
		dyn_apply=function(obj,hand){
			if(!obj.ready) {
				var hs = obj.listen;
				if(!hs) {
					obj.listen = hs = [];
					dyn_load(obj);
				}
				hs.push(hand);
			} else {
				hand(obj.items);
			}
		},
		refresh = function(code, hand) {
			if(hand) {
				var hs = handCache[code];
@@ -65,6 +91,7 @@ $.define(["jQuery", "util"], "dict", function($, util) {
		ret = {
			set: set,
			apply: apply,
			dynApply:dyn_apply,
			refresh: refresh,
			getCap: getCap,
			get: get,
@@ -82,6 +109,19 @@ $.define(["jQuery", "util"], "dict", function($, util) {
					});
				}
			},
			dynTransfer:function(obj,$e,code){
				code = code || $e.attr("code") || $e.attr("itemCode");
				if(code){
					dyn_apply(obj,function(items){
						var cp = getCap(items, code);
						if(cp) {
							$e.removeClass("invalid-dict").text(cp);
						} else {
							$e.addClass("invalid-dict").text("不可翻译的");
						}
					});
				}
			},
			doTransfer: function() {
				$(".hand-dict").each(function() {
					var $e = $(this);

js/dyn-select.js

@@ -0,0 +1,349 @@
$.use(["jQuery", "form", "doc", "util", "dropdown", "dict"], function($, form, doc, util, dd, dict) {
	var readOnly = "readOnly",
		showOnly = "showOnly",
		modelName = 'dyn-select',
		mModelName = "dyn-mselect",
		tInt = "int",
		def = "defVal",
		placeholder = "placeholder",
		required = "required",
		tree = "tree",
		queried = "queried",
		handCode = { an: "code", av: "" },
		spanCode = { an: "code", av: "" },
		pa = [""],
		jhref = { an: "href", av: "javascript:;" },
		dd_hand = { an: "class", av: "dd-hand" },
		icon_drop = { tn: "i", attrs: [{ an: "class", av: "icon icon-drop" }] },
		icon_close = { tn: "i", attrs: [{ an: "class", av: "icon icon-close" }] },
		a_placeHolder = { tn: "a", attrs: [jhref, { an: "class", av: placeholder }], chs: pa },
		hand = {
			tn: "a",
			attrs: [
				dd_hand,
				jhref,
				handCode,
			],
			chs: [
				icon_drop,
				{ tn: "span", attrs: [spanCode] },
				icon_close,
				a_placeHolder,
			]
		},
		seim = { an: "class", av: "select-item" },
		sebi = { an: "class", av: "branch-item" },
		buildTreeDrop = function(isQueried, items, pa) {
			items.forEach(function(item) {
				if(isQueried || item.enabled) {
					var li = {
						tn: "li",
						attrs: [{ an: "code", av: item.code }, { an: "caption", av: item.caption }],
						chs: []
					};
					if(item.children && item.children.length) {
						var bhand = {
							tn: "a",
							attrs: [{ an: "code", av: item.code }],
							chs: [{ tn: "span", chs: [item.caption] }]
						};
						li.attrs.push(sebi);
						li.chs.push(bhand);
						var ul = { tn: "ul", chs: [] };
						li.chs.push(ul);
						buildTreeDrop(isQueried, item.children, ul.chs);
					} else {
						li.attrs.push(seim);
						li.chs.push(item.caption);
					}
					pa.push(li);
				}
			});
		},
		buildShown = function($e, cache, clss) {
			return clss[tree] ? function(evt) {
				var items = cache.ready ? cache.items : null;
				var drop = { tn: "div", attrs: [{ an: "class", av: "dd-drop" }], chs: [] };
				if(items) {
					var ul = { tn: "ul", chs: [] };
					buildTreeDrop(clss[queried], items, ul.chs);
					drop.chs.push(ul);
				} else {
					drop.chs.push("loading.........");
				}
				util.appendChild($e[0], drop);
			} : function(evt) {
				var items = cache.ready ? cache.items : null;
				var drop = { tn: "div", attrs: [{ an: "class", av: "dd-drop" }], chs: [] };
				if(items) {
					var ul = { tn: "ul", chs: [] };
					items.forEach(function(item) {
						if(clss[queried] || item.enabled) {
							this.push({
								tn: "li",
								attrs: [seim, { an: "code", av: item.code }, { an: "caption", av: item.caption }],
								chs: [item.caption]
							});
						}
					}, ul.chs);
					drop.chs.push(ul);
				} else {
					drop.chs.push("loading.........");
				}
				util.appendChild($e[0], drop);
			};
		};
	form.register(function($e, options) {
		var cls = util.classCheck($e[0], [readOnly, showOnly, modelName, tInt, required, tree, queried]),
			rv, dynCache = {};
		if(cls[modelName]) {
			var n = $e.attr("name") || $e.attr("id"),
				ve, rules = [];
			if(!n) {
				throw "Attribute[name] is invalid";
			}
			var dv = $e.attr(def) || "",
				dynUri = $e.attr("uri") || "";
			rv = dv;
			$.extend(dynCache, options[n] || {});
			if(dynUri) {
				dynCache.uri = dynUri;
			}
			$e.empty().addClass("dd-ctn").addClass("dd-clean");
			handCode.av = spanCode.av = dv;
			pa[0] = $e.attr(placeholder) || "请选择......";
			util.appendChild($e[0], hand);
			var $h = $e.children("a");
			var $span = $h.children("span");
			var select_change = function(nv, cap, evt) {
				if(rv != nv) {
					rv = nv;
					$h.attr("code", rv);
					$span.attr("code", rv).text(cap).removeClass("invalid-dict");
					if(evt) {
						$e.addClass("dd-hold-once");
					}
				}
			};
			if(!(cls[readOnly] || cls[showOnly])) {
				$e.on("shown.dropdown", buildShown($e, dynCache, cls));
				$e.find(".icon-close").on("click", function(evt) {
					select_change("", "", evt);
				});
				$e.on("click", "div .select-item", function() {
					select_change(this.getAttribute("code"), this.getAttribute("caption"));
				});
				if(cls[tree]) {
					$e.on("click", "div .branch-item>a", function(evt) {
						$(this).toggleClass("open");
						$e.addClass("dd-hold-once");
					});
				}
			}
			if(rv) {
				dict.dynTransfer(dynCache, $span, rv);
			} else {
				dict.dynApply(dynCache, util.noop);
			}
			return {
				name: n,
				get: function() {
					if((!cls[showOnly]) && rv) {
						return cls[tInt] ? parseInt(rv) : rv;
					}
				},
				set: function(data) {
					if(data) {
						var cc = data === true ? "1" : ("" + data);
						select_change(cc, "");
						dict.dynTransfer(dynCache, $span, cc);
					} else if(data === false || data === 0) {
						select_change("0", "");
						dict.dynTransfer(dynCache, $span, cc);
					} else {
						select_change("", "");
					}
				},
				validate: function() {
					if(cls[required]) {
						if(!rv) {
							return "不可为空";
						}
					}
					return util.validate(rules, this);
				},
				addRules: function(rule) {
					util.addRules(rules, rule);
				},
				reset: function() {
					this.set(dv);
				},
				valid: function() { util.valid($e); },
				invalid: function(reson) {
					util.invalid($e);
					util.error(reson);
				}
			};
		}
	});
	var selCap = { an: "class", av: "select-caption" },
		mhand = {
			tn: "a",
			attrs: [dd_hand],
			chs: [icon_drop, { tn: "ul" }, a_placeHolder]
		};
	form.register(function($e, options) {
		var cls = util.classCheck($e[0], [readOnly, showOnly, mModelName, tInt, required, tree, queried]);
		if(cls[mModelName]) {
			var n = $e.attr("name") || $e.attr("id"),
				rules = [];
			if(!n) {
				throw "Attribute[name] is invalid";
			}
			var dv = [],
				rv = [],
				dynCache = {},
				tmp = ($e.attr(def) || "").split(","),
				dynUri = $e.attr("uri") || "";
			$.extend(dynCache, options[n] || {});
			if(dynUri) {
				dynCache.uri = dynUri;
			}
			tmp.forEach(function(item) {
				if(item) {
					item = item.trim();
					if(item) {
						dv.push(item);
						rv.push(item);
					}
				}
			});
			$e.empty().addClass("dd-ctn").addClass("dd-clean");
			pa[0] = $e.attr(placeholder) || "请选择......";
			var lis = mhand.chs[1].chs = [];
			dv.forEach(function(item) {
				lis.push({
					tn: "li",
					attrs: [{ an: "code", av: item }],
					chs: [icon_close, { tn: "span", attrs: [{ an: "code", av: item }, selCap] }]
				});
			});
			util.appendChild($e[0], mhand);
			var $ul = $e.find("ul");
			var mselect_add = function(nv, cp) {
				if(rv.indexOf(nv) > -1) {
					return false;
				}
				rv.push(nv);
				var li = {
					tn: "li",
					attrs: [{ an: "code", av: nv }],
					chs: [icon_close,
						{
							tn: "span",
							attrs: [{ an: "code", av: nv }, selCap],
							chs: [cp]
						}
					]
				};
				util.appendChild($ul[0], li);
				return true;
			};
			var mselect_change = function(na) {
				rv = [], nlis = [];
				$ul.empty();
				na.forEach(function(item) {
					rv.push("" + item);
				});
				if(rv.length) {
					rv.forEach(function(item) {
						nlis.push({
							tn: "li",
							attrs: [{ an: "code", av: nv }, selCap],
							chs: [icon_close, {
								tn: "span",
								attrs: [{ an: "code", av: item.code }, { an: "class", av: "hand-dyn-dict" }]
							}]
						});
					});
					util.appendChild($ul[0], nlis);
					dict.doTransfer();
					$ul.find(".hand-dyn-dict").each(function() {
						var $this = $(this);
						dict.dynTransfer(dynCache, $this);
						$this.removeClass("hand-dyn-dict");
					});
				}
			};
			if(lis.length) {
				$ul.find("span").each(function() {
					dict.dynTransfer(dynCache,$(this));
				});
			} else {
				dict.dynApply(dynCache, util.noop);
			}
			if(!(cls[readOnly] || cls[showOnly])) {
				$e.on("shown.dropdown", buildShown($e, dictCode, cls));
				$ul.on("click", "li>i", function(e) {
					$e.addClass("dd-hold-one");
					var idx = rv.indexOf(this.parentNode.getAttribute("code"));
					if(idx > -1) {
						rv.splice(idx, 1);
					}
					$(this).parent().remove();
				});
				$e.on("click", "div .select-item", function() {
					if(!mselect_add(this.getAttribute("code"), this.getAttribute("caption"))) {
						$e.addClass("dd-hold-once");
					}
				});
				if(cls[tree]) {
					$e.on("click", "div .branch-item>a", function(evt) {
						$(this).toggleClass("open");
						$e.addClass("dd-hold-once");
					});
				}
			}
			return {
				name: n,
				get: function() {
					if((!cls[showOnly]) && rv.length) {
						var ret = [];
						rv.forEach(function(item) {
							ret.push(cls[tInt] ? parseInt(item) : item);
						});
						return ret;
					}
				},
				set: function(data) {
					mselect_change(data ? (data.length ? data : []) : []);
				},
				validate: function() {
					if(cls[required]) {
						if(!rv.length) {
							return "不可为空";
						}
					}
					return util.validate(rules, this);
				},
				addRules: function(rule) {
					util.addRules(rules, rule);
				},
				reset: function(data) {
					this.set(dv);
				},
				valid: function() { util.valid($e); },
				invalid: function(reson) {
					util.invalid($e);
					util.error(reson);
				}
			};
		}
	});
});

js/form.js

@@ -37,14 +37,14 @@ $.define(["jQuery", "util"], "form", function($, util) {
		},
		serialize=util.serialize,
		/* create form instance by jQuery obj */
		bf = function($e) {
		bf = function($e,itemOptions) {
			if($e.length === 1) {
				var items = {},
					rules = [];
				$e.find(".form-item").each(function() {
					var $this = $(this);
					for(var i = 0; i < impls.length; ++i) {
						var item = impls[i]($this);
						var item = impls[i]($this,itemOptions);
						if(item && item.name) {
							items[item.name] = item;
						}

js/model/sys/dict/itemedit.js

@@ -43,7 +43,7 @@ spa_define(function() {
							li.attrs[0].av = "branch-item";
							var cul = { tn: "ul", chs: [] };
							chs.push(cul);
							paint(cul, item.children);
							paint(cul, item.children,item.code);
						}
					});
				};

js/model/sys/user/index.js

@@ -30,7 +30,7 @@ spa_define(function() {
						if($org.length > 1) {
							util.alertMsg("只能选择一个用户");
						} else {
							$.util.get("../ajax/sys/user/id/" + $org.attr("userId"), null, function(rd) {
							util.get("../ajax/sys/user/id/" + $org.attr("userId"), null, function(rd) {
								if(rd) {
									spa.showModal("sys_user_edit", { data: rd, hand: function() { pdg.load() } })
								} else {
@@ -65,6 +65,78 @@ spa_define(function() {
						util.alert("请选择一个用户");
					}
				});
				root.find(".opt-role").on("click", function() {
					var $user = root.find("td.opt-check>i.checked");
					if($user.length) {
						if($user.length > 1) {
							util.alert("只能选择一个用户");
						} else {
							var ud = {
									id: $user.attr("userId"),
									name: $user.parent().parent().children(".data-name").text(),
									mobile: $user.parent().parent().children(".data-mobile").text(),
									email: $user.parent().parent().children(".data-email").text(),
									userRoles: null,
									roles: null
								},
								sm = function() {
									if(ud.userRoles && ud.roles) {
										spa.showModal("sys_user_role", ud);
									}
								};
							util.get("../ajax/sys/role/all", null, function(rd) {
								ud.roles = rd;
								sm();
							});
							util.get("../ajax/sys/userRole/user/" + ud.id, null, function(rd) {
								if(rd) {
									ud.userRoles = rd;
									sm();
								} else {
									util.alert("用户不存在了");
								}
							});
						}
					} else {
						util.alert("请选择一个用户");
					}
				});
				root.find(".opt-right").on("click", function() {
					var $user = root.find("td.opt-check>i.checked");
					if($user.length) {
						if($user.length > 1) {
							util.alert("只能选择一个用户");
						} else {
							var ud = {
									id: $user.attr("userId"),
									name: $user.parent().parent().children(".data-name").text(),
									mobile: $user.parent().parent().children(".data-mobile").text(),
									email: $user.parent().parent().children(".data-email").text(),
									userRights: null,
									rights: null
								},
								sm = function() {
									if(ud.userRights && ud.rights) {
										spa.showModal("sys_user_right", ud);
									}
								};
							util.get("../ajax/sys/right/all", null, function(rd) {
								ud.rights = rd;
								sm();
							});
							util.get("../ajax/sys/user/right/" + ud.id, null, function(rd) {
								if(rd) {
									ud.userRights = rd;
									sm();
								} else {
									util.alert("用户不存在了");
								}
							});
						}
					} else {
						util.alert("请选择一个用户");
					}
				});
				pdg.load();
			},

js/model/sys/user/menu.js

@@ -0,0 +1,241 @@
;
spa_define(function() {
	return $.use(["util", "form", "dict", "spa", "code", "form"], function(util, form, dict, spa, code, form) {
		var ahref = { an: "href", av: "javascript:;" };
		return {
			modal: function(data) {
				var root = spa.findInModal(".sys_user_menu"),
					g_max_menu_code = 1;
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
				});
				var treeCnt = root.find(".main .nav"),
					menuData = data.children,
					reses = data.reses;
				hand = code.parseCode(root.find(".info")),
					editForm = {};
				var findByCode = function(c, items) {
					var ret;
					for(var i = 0; i < items.length; ++i) {
						var item = items[i];
						if(item.code === c) return item;
						if(item.children && item.children.length) {
							ret = findByCode(c, item.children);
							if(ret) return ret;
						}
					}
				};
				var paint = function(ul, items, pc) {
					items.forEach(function(item) {
						if(item.code > g_max_menu_code) {
							g_max_menu_code = item.code;
						}
						var li = { tn: "li" },
							attrs = li.attrs = [{ an: "class", av: "leaf-item" }];
						chs = li.chs = [];
						ul.chs.push(li);
						attrs.push({ an: "code", av: item.code });
						attrs.push({ an: "pcode", av: pc || "" });
						var icon = {
							tn: "i",
							attrs: [{ an: "class", av: "icon icon-" + item.icon }]
						};
						chs.push(icon);
						chs.push({ tn: "a", attrs: [ahref], chs: [item.caption] });
						if(item.children && item.children.length) {
							li.attrs[0].av = "branch-item";
							var cul = { tn: "ul", chs: [] };
							chs.push(cul);
							paint(cul, item.children, item.code);
						}
					});
				};
				var refreshTree = function() {
					var ul = { tn: "ul", chs: [] };
					paint(ul, menuData);
					treeCnt.empty();
					util.appendChild(treeCnt[0], ul);
					hand.empty();
					editForm.oc = null;
					editForm.pc = null;
					editForm.form = null;
				};
				var findParentArray = function(pc) {
					if(pc) {
						var items = findByCode(pc, menuData);
						return items ? (items.children ? items.children : null) : null;
					}
					return menuData;
				};
				var movePrev = function() {
					if(editForm.oc) {
						var items = findParentArray(editForm.pc);
						if(items) {
							var i = 0;
							for(; i < items.length; ++i) {
								if(items[i].code === editForm.oc) {
									break;
								}
							}
							if(i > 0 && i < items.length) {
								var item1 = items[i],
									item0 = items[i - 1];
								items.splice(i - 1, 2, item1, item0);
								refreshTree();
							}
						}
					}
				};
				var moveNext = function() {
					if(editForm.oc) {
						var items = findParentArray(editForm.pc);
						if(items) {
							var i = 0;
							for(; i < items.length; ++i) {
								if(items[i].code === editForm.oc) {
									break;
								}
							}
							if(i < (items.length - 1)) {
								var item1 = items[i],
									item0 = items[i + 1];
								items.splice(i, 2, item0, item1);
								refreshTree();
							}
						}
					}
				};
				var deleteItem = function(pc, oc) {
					if(editForm.oc) {
						var items = findParentArray(editForm.pc);
						if(items) {
							var i = 0;
							for(; i < items.length; ++i) {
								if(items[i].code === editForm.oc) {
									break;
								}
							}
							if(i < items.length) {
								items.splice(i, 1);
								refreshTree();
							}
						}
					}
				};
				var fillEdit = function(pc, di) {
					if(pc && typeof pc === "string") {
						pc = parseInt(pc);
					}
					hand.val();
					editForm.form = form.build(root.find(".info"), { res: { ready: true, items: reses } });
					editForm.pc = pc;
					editForm.oc = di.code;
					editForm.form.val(di);
				};
				root.on("click", ".nav li", function(evt) {
					var $this = $(this);
					if($this.hasClass("branch-item")) {
						$this.toggleClass("open");
					}
					var di = findByCode(parseInt($this.attr("code")), menuData);
					if(di) {
						fillEdit($this.attr("pcode"), di);
					}
					evt.stopPropagation();
				});
				root.on("click", ".opt-newroot", function() {
					fillEdit("", {});
				});
				root.on("click", ".opt-new", function() {
					fillEdit(editForm.oc, {});
				});
				root.on("click", ".opt-prev", function() {
					movePrev();
				});
				root.on("click", ".opt-next", function() {
					moveNext();
				});
				root.on("click", ".opt-del", function() {
					deleteItem();
				});
				root.on("click", ".opt-ok", function() {
					if(editForm.form.validate()) {
						var item = editForm.form.val();
						if(editForm.oc) {
							di = findByCode(editForm.oc, menuData);
							if(di) {
								di.caption = item.caption;
								di.modal = false;
								if(item.res) {
									di.res = item.res;
									di.icon = item.icon || "book";
								} else {
									di.res = null;
									di.icon = item.icon || "branch";
								}
								refreshTree();
							}
						} else {
							var items = menuData;
							if(editForm.pc) {
								items = findByCode(editForm.pc, menuData);
								if(items) {
									if(items.children) {
										items = items.children;
									} else {
										items = items.children = [];
									}
								} else {
									items = menuData;
								}
							}
							++g_max_menu_code;
							var di = { code: g_max_menu_code, caption: item.caption, modal: false };
							if(item.res) {
								di.res = item.res;
								di.icon = item.icon || "book";
							} else {
								di.res = null;
								di.icon = item.icon || "branch";
							}
							items.push(di);
							refreshTree();
						}
					}
				});
				var cloneMenu = function(src, dest) {
					src.forEach(function(item) {
						var di = {};
						di.icon = item.icon;
						if(item.res) {
							di.res = item.res;
						}
						di.modal = false;
						di.caption = item.caption;
						dest.push(di);
						if(item.children && item.children.length) {
							var chs = di.children = [];
							cloneMenu(item.children, chs);
						}
					});
				}
				root.find(".opt-save").on("click", function() {
					var pd = [];
					cloneMenu(menuData,pd);
					util.put("../ajax/user/config/menu", pd, function() {
						spa.closeModal();
						if(data.hand) {
							data.hand();
						}
					}, {});
				});
				refreshTree();
			}
		};
	});
});

js/model/sys/user/right.js

@@ -0,0 +1,37 @@
;
spa_define(function() {
	return $.use(["spa", "form", "code","util"], function(spa, fb, code,util) {
		return {
			modal: function(data) {
				var userid = data.id;
				var root = spa.findInModal(".sys_user_right");
				var form = fb.build(root.find(".newForm"));
				var cr = code.parseCode(root.find(".right-ctn"));
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
				});
				root.on("click", ".icon-st-check", function() {
					$(this).toggleClass("checked");
				});
				root.find(".opt-save").on("click", function() {
					var ret = [];
					root.find(".right-ctn i.checked").each(function() {
						ret.push(parseInt($(this).attr("right")));
					});
					util.post("../ajax/sys/user/right",{userid:userid,right:ret},function(){
						spa.closeModal();
					});
				});
				data.rights.forEach(function(item){
					item.checked = (data.userRights.indexOf(item.id)>=0)?"checked":"";
					
				});
				cr.val(data.rights);
				form.val({name:data.name,mobile:data.mobile,email:data.email});
				
			}
		};
	});
});

js/model/sys/user/role.js

@@ -0,0 +1,37 @@
;
spa_define(function() {
	return $.use(["spa", "form", "code","util"], function(spa, fb, code,util) {
		return {
			modal: function(data) {
				var userid = data.id;
				var root = spa.findInModal(".sys_user_role");
				var form = fb.build(root.find(".newForm"));
				var cr = code.parseCode(root.find(".role-ctn"));
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
				});
				root.on("click", ".icon-st-check", function() {
					$(this).toggleClass("checked");
				});
				root.find(".opt-save").on("click", function() {
					var ret = [];
					root.find(".role-ctn i.checked").each(function() {
						ret.push($(this).attr("roleid"));
					});
					util.post("../ajax/sys/userRole",{userid:userid,role:ret},function(){
						spa.closeModal();
					});
				});
				data.roles.forEach(function(item){
					item.checked = (data.userRoles.find(function(role){return role.roleid==item.id})?"checked":"");
					
				});
				cr.val(data.roles);
				form.val({name:data.name,mobile:data.mobile,email:data.email});
				
			}
		};
	});
});

js/select.js

@@ -261,8 +261,7 @@ $.use(["jQuery", "form", "doc", "util", "dropdown", "dict"], function($, form, d
							attrs: [{ an: "code", av: nv },selCap],
							chs: [icon_close, {
								tn: "span",
								attrs: [{ an: "code", av: item.code }, { an: "dict", av: dictCode }, { an: "class", av: "hand-dict" }],
								chs: [cp]
								attrs: [{ an: "code", av: item.code }, { an: "dict", av: dictCode }, { an: "class", av: "hand-dict" }]
							}]
						});
					});

js/spa.js

@@ -86,7 +86,7 @@ $.define(["jQuery", "util", "doc", "win", "body"], "spa", function($, util, doc,
					attrs.push({ an: "class", av: "nav-parent" });
					var ul = { tn: "ul", attrs: [{ an: "class", av: "nav" }], chs: [] };
					chses.push(ul);
					build_menu_item(ul, item.children);
					build_menu_item(ul.chs, item.children);
				}
				lia.attrs.push({ an: "class", av: lac });
				po.push(li);