#override("css")
<link rel="stylesheet" href="${ctx}/static/js/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css" />
#end
#override("js")
<script src="${ctx}/static/js/zTree_v3/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
var reNodes = [
{ id:"1", name:"菜单",pid:"0",type:"hospital"}
,{ id:"999", name:"系统管理",pid:"1",type:"hospital"}
,{ id:"07559D3EEE524B348B28A7D9E4FD9720", name:"测试",pid:"1",type:"hospital"}
,{ id:"817411CD8A0C4726AA9D5FBA36D4169B", name:"测试_1",pid:"07559D3EEE524B348B28A7D9E4FD9720",type:"hospital"}
,{ id:"2", name:"用户管理",pid:"999",type:"aaa"}
,{ id:"6", name:"用户列表",pid:"2",type:"aaa"}
,{ id:"9", name:"创建用户",pid:"2",type:"hospital"}
,{ id:"7", name:"编辑用户",pid:"2",type:"hospital"}
,{ id:"8", name:"删除用户",pid:"2",type:"hospital"}
,{ id:"3", name:"角色管理",pid:"999",type:"hospital"}
,{ id:"10", name:"创建角色",pid:"3",type:"hospital"}
,{ id:"11", name:"编辑角色",pid:"3",type:"hospital"}
,{ id:"12", name:"删除角色",pid:"3",type:"hospital"}
,{ id:"13", name:"角色列表",pid:"3",type:"hospital"}
,{ id:"4", name:"资源管理",pid:"999",type:"hospital"}
,{ id:"15", name:"资源列表",pid:"4",type:"hospital"}
,{ id:"16", name:"添加资源",pid:"4",type:"hospital"}
,{ id:"17", name:"编辑资源",pid:"4",type:"hospital"}
,{ id:"18", name:"删除资源",pid:"4",type:"hospital"}
,{ id:"5", name:"会话管理",pid:"999",type:"hospital"}
];
</script>
<script>
var setting_resources = {
check: {
enable: true,
chkboxType: {
'Y': 's',
'N': 's'
}
},
view: {
dblClickExpand: false
},
data: {
simpleData: {
enable: true,
pIdKey: 'pid'
}
},
callback: {
beforeClick: beforeClick_resources,
onCheck: onCheck_resources,
onNodeCreated: zTreeOnNodeCreated_resources
}
};
function beforeClick_resources(treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj('tree_resources');
zTree.expandNode(treeNode);
zTree.checkNode(treeNode, !treeNode.checked, null, true);
return false;
}
function selectTreeNode_resources(id) {
var zTree = $.fn.zTree.getZTreeObj('tree_resources');
var node = zTree.getNodeByParam('id', id);
var pNode = node.getParentNode();
while (pNode != null) {
pNode = analParentNode(pNode, zTree);
}
zTree.cancelSelectedNode();
zTree.checkNode(node, true);
zTree.selectNode(node, true);
}
function analParentNode(node, zTree) {
zTree.expandNode(node, true);
var pNode = node.getParentNode();
if (pNode) {
return pNode;
}
return null;
}
function zTreeOnNodeCreated_resources(event, treeId, treeNode) {
var selectModels = 'hospital';
var types = selectModels.split(',');
for (var i = 0; i < types.length; i++) {
if (treeNode.type == types[i]) {
return;
}
}
treeNode.nocheck = true;
$.fn.zTree.getZTreeObj(treeId).updateNode(treeNode);
};
function onClick_resources(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj('tree_resources');
zTree.expandNode(treeNode);
zTree.checkNode(treeNode, !treeNode.checked, null, true);
return false;
}
function onCheck_resources(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj('tree_resources'),
nodes = zTree.getCheckedNodes(true),
v_txt = '';
v_value = '';
v_type = '';
for (var i = 0,
l = nodes.length; i < l; i++) {
var pNode = nodes[i].getParentNode();
if (pNode && pNode.checked) {
continue;
}
v_txt += nodes[i].name + ',';
v_value += nodes[i].id + ',';
if (nodes[i].type) {
v_type += nodes[i].type + ',';
}
}
if (v_txt.length > 0) {
v_txt = v_txt.substring(0, v_txt.length - 1);
v_value = v_value.substring(0, v_value.length - 1);
v_type = v_type.substring(0, v_type.length - 1);
}
$('#resources').attr('value', v_value);
}
var zNodes_resources = null;
var zTree_selectMode_resources = 'hospital';
$(function() {
zNodes_resources = reNodes;
var zTree = $.fn.zTree.init($('#tree_resources'), setting_resources, zNodes_resources);
if (zTree_selectMode_resources.indexOf('all') < 0) {
var types = zTree_selectMode_resources.split(',');
for (var i = 0; i < types.length; i++) {
nodes = zTree.getNodesByParam('type', types[i]);
for (var j = 0; j < nodes.length; j++) {
zTree.setChkDisabled(nodes[j], false);
}
}
}
var resTree = $.fn.zTree.getZTreeObj('tree_resources');
resTree.expandAll(true);
});
</script>
#end
#override("body")
<div class="ibox float-e-margins">
<div class="row">
<div class="col-sm-4">
<form id="validForm" class="form-horizontal m-t" novalidate="novalidate">
<input type="hidden" id="role.id" name="id" value="$!role.id"/>
<div class="form-group">
<label class="col-sm-3 control-label">角色名:</label>
<div class="col-sm-8">
<input type="text" placeholder="用户名" value="$!role.name" aria-required="true" required="true" class="form-control" minlength="2" name="name" id="name">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">角色备注:</label>
<div class="col-sm-8">
<input type="text" placeholder="角色备注" value="$!role.remarks" aria-required="true" required="true" class="form-control" minlength="2" name="remarks" id="remarks">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">角色简码:</label>
<div class="col-sm-8">
<input type="text" placeholder="角色简码" value="$!role.shortCode" aria-required="true" required="true" class="form-control" minlength="2" name="shortCode" id="shortCode">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">所属医院:</label>
<div class="col-sm-8">
<input type="text" placeholder="所属医院" value="$!role.orgId" aria-required="true" required="true" class="form-control" minlength="2" name="orgId" id="orgId">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label"></label>
<div class="col-sm-8">
<label class="checkbox-inline i-checks">
<div class="icheckbox_square-green" style="position: relative;">
<input type="checkbox" value="1" name="enable" #if ($role.enable == 1) checked="checked" #end
style="position: absolute; opacity: 0;" >
<ins class="iCheck-helper"
style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
</div>是否可用(选中可用,不选中不可用)
</label>
</div>
</div>
<div class="hr-line-dashed"></div>
<div class="form-group">
<div class="col-sm-4 col-sm-offset-3 pull-right">
<button type="button" class="btn btn-primary" onclick="save();"><i class="fa fa-check"></i> 提交</button>
<button type="button" class="btn btn-white" onclick="parent.closeAll();"><i class="fa fa-close"></i> 取消</button>
</div>
</div>
</form>
</div>
<div class="col-sm-6">
<input id='resources' name='role.resources' type='hidden'/><div id='treeContent_resources' class='menuContent' > <ul id='tree_resources' class='ztree' style='margin-top:0; width:180px; height: 250px;'></ul></div>
</div>
</div>
</div>
#end
#extends("/common/base_list.html")