kefu/application/admin/view/system/addMenu.html

130 lines
5.9 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">
<input id="icon" type="text" class="form-control" name="icon" required=""
placeholder="例如: fa-qq">
</div>
</div>
<div class="form-group">
<p class="col-sm-3 control-label">点击查看<a href="{:url('System/icon')}"
target="_blank">图标库</a></p>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">菜单路由:</label>
<div class="input-group col-sm-4">
<input id="url" type="text" class="form-control" name="url" required="">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">排序权重:</label>
<div class="input-group col-sm-4">
<input id="sort" type="number" class="form-control" name="sort" required=""
value="0">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">上级菜单:</label>
<!-- <input type="hidden" id="pid" name="pid" /> -->
<div class="input-group col-sm-4 layui-form">
<select name="pid">
<option value="0">一级菜单</option>
{foreach name="menu_one" item="vo"}
<option value="{$vo['id']}">{$vo['name']}</option>
{/foreach}
</select>
</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', 'upload'], function () {
var form = layui.form;
// form.on('select(group)', function (value) {
// $("#pid").val(value.value);
// });
});
/**
* 添加
*/
function add() {
var data = $("#commentForm").serialize();
$.ajax({
url: "/admin/System/addMenu",
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('添加成功', {time: 1000}, function(){
window.history.go(0);
});
} else {
layer.msg(res.msg);
}
}
});
}
</script>
</body>
</html>