后端-index.jsp


index.jsp

<%@ page language="java" pageEncoding="UTF-8" %>
<%@ include file="/common/include/taglibs.jsp" %>
<%@ include file="/common/include/header.jsp" %>
后台首页报表









<%--
首页
--%>
  • 今日订单总数

    ${index['indexCacheDataVo'].tdOrderTotal}

  • 今日销售总额

    ¥${index['indexCacheDataVo'].tdSaleTotal}

  • 近7天销售总额

    ¥${index['indexCacheDataVo'].sevenDSaleTotal}

  • 昨日订单总数

    ${index['indexCacheDataVo'].ydOrderTotal}

  • 昨日销售总额

    ¥${index['indexCacheDataVo'].ydSaleTotal}

商品总览
  • ${index['indexCommodityVo'].upShelfCommodity}

    已上架

  • ${index['indexCommodityVo'].downShelfCommodity}

    已下架

  • ${index['indexCommodityVo'].commodityStockWarn}

    库存预警

  • ${index['indexCommodityVo'].commodityExpireWarn}

    过期预警

用户总览
  • ${index['indexMemberVo'].tdAdd}

    今日新增

  • ${index['indexMemberVo'].ydAdd}

    昨日新增

  • ${index['indexMemberVo'].mAdd}

    本月新增

  • ${index['indexMemberVo'].memberTotal}

    会员总数

订单统计

本月订单总数:${index['orderStatisticsVo'].thisMonthOrderNum}

${index['orderStatisticsVo'].thisMonthRateOfChange['result']} 同比上月

${index['orderStatisticsVo'].thisMonthRateOfChange['result']} 同比上月

持平 同比上月

本周订单总数:${index['orderStatisticsVo'].thisWeekOrderNum}

${index['orderStatisticsVo'].thisWeekRateOfChange['result']} 同比上周

${index['orderStatisticsVo'].thisWeekRateOfChange['result']} 同比上周

持平 同比上周

销售统计

本月销售总额:${index['salesAmountStatisticsVo'].thisMonthSalesAmount}

${index['salesAmountStatisticsVo'].thisMonthRateOfChange['result']} 同比上月

${index['salesAmountStatisticsVo'].thisMonthRateOfChange['result']} 同比上月

持平 同比上月

本周销售总额:${index['salesAmountStatisticsVo'].thisWeekMemberSalesAmount}

${index['salesAmountStatisticsVo'].thisWeekRateOfChange['result']} 同比上周

${index['salesAmountStatisticsVo'].thisWeekRateOfChange['result']} 同比上周

持平 同比上周

会员统计

本月会员人数:${index['memberStatisticsVo'].thisMonthMemberNum}

${index['memberStatisticsVo'].thisMonthRateOfChange['result']} 同比上月

${index['memberStatisticsVo'].thisMonthRateOfChange['result']} 同比上月

持平 同比上月

本周会员人数:${index['memberStatisticsVo'].thisWeekMemberNum}

${index['memberStatisticsVo'].thisWeekRateOfChange['result']} 同比上周

${index['memberStatisticsVo'].thisWeekRateOfChange['result']} 同比上周

持平 同比上周

待处理事物
  • 待付款订单 (${index['indexWaitProcess'].pPaymentOrderNum})
  • 待审核退款 (${index['indexWaitProcess'].pRefundNum})
  • 待补货单 (${index['indexWaitProcess'].pReplenishmentOrderNum})
  • 设备故障 (${index['indexWaitProcess'].deviceFaultNum})
  • 商品异常 (${index['indexWaitProcess'].commodityErrorNum})
  • 盘货异常 (${index['indexWaitProcess'].stocktakingError})

商品销售TOP排行

设备销售TOP排行

  • 排名
  • 商品名称
  • 销售总额
  • 数量
<script id="device_top" type="text/x-jsrender"> {{for data}}
    {{if #index ==0}}
  • 1
  • {{else #index ==1}}
  • 2
  • {{else #index ==2}}
  • 3
  • {{else}}
  • {{:#getIndex() + 1}}
  • {{/if}}
  • {{:deviceName}}
  • {{:deviceSaleAmountStr}}
  • {{:deviceSaleNum}}
  • {{:visitorNum}}
{{/for}} </script> <script id="commodity_top" type="text/x-jsrender"> {{for data}}
    {{if #index ==0}}
  • 1
  • {{else #index ==1}}
  • 2
  • {{else #index ==2}}
  • 3
  • {{else}}
  • {{:#getIndex() + 1}}
  • {{/if}}
  • {{:commodityFullName}}
  • {{:commodityAmountStr}}
  • {{:commodityCount}}
{{/for}} </script> <script type="text/javascript" src="${staticSource}/resources/js/moment.js"></script> <script type="text/javascript" src="${staticSource}/resources/js/daterangepicker.js"></script> <script type="text/javascript" src="${staticSource}/resources/layui/layui.js"></script> <script type="text/javascript" src="${staticSource}/resources/js/jquery.form.js"></script> <script src="${staticSource}/resources/js/jsrender.min.js" type="text/javascript"></script> <script src="${staticSource}/resources/js/jsrender.converters.js" type="text/javascript"></script> <script src="${staticSource}/resources/js/echarts/esl.js" type="text/javascript"></script> <script src="${staticSource}/resources/js/echarts/echarts.js" type="text/javascript"></script> <script src="${staticSource}/resources/js/WapCharts.js" type="text/javascript"></script> <script src="${staticSource}/resources/js/MyEcharts.js?2" type="text/javascript"></script> <script src="${staticSource}/resources/js/base.js" type="text/javascript"></script> <script type="text/javascript"> function memberBtn(condition, flag, start, end) { $.ajax({ type: "POST", url: ctx + "/mgr/memberStatistics", data: 'start=' + start + '&end=' + end + '&isSearch=' + flag + '&condition=' + condition, async: true, dataType: "json", success: function (resp) { var seriesTemp = { symbol: 'circle', itemStyle: { normal: { color: '#68b6de', lineStyle: {color: '#68b6de'}, areaStyle: {color: '#87c4e4', type: 'default'} } }, center: ['1%', '0%'], smooth: true }; DrawLines(resp, "memberEchart", seriesTemp); } } ); } function salesBtn(condition, flag, start, end) { $.ajax({ type: "POST", url: ctx + "/mgr/salesAmountStatistics", data: 'start=' + start + '&end=' + end + '&isSearch=' + flag + '&condition=' + condition, async: true, dataType: "json", success: function (resp) { var seriesTemp = { symbol: 'circle', itemStyle: { normal: { color: '#68b6de', lineStyle: {color: '#68b6de'}, areaStyle: {color: '#87c4e4', type: 'default'} } }, center: ['1%', '0%'], smooth: true }; DrawLines(resp, "salesEchart", seriesTemp); } } ); } function orderBtn(condition, flag, start, end) { $.ajax({ type: "POST", url: ctx + "/mgr/orderStatistics", data: 'start=' + start + '&end=' + end + '&isSearch=' + flag + '&condition=' + condition, async: true, dataType: "json", success: function (resp) { var seriesTemp = { symbol: 'emptyCircle', itemStyle: { normal: { color: '#43ccce', lineStyle: {color: '#43ccce'}, areaStyle: {color: '#93e0e1', type: 'default'} } }, center: ['1%', '0%'], smooth: true }; DrawLines(resp, "orderEchart", seriesTemp); } } ); } function commodityTopBtn(condition, isSearch, start, end) { $.ajax({ type: "POST", url: ctx + "/mgr/commoditySaleRanking", data: 'start=' + start + '&end=' + end + '&isSearch=' + isSearch + '&condition=' + condition, async: true, dataType: "json", success: function (resp) { var html = $("#commodity_top").render(resp); $("#commodityBody").html(html); } }); } function deviceTopBtn(condition, isSearch, start, end) { $.ajax({ type: "POST", url: ctx + "/mgr/deviceSaleRanking", data: 'start=' + start + '&end=' + end + '&isSearch=' + isSearch + '&condition=' + condition, async: true, dataType: "json", success: function (resp) { var html = $("#device_top").render(resp); $("#deviceBody").html(html); } }); } $(document).ready(function () { $(".ranking-title h2").click(function () { if (!$(this).hasClass("hover")) { $(this).addClass("hover"); $(this).siblings().removeClass("hover"); if ($(this).attr("id") == "commodityH2") { $("#commodityTopTen").show(); $("#deviceTopTen").hide(); } else { if ($(this).attr("id") == "deviceH2") { $("#deviceTopTen").show(); $("#commodityTopTen").hide(); } } } }); $(".ranking-today button").click(function () { $(this).addClass("hover"); $(this).siblings().removeClass("hover"); }); $('#initOrderStatistics').trigger("click"); $('#initSalesStatistics').trigger("click"); $('#initMemberStatistics').trigger("click"); $('#initCommodityTop').trigger("click"); $('#initDeviceTop').trigger("click"); $('.memberClass i').click(function () { $(this).parent().find('input').click(); }); $('.orderClass i').click(function () { $(this).parent().find('input').click(); }); $('.salesClass i').click(function () { $(this).parent().find('input').click(); }); $('.ranking-todayinput i').click(function () { $(this).parent().find('input').click(); }); createDatePicker($('input[name=memberEchartDatetime]'), memberBtn); createDatePicker($('input[name=orderEchartDatetime]'), orderBtn); createDatePicker($('input[name=salesEchartDatetime]'), salesBtn); createDatePicker($('input[name=deviceTopDatetime]'), deviceTopBtn); createDatePicker($('input[name=commodityTopDatetime]'), commodityTopBtn); $('.ddtj-btn').on('click', function () { $('.ddtj-btn').removeClass('active'); $(this).addClass('active'); }) $('.xstj-btn').on('click', function () { $('.xstj-btn').removeClass('active'); $(this).addClass('active'); }) $('.hytj-btn').on('click', function () { $('.hytj-btn').removeClass('active'); $(this).addClass('active'); }) }); </script>