index.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/html">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>AQM</title>
  7. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  8. <link rel="SHORTCUT ICON" href="{$Think.HOME_SITE_ROOT}/images/LOGO.png"/>
  9. <!-- Bootstrap 3.3.7 -->
  10. <link rel="stylesheet" href="{$Think.PLUGINS_SITE_ROOT}/layui/css/layui.css">
  11. <link rel="stylesheet" href="{$Think.USER_SITE_ROOT}/css/admin.css">
  12. <link rel="stylesheet" href="{$Think.USER_SITE_ROOT}/iconfont/iconfont.css">
  13. <script src="{$Think.PLUGINS_SITE_ROOT}/jquery-2.1.4.min.js"></script>
  14. <script src="{$Think.USER_SITE_ROOT}/js/admin.js"></script>
  15. <script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/layui/layui.js"></script>
  16. <script type="text/javascript">
  17. var BASESITEROOT = "{$Think.BASE_SITE_ROOT}";
  18. var ADMINSITEROOT = "{$Think.USER_SITE_ROOT}";
  19. var BASESITEURL = "{$Think.BASE_SITE_URL}";
  20. var HOMESITEURL = "{$Think.HOME_SITE_URL}";
  21. var ADMINSITEURL = "{$Think.ADMIN_SITE_URL}";
  22. </script>
  23. </head>
  24. <body>
  25. <style type="text/css">
  26. .layui-tab {
  27. position: absolute;
  28. left: 0;
  29. top: 0;
  30. height: 100%;
  31. width: 100%;
  32. z-index: 10;
  33. margin: 0;
  34. border: none;
  35. overflow: hidden;
  36. }
  37. .layui-tab-content {
  38. padding: 0;
  39. height: 100%;
  40. }
  41. .layui-tab-item {
  42. height: 100%;
  43. }
  44. .treeview .admin-nav-item{
  45. color: #808080 !important;
  46. padding-left: 5px;
  47. }
  48. .treeview .admin-nav-item:hover{
  49. color: #0074FF !important;
  50. }
  51. .num{
  52. background-color:red;
  53. color:white;
  54. display:block;
  55. width:30px;
  56. float:right;
  57. border-radius: 20px;
  58. text-align:center;
  59. }
  60. .num:hover{color:white}
  61. </style>
  62. <div class="admincp-header" style="line-height: 4;">
  63. <div class="logo" onclick="goHome()" style="cursor:pointer;">
  64. <img width="200" src="{$Think.USER_SITE_ROOT}/images/backlogo.png"/>
  65. </div>
  66. <div class="navbar">
  67. <ul class="fr" style="float:right;">
  68. <!--<a href="javascript:dsLayerConfirm('{:url('Index/clear')}','{$Think.lang.ds_clear_cache_confirm}')">{$Think.lang.ds_shop_car}</a>-->
  69. <!--<a style="font-size: 16px; color: black" href="javascript:dsLayerConfirm('{:url('Index/clear')}')">{$Think.lang.ds_shop_car}</a>-->
  70. <a style="font-size: 16px; color: black; margin-left: 20px" href="{:url('home/product/product')}">{$Think.lang.support_services}</a>
  71. <a style="font-size: 16px; color: black; margin-left: 20px;" href="{:url('index/index')}">{$Think.session.user_email}</a>
  72. <a style="font-size: 16px; color: black; margin-left: 20px; margin-right: 20px" href="{:url('Login/logout')}">{$Think.lang.ds_safe_withdrawing}</a>
  73. </ul>
  74. </div>
  75. </div>
  76. <div class="admincp-container">
  77. <div class="admincp-container-left" style="box-shadow: 0 5px 5px #040000;">
  78. <ul class="sidebar-menu" id="gloMenu" style="margin-top: 5px">
  79. {foreach name="menu_list" item="menu" key="fe_menu"}
  80. <li class="treeview" style="cursor:pointer">
  81. {if !empty($menu.children)}
  82. <div class="title {$menu.name}" id="navT" style="display: flex;">
  83. <img src="{$Think.USER_SITE_ROOT}/images/{$fe_menu}.png" style="margin-right: 5px">
  84. <span class="title-txt"> {$menu.text}</span>
  85. <span class="layui-nav-more"></span>
  86. </div>
  87. <ul class="treeview-menu" id="navC" style="display:none;">
  88. {foreach name="menu.children" item="submenu" key="fe_submenu" }
  89. <li><a data-id="{$fe_menu}-{$fe_submenu}" href="{$submenu.url}" class="admin-nav-item">{$submenu.text}</a></li>
  90. {/foreach}
  91. </ul>
  92. {else}
  93. <a data-id="{$fe_menu}" href="{$menu.url}" class="admin-nav-item" style="padding-left: 0px;">
  94. <div class="title {$menu.name}" id="navT" style="display: flex;">
  95. <img src="{$Think.USER_SITE_ROOT}/images/{$fe_menu}.png" style="margin-right: 5px">
  96. <span class="title-txt"> {$menu.text}</span>
  97. <span class="layui-nav-more"></span>
  98. </div>
  99. </a>
  100. {/if}
  101. </li>
  102. {/foreach}
  103. </ul>
  104. </div>
  105. <div class="admincp-container-right">
  106. <div class="layui-tab layui-tab-card" lay-filter="dsTab" lay-allowclose="true">
  107. <ul class="layui-tab-title">
  108. <li class="layui-this" lay-id="0">
  109. <cite>{$Think.lang.ds_all}</cite>
  110. </li>
  111. </ul>
  112. <div class="layui-tab-content">
  113. <div class="layui-tab-item layui-show">
  114. <iframe lay-id="0" src="{:url('All/index')}" width="100%" height="100%" frameborder="0" scrolling="yes"></iframe>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. {block name="container"}{/block}
  120. </div>
  121. <input type="text" id="num" style="display: none;" value="{$user_info['num']}">
  122. <script>
  123. var num = document.getElementById("num").value;
  124. if(num>0){
  125. //console.log(1);
  126. var appendHtml = '<a href="javascript:void(0);" onclick=" return false; " class="num">'+num+'</a>';
  127. $(".my_massage").append(appendHtml);
  128. }
  129. </script>
  130. <script type="text/javascript">
  131. var width =document.body.clientWidth;
  132. const myHost = "http://" + window.location.host;
  133. function goHome() {
  134. window.location.href = myHost;
  135. }
  136. var changesmall =function(){
  137. if($(".admincp-container-left").css("width")=="200px"){
  138. $(".admincp-container-left").css("width","55px");
  139. $("#layout-center").css({"position":"absolute","left":"55px","width":(width-55)+"px"});
  140. $(".title").attr('title',$(".title .title-txt").html())
  141. $(".title .title-txt").css("display","none");
  142. $('.admincp-container-right').css("left","55px");
  143. }else{
  144. $(".admincp-container-left").css("width","200px");
  145. $("#layout-center").css({"position":"absolute","left":"130px","width":(width-130)+"px"});
  146. $(".title").attr('title',"")
  147. $(".title span").css("display","inline-block");
  148. $('.admincp-container-right').css("left","200px");
  149. }
  150. }
  151. </script>
  152. <script type="text/javascript">
  153. layui.use(['jquery', 'element', 'layer'], function () {
  154. var $ = layui.jquery, element = layui.element, layer = layui.layer;
  155. $('.layui-tab-content').height($(window).height() - 145);
  156. var tab = {
  157. add: function (title, url, id) {
  158. element.tabAdd('dsTab', {
  159. title: title,
  160. content: '<iframe width="100%" height="100%" lay-id="' + id + '" frameborder="0" src="' + url + '" scrolling="yes" class="x-iframe"></iframe>',
  161. id: id
  162. });
  163. }, change: function (id) {
  164. element.tabChange('dsTab', id);
  165. }
  166. };
  167. $('.admin-nav-item').click(function (event) {
  168. var that = $(this);
  169. if ($('iframe[src="' + that.attr('href') + '"]')[0]) {
  170. tab.change(that.attr('data-id'));
  171. event.stopPropagation();
  172. return false;
  173. }
  174. if ($('iframe').length == 20) {
  175. layer.msg('最多可打开20个标签页');
  176. return false;
  177. }
  178. that.css({color: '#fff'});
  179. tab.add(that.text(), that.attr('href'), that.attr('data-id'));
  180. tab.change(that.attr('data-id'));
  181. event.stopPropagation();
  182. return false;
  183. });
  184. $(document).on('click', '.layui-tab-close', function () {
  185. $('.layui-nav-child a[data-id="' + $(this).parent('li').attr('lay-id') + '"]').css({color: 'rgba(255,255,255,.7)'});
  186. });
  187. });
  188. $('#gloMenu').on('click', '#navT', function () {
  189. var parent = $(this).closest('li');
  190. var index = parent.index();
  191. if (parent.find('#navC').find('li').length) {
  192. if (parent.hasClass('open')) {
  193. parent.find('#navC').stop(true).slideUp(300, function () {
  194. parent.removeClass('open')
  195. });
  196. } else {
  197. var openLi = $('.sidebar-menu').find('li.open');
  198. openLi.removeClass('open').find('#navC').stop(true).slideUp(300);
  199. parent.addClass('open').find('#navC').stop(true).slideDown(300);
  200. }
  201. }
  202. })
  203. $('#nav').on('click', '#nav1', function () {
  204. var parent = $(this).closest('li');
  205. var index = parent.index();
  206. if (parent.find('#nav2').find('li').length) {
  207. if (parent.hasClass('open')) {
  208. parent.find('#nav2').stop(true).slideUp(300, function () {
  209. parent.removeClass('open')
  210. });
  211. } else {
  212. var openLi = $('.sidebar-menu').find('li.open');
  213. openLi.removeClass('open').find('#nav2').stop(true).slideUp(300);
  214. parent.addClass('open').find('#nav2').stop(true).slideDown(300);
  215. }
  216. }
  217. })
  218. </script>
  219. </body>
  220. </html>