zhangqi
/
cms


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
							
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>添加权限</title>
	<link rel="stylesheet" type="text/css" href="static/css/admin.css">
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="static/css/global_style.css">
	<link rel="Shortcut Icon" href="ico.ico">
</head>
<body>
	<div class="tm-tpl tpl-white-hn small-item" style-name="tpl-white-hn">
		<!--导航栏-->
		<div class="tpl-left-sidebar">
			<ul>
				<li class="logo">
					<img class="user-upload" src="static/images/4a251abe82900c79733daa753664f701.jpg" alt="admin" title="admin">
					<span>LeoAdmin</span>
				</li>
				<!--<li class="nav-item active">
				<a href="index.html" class="a-item"><i class="fa fa-home nav-icon" aria-hidden="true"></i><span>首页</span></a>
				</li>
				 -->
				<li class="nav-item">
					<a href="index.html" class="a-item"><i class="fa fa-home nav-icon"></i><span>首页</span></a>
				</li>
				<li class="nav-item">
					<a href="auth_index.html" class="a-item"><i class="fa fa-users nav-icon"></i><span>权限控制台</span></a>
					<ul class="nav-child-item has-child">
						<div class="nav-child-list">
							<li><a href="auth_index.html"><i class="fa fa-user-secret" aria-hidden="true"></i>权限管理</a></li>
							<li><a href="users.html"><i class="fa fa-users" aria-hidden="true"></i>角色组管理</a></li>
							<li><a href="user.html"><i class="fa fa-user" aria-hidden="true"></i>管理员们</a></li>
						</div>
					</ul>
				</li>
				<li class="nav-item">
					<a href="" class="a-item"><i class="fa fa-fire nav-icon"></i><span>测试中心</span></a>
					<ul class="nav-child-item has-child">
						<div class="nav-child-list">
							<li><a href=""><i class="fa fa-dashboard " aria-hidden="true"></i>视图1</a></li>
						</div>
					</ul>
				</li>
				<div class="sidebar-footer">
					<ul class="clearfix">
						<a href="javascript:;" data-title="消息"><i class="fa fa-bell-o"></i><span class="badge">99+</span></a>
						<a href="javascript:;" class="dashboard" tag="style-bar" data-title="配色方案"> <i class="fa fa-dashboard "></i></a>
						<a href="javascript:;" class="user" tag="user-bar" data-title="个人中心"><i class="fa fa-user"></i></a>
						<a href="javascript:;" data-title="公众号"><i class="fa fa-wechat"></i></a>
					</ul>
				</div>
			</ul>
		</div>
		<!--右侧内容-->
		<div class="tpl-right-item">
			<div class="tpl-body">
				<!--头部-->
				<div class="tpl-header">
					<div class="tpl-header-fluid">
						<div class="tpl-button switch-list">
							<i class="fa fa-hand-o-right" ></i>
						</div>
						<div class="tpl-button refresh" title="刷新">
							<i class="fa fa-refresh"></i>
						</div>
						<div class="tpl-button text">
							<a href=""><i class="fa fa-"></i> </a>
						</div>
						<div class="tpl-userbar">
							<ul>
								<li><a href="javascript:;" class="dashboard" tag="style-bar"><i class="fa fa-dashboard"></i></a></li>
								<li><a href="">欢迎你，admin</a></li>
								<li><a href="javascript:;" class="logout"><i class="fa fa-power-off"></i>退出登录</a></li>
							</ul>
						</div>
					</div>
				</div>
				<!--内容-->
				<div class="tpl-content">
					<div class="tpl-pannel clearfix">
						<div class="tpl-h-title">
							<a href="javascript:;" class="layui-btn layui-btn-sm back">返回上一页</a>
						</div>
						<form class="layui-form layui-col-md7" method="post" action="">
							<div class="layui-form-item">
								<label class="layui-form-label">权限名称</label>
								<div class="layui-input-block">
									<input type="text" name="auth_name" required autocomplete="off" placeholder="请输入权限名称" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">图标</label>
								<div class="layui-input-block" style="position: relative;">
							        <input type="tel" name="icon" required autocomplete="off" class="layui-input" placeholder="fontawesome图标如：fa-home 不需多加前缀fa">
							        <a href="javascript:;" style="position: absolute;right: -20px;top:10px"><i class="" id="preview"></i></a>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">权限父级</label>
								<div class="layui-input-block">
									<select name="auth_pid">
										<option value="0">无父级</option>
																				<option value="1">首页</option>
																					<option value="2">控制台</option>
																					<option value="3">权限控制台</option>
																						<option value="5">- 权限管理</option>
																							<option value="6">- 角色组管理</option>
																								<option value="11">- - 修改权限</option>
																								<option value="48">- - 添加权限组</option>
																							<option value="13">- 管理员们</option>
																						<option value="43">测试中心</option>
																						<option value="44">- 视图1</option>
																					</select>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">权限控制器</label>
								<div class="layui-input-block">
									
									<div class="layui-input-inline">
								        <input type="tel" name="auth_c" required autocomplete="off" class="layui-input" placeholder="控制器名">
								    </div>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">权限方法</label>
								<div class="layui-input-block">
									<div class="layui-input-inline">
								        <input type="tel" name="auth_f" required autocomplete="off" class="layui-input" placeholder="方法名">
								    </div>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">状态</label>
								<div class="layui-input-block">
									<input type="checkbox" lay-skin="switch" lay-filter="status" lay-text="启用|禁用" checked>
									<input type="hidden" name="status" value="启用">
								</div>
							</div>
							<div class="layui-form-item">
								<button class="layui-btn">提交</button>
							</div>
						</form>
					</div>
				</div>
				<!--配色方案-->
				<div class="right-bar style-bar">
					<div class="right-bar-fluid">
						<div class="tpl-header-text">配色方案</div>
						<ul class="style-item clearfix" id="style-list">
							<li data-style="tpl-black-n">
								<div class="header-style"></div>
								<div class="left-style black">
									<div class="logo-style"></div>
								</div>
							</li>
							<li data-style="tpl-black-hn">
								<div class="header-style black-child"></div>
								<div class="left-style black">
									<div class="logo-style"></div>
								</div>
							</li>
							<li data-style="tpl-red-hn">
								<div class="header-style red-child"></div>
								<div class="left-style red">
									<div class="logo-style"></div>
								</div>
							</li>
							<li data-style="tpl-red-n">
								<div class="header-style"></div>
								<div class="left-style red">
									<div class="logo-style"></div>
								</div>
							</li>
							<li data-style="tpl-blackred-hn">
								<div class="header-style red"></div>
								<div class="left-style black">
									<div class="logo-style"></div>
								</div>
							</li>
							<li data-style="tpl-blackgreen-hn">
								<div class="header-style green"></div>
								<div class="left-style black">
									<div class="logo-style"></div>
								</div>
							</li>
							<li data-style="tpl-green-hn">
								<div class="header-style green-child"></div>
								<div class="left-style green">
									<div class="logo-style"></div>
								</div>
							</li>
							<li data-style="tpl-green-n">
								<div class="header-style"></div>
								<div class="left-style green">
									<div class="logo-style"></div>
								</div>
							</li>
							<li data-style="tpl-white-hn">
								<div class="header-style"></div>
								<div class="left-style white">
									<div class="logo-style"></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<!--用户信息-->
				<div class="right-bar user-bar">
					<div class="right-bar-fluid">
						<div class="tpl-card">
							<div class="card-pannel">
								<div class="user-item">
									<img class="user-upload" src="static/images/4a251abe82900c79733daa753664f701.jpg">
									<h4 class="user-name">admin</h4>
									<p>时间模糊了很多东西，我依然爱你</p>
									<div class="user-tips">
										<a href="javascript:;" data-tips="13138003682"><i class="fa fa-phone"></i></a>
										<a href="javascript:;" data-tips="you can goin!"><i class="fa fa-star"></i></a>
										<a href="javascript:;" data-tips="547720744"><i class="fa fa-qq"></i></a>
										<a href="javascript:;" data-tips="Mr.LIU"><i class="fa fa-wechat"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--尾部-->
				<div class="tpl-footer">
					<div class="tpl-footer-fluid">
						<a class="f-item-text">来自一位后台工作者的零星之火</a>
						<a class="f-item-text">LeoAdmin</a>
						<a class="fitem-texy">2018 ©</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="static/layui/layui.js"></script>
	<script type="text/javascript" src="static/js/jquery.min.js"></script>
	<script type="text/javascript" src="static/js/jquery.cookie.js"></script>
	<script type="text/javascript" src="static/js/admin.js"></script>
	<script type="text/javascript">
		$(function(){
			$("input[name='icon']").keyup(function(){
    			$("#preview").removeClass();
    			$("#preview").addClass("fa fa-"+$(this).val());
  			});
		})
	</script>
	<script type="text/javascript">
		layui.use(["layer","form","jquery"],function(){
			var form = layui.form;
			var $ = layui.jquery;
			var layer = layui.layer;
			form.on('switch(status)', function(data){
				$("input[name='status']").val(this.checked ? "启用" : "禁用");
			});
		})
	</script>
</body>
</html>