You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

156 regels
5.8 KiB

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>数据统计 - 原创专区 - {$kx.config.sitename}</title>
  6. <link rel="stylesheet" href="{$kx.config.resurl}/template/kxwebno1/author/css/style.css"/>
  7. <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
  8. <meta name="author" content="www.ptcms.com">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  10. <meta name="renderer" content="webkit">
  11. <meta name="viewport" content="width=device-width"/>
  12. <meta name="applicable-device" content="pc">
  13. <meta http-equiv="Cache-Control" content="no-siteapp"/>
  14. <meta http-equiv="Cache-Control" content="no-transform"/>
  15. <link rel="canonical" href="{$kx.config.pcurl}__SELF__"/>
  16. <style>
  17. </style>
  18. </head>
  19. <body>
  20. {include file="/author/system/header"}
  21. <div class="body">
  22. {include file="/author/system/left"}
  23. <div class="right bg-white h100">
  24. <div class="mlr20 mt30">
  25. <span class="color0 size16">选择作品</span>
  26. <select class="ml10 novel ptb5 pl10 pr40 border-c-e9 vertical-middle">
  27. {loop=novels}
  28. <option value="{$loop.id}">{$loop.name}</option>
  29. {/loop}
  30. </select>
  31. <button class="ml10 plr30 ptb5 bg-red color1 view">查看</button>
  32. </div>
  33. <ul class="stat border stat_total mlr20 mt30" >
  34. <li class="inline-block border-r" style="width: 25%;">
  35. <span class="ml30 color0 block mt20 size16 bold">总点击</span>
  36. <p class="ml30 color2 size24 mt10 mb20"><span class="num">0</span> <span class="color92 size14">次</span></p>
  37. </li>
  38. <li class="inline-block border-r" style="width: 25%;">
  39. <span class="ml30 color0 block mt20 size16 bold">总收藏</span>
  40. <p class="ml30 color2 size24 mt10 mb20"><span class="num">0</span> <span class="color92 size14">人</span></p>
  41. </li>
  42. <li class="inline-block border-r" style="width: 24%;">
  43. <span class="ml30 color0 block mt20 size16 bold">总推荐</span>
  44. <p class="ml30 color2 size24 mt10 mb20"><span class="num">0</span> <span class="color92 size14">票</span></p>
  45. </li>
  46. <li class="inline-block" style="width: 24%;">
  47. <span class="ml30 color0 block mt20 size16 bold">总订阅</span>
  48. <p class="ml30 color2 size24 mt10 mb20"><span class="num">0</span> <span class="color92 size14">次</span></p>
  49. </li>
  50. </ul>
  51. <style>
  52. table.stat th,
  53. table.stat td{
  54. text-align: center;
  55. line-height: 66px;
  56. border: 1px solid #E9E9E9;
  57. }
  58. table.stat th{
  59. color: #323237;
  60. background-color: #f5f5f5;
  61. font-weight: 700;
  62. }
  63. table.stat td{
  64. color: #626267;
  65. }
  66. </style>
  67. <table class="mlr20 mt30 stat" style="width: 950px;">
  68. <thead>
  69. <tr>
  70. <th>时间</th>
  71. <th>点击</th>
  72. <th>收藏</th>
  73. <th>推荐</th>
  74. <th>订阅</th>
  75. </tr>
  76. </thead>
  77. <tbody>
  78. <tr class="stat_day">
  79. <td>今日</td>
  80. <td>0</td>
  81. <td>0</td>
  82. <td>0</td>
  83. <td>0</td>
  84. </tr>
  85. <tr class="stat_week">
  86. <td>本周</td>
  87. <td>0</td>
  88. <td>0</td>
  89. <td>0</td>
  90. <td>0</td>
  91. </tr>
  92. <tr class="stat_month">
  93. <td>本月</td>
  94. <td>0</td>
  95. <td>0</td>
  96. <td>0</td>
  97. <td>0</td>
  98. </tr>
  99. </tbody>
  100. </table>
  101. </div>
  102. </div>
  103. {include file="/author/system/footer"}
  104. {php}
  105. $novelsJson = json_encode(
  106. array_combine(
  107. array_column($novels, 'id'),
  108. array_map(function($novel){
  109. return array_filter($novel, function ($key) {
  110. return in_array($key, [
  111. 'id',
  112. 'num_words',
  113. 'num_allvisit',
  114. 'num_monthvisit',
  115. 'num_weekvisit',
  116. 'num_dayvisit',
  117. 'num_vote',
  118. 'num_monthvote',
  119. 'num_weekvote',
  120. 'num_dayvote',
  121. 'num_mark',
  122. 'num_monthmark',
  123. 'num_weekmark',
  124. 'num_daymark',
  125. ]);
  126. }, ARRAY_FILTER_USE_KEY);
  127. },$novels)
  128. )
  129. );
  130. {/php}
  131. <script>
  132. var novels = {$novelsJson},
  133. total = $('ul.stat_total'),
  134. day = $('tr.stat_day'),
  135. week = $('tr.stat_week'),
  136. month = $('tr.stat_month');
  137. $('button.view').click(function () {
  138. var novel = novels[$('select.novel').val()];
  139. total.find('li:eq(0) .num').html(novel.num_allvisit);
  140. total.find('li:eq(1) .num').html(novel.num_mark);
  141. total.find('li:eq(2) .num').html(novel.num_vote);
  142. day.find('td:eq(1)').html(novel.num_dayvisit);
  143. day.find('td:eq(2)').html(novel.num_daymark);
  144. day.find('td:eq(3)').html(novel.num_dayvote);
  145. week.find('td:eq(1)').html(novel.num_weekvisit);
  146. week.find('td:eq(2)').html(novel.num_weekmark);
  147. week.find('td:eq(3)').html(novel.num_weekvote);
  148. month.find('td:eq(1)').html(novel.num_monthvisit);
  149. month.find('td:eq(2)').html(novel.num_monthmark);
  150. month.find('td:eq(3)').html(novel.num_monthvote);
  151. }).click();
  152. </script>
  153. </body>
  154. </html>