i

css/model/sys/dict/index.css

@charset "utf-8";
.sys_dict_index .queryForm{
	position: relative;
}
.sys_dict_index .queryForm .icon-search{
	position: absolute;
	top:7px;
	right:15px;
	font-size:25px;
}
.sys_dict_index .table-opt .icon {
	margin: 10px;
	font-size: 20px;
}
@charset "utf-8";
.sys_dict_index .queryForm{
	position: relative;
}
.sys_dict_index .queryForm .icon-search{
	position: absolute;
	top:7px;
	right:15px;
	font-size:25px;
}
.sys_dict_index .table-opt .icon {
	margin: 10px;
	font-size: 20px;
}
.sys_dict_add,.sys_dict_edit{
	width:800px;
}

css/model/sys/dict/add.css

@charset "utf-8";
.sys_dict_add{
	width:800px;
}

css/model/sys/dict/edit.css

@charset "utf-8";
.sys_dict_edit{
	width:800px;
}

css/model/sys/resource/index.css

@charset "utf-8";
.sys_resource_index .queryForm{
	position: relative;
}
.sys_resource_index .queryForm .icon-search{
	position: absolute;
	top:7px;
	right:15px;
	font-size:25px;
}
.sys_resource_index .table-opt .icon {
	margin: 10px;
	font-size: 20px;
}
@charset "utf-8";
.sys_resource_index .queryForm{
	position: relative;
}
.sys_resource_index .queryForm .icon-search{
	position: absolute;
	top:7px;
	right:15px;
	font-size:25px;
}
.sys_resource_index .table-opt .icon {
	margin: 10px;
	font-size: 20px;
}
.sys_resource_edit,.sys_resource_new{
	width:800px;
}

css/model/sys/resource/new.css

@charset "utf-8";
.sys_resource_new{
	width:800px;
}

html/demo.html

	<script>
		$(function() {
			$.spa.build();
			$(".opt-logout").on("click", function() {
				$.util.get("../ajax/sys/user/logout", null, function() {
					window.location.href = "login.html";
				}, {});
			$.use(["spa","util"],function(spa,util){
				spa.build();
				$(".opt-logout").on("click", function() {
					util.get("../ajax/sys/user/logout", null, function() {
						window.location.href = "login.html";
					}, {});
				});
				
			});
		});
	</script>

html/model/sys/dict/index.html

	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="container queryForm">
		<div class="row">
			<div class="col-6">
					<i class="icon-plus"></i>
					新增
				</div>
				
			</div>
			<div class="col-6 dt-form">				
				<div class="form-item text" name="key"></div><i class="icon icon-search opt-query"></i>
					<th>操作</th>
				</tr>
			</thead>
			<tbody class="code-tpl code-tag-hold" code-func="data-list">
				<tr>
					<td>{{any-[]}}</td>
			<tbody>
				<tr ch-dir="list">
					<td>{{-_index}}</td>
					<td>{{pi}}</td>
					<td>{{code}}</td>
					<td>{{caption}}</td>
					<td class="table-opt" dictCode="{{code}}"><i class="icon icon-remove-sign"></i><i class="icon icon-edit"></i><i class="icon icon-list-ul"></i><i class="icon icon-tasks"></i></td>
				</tr>
			</tbody>
			<tbody class="code-tpl code-tag-hold" code-func="data-emptylist">
			<tbody ch-dir="array.empty">
				<tr>
					<td class="empty-desc" colspan="7">表格暂无数据</td>
					<td colspan="7">表格暂无数据</td>
				</tr>
			</tbody>
		</table>

html/model/sys/dict/itemlist.html

<div class-"sys_dict_itemlist centerModal">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<ul>
		<li class="ld-item">
			<div class="item-code" ov="{{code}}">{{code}}</div>
			<div class="item-code" ov="{{caption}}">{{caption}}</div>
			<div class="item-code" ov="{{shortCode}}">{{shortCode}}</div>
			<div class="item-code" ov="{{enabled}}">{{enabled-itemE}}</div>
			<div class="item-code" ov="{{system}}">{{system-itemS}}</div>
			<div ch-dir="each" class="item-code" ov="{{data-json}}"></div>
			<div class="item-code" ov="{{code}}">{{code}}</div>
		</li>
	</ul>
	
	<dvi class="item-list">
		<div calss="code-tpl" code-func="data-list">
			<div class="item">
				<div class="item-enabled" objVal="{{enabled}}">{{enabled}}</div>
				<div class="item-system" objVal="{{system}}">{{code}}</div>
				<div class="item-data" objVal="{{code}}">{{code}}</div>
				
			</div>
		</div>
		

html/model/sys/org/index.html

<div class="sys_org_index" loadUri="../ajax/sys/org/pq" pageSize="7" pageNo="1" pageIndex="pi">
<div class="sys_org_index" loadUri="../ajax/sys/org/pq" pageSize="5" pageNo="1" pageIndex="pi">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
			</tbody>
			<tbody ch-dir="array.empty">
				<tr>
					<td class="empty-desc" colspan="6">表格暂无数据</td>
					<td colspan="6">表格暂无数据</td>
				</tr>
			</tbody>
		</table>

html/model/sys/resource/edit.html

<div class="sys_resource_edit centerModal">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="container opt-form">
		<div class="row">
			<div class="col-2 item-caption ">MODAL</div>
			<div class="col-4">
				<div class="form-item select bool" dictCode="bool" defVal="" name="modal"></div>
			</div>
			<div class="col-2 item-caption ">MAIN</div>
			<div class="col-4">
				<div class="form-item select bool" dictCode="bool" defVal="" name="main"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption ">资源权限</div>
			<div class="col-4">
				<div class="form-item int text" defVal="0" name="authRight"></div>
			</div>
			<div class="col-2 item-caption ">资源类型</div>
			<div class="col-4">
				<div class="form-item select" dictCode="bool" defVal="" name="type"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption">资源ID</div>
			<div class="col-10">
				<div class="form-item text" defVal="" name="id"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption">资源NAME</div>
			<div class="col-10">
				<div class="form-item text" defVal="" name="name"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption">资源URI</div>
			<div class="col-10">
				<div class="form-item text" defVal="" name="uri"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption">资源CSS</div>
			<div class="col-10">
				<div class="form-item text" defVal="" name="css"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption">资源SCRIPT</div>
			<div class="col-10">
				<div class="form-item text" defVal="" name="script"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-10"></div>
			<div class="col-2">
				<div class="btn pull-right opt-save">
					<i class="icon-check"></i> SAVE
				</div>
			</div>
		</div>
	</div>
</div>

html/model/sys/resource/index.html

					<th>操作</th>
				</tr>
			</thead>
			<tbody class="code-tpl code-tag-hold" code-func="data-list">
				<tr>
					<td>{{any-[]}}</td>
			<tbody>
				<tr ch-dir="list">
					<td>{{-_index}}</td>
					<td>{{name}}</td>
					<td>{{uri}}</td>
					<td>{{css}}</td>
					<td>{{script}}</td>
					<td>{{modal-bool}}</td>
					<td>{{main-bool}}</td>
					<td class="table-opt" resourceId="{{id}}"><i class="icon icon-remove-sign"></i><i class="icon icon-edit"></i></td>
					<td class="table-opt" resourceId="{{id}}"><i class="icon icon-remove-sign opt-del"></i><i class="icon icon-edit opt-edit"></i></td>
				</tr>
			</tbody>
			<tbody class="code-tpl code-tag-hold" code-func="data-emptylist">
			<tbody ch-dir="array.empty">
				<tr>
					<td class="empty-desc" colspan="8">表格暂无数据</td>
					<td colspan="8">表格暂无数据</td>
				</tr>
			</tbody>
		</table>

js/codehtml.js

			},
			"val": function(env) {
				var hand = env.dir["_"],
					as = this.as,
					es = this.es,
					items, item, data = env.cd,
					p = this.p;
				if(p && p.length && p[0]) {
					while(items.length && data) {
						data = data[items.shift()];
					}
					if(items.length === 0 && data) {
					if(items.length === 0) {
						env.cd = data;
						hand.call(this, env);
				t
					}
					env.cd = env.ds.pop();
				}
			},
			"valTag": function(env) {
				var hand = env.dir["_"],
					as = this.as,
					es = this.es,
					items, item, data = env.cd,
					p = this.p;
				var items, item, data = env.cd,
					p = this.p,es = this.es;
				if(p && p.length && p[0]) {
					items = p[0].split("\\.");
					env.ds.push(data);
					while(items.length && data) {
						data = data[items.shift()];
					}
					if(items.length === 0 && data) {
					if(items.length === 0) {
						env.cd = data;
						var ele = doc.createElement(this.n);
						env.ce.appendChild(ele);
						env.es.push(env.ce);
						env.ce = ele;
						for(var i = 0; i < as.length; ++i) {
							as[i].h(env);
						}
						for(var i = 0; i < es.length; ++i) {
							item = es[i];
							env.dir(item.h).call(item, env);
						}
						env.ce = env.es.pop();
					}
					env.cd = env.ds.pop();
				}
						hObj.t = false;
						attrs = ele.attributes;
						ch = (ele.getAttribute("ch-dir") || "_").split("-");
						ev = { n: ele.nodeName, h: ch.shift(), p: ch };
						ev = { n: ele.nodeName, h: (ch.shift()||"_"), p: ch };
						as = ev.as = [];
						es = ev.es = [];
						hObj.r.push(ev);
			};
		},
		parseCode = function(ele) {
			var hand = parseElement(ele),
			var ele=ele.jquery?ele[0]:ele, hand = parseElement(ele),
				$ele = $(ele),
				bh = util.nochange,
				lses = [];

js/common.js

			 * ep={code:"",msg:"",detailMsg:"",url:""} pa=function(code,msg,detailMsg)
			 * pa=boolean
			 */
			ajaxErrHand = function(errparam, errHand) {
			defErrHand = function(errparam, errHand) {
				if(errHand) {
					var pt = $.type(errHand);
					if(pt == "booean") {
					} else {
						rd.code = "" + rd.code;
						rd.url = pUrl;
						ajaxErrHand(rd, eh);
						defErrHand(rd, eh);
					}
				};
				config.error = function(jqXHR, textStatus, errorThrown) {
					ajaxErrHand({
					defErrHand({
						code: "err_" + (textStatus || ""),
						msg: textStatus,
						detailMsg: textStatus,
					config);
			},
			del: function(url, sh, eh, pObj) {
				ajaxAccess("DELETE", url, null, sh, eh, pOjb);
				ajaxAccess("DELETE", url, null, sh, eh,pObj);
			},
			noop: noop,
			nochange: function(d) { return d },
				buildElement(docf, obj);
				e.appendChild(docf);
			},
			serialize: serialize
			serialize: serialize,
			raise:function(err){defErrHand(err)}
		};
		$.util=ret;
		return ret;

js/model/sys/dict/edit.js

;
spa_define(function(spa) {
	return {
		modal: function(data) {
			var modalCtn =spa.getLastModalCtn();
			var root = modalCtn = modalCtn.children();	
			var form = root.find(".newForm").form();
			root.find(".modal-ctrl .icon-times").on("click",function(){
				spa.closeModal();
			});
			form.val(data.data);
			root.find(".opt-save").on("click",function(){
				form.doPut("../ajax/sys/dict/info",function(){
;spa_define(function() {
	return $.use(["spa","form"], function(spa,fb) {
		return {
			modal : function(data) {
				var root = spa.findInModal(".sys_dict_edit")
				var form = fb.build(root.find(".newForm"));
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
					if(data.hand){
						data.hand();
					}
				},{});
			});
		}
	};
				});
				form.val(data.data);
				root.find(".opt-save").on("click", function() {
					form.doPut("../ajax/sys/dict/info", function() {
						spa.closeModal();
						if (data.hand) {
							data.hand();
						}
					}, {});
				});
			}
		};
	});
});

js/model/sys/dict/index.js

;
spa_define(function(spa) {
	return {
		main: function() {
			var root = spa.mainEle.children(".sys_dict_index");
			var pdg = root.pdg();
			var bindDataEvent = function() {
				root.find(".table-opt i.icon-edit").on("click", function() {
					var $this = $(this);
					var code = $this.parent().attr("dictCode");
					if(code) {
						$.util.get("../ajax/sys/dict/info/" + code, null, function(data) {
							if(data.readonly) {
								$.util.alertMsg("只读的");
							} else {
								spa.showModal("sys_dict_edit", {
;spa_define(function() {
	return  $.use(["spa","pagedatagrid","util","dict"],function(spa,pdgf,util,dict){
		return {
			main:function(){
				var root = spa.findInMain(".sys_dict_index");
				root.find(".opt-new").on("click", function() {
					spa.showModal("sys_dict_add", function() { pdg.load() });
				});
				var pdg = pdgf.build(root);
				var bindDataEvent =function(){
					root.find(".table-opt i.icon-edit").on("click", function() {
						var $this = $(this);
						var code = $this.parent().attr("dictCode");
						if(code) {
							util.get("../ajax/sys/dict/info/" + code, null, function(data) {
								if(data.readonly) {
									util.alert("只读的");
								} else {
									spa.showModal("sys_dict_edit", {
										data: data,
										hand: function() {
											pdg.load();
										}
									});
								}
							});
						}
					});
					root.find(".table-opt i.icon-list-ul").on("click",function(){
						var $this = $(this);
						var code = $this.parent().attr("dictCode");
						if(code) {
							util.get("../ajax/sys/dict/item/" + code, null, function(data) {
								spa.showModal("sys_dict_itemlist", {
									data: data,
									hand: function() {
										pdg.load();
									}
								});
							}
						}, {});
					}
				});
			};
			pdg.codeRef.addValueListener($.util.dictDisplay);
			pdg.codeRef.addValueListener(bindDataEvent);
			root.find(".opt-query").on("click", function() {
				//				console.log("dt load")
				pdg.load();
			});
			//console.log(pdg.formRef.val());
			pdg.load();
			root.find(".opt-new").on("click", function() {
				spa.showModal("sys_dict_add", function() { pdg.load() });
			});
			root.find(".table-opt i.icon-edit").on("click", function() {
				var $this = $(this);
				var code = $this.parent().attr("dictCode");
				if(code) {
					$.util.get("../ajax/sys/dict/info/" + code, null, function(data) {
						if(data.readonly) {
							$.util.alert("只读的");
						} else {
							spa.showModal("sys_dict_edit", {
								data: data,
								hand: function() {
									pdg.load();
								}
							});
						}
					}, {});
				}
			});
			//			root.find(".dt-tpl").on("click", "th.opt-check>i.icon-st-check", function() {
			//				var $this = $(this);
			//				$this.toggleClass("checked");
			//				if($this.hasClass("checked")) {
			//					root.find(".dt-tpl td.opt-check>i.icon-st-check").addClass("checked");
			//				} else {
			//					root.find(".dt-tpl td.opt-check>i.icon-st-check").removeClass("checked");
			//				}
			//			});
			//			root.find(".dt-tpl").on("click", "td.opt-check>i.icon-st-check", function() {
			//				var $this = $(this);
			//				$this.toggleClass("checked");
			//			});
			//			root.find(".opt-edit").on("click", function(nv) {
			//				var $org = root.find("td.opt-check>i.checked");
			//				if($org.length) {
			//					if($org.length > 1) {
			//						$.util.alertMsg("只能选择一个机构");
			//					} else {
			//						$.util.get("../ajax/sys/org/id/"+$org.attr("orgId"),null,function(rd){
			//							if(rd){
			//								spa.showModal("sys_org_edit", { data:rd, hand: function() { pdg.load() } })								
			//							}else{
			//								$.util.alertMsg("机构已不存在", function(){pdg.load();});
			//							}
			//						},{});
			//					}
			//				} else {
			//					$.util.alertMsg("请选择一个机构");
			//				}
			//			});
			//			root.find(".opt-del").on("click", function() {
			//				var $org = root.find("td.opt-check>i.checked");
			//				if($org.length) {
			//					var ret =[];
			//					$org.each(function(){
			//						ret.push($(this).attr("orgId"));						
			//					});
			//					$.util.boxMsg({
			//						title: "确认删除",
			//						content: "您是否要删除选中的机构信息,机构信息删除后不可恢复！！！！！！！！！！！！！！！！！！",
			//						btns: [{ caption: "删除", hand: function() {
			//							$.util.post("../ajax/sys/org/del",{ids:ret},function(){pdg.load()},{});							
			//						} },
			//							{ caption: "取消" }
			//						]
			//					});
			//				} else {
			//					$.util.alertMsg("请选择一个机构");
			//				}
			//			});
		},
		modal: function(data) {
			//console.log(spa.getLastModalCtn())
			//spa.getLastModalCtn().html(" in modal:"+(new Date()).toString());	
			//			var modalCtn =spa.getLastModalCtn();
			//			var root = modalCtn = modalCtn.children();	
			//			root.css("width","80%");
			//			root.find(".upload-btn").upload({
			//				uri:"/ajax/upload",
			//				maxSize:1048576,
			//				accept:"image/*",
			//				start:function(){console.log("start:"+JSON.stringify(this))},
			//				done:function(data){console.log("done:"+JSON.stringify({ref:this,data:data}))},
			//				fail:function(type,param){console.log("fail:"+JSON.stringify({ref:this,type:type,param:param}))},
			//				notity:function(total,loaded){console.log("notity:"+JSON.stringify({ref:this,total:total,loaded:loaded}))},
			//			});
			//			root.find(".icon-times").on("click",function(){
			//				spa.closeModal();
			//			});
			//			var pdg =root.pdg();
			//			pdg.codeRef.addValueListener($.util.dictDisplay);
			//			root.find(".query").on("click", function() {
			//				console.log("dt load")
			//				pdg.load();
			//			});
			//			root.find(".reset").on("click", function() {
			//				console.log("dt reset")
			//				pdg.formRef.reset();
			//			});
			//			console.log(pdg.formRef.val());
			//			pdg.load();
		},
		mainDestory: function() {
		},
		modalDestory: function() {
					});
					root.find(".table-opt i.icon-tasks").on("click",function(){
						var $this = $(this);
						var code = $this.parent().attr("dictCode");
						if(code) {
							util.get("../ajax/sys/dict/editItem/" + code, null, function(data) {
								spa.showModal("sys_dict_itemedit", {
									data: data,
									hand: function() {
										pdg.load();
									}
								});
							});
						}
					});
				};
				pdg.code.listen(dict.doTransfer);
				pdg.code.listen(bindDataEvent);
				pdg.code.shell("bool",function(env){
					var v = env.cd[this.k];
					return v===true?"是":(v===false?"否":"");
				});
				root.find(".opt-query").on("click", function() {
					pdg.load();
				});
				pdg.load();
		}
	};
			}
		};
	});
});

js/model/sys/org/index.js

;
spa_define(function(spa) {
	return {
		main: function() {
			var root = spa.mainEle().children(".sys_org_index");
			var pdg = root.pdg();
			pdg.code.shell("showDay", function(env) {
				if(env.cd && env.cd[this.k]) {
					var day = env.cd[this.k];
					return day.substring(0, 4) + "年" + day.substring(4, 6) + "月" + day.substring(6, 8) + "日";
				}
				return "";
			});
			pdg.code.listen($.dict.doTransfer);
			root.find(".opt-query").on("click", function() {
				//				console.log("dt load")
spa_define(function(){
	return $.use(["spa","pagedatagrid","util"],function(spa,pdgf,util){
		return{
			main: function() {				
				var root = spa.findInMain(".sys_org_index");
				var pdg = pdgf.build(root);
				pdg.code.shell("showDay", function(env) {
					if(env.cd && env.cd[this.k]) {
						var day = env.cd[this.k];
						return day.substring(0, 4) + "年" + day.substring(4, 6) + "月" + day.substring(6, 8) + "日";
					}
					return "";
				});
				pdg.code.listen($.dict.doTransfer);
				root.find(".opt-query").on("click", function() {
					pdg.load();
				});
				pdg.load();
			});
			//console.log(pdg.formRef.val());
			pdg.load();
			root.find(".opt-new").on("click", function() {
				spa.showModal("sys_org_new", function() { pdg.load() });
			});
			root.find(".dt-tpl").on("click", "th.opt-check>i.icon-st-check", function() {
				var $this = $(this);
				$this.toggleClass("checked");
				if($this.hasClass("checked")) {
					root.find(".dt-tpl td.opt-check>i.icon-st-check").addClass("checked");
				} else {
					root.find(".dt-tpl td.opt-check>i.icon-st-check").removeClass("checked");
				}
			});
			root.find(".dt-tpl").on("click", "td.opt-check>i.icon-st-check", function() {
				var $this = $(this);
				$this.toggleClass("checked");
			});
			root.find(".opt-edit").on("click", function() {
				var $org = root.find("td.opt-check>i.checked");
				if($org.length) {
					if($org.length > 1) {
						$.util.alertMsg("只能选择一个机构");
				root.find(".opt-new").on("click", function() {
					spa.showModal("sys_org_new", function() { pdg.load() });
				});
				root.find(".dt-tpl").on("click", "th.opt-check>i.icon-st-check", function() {
					var $this = $(this);
					$this.toggleClass("checked");
					if($this.hasClass("checked")) {
						root.find(".dt-tpl td.opt-check>i.icon-st-check").addClass("checked");
					} else {
						$.util.get("../ajax/sys/org/id/"+$org.attr("orgId"),null,function(rd){
							if(rd){
								spa.showModal("sys_org_edit", { data:rd, hand: function() { pdg.load() } })								
							}else{
								$.util.alertMsg("机构已不存在", function(){pdg.load();});
							}
						},{});
						root.find(".dt-tpl td.opt-check>i.icon-st-check").removeClass("checked");
					}
				} else {
					$.util.alertMsg("请选择一个机构");
				}
			});
			root.find(".opt-del").on("click", function() {
				var $org = root.find("td.opt-check>i.checked");
				if($org.length) {
					var ret =[];
					$org.each(function(){
						ret.push($(this).attr("orgId"));						
					});
					$.util.boxMsg({
						title: "确认删除",
						content: "您是否要删除选中的机构信息,机构信息删除后不可恢复！！！！！！！！！！！！！！！！！！",
						btns: [{ caption: "删除", hand: function() {
							$.util.post("../ajax/sys/org/del",{ids:ret},function(){pdg.load()},{});							
						} },
							{ caption: "取消" }
						]
					});
				} else {
					$.util.alertMsg("请选择一个机构");
				}
			});
		},
		modal: function(data) {
			//console.log(spa.getLastModalCtn())
			//spa.getLastModalCtn().html(" in modal:"+(new Date()).toString());	
			//			var modalCtn =spa.getLastModalCtn();
			//			var root = modalCtn = modalCtn.children();	
			//			root.css("width","80%");
			//			root.find(".upload-btn").upload({
			//				uri:"/ajax/upload",
			//				maxSize:1048576,
			//				accept:"image/*",
			//				start:function(){console.log("start:"+JSON.stringify(this))},
			//				done:function(data){console.log("done:"+JSON.stringify({ref:this,data:data}))},
			//				fail:function(type,param){console.log("fail:"+JSON.stringify({ref:this,type:type,param:param}))},
			//				notity:function(total,loaded){console.log("notity:"+JSON.stringify({ref:this,total:total,loaded:loaded}))},
			//			});
			//			root.find(".icon-times").on("click",function(){
			//				spa.closeModal();
			//			});
			//			var pdg =root.pdg();
			//			pdg.codeRef.addValueListener($.util.dictDisplay);
			//			root.find(".query").on("click", function() {
			//				console.log("dt load")
			//				pdg.load();
			//			});
			//			root.find(".reset").on("click", function() {
			//				console.log("dt reset")
			//				pdg.formRef.reset();
			//			});
			//			console.log(pdg.formRef.val());
			//			pdg.load();
		},
		mainDestory: function() {
		},
		modalDestory: function() {
		}
	};
				});
				root.find(".dt-tpl").on("click", "td.opt-check>i.icon-st-check", function() {
					var $this = $(this);
					$this.toggleClass("checked");
				});
				root.find(".opt-edit").on("click", function() {
					var $org = root.find("td.opt-check>i.checked");
					if($org.length) {
						if($org.length > 1) {
							util.alertMsg("只能选择一个机构");
						} else {
							$.util.get("../ajax/sys/org/id/"+$org.attr("orgId"),null,function(rd){
								if(rd){
									spa.showModal("sys_org_edit", { data:rd, hand: function() { pdg.load() } })								
								}else{
									util.alertMsg("机构已不存在", function(){pdg.load();});
								}
							},{});
						}
					} else {
						util.alert("请选择一个机构");
					}
				});
				root.find(".opt-del").on("click", function() {
					var $org = root.find("td.opt-check>i.checked");
					if($org.length) {
						var ret =[];
						$org.each(function(){
							ret.push($(this).attr("orgId"));						
						});
						util.boxMsg({
							title: "确认删除",
							content: "您是否要删除选中的机构信息,机构信息删除后不可恢复！！！！！！！！！！！！！！！！！！",
							btns: [{ caption: "删除", hand: function() {
								util.post("../ajax/sys/org/del",{ids:ret},function(){pdg.load()},{});							
							} },
								{ caption: "取消" }
							]
						});
					} else {
						util.alert("请选择一个机构");
					}
				});
			},mainDestory: function() {
			},
		};
	});
});

js/model/sys/org/new.js

;
spa_define(function(spa) {
	return {
		modal: function(data) {
			var modalCtn =spa.getLastModalCtn();
			var root = modalCtn = modalCtn.children();	
			var form = root.find(".newForm").form();
			root.find(".modal-ctrl .icon-times").on("click",function(){
				spa.closeModal();
			});
			
			root.find(".opt-save").on("click",function(){
				form.doPost("../ajax/sys/org",function(){
spa_define(function() {
	return $.use(["spa","util","form"], function(spa,util,fb) {
		return {
			modal : function(data) {
				var root = spa.findInModal(".sys_resource_new");
				var form =fb(root.find(".newForm"));
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
					if(data){
						data();
					}
				},{});
			});
			
		}
	};
				});
				root.find(".opt-save").on("click", function() {
					form.doPost("../ajax/sys/org", function() {
						spa.closeModal();
						if (data) {
							data();
						}
					}, {});
				});
			}
		}
	});
});

js/model/sys/resource/edit.js

;spa_define(function(){
	return $.use(["spa","util","form"],function(spa,util,form){
		return {
			modal:function(data){
				var root = spa.findInModal(".sys_resource_edit");
				root.find(".modal-ctrl .icon-times").on("click",function(){
					spa.closeModal();
				});
				var ef = form.build(root.find(".opt-form"));
				ef.val(data.data);
				root.find(".opt-save").on("click",function(){
					ef.doPut("../ajax/sys/resource",function(){
						spa.closeModal();
						if(data.hand){
							data.hand();
						}
					},{});
				});
			}
		};
	});
});

js/model/sys/resource/index.js

;
spa_define(function(spa) {
	return {
		main: function() {
			var form = spa.mainEle.find(".queryForm").form();
			var codeRef = spa.mainEle.find(".dt-tpl").code();
			var queryBtn = spa.mainEle.find(".queryForm .icon-search");
			var newBtn = spa.mainEle.find(".opt-new");
			newBtn.on("click", function() {
				spa.showModal("sys_resource_new",load);
			});
			var tableData = { data: [] },
				allData = [];
			var query = function() {
				var val = form.item("qn").val();
				if(val) {
					var td = tableData.data = [];
					for(var i = 0; i < allData.length; ++i) {
						var item = allData[i];
						if(item && item.name && item.name.indexOf(val) >= 0) {
							td.push(item);
spa_define(function() {
	return $.use(["spa","code","form","util"],function(spa,code,form,util){
		return {
			main: function() {
				var root = spa.findInMain(".sys_resource_index");
				var qf = form.build(root.find(".queryForm"));
				var cr = code.parseCode(root.find(".dt-tpl"));
				var queryBtn = root.find(".queryForm .icon-search");
				var newBtn = root.find(".opt-new");
				root.on("click",".opt-del",function(){
					var resId = $(this).parent().attr("resourceId");
					if(resId){
						util.boxMsg({
							title: "确认删除",
							content: "您是否要删除选中的资源信息,资源信息删除后不可恢复！！！！！！！！！！！！！！！！！！",
							btns: [{ caption: "删除", hand: function() {
								util.del("../ajax/sys/resource/id/"+resId,load,{});							
							} },
								{ caption: "取消" }
							]
						});
					}
				});
				root.on("click",".opt-edit",function(){
					var resId = $(this).parent().attr("resourceId");
					if(resId){
						var resource = allData.find(function(item){return item.id===resId});
						if(resource){
							spa.showModal("sys_resource_edit",{data:resource,hand:load});
						}
					}
				});
				cr.shell("bool",function(env){
					var v = env.cd[this.k];
					return v===true?"是":(v===false?"否":"");
				});
				newBtn.on("click", function() {
					spa.showModal("sys_resource_new",load);
				});
				var tableData = { data: [] },
					allData = [];
				var query = function() {
					var val = qf.item("qn").get();
					if(val) {
						var td = tableData.data = [];
						for(var i = 0; i < allData.length; ++i) {
							var item = allData[i];
							if(item && item.name && item.name.indexOf(val) >= 0) {
								td.push(item);
							}
						}
					} else {
						tableData.data = allData;
					}
				} else {
					tableData.data = allData;
				}
				codeRef.val(tableData);
			};
			var load = function() {
				$.util.get("../ajax/sys/resource/all", null, function(data) {
					allData = data || [];
					query();
				}, {});
			};
			queryBtn.on("click", query);
			load();
			//			var pdg = spa.mainEle.children(".main1").pdg();
			//			pdg.codeRef.addValueListener($.util.dictDisplay);
			//			spa.mainEle.find(".query").on("click", function() {
			////				console.log("dt load")
			//				pdg.load();
			//			});
			//			spa.mainEle.find(".reset").on("click", function() {
			////				console.log("dt reset")
			//				pdg.formRef.reset();
			//			});
			//			//console.log(pdg.formRef.val());
			//			pdg.load();
		},
		modal: function(data) {
			//console.log(spa.getLastModalCtn())
			//spa.getLastModalCtn().html(" in modal:"+(new Date()).toString());	
			//			var modalCtn =spa.getLastModalCtn();
			//			var root = modalCtn = modalCtn.children();	
			//			root.css("width","80%");
			//			root.find(".upload-btn").upload({
			//				uri:"/ajax/upload",
			//				maxSize:1048576,
			//				accept:"image/*",
			//				start:function(){console.log("start:"+JSON.stringify(this))},
			//				done:function(data){console.log("done:"+JSON.stringify({ref:this,data:data}))},
			//				fail:function(type,param){console.log("fail:"+JSON.stringify({ref:this,type:type,param:param}))},
			//				notity:function(total,loaded){console.log("notity:"+JSON.stringify({ref:this,total:total,loaded:loaded}))},
			//			});
			//			root.find(".icon-times").on("click",function(){
			//				spa.closeModal();
			//			});
			//			var pdg =root.pdg();
			//			pdg.codeRef.addValueListener($.util.dictDisplay);
			//			root.find(".query").on("click", function() {
			//				console.log("dt load")
			//				pdg.load();
			//			});
			//			root.find(".reset").on("click", function() {
			//				console.log("dt reset")
			//				pdg.formRef.reset();
			//			});
			//			console.log(pdg.formRef.val());
			//			pdg.load();
		},
		mainDestory: function() {
		},
		modalDestory: function() {
		}
	};
					cr.val(tableData.data);
				};
				var load = function() {
					util.get("../ajax/sys/resource/all", null, function(data) {
						allData = data || [];
						query();
					}, {});
				};
	
				queryBtn.on("click", query);
				load();	
			},
			mainDestory: function() {
	
			}
		};
	});
});

js/pageDataGrid.js

$.define(["jQuery", "util", "form", "code", "pager"], "pageDataGrid", function($, util, form, code, pager) {
$.define(["jQuery", "util", "form", "code", "pager"], "pagedatagrid", function($, util, form, code, pager) {
	var qf = ".dt-form",
		qt = ".dt-tpl",
		qp = ".dt-pager",
		derr = {},
		dajaxCfg = {},
		configPageIndex = function(fn, data) {
			if(fn && data　 && data.data && data.data.length) {
			if(fn && data && data.data && data.data.length) {
				var b = (data.pageNo - 1) * data.pageSize;
				data.data.forEach(function(obj) {
					++b;

js/spa.js

		resCache = {},
		cssCache = {},
		htmlCache = { "#": "#" },
		modelCache = {},
		modelCache = {"_def_error_form":{}},
		scriptCache = {}, resUri, menuUri, menuEle,
		main, mainEle,
		errHand = {
			"defErrHand": function(err) {
				showModal("_def_err_form", err);
			}
		},
		cfg = {
			error: errHand,
			ajaxCfg: { mask: true },
			mask: true,
			loadEnabled: true
						});
					}
					menuUri ? load_menu() : showMain();
				}, cfg.error, cfg.ajaxCfg);
				},false, cfg.ajaxCfg);
			}
		},
		load_menu = function() {
			util.get(menuUri, null, function(menu) {
				build_menu(menu);
				showMain();
			}, cfg.error, cfg.ajaxCfg);
			},false, cfg.ajaxCfg);
		},
		build_menu = function(menu) {
			if(menuEle && menuEle.length && menu && menu.length) {
				}).fail(function(jqXHR, textStatus, errorThrown) {
					model.state = 12;
					if(cfg.mask) { util.hideLoading(); }
					cfg.error({
					uril.raise({
						code: "loadModelHtml_" + (textStatus || ""),
						msg: textStatus,
						detailMsg: textStatus,
					if(cfg.mask) {
						util.hideLoading();
					}
					cfg.error({
					util.raise({
						code: "buildModelFactory_" + err.toString(),
						msg: err.toString() || "",
						detailMsg: err.toString() || "",
					}
					if(model.state < 22) {
						model.state = 22;
						cfg.error({
						util.raise({
							code: "loadModelScript_" + err.toString(),
							msg: err.toString() || "",
							detailMsg: err.toString() || "",
									if(cfg.mask) {
										util.hideLoading();
									}
									cfg.error({
									util.raise({
										code: "loadModelScript_timeout",
										msg: "",
										detailMsg: "",
				if(model) {
					loadModel(model, afterLoadByModal, data);
				} else {
					cfg.error({ code: "invalid_model", msg: "不正确的模块[" + id + "]", detailMsg: "不正确的模块[" + id + "]" });
					util.raise({ code: "invalid_model", msg: "不正确的模块[" + id + "]", detailMsg: "不正确的模块[" + id + "]" });
				}
			}
		},
				if(model) {
					loadModel(model, afterLoadByMain);
				} else {
					cfg.error({ code: "invalid_model", msg: "不正确的模块[" + id + "]", detailMsg: "不正确的模块[" + id + "]" });
					util.raise({ code: "invalid_model", msg: "不正确的模块[" + id + "]", detailMsg: "不正确的模块[" + id + "]" });
				}
			}
		},
					util.closeModal();
				}
			} else {
				cfg.error({ code: "invalid_dir", msg: "can't close modal:has top layer", detailMsg: "can't close modal:has top layer" });
				util.raise({ code: "invalid_dir", msg: "can't close modal:has top layer", detailMsg: "can't close modal:has top layer" });
			}
		},
		build = function(config) {
			getLastModalIndex: getLastModalIndex,
			showMain: showMain,
			showModal: showModal,
			mainEle:function(){
				return mainEle;
			mainChildren:function(selector){
				return mainEle.children(selector);
			},
			modalChildren:function(selector){
				return getLastModalCtn.children(selector);
			},
			findInMain:function(selector){
				return mainEle.find(selector);
			},
			findInModal:function(selector){
				return getLastModalCtn().find(selector);
			}
		};
		$.spa=spa;