00

css/model/sys/role.css

@@ -0,0 +1,23 @@
@charset "utf-8";
.sys_role_index .queryForm{
	position: relative;
}
.sys_role_index .queryForm .icon-search{
	position: absolute;
	top:7px;
	right:15px;
	font-size:25px;
}
.sys_role_index .table-opt .icon {
	margin: 10px;
	font-size: 20px;
}
.sys_role_new,.sys_role_display,.sys_role_edit{
	width:600px;
	padding: 10px;
}
.sys_role_new .right-ctn,.sys_role_display  .right-ctn,.sys_role_edit  .right-ctn{
	max-height: 200px;
	padding: 20px;
	overflow: auto;
}

html/model/sys/org/index.html

@@ -74,7 +74,7 @@
			</tbody>
			<tbody ch-dir="array.empty">
				<tr>
					<td colspan="6">表格暂无数据</td>
					<td class="empty-desc" colspan="6">表格暂无数据</td>
				</tr>
			</tbody>
		</table>

html/model/sys/resource/index.html

@@ -46,7 +46,7 @@
			</tbody>
			<tbody ch-dir="array.empty">
				<tr>
					<td colspan="8">表格暂无数据</td>
					<td class="empty-desc" colspan="8">表格暂无数据</td>
				</tr>
			</tbody>
		</table>

html/model/sys/role/edit.html

@@ -0,0 +1,41 @@
<div class="sys_role_edit 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 ">类型</div>
						<div class="col-8">
							<div class="form-item select" dictCode="roleType" defVal="" name="type"></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>
			</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/role/index.html

@@ -0,0 +1,46 @@
<div class="sys_role_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>
				</tr>
			</thead>
			<tbody>
				<tr ch-dir="list">
					<td>{{-_index}}</td>
					<td>{{name}}</td>
					<td class="hand-dict" dict="roleType" code="{{type}}" ></td>
					<td class="table-opt" roleId="{{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="4">表格暂无数据</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

html/model/sys/role/new.html

@@ -0,0 +1,41 @@
<div class="sys_role_new 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 ">类型</div>
						<div class="col-8">
							<div class="form-item select" dictCode="roleType" defVal="" name="type"></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>
			</div>
			<div class="col-6">
				<ul class ="right-ctn">
					<li ch-dir="list" class="right-item opt-check"><i class="icon icon-st-check" 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/index.html

@@ -58,13 +58,19 @@
			<div class="btn opt-del">
				<i class="icon-remove-sign"></i>删除
			</div>
			<div class="btn opt-role">
				<i class="icon-group"></i>角色
			</div>
			<div class="btn opt-right">
				<i class="icon-key"></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 class="opt-check"><i class="icon icon-st-check"></i> </th>
					<th>序号</th>
					<th>名称</th>
					<th>手机</th>
@@ -75,11 +81,11 @@
			</thead>
			<tbody>
				<tr ch-dir="list">
					<td class="opt-check" ><i class="icon icon-st-check" userId="{{id}}"></i></td>
					<td class="opt-check"><i class="icon icon-st-check" userId="{{id}}"></i></td>
					<td>{{-_index}}</td>
					<td>{{name}}</td>
					<td>{{mobile}}</td>
					<td>{{email}}</td>
					<td class="data-name">{{name}}</td>
					<td class="data-mobile">{{mobile}}</td>
					<td class="data-email">{{email}}</td>
					<td>{{actived-bool}}</td>
					<td>{{createTime-date}}</td>
				</tr>

js/model/sys/role/edit.js

@@ -0,0 +1,39 @@
;
spa_define(function() {
	return $.use(["spa", "form", "code"], function(spa, fb, code) {
		return {
			modal: function(data) {
				var root = spa.findInModal(".sys_role_edit");
				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")));
					});
					form.val({ "auths": ret });
					form.doPut("../ajax/sys/role", function() {
						spa.closeModal();
						if(data.hand) {
							data.hand();
						}
					});
				});
				data.rights.forEach(function(item) {
					item.checked = (data.data.auths.indexOf(item.id) >= 0) ? "checked" : "";
				});
				cr.val(data.rights);
				form.val(data.data);
			}
		};
	});
});

js/model/sys/role/index.js

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

js/model/sys/role/new.js

@@ -0,0 +1,36 @@
;
spa_define(function() {
	return $.use(["spa","form","code"], function(spa,fb,code) {
		return {
			modal: function(data) {
				var root = spa.findInModal(".sys_role_new");
				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");
				});
				cr.val(data.data);
				root.find(".opt-save").on("click",function(){
					var ret =[];
					root.find(".right-ctn i.checked").each(function(){
						ret.push($(this).attr("right"));
					});
					form.val({"auths":ret});
					form.doPost("../ajax/sys/role",function(){
						spa.closeModal();
						if(data.hand){
							data.hand();
						}
					});
					
				});
				
				
			}
		};
	});
});