index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!DOCTYPE html>
  2. <html lang="en" style="background-color: #f2f2f2;">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>功能权限</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <script src="../../../admin/index.js" door type="text/javascript" charset="utf-8"></script>
  8. <script type="text/javascript">
  9. link(['layui/css/eleTree.css', 'css/systemTree.css']);
  10. </script>
  11. <script type="text/javascript">
  12. require('js/common.js')
  13. </script>
  14. <style>
  15. .role-forbid{
  16. margin-left: 15px;
  17. }
  18. .role-forbid i{
  19. font-size: 16px;
  20. color: red;
  21. font-weight: bold
  22. }
  23. </style>
  24. <!--角色模板-->
  25. <script type="text/html" id="roleTpl">
  26. {{# layui.each(d.data, function(index, item){ }}
  27. <li class="li-item" roleId="{{item.id}}">
  28. <div class="li-item-left" style="flex: 1">
  29. <h4>{{item.name}}</h4>
  30. <p>{{item.description}}</p>
  31. </div>
  32. <ul class="bot-btn-group li-item-right">
  33. <li><i class="iconfont" id="roleEdit">&#xe62e;</i></li>
  34. <li><i class="iconfont" id="roleDel">&#xe658;</i></li>
  35. <li><i class="iconfont" id="roleForbid">&#xe650;</i></li>
  36. </ul>
  37. {{# if(item.status === 2){ }}
  38. <div class="role-forbid"><i class="iconfont" id="roleEnable">&#xe650;</i></div>
  39. {{# } }}
  40. </li>
  41. {{# }); }}
  42. </script>
  43. <!--权限模板-->
  44. <script type="text/html" id="systemTpl">
  45. {{# layui.each(d.data, function(index, item){ }}
  46. <li class="group" id="{{item.sysId}}" opened="{{item.open}}">
  47. <div class="li-group-top">
  48. <h4>{{item.sysName}}</h4>
  49. <form class="layui-form">
  50. <input type="checkbox" name="open" value="{{item.open}}" lay-skin="switch" lay-filter="switchTest"
  51. lay-text="ON|OFF" {{ item.open == 1 ? 'checked' : '' }}>
  52. </form>
  53. </div>
  54. <div class="eleTree" id="system{{item.sysId}}" lay-filter="system{{item.sysId}}"></div>
  55. </li>
  56. {{# }); }}
  57. </script>
  58. </head>
  59. <body class="main-container">
  60. <div class="layui-fluid">
  61. <div class="layui-row layui-col-space1">
  62. <div class="layui-col-xs12 layui-col-sm12 layui-col-md5">
  63. <div class="role layui-card">
  64. <div class="layui-card-header">
  65. <button class="layui-btn layui-btn-sm layui-btn-normal" id="addRole" layid='add_role'>添加角色</button>
  66. </div>
  67. <div class="layui-card-body">
  68. <ul class="layui-bot-ul" id="roleInfo">
  69. <!-- <li class="li-item" ids="1">
  70. <div class="li-item-left" style="flex: 1">
  71. <h4>贵阳市权限</h4>
  72. <p>角色说明</p>
  73. </div>
  74. <ul class="bot-btn-group li-item-right">
  75. <li><i class="iconfont">&#xe62e;</i></li>
  76. <li><i class="iconfont">&#xe658;</i></li>
  77. <li><i class="iconfont">&#xe650;</i></li>
  78. </ul>
  79. </li> -->
  80. </ul>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="layui-col-xs12 layui-col-sm12 layui-col-md7">
  85. <div class="system layui-card">
  86. <div class="layui-card-header">
  87. <button class="layui-btn layui-btn-sm layui-btn-normal" id="saveMenus">保 存</button>
  88. </div>
  89. <div class="layui-card-body">
  90. <ul class="layui-bot-ul" id="systemInfo">
  91. <!-- <li class="group">
  92. <div class="li-group-top">
  93. <h4>A系统</h4>
  94. <form class="layui-form">
  95. <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest"
  96. lay-text="ON|OFF">
  97. </form>
  98. </div>
  99. <div class="eleTree system1" lay-filter="system1"></div>
  100. </li> -->
  101. </ul>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <script src="index.js" type="text/javascript" charset="utf-8"></script>
  108. </body>
  109. </html>