sidebar.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. <!--APP-SIDEBAR-->
  2. <style>
  3. .dialog-bg {
  4. position: fixed;
  5. top: 0;
  6. left: 0;
  7. width: 100%;
  8. height: 100%;
  9. background-color: rgba(0,0,0,0.5);
  10. display: flex;
  11. justify-content: center;
  12. align-items: center;
  13. z-index: 9999;
  14. }
  15. .dialog {
  16. width: 80%;
  17. max-width: 800px;
  18. background-color: #fff;
  19. padding: 20px;
  20. border-radius: 5px;
  21. box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
  22. }
  23. /* Optional: Set a custom scrollbar for the iframe */
  24. .dialog iframe::-webkit-scrollbar {
  25. width: 8px;
  26. }
  27. .dialog iframe::-webkit-scrollbar-track {
  28. background-color: #f1f1f1;
  29. }
  30. .dialog iframe::-webkit-scrollbar-thumb {
  31. background-color: #888;
  32. border-radius: 5px;
  33. }
  34. .dialog iframe::-webkit-scrollbar-thumb:hover {
  35. background-color: #555;
  36. }
  37. </style>
  38. <?php
  39. include_once("../untils/conn.php");
  40. $type = "web_config";
  41. $sql = "SELECT * FROM foundation WHERE type='$type'";
  42. $data = mysqli_query($con, $sql);
  43. $result = mysqli_fetch_assoc($data);
  44. $site_name = $result['site_name'];
  45. $site_seo = $result['site_seo'];
  46. $site_key = $result['site_key'];
  47. $site_ms = $result['site_ms'];
  48. $light_logo = $result['light_logo'];
  49. $dark_logo = $result['dark_logo'];
  50. ?>
  51. <div class="sticky">
  52. <div class="app-sidebar__overlay" data-bs-toggle="sidebar"></div>
  53. <div class="app-sidebar">
  54. <div class="side-header">
  55. <a class="header-brand1" href="index.php">
  56. <img src="<?php echo $dark_logo ?> " class="header-brand-img desktop-logo" alt="<?php echo $site_name ?>">
  57. <img src="<?php echo $dark_logo ?>" class="header-brand-img toggle-logo"
  58. alt="<?php echo $site_name ?>">
  59. <img src="<?php echo $light_logo ?>" class="header-brand-img light-logo" alt="<?php echo $site_name ?>">
  60. <img src="<?php echo $light_logo ?>" class="header-brand-img light-logo1"
  61. alt="<?php echo $site_name ?>">
  62. </a>
  63. <!-- LOGO -->
  64. </div>
  65. <div class="main-sidemenu">
  66. <div class="slide-left disabled" id="slide-left"><svg xmlns="http://www.w3.org/2000/svg"
  67. fill="#7b8191" width="24" height="24" viewBox="0 0 24 24">
  68. <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z" />
  69. </svg></div>
  70. <ul class="side-menu">
  71. <li class="slide">
  72. <a class="side-menu__item has-link" data-bs-toggle="slide" href="index.php"><i
  73. class="side-menu__icon fe fe-home"></i><span
  74. class="side-menu__label">控制台</span></a>
  75. </li>
  76. <li class="slide">
  77. <a class="side-menu__item" data-bs-toggle="slide" href="javascript:void(0)"><i
  78. class="side-menu__icon fe fe-shopping-bag"></i><span
  79. class="side-menu__label">商品管理</span><i
  80. class="angle fe fe-chevron-right"></i>
  81. </a>
  82. <ul class="slide-menu">
  83. <li class="panel sidetab-menu">
  84. <div class="panel-body tabs-menu-body p-0 border-0">
  85. <div class="tab-content">
  86. <div class="tab-pane active" id="side1">
  87. <ul class="sidemenu-list">
  88. <li><a href="Goods.php" class="slide-item">商品列表</a></li>
  89. </ul>
  90. </div>
  91. </div>
  92. </div>
  93. </li>
  94. </ul>
  95. </li>
  96. <li class="slide">
  97. <a class="side-menu__item" data-bs-toggle="slide" href="javascript:void(0)"><i
  98. class="side-menu__icon fe fe-package"></i><span
  99. class="side-menu__label">代理管理</span><i
  100. class="angle fe fe-chevron-right"></i>
  101. </a>
  102. <ul class="slide-menu mega-slide-menu">
  103. <li class="panel sidetab-menu">
  104. <div class="panel-body tabs-menu-body p-0 border-0">
  105. <div class="tab-content">
  106. <div class="tab-pane active" id="side5">
  107. <ul class="sidemenu-list mega-menu-list">
  108. <li><a href="proxy.php" class="slide-item">代理列表</a></li>
  109. <li><a href="proxy_price.php" class="slide-item">代理分佣</a></li>
  110. </ul>
  111. </div>
  112. </div>
  113. </div>
  114. </li>
  115. </ul>
  116. </li>
  117. <li class="slide">
  118. <a class="side-menu__item" data-bs-toggle="slide" href="javascript:void(0)"><i
  119. class="side-menu__icon fe fe-file-text"></i><span
  120. class="side-menu__label">订单管理</span><i
  121. class="angle fe fe-chevron-right"></i>
  122. </a>
  123. <ul class="slide-menu mega-slide-menu">
  124. <li class="panel sidetab-menu">
  125. <div class="panel-body tabs-menu-body p-0 border-0">
  126. <div class="tab-content">
  127. <div class="tab-pane active" id="side5">
  128. <ul class="sidemenu-list mega-menu-list">
  129. <li><a href="oder.php" class="slide-item">订单列表</a></li>
  130. <li><a href="oderse.php" class="slide-item">订单查询</a></li>
  131. <li><a href="oderdr.php" class="slide-item">订单导入</a></li>
  132. </ul>
  133. </div>
  134. </div>
  135. </div>
  136. </li>
  137. </ul>
  138. </li>
  139. <li class="slide">
  140. <a class="side-menu__item" data-bs-toggle="slide" href="javascript:void(0)"><i
  141. class="side-menu__icon fe fe-layout"></i><span
  142. class="side-menu__label">财务管理</span><i
  143. class="angle fe fe-chevron-right"></i>
  144. </a>
  145. <ul class="slide-menu mega-slide-menu">
  146. <li class="panel sidetab-menu">
  147. <div class="panel-body tabs-menu-body p-0 border-0">
  148. <div class="tab-content">
  149. <div class="tab-pane active" id="side5">
  150. <ul class="sidemenu-list mega-menu-list">
  151. <li><a href="withdrawal.php" class="slide-item">提现管理</a></li>
  152. <li><a href="price_rec.php" class="slide-item">收入细明</a></li>
  153. </ul>
  154. </div>
  155. </div>
  156. </div>
  157. </li>
  158. </ul>
  159. </li>
  160. <li class="slide">
  161. <a class="side-menu__item" data-bs-toggle="slide" href="javascript:void(0)"><i
  162. class="side-menu__icon fe fe-settings"></i><span
  163. class="side-menu__label">店铺配置</span><i
  164. class="angle fe fe-chevron-right"></i>
  165. </a>
  166. <ul class="slide-menu mega-slide-menu">
  167. <li class="panel sidetab-menu">
  168. <div class="panel-body tabs-menu-body p-0 border-0">
  169. <div class="tab-content">
  170. <div class="tab-pane active" id="side5">
  171. <ul class="sidemenu-list mega-menu-list">
  172. <li><a href="shop.php" class="slide-item">店铺设置</a></li>
  173. </ul>
  174. </div>
  175. </div>
  176. </div>
  177. </li>
  178. </ul>
  179. </li>
  180. </ul>
  181. <div class="slide-right" id="slide-right"><svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191"
  182. width="24" height="24" viewBox="0 0 24 24">
  183. <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z" />
  184. </svg></div>
  185. </div>
  186. </div>
  187. </div>
  188. <script type="text/javascript">
  189. function openDialog() {
  190. // 创建对话框背景元素
  191. var dialogBg = document.createElement("div");
  192. dialogBg.className = "dialog-bg";
  193. // 创建对话框元素
  194. var dialog = document.createElement("div");
  195. dialog.className = "dialog";
  196. // 创建iframe元素,用于显示addproxy.php的内容
  197. var iframe = document.createElement("iframe");
  198. iframe.src = "addproxy.php";
  199. iframe.style.width = "100%";
  200. iframe.style.height = "100%";
  201. // 设置iframe元素的样式
  202. iframe.style.border = "none";
  203. // 将iframe添加到对话框中
  204. dialog.appendChild(iframe);
  205. // 将对话框添加到对话框背景中
  206. dialogBg.appendChild(dialog);
  207. // 将对话框背景添加到body中
  208. document.body.appendChild(dialogBg);
  209. }
  210. </script>
  211. </script>
  212. <!--/APP-SIDEBAR-->