header.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <!--_header 作为公共模版分离出去-->
  2. <header class="navbar-wrapper">
  3. <div class="navbar navbar-fixed-top">
  4. <div class="container-fluid cl">
  5. <a class="logo navbar-logo f-l mr-10 hidden-xs" href="/admin">后台管理</a>
  6. <span class="logo navbar-slogan f-l mr-10 hidden-xs">v{$sys_version}</span>
  7. <nav class="nav navbar-nav">
  8. <ul class="cl">
  9. <li style="position: absolute;left: 200px;">
  10. <a href="javascript:;"><i class="Hui-iconfont">&#xe67f;</i> 主菜单 </a>
  11. <!-- <a href="javascript:;"><i class="Hui-iconfont">&#xe621;</i> 内容管理 </a> -->
  12. </li>
  13. </ul>
  14. </nav>
  15. <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
  16. <ul class="cl">
  17. <li class="li_time">
  18. <i class="Hui-iconfont">&#xe690;</i>
  19. <span id="top_time"></span>
  20. </li>
  21. <li>
  22. <a aria-hidden="false" class="logo navbar-logo f-l mr-10 hidden-xs" href="/sys/index.html">
  23. <i class="Hui-iconfont">&#xe625;</i>系统首页</a>
  24. <a aria-hidden="false" class="logo navbar-logo f-l mr-10 hidden-xs" href="/index.html"
  25. target="_blank">
  26. <i class="Hui-iconfont">&#xe67f;</i>网站首页</a>
  27. </li>
  28. <li class="dropDown dropDown_hover">
  29. <a href="javascript:;" class="dropDown_A " style="width: 240px;">admin <i
  30. class="Hui-iconfont">&#xe6d5;</i></a>
  31. <ul class="dropDown-menu menu radius box-shadow">
  32. <li>
  33. <img src="{:session('adminuser.avatar') ?: '/static/images/user-64x64.png'}" style="width: 200px;" class="img-circle">
  34. <a href="javascript:void(0);">上次登录时间:{:session('adminuser.perTime')}</a>
  35. <a href="javascript:void(0);">上次登录IP:{:session('adminuser.perIp')}</a>
  36. </li>
  37. <li><a href="javascript:void(0);">超级管理员</a></li>
  38. <li><a href="javascript:modifyPassword();">修改密码</a></li>
  39. <li><a href="javascript:logout();">退出</a></li>
  40. </ul>
  41. </li>
  42. <!-- <li id="Hui-msg"> <a href="#" title="消息"><span class="badge badge-danger">1</span><i
  43. class="Hui-iconfont" style="font-size:18px">&#xe68a;</i></a> </li> -->
  44. <li id="Hui-skin" class="dropDown right dropDown_hover"> <a href="javascript:;" class="dropDown_A"
  45. title="换肤"><i class="Hui-iconfont" style="font-size:18px">&#xe62a;</i></a>
  46. <ul class="dropDown-menu menu radius box-shadow">
  47. <li><a href="javascript:;" data-val="default" title="默认(黑色)">默认(黑色)</a></li>
  48. <li><a href="javascript:;" data-val="blue" title="蓝色">蓝色</a></li>
  49. <li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
  50. <li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
  51. <li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
  52. <li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
  53. </ul>
  54. </li>
  55. </ul>
  56. </nav>
  57. </div>
  58. </div>
  59. </header>
  60. <!--/_header 作为公共模版分离出去-->
  61. <!--_menu 作为公共模版分离出去-->
  62. <aside class="Hui-aside">
  63. <div class="menu_dropdown bk_2">
  64. <dl id="menu-article">
  65. <dt>
  66. <a href="{:url('/sys/index/index')}"><i class="Hui-iconfont">&#xe67f;</i> 首页</a>
  67. </dt>
  68. </dl>
  69. {foreach $menus as $value}
  70. <dl id="menu-article">
  71. {eq name="value.type" value="1"}
  72. <dt {eq name="value.id" value="$active_pid"} class="selected"{/eq}>
  73. <a href="/sys/{$value.url}"><i class="Hui-iconfont">{$value.icon|raw}</i> {$value.name}</a>
  74. </dt>
  75. {else/}
  76. <dt {eq name="value.id" value="$active_pid"} class="selected"{/eq}>
  77. <i class="Hui-iconfont">{$value.icon|raw}</i> {$value.name}
  78. <i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i>
  79. </dt>
  80. <dd {eq name="value.id" value="$active_pid" }style="display:block"{/eq}>
  81. {notempty name='value.child'} {foreach $value.child as $val}
  82. <ul>
  83. <li>
  84. <a {notempty name='val.url'} href="/sys/{$val.url}">{/notempty} <i class="Hui-iconfont">{$val.icon|raw}</i>{$val.name}</a>
  85. </li>
  86. </ul>
  87. {/foreach} {/notempty}
  88. </dd>
  89. {/eq}
  90. </dl>
  91. {/foreach}
  92. </div>
  93. </aside>
  94. <div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a>
  95. </div>
  96. <!--请在下方写此页面业务相关的脚本-->
  97. <script type="text/javascript">
  98. // 退出登陆
  99. function logout() {
  100. layer.confirm('纳尼,要退出?', function (index) {
  101. window.location.href = "{:url('/sys/login/logout')}";
  102. })
  103. }
  104. // 修改密码
  105. function modifyPassword() {
  106. var url = "{:url('/sys/sys_user/password')}" + "?_layer=true";
  107. layer_show('修改密码', url, 800, 400);
  108. }
  109. // 修改头像
  110. function modifyAvatar() {
  111. var url = "{:url('/sys/sys_user/avatar')}" + "?_layer=true";
  112. layer_show('更换头像', url, 420, 540);
  113. }
  114. // 按钮权限问题
  115. function isAuth(key) {
  116. var permissions = sessionStorage.getItem('permissions').split(",") || '[]';
  117. // console.log(JSON.parse('[]'));
  118. // console.log(permissions);
  119. return permissions.indexOf(key) !== -1 || false
  120. }
  121. </script>
  122. <!--/请在上方写此页面业务相关的脚本-->