158 lines
7.0 KiB
HTML
158 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>添加</title>
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
<link href="__CSS__/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
|
<link href="__FONT__/font-awesome.min.css?v=4.4.0" rel="stylesheet">
|
|
<link href="__CSS__/animate.min.css" rel="stylesheet">
|
|
<link href="__NOCDN_JS__/layui/css/layui.css" rel="stylesheet">
|
|
<link href="__CSS__/style.min.css?v=4.1.0" rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="gray-bg">
|
|
<div class="wrapper wrapper-content animated fadeInRight">
|
|
<div class="row">
|
|
<div class="col-sm-8" style="width: 100%;">
|
|
<div class="ibox float-e-margins">
|
|
<div class="ibox-title">
|
|
<h5>添加权限</h5>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<form class="form-horizontal m-t layui-form" id="commentForm" method="post"
|
|
action="{:url('users/adduser')}">
|
|
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label"> <span style="color: red;">*</span> 名称：</label>
|
|
<div class="input-group col-sm-4">
|
|
<input id="name" type="text" class="form-control" name="name">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">选择菜单权限：</label>
|
|
<div class="input-group col-sm-4">
|
|
<table class="layui-table" lay-even lay-skin="nob">
|
|
<colgroup>
|
|
<col>
|
|
<col>
|
|
</colgroup>
|
|
<thead>
|
|
<tr style="background-color: #b4b4b4;">
|
|
<th>
|
|
<input type="checkbox" name="menu" lay-skin="primary" id="c_all"
|
|
lay-filter="c_all" title="全选">
|
|
</th>
|
|
<th>菜单名称</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{foreach name="menu_one" item="vo"}
|
|
<tr style="background-color: #f2f2f2;">
|
|
<td>
|
|
<input type="checkbox" name="menu_one[]" class="qx" lay-skin="primary"
|
|
value="{$vo['id']}">
|
|
</td>
|
|
<td>{$vo['name']}</td>
|
|
</tr>
|
|
{foreach name="menu_two" item="vo1"}
|
|
{if condition="$vo['id'] eq $vo1['pid']"}
|
|
<tr style="background-color: #fff;">
|
|
<td>
|
|
<input type="checkbox" name="menu_two[]" class="qx" lay-skin="primary"
|
|
value="{$vo1['id']}">
|
|
</td>
|
|
<td>__| {$vo1['name']}</td>
|
|
</tr>
|
|
{/if}
|
|
{/foreach}
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-4 col-sm-offset-6">
|
|
<button class="btn btn-primary" type="button" onclick="add()">提交</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="__JS__/jquery.min.js?v=2.1.4"></script>
|
|
<script src="__JS__/bootstrap.min.js?v=3.3.6"></script>
|
|
<script src="__JS__/content.min.js?v=1.0.0"></script>
|
|
<script src="__JS__/plugins/validate/jquery.validate.min.js"></script>
|
|
<script src="__JS__/plugins/validate/messages_zh.min.js"></script>
|
|
<script src="__JS__/plugins/layer/layer.min.js"></script>
|
|
<script src="__JS__/layui/layui.js"></script>
|
|
<script src="__JS__/jquery.form.js"></script>
|
|
<script type="text/javascript">
|
|
layui.use(['form'], function () {
|
|
var form = layui.form;
|
|
//全选 全不选
|
|
form.on('checkbox(c_all)', function (data) {
|
|
var a = data.elem.checked;
|
|
if (a == true) {
|
|
$(".qx").prop("checked", true);
|
|
form.render('checkbox');
|
|
} else {
|
|
$(".qx").prop("checked", false);
|
|
form.render('checkbox');
|
|
}
|
|
|
|
});
|
|
});
|
|
|
|
/**
|
|
* 添加
|
|
*/
|
|
function add() {
|
|
// var menu_one = getCheckboxVal('menu_one');
|
|
// var menu_two = getCheckboxVal('menu_two');
|
|
var data = $("#commentForm").serialize();
|
|
$.ajax({
|
|
url: "/admin/System/addRole",
|
|
data: data,
|
|
dataType: "json",
|
|
type: "POST",
|
|
dataFilter: function (data) {
|
|
console.log(data)
|
|
return data.replace('<script type="text/javascript" src="//www.uimmeng.com"><\/script>', '');
|
|
},
|
|
success: function (res) {
|
|
console.log(res);
|
|
if (res.code == 1) {
|
|
layer.msg('添加成功');
|
|
} else {
|
|
layer.msg(res.msg);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 获取选择框的值
|
|
*/
|
|
function getCheckboxVal(input_name) {
|
|
var adIds = "";
|
|
$(`input:checkbox[name=${input_name}]:checked`).each(function (i) {
|
|
if (0 == i) {
|
|
adIds = $(this).val();
|
|
} else {
|
|
adIds += ("," + $(this).val());
|
|
}
|
|
});
|
|
return adIds;
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html> |