home.jsp 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ include file="./common/meta.jsp"%>
  4. <script src="${base}/static/web/frame/echarts/echarts.min.js"></script>
  5. <title>首页</title>
  6. <style>
  7. .form-search {
  8. background: #fff;
  9. padding: 10px 15px;
  10. margin-bottom: 15px;
  11. }
  12. #btn-query{
  13. border: none;
  14. }
  15. .layui-btn{
  16. border: 1px solid #1E9FFF;
  17. }
  18. .layui-btn-primary {
  19. border: 1px solid #C9C9C9;
  20. }
  21. </style>
  22. </head>
  23. <body class="body-grey">
  24. <div class="layui-fluid" style="padding: 15px;display:none">
  25. <form class="layui-form form-search" style="">
  26. <div class="layui-row layui-form-item mb-0">
  27. <div class="layui-col-xs2_4">
  28. <label class="layui-form-label layui-col-xs4">开始日期</label>
  29. <input type="text" id="startDate" name="startDate" autocomplete="off"
  30. placeholder="请输入开始日期" class="layui-input layui-col-xs7">
  31. </div>
  32. <div class="layui-col-xs2_4">
  33. <label class="layui-form-label layui-col-xs4">结束日期</label>
  34. <input type="text" id="endDate" name="endDate" autocomplete="off"
  35. placeholder="请输入结束日期" class="layui-input layui-col-xs7">
  36. </div>
  37. <div class="layui-col-xs2_4" id="company_div">
  38. <label class="layui-form-label layui-col-xs4">分销公司</label>
  39. <div class="layui-input-block layui-col-xs7">
  40. <layui:select id="company" type="select" name="company" dictTable="sys_company"
  41. dictField="id" dictText="company_name" dictCondition=" order by create_time desc"/>
  42. </div>
  43. </div>
  44. <div class="layui-col-xs2_4" id="merchant_div">
  45. <label class="layui-form-label layui-col-xs4">商户</label>
  46. <div class="layui-input-block layui-col-xs7">
  47. <layui:select id="merchant" type="select" name="merchant" dictTable="merchant"
  48. dictField="id" dictText="merchant_name" dictCondition=" where status='1' order by create_time desc"/>
  49. </div>
  50. </div>
  51. <div class="layui-col-xs2_4">
  52. <button class="layui-btn layui-btn-small" id="btn-query"><i class="layui-icon">&#xe604;</i>查询</button>
  53. </div>
  54. </div>
  55. </form>
  56. <div class="layui-row layui-col-space15">
  57. <div class="layui-col-sm6 layui-col-md3" id="viewnum_div">
  58. <div class="layui-card">
  59. <div class="layui-card-header">
  60. 访问量
  61. </div>
  62. <div class="layui-card-body layuiadmin-card-list">
  63. <p class="layuiadmin-big-font" id="viewNum">0</p>
  64. <p class="fs14">
  65. 累计访问量<span class="layuiadmin-span-color" id="viewNumTotal">0</span>
  66. </p>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="layui-col-sm6 layui-col-md3" id="viewuser_div">
  71. <div class="layui-card">
  72. <div class="layui-card-header">
  73. 访问人数
  74. </div>
  75. <div class="layui-card-body layuiadmin-card-list">
  76. <p class="layuiadmin-big-font" id="viewUser">0</p>
  77. <p class="fs14">
  78. 累计访问人数<span class="layuiadmin-span-color" id="viewUserTotal">0</span>
  79. </p>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="layui-col-sm6 layui-col-md3" id="ordernum_div">
  84. <div class="layui-card">
  85. <div class="layui-card-header">
  86. 订单数
  87. </div>
  88. <div class="layui-card-body layuiadmin-card-list">
  89. <p class="layuiadmin-big-font" id="orderNum">0</p>
  90. <p class="fs14">
  91. 累计订单数<span class="layuiadmin-span-color" id="orderNumTotal">0</span>
  92. </p>
  93. </div>
  94. </div>
  95. </div>
  96. <div class="layui-col-sm6 layui-col-md3" id="orderpay_div">
  97. <div class="layui-card">
  98. <div class="layui-card-header">
  99. 收入
  100. </div>
  101. <div class="layui-card-body layuiadmin-card-list">
  102. <p class="layuiadmin-big-font" id="orderPay">0</p>
  103. <p class="fs14">
  104. 累计收入<span class="layuiadmin-span-color" id="orderPayTotal">0</span>
  105. </p>
  106. </div>
  107. </div>
  108. </div>
  109. <div class="layui-col-sm6 layui-col-md3" id="myordernum_div" style="display: none">
  110. <div class="layui-card">
  111. <div class="layui-card-header">
  112. 自营订单数
  113. </div>
  114. <div class="layui-card-body layuiadmin-card-list">
  115. <p class="layuiadmin-big-font" id="orderNumMy">0</p>
  116. <p class="fs14">
  117. 累计订单数<span class="layuiadmin-span-color" id="orderNumTotalMy">0</span>
  118. </p>
  119. </div>
  120. </div>
  121. </div>
  122. <div class="layui-col-sm6 layui-col-md3" id="myorderpay_div" style="display: none">
  123. <div class="layui-card">
  124. <div class="layui-card-header">
  125. 自营收入
  126. </div>
  127. <div class="layui-card-body layuiadmin-card-list">
  128. <p class="layuiadmin-big-font" id="orderPayMy">0</p>
  129. <p class="fs14">
  130. 累计收入<span class="layuiadmin-span-color" id="orderPayTotalMy">0</span>
  131. </p>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="layui-col-sm12">
  136. <div class="layui-card">
  137. <div class="layui-card-header">
  138. 订单数
  139. <div class="layui-btn-group layuiadmin-btn-group">
  140. <!-- <a href="javascript:;" class="layui-btn layui-btn-mini">7天</a> -->
  141. <!-- <a href="javascript:;" class="layui-btn layui-btn-primary layui-btn-mini">15天</a> -->
  142. <a href="javascript:;" class="layui-btn layui-btn-mini">7天</a>
  143. </div>
  144. </div>
  145. <div class="layui-card-body">
  146. <div id="lineDiv" style="width:100%;height:200px;">
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. <div class="layui-col-sm12" id="myline_div" style="display: none;">
  152. <div class="layui-card">
  153. <div class="layui-card-header">
  154. 自营订单数
  155. <div class="layui-btn-group layuiadmin-btn-group">
  156. <!-- <a href="javascript:;" class="layui-btn layui-btn-mini">7天</a> -->
  157. <!-- <a href="javascript:;" class="layui-btn layui-btn-primary layui-btn-mini">15天</a> -->
  158. <a href="javascript:;" class="layui-btn layui-btn-mini">7天</a>
  159. </div>
  160. </div>
  161. <div class="layui-card-body">
  162. <div id="lineDiv1" style="width:100%;height:200px;">
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. <!-- layui规范化用法 -->
  170. <script type="text/javascript">
  171. layui.config({
  172. base : '${base}/static/web/js/index/',
  173. version : true
  174. //你的模块目录
  175. }).use('home'); //加载入口
  176. </script>
  177. </body>
  178. </html>