000

css/model/sys/right.css

@@ -0,0 +1,17 @@
@charset "utf-8";
.sys_right_index .queryForm{
	position: relative;
}
.sys_right_index .queryForm .icon-search{
	position: absolute;
	top:7px;
	right:15px;
	font-size:25px;
}
.sys_right_index .table-opt .icon {
	margin: 10px;
	font-size: 20px;
}
.sys_right_new,.sys_right_display{
	width:600px;
}

html/demo.html

@@ -46,7 +46,7 @@
				height: 40px;
				margin: 10px;
				font-size: 15px;
				color: #fff;
				color: #fff !important;
				text-align: center;
			}
			

html/model/sys/right/display.html

@@ -0,0 +1,31 @@
<div class="sys_right_display centerModal">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="container newForm">
		<div class="row">
			<div class="col-4 item-caption ">类型</div>
			<div class="col-8">
				<div class="form-item select readOnly" dictCode="rightType" defVal="" name="type"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-4 item-caption ">权限码</div>
			<div class="col-8">
				<div class="form-item int text readOnly" defVal="0" name="id"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-4 item-caption">名称</div>
			<div class="col-8">
				<div class="form-item text readOnly" defVal="" name="name"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-4 item-caption">备注</div>
			<div class="col-8">
				<div class="form-item textarea readOnly" defVal="" name="descp"></div>
			</div>
		</div>
	</div>
</div>

html/model/sys/right/index.html

@@ -0,0 +1,48 @@
<div class="sys_right_index">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="container queryForm">
		<div class="row">
			<div class="col-6">
				<div class="btn opt-new">
					<i class="icon-plus"></i>
					新增
				</div>
				
			</div>
			<div class="col-6">				
				<div class="form-item text" name="qn"></div><i class="icon icon-search"></i>
			</div>
		</div>
	</div>
	<div class="container dt-tpl">
		<table class="table table-bordered">
			<thead>
				<tr>
					<th>#</th>
					<th>权限码</th>
					<th>名称</th>
					<th>分类</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr ch-dir="list">
					<td>{{-_index}}</td>
					<td>{{id}}</td>
					<td>{{name}}</td>
					<td class="hand-dict" dict="rightType" code="{{type}}" ></td>
					<td class="table-opt" rightId="{{id}}"><i class="icon icon-remove-sign opt-del"></i><i class="icon icon-th-large opt-display"></i></td>
				</tr>
			</tbody>
			<tbody ch-dir="array.empty">
				<tr>
					<td class="empty-desc" colspan="5">表格暂无数据</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

html/model/sys/right/new.html

@@ -0,0 +1,41 @@
<div class="sys_right_new centerModal">
	<div class="modal-ctrl">
		<i class="icon icon-times"></i>
	</div>
	<div class="container newForm">
		<div class="row">
			<div class="col-4 item-caption ">类型</div>
			<div class="col-8">
				<div class="form-item select" dictCode="rightType" defVal="" name="type"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-4 item-caption ">权限码</div>
			<div class="col-8">
				<div class="form-item int text" defVal="0" name="id"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-4 item-caption">名称</div>
			<div class="col-8">
				<div class="form-item text" defVal="" name="name"></div>
			</div>
		</div>
		<div class="row">
			<div class="col-4 item-caption">备注</div>
			<div class="col-8">
				<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>
</div>

js/dict.js

@@ -22,10 +22,10 @@ $.define(["jQuery", "util"], "dict", function($, util) {
		apply = function(code, hand) {
			var dict = cache[code];
			if(!dict) {
				var hs = handCache[dictCode];
				var hs = handCache[code];
				if(!hs) {
					handCache[code] = hs = [];
					load(dictCode);
					load(code);
				}
				hs.push(hand);
			} else {

js/model/sys/right/display.js

@@ -0,0 +1,16 @@
;
spa_define(function() {
	return $.use(["spa","form"], function(spa,fb) {
		return {
			modal: function(data) {
				var root = spa.findInModal(".sys_right_display");
				var form = fb.build(root.find(".newForm"));
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
				});
				form.val(data);
			}
		};
	});
});

js/model/sys/right/index.js

@@ -0,0 +1,74 @@
;
spa_define(function() {
	return $.use(["spa", "code", "form", "util","dict"], function(spa, code, form, util,dict) {
		return {
			main: function() {
				var root = spa.findInMain(".sys_right_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("rightId");
					if(resId) {
						util.boxMsg({
							title: "确认删除",
							content: "您是否要删除选中的权限信息,权限信息删除后不可恢复！！！！！！！！！！！！！！！！！！",
							btns: [{
									caption: "删除",
									hand: function() {
										util.del("../ajax/sys/right/" + resId, load, {});
									}
								},
								{ caption: "取消" }
							]
						});
					}
				});
				root.on("click", ".opt-display", function() {
					var rId = $(this).parent().attr("rightId");
					if(rId) {
						rId = parseInt(rId);
						var right = allData.find(function(item) { return item.id === rId });
						if(right) {
							spa.showModal("sys_right_display", right);
						}
					}
				});
				newBtn.on("click", function() {
					spa.showModal("sys_right_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;
					}
					cr.val(tableData.data);
				};
				var load = function() {
					util.get("../ajax/sys/right/all", null, function(data) {
						allData = data || [];
						query();
					}, {});
				};
				queryBtn.on("click", query);
				cr.listen(dict.doTransfer)
				load();
			},
			mainDestory: function() {
			}
		};
	});
});

js/model/sys/right/new.js

@@ -0,0 +1,25 @@
;
spa_define(function() {
	return $.use(["spa","form"], function(spa,fb) {
		return {
			modal: function(data) {
				var root = spa.findInModal(".sys_right_new");
				var form = fb.build(root.find(".newForm"));
				root.find(".modal-ctrl .icon-times").on("click", function() {
					spa.closeModal();
				});
				root.find(".opt-save").on("click", function() {
					form.doPost("../ajax/sys/right", function() {
						spa.closeModal();
						if(data) {
							data();
						}
					}, {});
				});
			}
		};
	});
});

js/spa.js

@@ -174,7 +174,7 @@ $.define(["jQuery", "util", "doc", "win", "body"], "spa", function($, util, doc,
				}).fail(function(jqXHR, textStatus, errorThrown) {
					model.state = 12;
					if(cfg.mask) { util.hideLoading(); }
					uril.raise({
					util.raise({
						code: "loadModelHtml_" + (textStatus || ""),
						msg: textStatus,
						detailMsg: textStatus,