index.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>管理系统</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all">
  12. <!--<link rel="shortcut icon" href="/static/imgs/favicon.ico"/>-->
  13. <style>
  14. .position_badge {
  15. position: absolute;
  16. right: 70px;
  17. }
  18. </style>
  19. </head>
  20. <body class="layui-layout-body">
  21. <div id="LAY_app">
  22. <div class="layui-layout layui-layout-admin">
  23. <div class="layui-header">
  24. <!-- 头部区域 -->
  25. <ul class="layui-nav layui-layout-left">
  26. <li class="layui-nav-item layadmin-flexible" lay-unselect>
  27. <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
  28. <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
  29. </a>
  30. </li>
  31. <li class="layui-nav-item" lay-unselect>
  32. <a href="javascript:;" layadmin-event="refresh" title="刷新">
  33. <i class="layui-icon layui-icon-refresh-3"></i>
  34. </a>
  35. </li>
  36. </ul>
  37. <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
  38. <li class="layui-nav-item layui-hide-xs" lay-unselect>
  39. <a href="javascript:;" layadmin-event="theme">
  40. <i class="layui-icon layui-icon-theme"></i>
  41. </a>
  42. </li>
  43. <li class="layui-nav-item" lay-unselect>
  44. <a href="javascript:;">
  45. <cite id="id_username"></cite>
  46. </a>
  47. <dl class="layui-nav-child">
  48. <dd><a lay-href="account/user_password.html">修改密码</a></dd>
  49. <hr>
  50. <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
  51. </dl>
  52. </li>
  53. <li class="layui-nav-item layui-hide-xs" lay-unselect>
  54. <a href="javascript:;" layadmin-event="about"><i
  55. class="layui-icon layui-icon-more-vertical"></i></a>
  56. </li>
  57. <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
  58. <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
  59. </li>
  60. </ul>
  61. </div>
  62. <!-- 侧边菜单 -->
  63. <div class="layui-side layui-side-menu">
  64. <div class="layui-side-scroll">
  65. <div class="layui-logo">
  66. <span>管理系统</span>
  67. </div>
  68. <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-muen"
  69. lay-filter="layadmin-system-side-menu">
  70. <li data-name="set" class="layui-nav-item">
  71. <a href="javascript:;" lay-tips="基础数据" lay-direction="2">
  72. <i class="layui-icon layui-icon-set"></i>
  73. <cite>基础数据</cite>
  74. </a>
  75. <dl class="layui-nav-child">
  76. <dd data-name="nav">
  77. <a lay-href="employee/index.html">职工管理</a>
  78. </dd>
  79. <dd data-name="nav">
  80. <a lay-href="option/index.html">自定义项</a>
  81. </dd>
  82. <dd data-name="nav">
  83. <a lay-href="config/index.html">综合设置</a>
  84. </dd>
  85. </dl>
  86. </li>
  87. <li data-name="set" class="layui-nav-item">
  88. <a href="javascript:;" lay-tips="商品管理" lay-direction="2">
  89. <i class="layui-icon layui-icon-set"></i>
  90. <cite>商品管理</cite>
  91. </a>
  92. <dl class="layui-nav-child">
  93. <dd data-name="nav">
  94. <a lay-href="commodity/index.html">商品管理</a>
  95. </dd>
  96. </dl>
  97. </li>
  98. <li data-name="set" class="layui-nav-item">
  99. <a href="javascript:;" lay-tips="客户管理" lay-direction="2">
  100. <i class="layui-icon layui-icon-set"></i>
  101. <cite>客户管理</cite>
  102. </a>
  103. <dl class="layui-nav-child">
  104. <dd data-name="nav">
  105. <a lay-href="customer/index.html">用户管理</a>
  106. </dd>
  107. <dd data-name="nav">
  108. <a lay-href="order/index.html">订单管理</a>
  109. </dd>
  110. <dd data-name="nav">
  111. <a lay-href="order_rebate/index.html">返利管理</a>
  112. </dd>
  113. </dl>
  114. </li>
  115. </ul>
  116. </div>
  117. </div>
  118. <!-- 页面标签 -->
  119. <div class="layadmin-pagetabs" id="LAY_app_tabs">
  120. <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
  121. <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
  122. <div class="layui-icon layadmin-tabs-control layui-icon-down">
  123. <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
  124. <li class="layui-nav-item" lay-unselect>
  125. <a href="javascript:;"></a>
  126. <dl class="layui-nav-child layui-anim-fadein">
  127. <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
  128. <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
  129. <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
  130. </dl>
  131. </li>
  132. </ul>
  133. </div>
  134. <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
  135. <ul class="layui-tab-title" id="LAY_app_tabsheader">
  136. <li lay-id="home/console.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
  137. </ul>
  138. </div>
  139. </div>
  140. <!-- 主体内容 -->
  141. <div class="layui-body" id="LAY_app_body">
  142. <div class="layadmin-tabsbody-item layui-show">
  143. <iframe src="dashboard/home.html" frameborder="0" class="layadmin-iframe"></iframe>
  144. </div>
  145. </div>
  146. <!-- 辅助元素,一般用于移动设备下遮罩 -->
  147. <div class="layadmin-body-shade" layadmin-event="shade"></div>
  148. </div>
  149. </div>
  150. <script src="../layuiadmin/layui/layui.js"></script>
  151. <script>
  152. layui.config({
  153. base: '../layuiadmin/' //静态资源所在路径
  154. }).extend({
  155. index: 'lib/index' //主入口模块
  156. }).use('index', function () {
  157. var $ = layui.$;
  158. var admin = layui.admin;
  159. var name = layui.data(layui.setter.tableName)['name'];
  160. $('#id_username').html(name);
  161. if (!name) {
  162. location.href = '/views/account/login.html'; //没有用户,跳转到登录
  163. }
  164. //获取菜单的数量
  165. layui.getTipsData = function getTipsData() {
  166. };
  167. //获取菜单的数量
  168. layui.getTipsData();
  169. var permissions = layui.data(layui.setter.tableName)['permissions'];
  170. $('#LAY-system-side-muen .layui-nav-child dd').each(function () {
  171. var perm = $(this).data("permission");
  172. var is_has = judgePermissions(permissions, perm);
  173. if (!is_has) {
  174. $(this).remove();
  175. }
  176. });
  177. $('#LAY-system-side-muen .layui-nav-item dl').each(function () {
  178. if ($(this).children('dd').length === 0)
  179. $(this).parent().remove();
  180. });
  181. function judgePermissions(permissions, perm) {
  182. if (!perm) {
  183. return true;
  184. }
  185. if (!permissions) {
  186. return true;
  187. }
  188. var perms = perm.split('|');
  189. var is_has = false;
  190. for (var i in perms) {
  191. if (permissions.indexOf(perms[i]) !== -1) {
  192. is_has = true;
  193. break;
  194. }
  195. }
  196. return is_has;
  197. }
  198. });
  199. </script>
  200. </body>
  201. </html>