duhongyu
/
ShuangHui_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
		<link rel="stylesheet" href="../css/init.css" />
		<title>系统管理-->角色权限</title>
		<style>
			.box {
				width: 35%;
			}
			
			.delModel .box,
			.proModel .box {
				width: 20%;
			}
			
			.boxCon {
				height: 285px;
			}
			
			.boxCon table th {
				width: 20%;
			}
			
			.boxCon table td textarea {
				width: 80%;
			}
			
			.treeTable {
				height: 500px;
			}
			
			.tree {
				height: 100%;
			}
			
			.treeCon {
				height: 90%;
				border: 1px solid #ebebeb;
				overflow-y: auto;
			}
			
			.trTitle {
				width: 100%;
				height: 34px;
				line-height: 34px;
				border-bottom: 1px solid #ebebeb;
				color: red;
				font-weight: 700;
				margin-bottom: 15px;
			}
			
			.toolBar {
				padding: 15px 0;
				border-bottom: 1px solid #ccc;
			}
		</style>
	</head>

	<body>
		<div class="container-fluid">
			<div class="daoHang clearfix">
				<div class="dhLeft">
					<sapn><i class="syIcon"></i>位置：
						<a id="ReIndex" href="javaScript:;">首页</a>&gt;
						<a href="javaScript:;">系统管理</a>&gt;
						<a href="javaScript:;">权限管理</a>&gt;
						<a href="" class="nowPosition">角色权限</a>
					</sapn>
				</div>
				<div class="dhRight">
					<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
				</div>
			</div>
			<div class="toolBar clearfix">
				<div class="toolLeft">
					<button class="btns add">添加</button>
					<button class="btns change">修改</button>
					<button class="btns del">删除</button>
					<button class="btns protect">保存角色权限</button>
				</div>
				<div class="toolRight">
					<span>角色名称：<input type="text" class="searJsz" placeholder="请输入角色名称"/></span>
					<button class="btns search">搜索</button>
				</div>

			</div>
			<div class="treeTable clearfix">
				<div class="tree col-md-3">
					<div class="trTitle"> 角色列表</div>
					<table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
						<thead>
							<tr>
								<th data-align="center" data-field="id" data-formatter="setCode">编号</th>
								<th data-field="F_RoleName" data-align="center">角色名称</th>

							</tr>
						</thead>
					</table>
				</div>
				<div class="tableCon col-md-9">
					<div class="trTitle"> 权限设置</div>
					<div class="treeCon">
						<ul id="treeDemo" class="ztree">
							<!--类名为ztree是必须的-->
						</ul>
					</div>
				</div>
			</div>

		</div>
		<!--添加弹出内容-->
		<div class="model addModel">
			<div class="box">
				<div class="btop clearfix">
					<p class="btl">添加角色信息</p>
					<p class="btr addBtr" title="关闭">X</p>
				</div>
				<div class="boxCon">
					<table>
						<tbody>
							<tr>
								<th style="color: red;">角色名称：</th>
								<td colspan="3"><input type="text" class="add_jsz" /><span class="kong addJsz_kong" style="color: red;">*角色名称不允许为空</span></td>
							</tr>
							<tr>
								<th>备注：</th>
								<td colspan="3"><textarea rows="2" cols="20" class="add_bz"></textarea></td>
							</tr>

						</tbody>
					</table>
					<div style="text-align: center;"><button class="btns addCun">保存</button></div>
				</div>
			</div>
		</div>
		<!--修改弹出内容-->
		<div class="model changeModel">
			<div class="box">
				<div class="btop clearfix">
					<p class="btl">修改角色信息</p>
					<p class="btr changeBtr" title="关闭">X</p>
				</div>
				<div class="boxCon">
					<table>
						<tbody>
							<tr>
								<th style="color: red;">角色名称：</th>
								<td colspan="3"><input type="text" class="change_jsz" /><span class="kong change_kong" style="color: red;">*角色名称不允许为空</span></td>
							</tr>
							<tr>
								<th>备注：</th>
								<td colspan="3"><textarea rows="2" cols="20" class="change_bz"></textarea></td>
							</tr>
						</tbody>
					</table>
					<div style="text-align: center;"><button class="btns changeCun">保存</button></div>
				</div>
			</div>
		</div>
		<!--删除弹出内容-->
		<div class="model delModel">
			<div class="box">
				<div class="btop clearfix">
					<p class="btl"><span>删除提示</span></p>
					<p class="btr delBtr" title="关闭">X</p>
				</div>
				<div class="boxCon" style="height: 150px;text-align: center;">
					<p style="font-size: 16px;">您确定删除？</p>
					<p style="margin-top: 30px;"><button class="btns sure">确定</button>
						<button class="btns return">取消</button></p>
				</div>

			</div>

		</div>
		<!--删除弹出内容-->
		<div class="model proModel">
			<div class="box">
				<div class="btop clearfix">
					<p class="btl"><span>提示</span></p>
					<p class="btr proBtr" title="关闭">X</p>
				</div>
				<div class="boxCon" style="height: 150px;text-align: center;">
					<p style="font-size: 16px;">保存角色权限成功!</p>
					<p style="margin-top: 30px;"><button class="btns proSure">确定</button>
					</p>
				</div>

			</div>

		</div>

	</body>
	<script src="../js/zTree/jquery.ztree.core.js"></script>
	<script src="../js/zTree/jquery.ztree.excheck.min.js"></script>
	<script src="./js/jueSeQuanXian.js"></script>

</html>