123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 |
- <!DOCTYPE html>
- <html lang="en" style="background-color: #f2f2f2;">
- <head>
- <meta charset="UTF-8">
- <title>功能权限</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <script src="../../../admin/index.js" door type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript">
- link(['layui/css/eleTree.css', 'css/systemTree.css']);
- </script>
- <script type="text/javascript">
- require('js/common.js')
- </script>
- <style>
- .role-forbid{
- margin-left: 15px;
- }
- .role-forbid i{
- font-size: 16px;
- color: red;
- font-weight: bold
- }
- </style>
-
- <script type="text/html" id="roleTpl">
- {{# layui.each(d.data, function(index, item){ }}
- <li class="li-item" roleId="{{item.id}}">
- <div class="li-item-left" style="flex: 1">
- <h4>{{item.name}}</h4>
- <p>{{item.description}}</p>
- </div>
- <ul class="bot-btn-group li-item-right">
- <li><i class="iconfont" id="roleEdit"></i></li>
- <li><i class="iconfont" id="roleDel"></i></li>
- <li><i class="iconfont" id="roleForbid"></i></li>
- </ul>
- {{# if(item.status === 2){ }}
- <div class="role-forbid"><i class="iconfont" id="roleEnable"></i></div>
- {{# } }}
- </li>
- {{# }); }}
- </script>
-
- <script type="text/html" id="systemTpl">
- {{# layui.each(d.data, function(index, item){ }}
- <li class="group" id="{{item.sysId}}" opened="{{item.open}}">
- <div class="li-group-top">
- <h4>{{item.sysName}}</h4>
- <form class="layui-form">
- <input type="checkbox" name="open" value="{{item.open}}" lay-skin="switch" lay-filter="switchTest"
- lay-text="ON|OFF" {{ item.open == 1 ? 'checked' : '' }}>
- </form>
- </div>
- <div class="eleTree" id="system{{item.sysId}}" lay-filter="system{{item.sysId}}"></div>
- </li>
- {{# }); }}
- </script>
- </head>
- <body class="main-container">
- <div class="layui-fluid">
- <div class="layui-row layui-col-space1">
- <div class="layui-col-xs12 layui-col-sm12 layui-col-md5">
- <div class="role layui-card">
- <div class="layui-card-header">
- <button class="layui-btn layui-btn-sm layui-btn-normal" id="addRole" layid='add_role'>添加角色</button>
- </div>
- <div class="layui-card-body">
- <ul class="layui-bot-ul" id="roleInfo">
-
- </ul>
- </div>
- </div>
- </div>
- <div class="layui-col-xs12 layui-col-sm12 layui-col-md7">
- <div class="system layui-card">
- <div class="layui-card-header">
- <button class="layui-btn layui-btn-sm layui-btn-normal" id="saveMenus">保 存</button>
- </div>
- <div class="layui-card-body">
- <ul class="layui-bot-ul" id="systemInfo">
-
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="index.js" type="text/javascript" charset="utf-8"></script>
- </body>
- </html>
|