index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>main</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. <script src="__PUBLIC__/echarts/echarts.min.js"></script>
  11. <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" media="all">
  12. <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all">
  13. <link rel="stylesheet" href="__CSS__/admin-1.css" media="all">
  14. <body class="layui-layout-body" style="overflow-y:visible;">
  15. <div class="layadmin-tabsbody-item layui-show">
  16. <div class="layui-fluid">
  17. <div class="layui-row layui-col-space15">
  18. <div class="layui-col-md8">
  19. <div class="layui-row layui-col-space15">
  20. <div class="layui-col-md6">
  21. <div class="layui-card">
  22. <div class="layui-card-header">网站数据</div>
  23. <div class="layui-card-body">
  24. <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim=""
  25. lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
  26. <div carousel-item="">
  27. <ul class="layui-row layui-col-space10 layui-this">
  28. <li class="layui-col-xs6">
  29. <a lay-href="" class="layadmin-backlog-body">
  30. <h3>用户</h3>
  31. <p><cite>{$web.user_num}</cite></p>
  32. </a>
  33. </li>
  34. <li class="layui-col-xs6">
  35. <a lay-href="" class="layadmin-backlog-body">
  36. <h3>预约</h3>
  37. <p><cite>{$web.application_num}</cite></p>
  38. </a>
  39. </li>
  40. <li class="layui-col-xs6">
  41. <a lay-href="" class="layadmin-backlog-body">
  42. <h3>反馈</h3>
  43. <p><cite>{$web.feedback_num}</cite></p>
  44. </a>
  45. </li>
  46. <li class="layui-col-xs6">
  47. <a lay-href="" class="layadmin-backlog-body">
  48. <h3>公告</h3>
  49. <p><cite>{$web.announcement_num}</cite></p>
  50. </a>
  51. </li>
  52. </ul>
  53. </div>
  54. <button class="layui-icon layui-carousel-arrow" lay-type="sub"></button>
  55. <button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="layui-col-md6">
  61. <div class="layui-card">
  62. <div class="layui-card-header">今日数据</div>
  63. <div class="layui-card-body">
  64. <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim=""
  65. lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
  66. <div carousel-item="">
  67. <ul class="layui-row layui-col-space10 layui-this">
  68. <li class="layui-col-xs6">
  69. <a lay-href="" class="layadmin-backlog-body">
  70. <h3>用户</h3>
  71. <p><cite>{$web.user_num_today}</cite></p>
  72. </a>
  73. </li>
  74. <li class="layui-col-xs6">
  75. <a lay-href="" class="layadmin-backlog-body">
  76. <h3>预约</h3>
  77. <p><cite>{$web.application_num_today}</cite></p>
  78. </a>
  79. </li>
  80. <li class="layui-col-xs6">
  81. <a lay-href="" class="layadmin-backlog-body">
  82. <h3>反馈</h3>
  83. <p><cite>{$web.feedback_num_today}</cite></p>
  84. </a>
  85. </li>
  86. <li class="layui-col-xs6">
  87. <a lay-href="" class="layadmin-backlog-body">
  88. <h3>公告</h3>
  89. <p><cite>{$web.announcement_num_today}</cite></p>
  90. </a>
  91. </li>
  92. </ul>
  93. </div>
  94. <button class="layui-icon layui-carousel-arrow" lay-type="sub"></button>
  95. <button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="layui-col-md12">
  101. <div class="layui-card">
  102. <div class="layui-card-header">预约记录</div>
  103. <div class="layui-card-body" id="main" style="height: 450px;">
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <div class="layui-col-md4">
  110. {if condition="$safe==false"}
  111. <div class="layui-card">
  112. <div class="layui-card-header">
  113. 风险提示
  114. </div>
  115. <div class="layui-card-body layui-text layadmin-text">
  116. <ul style="color:red">
  117. {notempty name="delete_install"}
  118. <li>安装执行文件未删除,<a href="javascript:delinstall()">立即删除</a>?</li>
  119. {/notempty}
  120. {notempty name="weekpass"}
  121. <li>当前密码过于简单,<a href="javascript:editpassword()">立即修改</a>?</li>
  122. {/notempty}
  123. {notempty name="week_backend"}
  124. <li>还未设置安全入口,<a href="javascript:urlsconfig()">立即设置</a>?</li>
  125. {/notempty}
  126. </ul>
  127. </div>
  128. </div>
  129. <script>
  130. function delinstall() {
  131. layer.confirm('确定要删除?', function (index) {
  132. $.ajax({
  133. url: "{:url('install/init/delete')}",
  134. dataType: 'json',
  135. success: function (res) {
  136. layer.msg(res.msg);
  137. if (res.code == 1) {
  138. setTimeout(function () {
  139. location.reload();
  140. }, 1500)
  141. }
  142. }
  143. })
  144. })
  145. }
  146. function editpassword() {
  147. window.parent.tab.tabAdd({
  148. icon: "fa-bookmark",
  149. id: '7',
  150. title: "个人信息",
  151. url: "{:url('admin/admin/editpassword')}"
  152. });
  153. }
  154. function urlsconfig() {
  155. window.parent.tab.tabAdd({
  156. icon: "fa-bookmark",
  157. id: '10',
  158. title: "系统设置",
  159. url: "{:url('admin/webconfig/index')}"
  160. });
  161. }
  162. </script>
  163. {/if}
  164. <div class="layui-card">
  165. <div class="layui-card-header">系统信息</div>
  166. <div class="layui-card-body layui-text">
  167. <table class="layui-table">
  168. <colgroup>
  169. <col width="200">
  170. <col>
  171. </colgroup>
  172. <tbody>
  173. <tr>
  174. <td>操作系统</td>
  175. <td>
  176. {$info.win}
  177. </td>
  178. </tr>
  179. <tr>
  180. <td>运行环境</td>
  181. <td>{$info.environment}</td>
  182. </tr>
  183. <tr>
  184. <td>PHP版本</td>
  185. <td>
  186. {$info.php}
  187. </td>
  188. </tr>
  189. <tr>
  190. <td>后台最大上传值</td>
  191. <td>
  192. {$info.tplay_filesize|format_bytes}
  193. </td>
  194. </tr>
  195. <tr>
  196. <td title="upload_max_filesize">PHP最大上传值</td>
  197. <td>
  198. {$info.upload_max_filesize}
  199. </td>
  200. </tr>
  201. <tr>
  202. <td title="post_max_size">PHP最大POST值 </td>
  203. <td>
  204. {$info.post_max_size}
  205. </td>
  206. </tr>
  207. <tr>
  208. <td title="memory_limit">PHP内存限制</td>
  209. <td>
  210. {$info.memory_limit}
  211. </td>
  212. </tr>
  213. <tr>
  214. <td title="max_execution_time">PHP执行时间限制</td>
  215. <td>
  216. {$info.max_execution_time}
  217. </td>
  218. </tr>
  219. {notempty name="$info.disk"}
  220. <tr>
  221. <td>剩余空间大小</td>
  222. <td>
  223. {$info.disk}
  224. </td>
  225. </tr>
  226. {/notempty}
  227. </tbody>
  228. </table>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. <script src="__PUBLIC__/layui/layui.js"></script>
  236. <script>
  237. layui.use(['jquery','layer'],function() {
  238. window.$ = layui.$;
  239. var layer = layui.layer;
  240. {notempty name="$waring"}
  241. layer.alert('{$waring.msg}', {icon: 5}, function(index){
  242. location.href = "{$waring.url}";
  243. });
  244. {/notempty}
  245. })
  246. </script>
  247. <script type="text/javascript">
  248. var a = "{$web.date_string}";
  249. var date = a.split(",");
  250. var b = "{$web.login_sum}";
  251. var login_sum = b.split(",");
  252. var myChart = echarts.init(document.getElementById('main'));
  253. option = {
  254. tooltip: {
  255. trigger: 'axis',
  256. position: function (pt) {
  257. return [pt[0], '10%'];
  258. }
  259. },
  260. grid: {
  261. top: 50,
  262. bottom: 70,
  263. left: 40,
  264. right: 50
  265. },
  266. toolbox: {
  267. feature: {
  268. dataZoom: {
  269. yAxisIndex: 'none'
  270. },
  271. restore: {},
  272. saveAsImage: {}
  273. }
  274. },
  275. xAxis: {
  276. type: 'category',
  277. boundaryGap: false,
  278. data: date
  279. },
  280. yAxis: {
  281. type: 'value',
  282. boundaryGap: [0, '100%']
  283. },
  284. dataZoom: [{
  285. type: 'inside',
  286. start: 0,
  287. end: 100
  288. }, {
  289. start: 0,
  290. end: 100,
  291. handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
  292. handleSize: '100%',
  293. handleStyle: {
  294. color: '#fff',
  295. shadowBlur: 3,
  296. shadowColor: '#009688',
  297. shadowOffsetX: 2,
  298. shadowOffsetY: 2
  299. }
  300. }],
  301. series: [
  302. {
  303. name: '操作记录',
  304. type: 'line',
  305. smooth: true,
  306. symbol: 'none',
  307. sampling: 'average',
  308. itemStyle: {
  309. normal: {
  310. color: '#009688'
  311. }
  312. },
  313. areaStyle: {
  314. normal: {
  315. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  316. offset: 0,
  317. color: '#009688'
  318. }, {
  319. offset: 1,
  320. color: '#009688'
  321. }])
  322. }
  323. },
  324. data: login_sum
  325. }
  326. ]
  327. };
  328. myChart.setOption(option);
  329. </script>
  330. </body>
  331. </html>