You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
170 lines
7.6 KiB
HTML
170 lines
7.6 KiB
HTML
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html><head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>ThinkPHP5.0</title>
|
||
|
|
|
||
|
|
<meta name="description" content="Dashboard">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
|
<!--Basic Styles-->
|
||
|
|
<link href="/static/admin/style/bootstrap.css" rel="stylesheet">
|
||
|
|
<link href="/static/admin/style/font-awesome.css" rel="stylesheet">
|
||
|
|
<link href="/static/admin/style/weather-icons.css" rel="stylesheet">
|
||
|
|
|
||
|
|
<!--Beyond styles-->
|
||
|
|
<link id="beyond-link" href="/static/admin/style/beyond.css" rel="stylesheet" type="text/css">
|
||
|
|
<link href="/static/admin/style/demo.css" rel="stylesheet">
|
||
|
|
<link href="/static/admin/style/typicons.css" rel="stylesheet">
|
||
|
|
<link href="/static/admin/style/animate.css" rel="stylesheet">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- 头部 -->
|
||
|
|
{include file="public/top" /}
|
||
|
|
<!-- /头部 -->
|
||
|
|
|
||
|
|
<div class="main-container container-fluid">
|
||
|
|
<div class="page-container">
|
||
|
|
<!-- Page Sidebar -->
|
||
|
|
{include file="public/left" /}
|
||
|
|
<!-- /Page Sidebar -->
|
||
|
|
<!-- Page Content -->
|
||
|
|
<div class="page-content">
|
||
|
|
<!-- Page Breadcrumb -->
|
||
|
|
<div class="page-breadcrumbs">
|
||
|
|
<ul class="breadcrumb">
|
||
|
|
<li>
|
||
|
|
<a href="{:url('index/index')}">系统管理</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="{:url('lst')}">用户组管理</a>
|
||
|
|
</li>
|
||
|
|
<li class="active">添加用户组</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<!-- /Page Breadcrumb -->
|
||
|
|
|
||
|
|
<!-- Page Body -->
|
||
|
|
<div class="page-body">
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-12 col-sm-12 col-xs-12">
|
||
|
|
<div class="widget">
|
||
|
|
<div class="widget-header bordered-bottom bordered-blue">
|
||
|
|
<span class="widget-caption">新增用户组</span>
|
||
|
|
</div>
|
||
|
|
<div class="widget-body">
|
||
|
|
<div id="horizontal-form">
|
||
|
|
<form class="form-horizontal" role="form" action="" method="post">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="username" class="col-sm-2 control-label no-padding-right">用户组名称</label>
|
||
|
|
<div class="col-sm-6">
|
||
|
|
<input class="form-control" placeholder="" name="title" required="" type="text">
|
||
|
|
</div>
|
||
|
|
<p class="help-block col-sm-4 red">* 必填</p>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="username" class="col-sm-2 control-label no-padding-right">启用状态</label>
|
||
|
|
<div class="col-sm-6">
|
||
|
|
<p class="help-block col-sm-4 red">
|
||
|
|
<label>
|
||
|
|
<input class="checkbox-slider colored-darkorange" name="status" value="1" checked="checked" type="checkbox">
|
||
|
|
<span class="text"></span>
|
||
|
|
</label>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<p class="help-block col-sm-4 red">* 必填</p>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="username" class="col-sm-2 control-label no-padding-right"></label>
|
||
|
|
<div class="col-sm-6">
|
||
|
|
<table class="table table-hover">
|
||
|
|
<thead class="bordered-darkorange">
|
||
|
|
<tr>
|
||
|
|
<th>
|
||
|
|
配置权限
|
||
|
|
</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
{volist name="authRuleRes" id="authRule"}
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
<label>
|
||
|
|
<?php echo str_repeat(' ', $authRule['level']*3);?>
|
||
|
|
<input name="rules[]" value="{$authRule.id}" dataid="id-{$authRule.dataid}" class="inverted checkbox-parent {if condition="$authRule['level'] neq 0"} checkbox-child {/if} " type="checkbox">
|
||
|
|
<span {if condition="$authRule['level'] eq 0"} style="font-weight:bold; font-size:14px;" {/if} class="text">{$authRule.title}</span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
{/volist}
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="col-sm-offset-2 col-sm-10">
|
||
|
|
<button type="submit" class="btn btn-default">保存信息</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<!-- /Page Body -->
|
||
|
|
</div>
|
||
|
|
<!-- /Page Content -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!--Basic Scripts-->
|
||
|
|
<script src="/static/admin/style/jquery_002.js"></script>
|
||
|
|
<script src="/static/admin/style/bootstrap.js"></script>
|
||
|
|
<script src="/static/admin/style/jquery.js"></script>
|
||
|
|
<!--Beyond Scripts-->
|
||
|
|
<script src="/static/admin/style/beyond.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
/* 权限配置 */
|
||
|
|
$(function () {
|
||
|
|
//动态选择框，上下级选中状态变化
|
||
|
|
$('input.checkbox-parent').on('change', function () {
|
||
|
|
var dataid = $(this).attr("dataid");
|
||
|
|
$('input[dataid^=' + dataid + ']').prop('checked', $(this).is(':checked'));
|
||
|
|
});
|
||
|
|
$('input.checkbox-child').on('change', function () {
|
||
|
|
var dataid = $(this).attr("dataid");
|
||
|
|
dataid = dataid.substring(0, dataid.lastIndexOf("-"));
|
||
|
|
var parent = $('input[dataid=' + dataid + ']');
|
||
|
|
if ($(this).is(':checked')) {
|
||
|
|
parent.prop('checked', true);
|
||
|
|
//循环到顶级
|
||
|
|
while (dataid.lastIndexOf("-") != 2) {
|
||
|
|
dataid = dataid.substring(0, dataid.lastIndexOf("-"));
|
||
|
|
parent = $('input[dataid=' + dataid + ']');
|
||
|
|
parent.prop('checked', true);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
//父级
|
||
|
|
if ($('input[dataid^=' + dataid + '-]:checked').length == 0) {
|
||
|
|
parent.prop('checked', false);
|
||
|
|
//循环到顶级
|
||
|
|
while (dataid.lastIndexOf("-") != 2) {
|
||
|
|
dataid = dataid.substring(0, dataid.lastIndexOf("-"));
|
||
|
|
parent = $('input[dataid=' + dataid + ']');
|
||
|
|
if ($('input[dataid^=' + dataid + '-]:checked').length == 0) {
|
||
|
|
parent.prop('checked', false);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body></html>
|