3

css/common.css

@@ -2419,7 +2419,10 @@ a cite {
    border-color: transparent;
}
.upload-btn{
	position: relative;
	overflow: hidden;
}
.upload-form input {
    position: absolute;
    top: 0px;

css/model/sys/dict.css

@@ -1,18 +1,73 @@
@charset "utf-8";
.sys_dict_index .queryForm{
	position: relative;
.sys_dict_index .queryForm {
    position: relative;
}
.sys_dict_index .queryForm .icon-search{
	position: absolute;
	top:7px;
	right:15px;
	font-size:25px;
.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;
    margin: 10px;
    font-size: 20px;
}
.sys_dict_add, .sys_dict_edit, .sys_dict_itemlist, .sys_dict_itemedit {
    width: 800px;
    padding: 10px;
}
.sys_dict_itemedit{
	height: 500px;
}
.sys_dict_itemedit .main {
    padding: 20px;
}
.sys_dict_itemedit .main  {
    height: 400px;
}
.sys_dict_itemedit .main .nav {
    height: 100%;
    overflow: auto;
}
.sys_dict_itemlist .ld-item {
    padding: 0 10px;
}
.sys_dict_itemlist .ld-caption {
    font-weight: bold;
}
.sys_dict_itemedit .nav li {
    padding: 5px 0 5px 15px;
    position: relative;
}
.sys_dict_itemedit .nav li a {
    padding: 0 0 0 10px;
}
.sys_dict_itemedit .nav .branch-item > ul {
    display: none;
}
.sys_dict_itemedit .nav .branch-item.open > ul {
    display: block;
}
.sys_dict_itemedit .nav .branch-item > i.icon-dict-toggle:before {
    content: '\e6f1';
}
.sys_dict_itemedit .nav .branch-item.open > i.icon-dict-toggle:before {
    content: '\e6f2';
}
.sys_dict_add,.sys_dict_edit{
	width:800px;
.sys_dict_itemedit .main > .btns {
    padding: 20px;
}

css/model/sys/user.css

@@ -0,0 +1,43 @@
@charset "utf-8";
.sys_user_index .tpl-btns .row {
    padding-left: 10px;
}
.sys_user_index th.opt-check, .sys_user_index td.opt-check {
    width: 35px;
}
.sys_user_new {
    width: 800px;
    padding: 0 20px 10px;
}
.sys_user_new .newForm {
    position: relative;
}
.sys_user_new .newForm .head-ctn {
    position: absolute;
    top: 3px;
    right: 30px;
    width: 190px;
    height: 190px;
}
.sys_user_new .newForm .head-ctn .upload-btn {
    position: absolute;
    bottom: 10px;
    left: 40px;
    width: 110px;
    height: 36px;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    text-align: center;
    border: 1px solid #555555;
    padding-top: 6px;
}
.sys_user_new .newForm .head-ctn .upload-btn i {
    font-size: 16px;
    color: rgb(95,184,120);
}

html/demo.html

@@ -144,7 +144,8 @@
	<script type="text/javascript" src="../js/codehtml.js"></script>
	<script type="text/javascript" src="../js/datagrid.js"></script>
	<script type="text/javascript" src="../js/pageDataGrid.js"></script>
	<script type="text/javascript" src="../js/spa.js"></script>-->
	<script type="text/javascript" src="../js/spa.js"></script>
	<script type="text/javascript" src="../js/upload.js" ></script>
	<script>
		$(function() {

html/model/sys/dict/itemedit.html

@@ -0,0 +1,72 @@
<div class="sys_dict_itemedit 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="code"></div>
					</div>
				</div>
				<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 text" name="shortCode"></div>
					</div>
				</div>
				<div class="row">
					<div class="col-4 item-caption">是否有效</div>
					<div class="col-8">
						<div class="form-item select bool" dictCode="bool" name="enabled"></div>
					</div>
				</div>
				<div class="row">
					<div class="col-4 item-caption">是否系统保留</div>
					<div class="col-8">
						<div class="form-item select bool" dictCode="bool" name="system"></div>
					</div>
				</div>
				<div class="row">
					<div class="col-4 item-caption">备注</div>
					<div class="col-8">
						<div class="form-item textarea" name="descp"></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/dict/itemlist.html

@@ -1,33 +1,27 @@
<div class-"sys_dict_itemlist centerModal">
<div class="sys_dict_itemlist centerModal">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<ul>
	<ul class="ld-caption">
		<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>
			<div class="row">
				<div class="col-2">编码</div>
				<div class="col-4">名称</div>
				<div class="col-2">助记码</div>
				<div class="col-2">是否有效</div>
				<div class="col-2">是否系统保留</div>
			</div>
		</li>
	</ul>
	
	<dvi class="item-list">
		<div calss="code-tpl" code-func="data-list">
			<div class="item">
				<div class="item-code" objVal="{{code}}">{{code}}</div>
				<div class="item-caption" objVal="{{caption}}">{{caption}}</div>
				<div class="item-shortCode" objVal="{{shortCode}}">{{shortCode}}</div>
				<div class="item-enabled" objVal="{{enabled}}">{{enabled}}</div>
				<div class="item-system" objVal="{{system}}">{{code}}</div>
				<div class="item-data" objVal="{{code}}">{{code}}</div>
	<ul class="ld-items">
		<li class="ld-item">
			<div class="row">
				<div class="col-2">{{code}}</div>
				<div class="col-4">{{caption}}</div>
				<div class="col-2">{{shortCode}}</div>
				<div class="col-2">{{enabled-itemE}}</div>
				<div class="col-2">{{system-itemS}}</div>
			</div>
		</div>
		
		
	</dvi>
	
	
		</li>
	</ul>
</div>

html/model/sys/user/index.html

@@ -0,0 +1,95 @@
<div class="sys_user_index" loadUri="../ajax/sys/user/pq" pageSize="5" pageNo="1">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="container dt-form">
		<div class="row">
			<div class="col-2 item-caption">名称</div>
			<div class="col-4">
				<div class="form-item text" defVal="" name="name"></div>
			</div>
			<div class="col-2 item-caption ">是否有效</div>
			<div class="col-4">
				<div class="form-item select bool" dictCode="bool" defVal="" name="actived"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption">手机</div>
			<div class="col-4">
				<div class="form-item text" defVal="" name="mobile"></div>
			</div>
			<div class="col-2 item-caption ">邮箱</div>
			<div class="col-4">
				<div class="form-item text" defVal="" name="email"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption ">创建日期</div>
			<div class="col-4">
				<div class="form-item date" defVal="" name="bt"></div>
			</div>
			<div class="col-2 item-caption center">至</div>
			<div class="col-4">
				<div class="form-item date" defVal="" name="et"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-10">
			</div>
			<div class="col-2">
				<div class="btn opt-query pull-right">
					<i class="icon-search"></i> 查询
				</div>
			</div>
		</div>
	</div>
	<div class="container page-split"></div>
	<div class="container tpl-btns">
		<div class="row">
			<div class="btn opt-new">
				<i class="icon-plus"></i> 增加
			</div>
			<div class="btn opt-edit">
				<i class="icon-edit"></i>编缉
			</div>
			<div class="btn opt-del">
				<i class="icon-remove-sign"></i>删除
			</div>
		</div>
	</div>
	<div class="container dt-tpl">
		<table class="table table-bordered">
			<thead>
				<tr>
					<th class="opt-check" ><i class="icon icon-st-check"></i> </th>
					<th>序号</th>
					<th>名称</th>
					<th>手机</th>
					<th>邮箱</th>
					<th>是否有效</th>
					<th>创建时间</th>
				</tr>
			</thead>
			<tbody>
				<tr ch-dir="list">
					<td class="opt-check" ><i class="icon icon-st-check" orgId="{{id}}"></i></td>
					<td>{{-_index}}</td>
					<td>{{name}}</td>
					<td>{{mobile}}</td>
					<td>{{email}}</td>
					<td>{{actived-bool}}</td>
					<td>{{createTime-date}}</td>
				</tr>
			</tbody>
			<tbody ch-dir="array.empty">
				<tr>
					<td class="empty-desc" colspan="7">表格暂无数据</td>
				</tr>
			</tbody>
		</table>
	</div>
	<ul class="dt-pager"></ul>
</div>

html/model/sys/user/new.html

@@ -0,0 +1,50 @@
<div class="sys_user_new centerModal">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="container newForm">
		<div class="row">
			<div class="col-2 item-caption">名称</div>
			<div class="col-6">
				<div class="form-item text" defVal="" name="name"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption">手机</div>
			<div class="col-6">
				<div class="form-item text" defVal="" name="mobile"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption">邮箱</div>
			<div class="col-6">
				<div class="form-item text" defVal="" name="email"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-2 item-caption">备注</div>
			<div class="col-6">
				<div class="form-item textarea" defVal="" name="descp"></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 class="head-ctn">
			
			
			<div class="upload-btn">
				<i class="icon icon-upload"></i>&nbsp;上传头像
			</div>
		</div>
	</div>
</div>

js/codehtml.js

@@ -22,6 +22,13 @@ $.define(["jQuery", "doc", "body", "util"], "code", function($, doc, $body, util
			},
			"_index": function(env) {
				return env.ci+1;
			},
			"bool":function(env){
				return env.cd[this.k]?"是":"否";
			},
			"date":function(env){
				var v = env.cd[this.k];
				return v?(v.substring(0,4)+"年"+v.substring(4,6)+"月"+v.substring(6,8)+"日"):((this.p && this.p[0])||"");
			}
		},
		simpleAttrHandler = function(env) {

js/common.js

@@ -226,7 +226,7 @@ if(typeof jQuery === 'undefined') {
			},
			g_err = {
				"defErrHand": function(ep) {
					errMsg(JSON.stringify(ep));
				},
				"0": "未定义的错误",
				"1": function() {

js/form.js

@@ -54,7 +54,7 @@ $.define(["jQuery", "util"], "form", function($, util) {
					item: function(name) {
						return items[name];
					},
					validate: function(vds) {
					validate: function() {
						if(vd(items)) {
							return util.validate(rules, this);
						}

js/model/sys/dict/index.js

@@ -1,13 +1,14 @@
;spa_define(function() {
	return  $.use(["spa","pagedatagrid","util","dict"],function(spa,pdgf,util,dict){
;
spa_define(function() {
	return $.use(["spa", "pagedatagrid", "util", "dict"], function(spa, pdgf, util, dict) {
		return {
			main:function(){
			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(){
				var bindDataEvent = function() {
					root.find(".table-opt i.icon-edit").on("click", function() {
						var $this = $(this);
						var code = $this.parent().attr("dictCode");
@@ -26,7 +27,7 @@
							});
						}
					});
					root.find(".table-opt i.icon-list-ul").on("click",function(){
					root.find(".table-opt i.icon-list-ul").on("click", function() {
						var $this = $(this);
						var code = $this.parent().attr("dictCode");
						if(code) {
@@ -40,13 +41,14 @@
							});
						}
					});
					root.find(".table-opt i.icon-tasks").on("click",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,
									code: code,
									hand: function() {
										pdg.load();
									}
@@ -57,16 +59,15 @@
				};
				pdg.code.listen(dict.doTransfer);
				pdg.code.listen(bindDataEvent);
				pdg.code.shell("bool",function(env){
				pdg.code.shell("bool", function(env) {
					var v = env.cd[this.k];
					return v===true?"是":(v===false?"否":"");
					return v === true ? "是" : (v === false ? "否" : "");
				});
				root.find(".opt-query").on("click", function() {
					pdg.load();
				});
				pdg.load();
			}
		};
	});

js/model/sys/dict/itemedit.js

@@ -0,0 +1,216 @@
;
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_dict_itemedit");
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
				});
				var treeCnt = root.find(".main .nav"),
					dictData = data.data,
					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) {
						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-star" }]
						};
						chs.push(icon);
						chs.push({ tn: "a", attrs: [ahref], chs: [item.code + ":" + item.caption] });
						if(item.children && item.children.length) {
							icon.attrs[0].av = "icon icon-dict-toggle";
							li.attrs[0].av = "branch-item";
							var cul = { tn: "ul", chs: [] };
							chs.push(cul);
							paint(cul, item.children);
						}
					});
				};
				var refreshTree = function() {
					var ul = { tn: "ul", chs: [] };
					paint(ul, dictData);
					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, dictData);
						return items ? (items.children ? items.children : null) : null;
					}
					return dictData;
				};
				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) {
					hand.val();
					editForm.form = form.build(root.find(".info"));
					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($this.attr("code"), dictData);
					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) {
							var di = findByCode(item.code, dictData);
							if(item.code !== editForm.oc) {
								if(di) {
									util.alert("存在重复的CODE");
									return;
								}
								di = findByCode(editForm.oc, dictData);
							}
							if(di) {
								di.caption = item.caption;
								di.shortCode = item.shortCode;
								di.enabled = item.enabled;
								di.system = item.system;
								di.descp = item.descp;
								di.code = item.code;
								refreshTree();
							}
						} else {
							var items = dictData;
							if(findByCode(item.code, dictData)) {
								util.alert("存在重复的CODE");
								return;
							}
							if(editForm.pc) {
								items = findByCode(editForm.pc,dictData);
								if(items) {
									if(items.children) {
										items = items.children;
									} else {
										items = items.children = [];
									}
								} else {
									items = dictData;
								}
							}
							var di = { code: item.code, caption: item.caption, shortCode: item.shortCode, enabled: item.enabled, system: item.system, descp: item.descp };
							items.push(di);
							refreshTree();
						}
					}
				});
				root.find(".opt-save").on("click", function() {
					util.put("../ajax/sys/dict/item/" + data.code, dictData, function() {
						spa.closeModal();
						if(data.hand) {
							data.hand();
						}
					}, {});
				});
				refreshTree();
			}
		};
	});
});

js/model/sys/dict/itemlist.js

@@ -0,0 +1,40 @@
;
spa_define(function() {
	return $.use(["code", "util", "spa", "doc"], function(code, util, spa, doc) {
		return {
			modal: function(data) {
				var root = spa.findInModal(".sys_dict_itemlist");
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
				});
				var ul = root.find(".ld-items");
				var codeHand = code.parse(ul[0]);
				codeHand.shell("itemE", function(env) {
					var val = env.cd[this.k];
					return val === true ? "有效的" : (val === false ? "无效的" : "");
				});
				codeHand.shell("itemS", function(env) {
					var val = env.cd[this.k];
					return val === true ? "系统保留的": (val === false ? "非系统保留的" : "");
				});
				var fill = function(e, items) {
					items.forEach(function(item) {
						codeHand.fill(e, item);
						if(item.children && item.children.length) {
							var cul = doc.createElement("ul");
							e.lastElementChild.appendChild(cul);
							fill(cul, item.children);
						}
					});
				};
				ul.empty();
				var docf = doc.createDocumentFragment();
				fill(docf, data.data);
				ul[0].appendChild(docf);
				docf = null;
			}
		};
	});
});

js/model/sys/org/new.js

@@ -3,7 +3,7 @@ spa_define(function() {
	return $.use(["spa","util","form"], function(spa,util,fb) {
		return {
			modal : function(data) {
				var root = spa.findInModal(".sys_resource_new");
				var root = spa.findInModal(".sys_org_new");
				var form =fb(root.find(".newForm"));
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();

js/model/sys/user/index.js

@@ -0,0 +1,76 @@
;
spa_define(function() {
	return $.use(["spa", "pagedatagrid", "util"], function(spa, pdgf, util) {
		return {
			main: function() {
				var root = spa.findInMain(".sys_user_index");
				var pdg = pdgf.build(root);
				root.find(".opt-query").on("click", function() {
					pdg.load();
				});
				root.find(".opt-new").on("click", function() {
					spa.showModal("sys_user_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("只能选择一个用户");
						} else {
							$.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 {
									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/user/del", { ids: ret }, function() { pdg.load() }, {});
									}
								},
								{ caption: "取消" }
							]
						});
					} else {
						util.alert("请选择一个用户");
					}
				});
				pdg.load();
			},
			mainDestory: function() {
			},
		};
	});
});

js/model/sys/user/new.js

@@ -0,0 +1,34 @@
;
spa_define(function() {
	return $.use(["spa", "util", "form", "upload"], function(spa, util, fb, upload) {
		return {
			modal: function(data) {
				var root = spa.findInModal(".sys_user_new");
				var form = fb.build(root.find(".newForm"));
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
				});
				upload.build({
					render: root.find(".upload-btn"),
					accept: "image/gif, image/jpeg",
					fail: function(errType, errData) { /*this ={id,name,size,type,abort=function}*/ },
					async: false,
					maxSize: 1024 * 1024 * 10,
					done: function(data) { /*this ={id,name,size,type,abort=function}*/ },
					start: function() { /*this ={id,name,size,type,abort=function}*/ },
					notity: function(total, loaded) { /*this ={id,name,size,type,abort=function}*/ },
					uri: "../ajax/sys/user/head"
				});
				root.find(".opt-save").on("click", function() {
					form.doPost("../ajax/sys/user", function() {
						spa.closeModal();
						if(data) {
							data();
						}
					}, {});
				});
			}
		}
	});
});

js/spa.js

@@ -259,9 +259,9 @@ $.define(["jQuery", "util", "doc", "win", "body"], "spa", function($, util, doc,
					if(model.state < 22) {
						model.state = 22;
						util.raise({
							code: "loadModelScript_" + err.toString(),
							msg: err.toString() || "",
							detailMsg: err.toString() || "",
							code: "loadModelScript_",
							msg:"",
							detailMsg: "",
							url: model.script
						});
					}

js/upload.js

@@ -0,0 +1,144 @@
$.define(["jQuery", "doc", "util"], "upload", function($, doc, util) {
	var g_upload_ref = 1,
		upload_remove = function(form) {
			form.addClass("hide");
			setTimeout(function() { form.remove(); }, 1000);
		},
		over = function(xhr) {
			xhr.onerror = null;
			xhr.onload = null;
			xhr.ontimeout = null;
			xhr.onabort = null;
			if(xhr.upload) {
				xhr.upload.onprogress = null;
			}
		},
		uploader_create = function(uploader) {
			var form = doc.createElement("form");
			form.setAttribute("enctype", "multipart/form-data");
			form.setAttribute("class", "upload-form");
			form.setAttribute("testRef", "" + (new Date()).getTime());
			finput = doc.createElement("input");
			finput.setAttribute("type", "file");
			finput.setAttribute("name", "filename");
			if(uploader.accept) finput.setAttribute("accept", uploader.accept);
			form.appendChild(finput);
			$form = $(form);
			$file = $(finput);
			$file.on("change", function() {
				var files = finput.files,
					file, fsize, xhr, formData, eobj,eContext = {},
					abortUpload = function() {
						if(!eContext.state) {
							xhr.abort();
							raiseError("abort");
						}
					},
					raiseError = function(er, data) {
						if(!eContext.state) {
							over(xhr);
							eContext.state = er;
							if(uploader.fail) uploader.fail.call(eContext, er, data);
							if(!uploader.async) {
								uploader_create(uploader);
							}
						}
					},
					formData;
				if(files.length) {
					file = files[0];
					fsize = file.size;
					if(uploader.maxSize && uploader.maxSize < fsize) {
						(uploader.invalid || util.raise)({ code: "upload_size", msg: "fsize", detailMsg: "上传文件太大[size > " + fsize + "]" });
						return;
					}
					g_upload_ref++;
					$file.off("change");
					upload_remove($form);
					if(uploader.async) {
						uploader_create(uploader);
					}
					eContext.name = file.name;
					eContext.size = file.size;
					eContext.type = file.type;
					eContext.id=g_upload_ref;
					eContext.abort = abortUpload;
					formData = new FormData(form);
					xhr = new XMLHttpRequest();
					xhr.onerror = function() {
						raiseError("error");
					};
					xhr.onabort = function() {
						raiseError("abort");
					};
					xhr.ontimeout = function() {
						raiseError("timeout");
					};
					xhr.onload = function() {
						if(!eContext.state) {
							if(xhr.status == 200) {
								var ro, rs = xhr.responseText;
								if(rs) {
									try {
										ro = JSON.parse(rs);
									} catch(err) {
										raiseError("parse", err);
									}
									if(ro.success) {
										over();
										state = "done";
										if(uploader.done) {
											uploader.done.call(eContext, ro.data);
										}
										if(!uploader.async) {
											uploader_create(uploader);
										}
									} else {
										raiseError("logic", ro);
									}
								} else {
									raiseError("emptyResponseText");
								}
							} else {
								raiseError("invalidHttpStatus", xhr.statusText);
							}
						}
					};
					if(uploader.start) uploader.start.call(eContext);
					xhr.open("POST", uploader.uri);
					if(xhr.upload && uploader.notity) {
						xhr.upload.onprogress = function(event) {
							if(event.lengthComputable) {
								uploader.notity.call(eContext, event.total, event.loaded);
							}
						};
					}
					if(uploader.timeout) {
						try {
							xhr.timeout = uploader.timeout;
						} catch(er) {
							setTimeout(function() {
								raiseError("timeout");
							}, uploader.timeout);
						}
					}
					xhr.send(formData);
				}
			});
			$form.appendTo(uploader.render);
		};
	return {
		build: function(options) {
			if(options.render) {
				if(!options.render.jquery) {
					options.render = $(options.render);
				}
				if(options.render.length === 1) {
					uploader_create(options);
					return true;
				}
			}
		}
	};
});