census.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>厨人意料代理商每日汇总</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta name="format-detection" content="telephone=no">
  12. <link rel="stylesheet" type="text/css" href="../script/lib/layui/css/layui.css" />
  13. <script src="../script/lib/jquery/jquery.min.js"></script>
  14. <script src="../script/lib/layui/layui.js"></script>
  15. <script src="../script/lib/echarts/echarts.common.min.js"></script>
  16. <script><{Dever::script()}></script>
  17. <script src="../script/dever/core.js"></script>
  18. <style>
  19. .dever-upload-pic
  20. {
  21. width:100px;
  22. }
  23. h5 {
  24. margin-bottom: 10px;
  25. }
  26. td {
  27. color: black;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <div class="layui-container">
  33. <div class="layui-card">
  34. <blockquote class="layui-elem-quote"><input type="text" value="<{$start}>" autocomplete="off" id="date" class="layui-input" style="width: auto;display: inline;" placeholder="选择日期"><a href="javascript:;" class="layui-btn" id="search">搜索</a></blockquote>
  35. <div class="layui-card-header" style="font-size: 20px"><{$day['time']}></div>
  36. <div class="layui-card-body">
  37. <h5>已确认代理商数据:<br/>代理商:<{$day['num']}>,总金额:¥<{$day['money']}><br/>代理费:<{$day['dl_money']}>,软件服务费:¥<{$day['soft_money']}>,期权价值:¥<{$day['option_money']}>,今日销售软件服务费:(¥<{$day['cash']}>)</h5>
  38. <table class="table layui-table layui-table-body" id="table">
  39. <thead id="list-thead">
  40. <tr>
  41. <th data-priority="1">角色</th>
  42. <th data-priority="1">数量</th>
  43. <th data-priority="1">金额</th>
  44. <th data-priority="1">软件服务费</th>
  45. <th data-priority="1">期权价值</th>
  46. </tr>
  47. </thead>
  48. <tbody>
  49. <{foreach($money as $k => $v):}>
  50. <tr>
  51. <td><{$v['name']}></td>
  52. <td><{$v['num']}></td>
  53. <td><{$v['money']}></td>
  54. <td><{$v['soft_money']}></td>
  55. <td><{$v['option_money']}></td>
  56. </tr>
  57. <{endforeach}>
  58. </tbody>
  59. </table>
  60. </div>
  61. </div>
  62. <div class="layui-card">
  63. <div class="layui-card-header" style="font-size: 20px"><{$week['week']}></div>
  64. <div class="layui-card-body">
  65. <h5>已确认代理商数据:<br/>代理商:<{$week['all']['num']}>,总金额:¥<{$week['all']['money']}><br/>代理费:<{$week['all']['dl_money']}>,软件服务费:¥<{$week['all']['soft_money']}>,期权价值:¥<{$week['all']['option_money']}>,本周销售软件服务费:(¥<{$week['all']['cash']}>)</h5>
  66. <table class="table layui-table layui-table-body" id="table">
  67. <thead id="list-thead">
  68. <tr>
  69. <th data-priority="1">角色</th>
  70. <th data-priority="1">数量</th>
  71. <th data-priority="1">金额</th>
  72. <th data-priority="1">软件服务费</th>
  73. <th data-priority="1">期权价值</th>
  74. </tr>
  75. </thead>
  76. <tbody>
  77. <{foreach($week['all_money'] as $k => $v):}>
  78. <tr>
  79. <td><{$v['name']}></td>
  80. <td><{$v['num']}></td>
  81. <td><{$v['money']}></td>
  82. <td><{$v['soft_money']}></td>
  83. <td><{$v['option_money']}></td>
  84. </tr>
  85. <{endforeach}>
  86. </tbody>
  87. </table>
  88. </div>
  89. </div>
  90. <div class="layui-card">
  91. <div class="layui-card-header" style="font-size: 20px"><{$all['time']}></div>
  92. <div class="layui-card-body">
  93. <h5>已确认代理商数据:<br/>代理商:<{$all['num']}>,总金额:¥<{$all['money']}><br/>代理费:<{$all['dl_money']}>,软件服务费:¥<{$all['soft_money']}>,期权价值:¥<{$all['option_money']}>,销售软件服务费:(¥<{$all['cash']}>)</h5>
  94. <table class="table layui-table layui-table-body" id="table">
  95. <thead id="list-thead">
  96. <tr>
  97. <th data-priority="1">角色</th>
  98. <th data-priority="1">数量</th>
  99. <th data-priority="1">金额</th>
  100. <th data-priority="1">软件服务费</th>
  101. <th data-priority="1">期权价值</th>
  102. </tr>
  103. </thead>
  104. <tbody>
  105. <{foreach($all_money as $k => $v):}>
  106. <tr>
  107. <td><{$v['name']}></td>
  108. <td><{$v['num']}></td>
  109. <td><{$v['money']}></td>
  110. <td><{$v['soft_money']}></td>
  111. <td><{$v['option_money']}></td>
  112. </tr>
  113. <{endforeach}>
  114. </tbody>
  115. </table>
  116. </div>
  117. </div>
  118. <div class="layui-card">
  119. <div class="layui-card-header" style="font-size: 20px">当月趋势:</div>
  120. <div class="layui-card-body">
  121. <div id="main" style="width:100%;height:600px;"></div>
  122. <div id="money" style="width:100%;height:600px;"></div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <script>
  129. layui.use(['form','element', 'layer', 'jquery', 'laydate'], function(){
  130. var form = layui.form;
  131. var laydate = layui.laydate;
  132. laydate.render({
  133. elem: '#date',
  134. });
  135. });
  136. function search()
  137. {
  138. var date = $('#date').val();
  139. location.href = config.host + 'lib/manage.day&day=' + date;
  140. }
  141. $('#search').click(function() {
  142. search();
  143. })
  144. var chartDom = document.getElementById('main');
  145. var myChart = echarts.init(chartDom);
  146. var option;
  147. option = {
  148. title: {
  149. text: '代理商新增趋势'
  150. },
  151. tooltip: {
  152. trigger: 'axis'
  153. },
  154. grid: {
  155. left: '3%',
  156. right: '4%',
  157. bottom: '3%',
  158. containLabel: true
  159. },
  160. toolbox: {
  161. feature: {
  162. saveAsImage: {}
  163. }
  164. },
  165. xAxis: {
  166. type: 'category',
  167. boundaryGap: false,
  168. data: <{$zhou}>
  169. },
  170. yAxis: {
  171. type: 'value'
  172. },
  173. series: <{$data}>
  174. };
  175. option && myChart.setOption(option);
  176. var chart = document.getElementById('money');
  177. var myChart = echarts.init(chart);
  178. var option;
  179. options = {
  180. title: {
  181. text: '代理收入趋势'
  182. },
  183. tooltip: {
  184. trigger: 'axis'
  185. },
  186. grid: {
  187. left: '3%',
  188. right: '4%',
  189. bottom: '3%',
  190. containLabel: true
  191. },
  192. toolbox: {
  193. feature: {
  194. saveAsImage: {}
  195. }
  196. },
  197. xAxis: {
  198. type: 'category',
  199. boundaryGap: false,
  200. data: <{$zhou}>
  201. },
  202. yAxis: {
  203. type: 'value'
  204. },
  205. series: <{$qu_money}>
  206. };
  207. options && myChart.setOption(options);
  208. </script>
  209. </body>
  210. </html>