导出需要订货量的相关逻辑代码

kmall-admin/src/main/java/com/kmall/admin/controller/statistics/MonthlyCustomersController.java

@@ -482,4 +482,36 @@ public class MonthlyCustomersController {
     }
 
 
+
+    @RequestMapping("/exportSelectedMonthData")
+    public R exportSelectedMonthData(@RequestParam("startMonth") String startMonth, @RequestParam("endMonth") String endMonth) {
+        List<String> dateList = new ArrayList<>();
+        Map<String, Object> returnMap = new HashMap<>();
+        try {
+            calculateDifferentMonth(dateList, startMonth, endMonth);
+        } catch (ParseException e) {
+            e.printStackTrace();
+        }
+        try {
+            String merchSn = null;
+            SysUserEntity sysUser = (SysUserEntity) SecurityUtils.getSubject().getPrincipal();
+            if(!"1".equals(sysUser.getRoleType())){
+                merchSn = sysUser.getMerchSn();
+            }
+            Map<String,Object> map = monthlyCustomersService.exportSelectedMonthData(startMonth,endMonth,merchSn,dateList.size());
+
+            returnMap.put("dateList", dateList);
+            returnMap.putAll(map);
+        } catch (Exception e) {
+            e.printStackTrace();
+            return R.error(e.getMessage());
+        }
+        return R.ok(returnMap);
+    }
+
+
+
+
+
+
 }

kmall-admin/src/main/java/com/kmall/admin/dao/statistics/MonthlyCustomersDao.java

@@ -26,4 +26,8 @@ public interface MonthlyCustomersDao {
     List<MonthlySalesGrowthEntity> salesByCategory(@Param("startDate") String startDate, @Param("endDate") String endDate, @Param("merchSn") String merchSn);
 
     List<MonthlySalesGrowthEntity> monthlyCategory(@Param("startMonth") String startMonth, @Param("endMonth") String endMonth, @Param("merchSn") String merchSn);
+
+    List<MonthlySalesGrowthEntity> queryAvgSales(@Param("startMonth") String startMonth, @Param("endMonth") String endMonth, @Param("merchSn") String merchSn, @Param("size") int size);
+
+    List<MonthlySalesGrowthEntity> querySelectedMonthSales(@Param("startMonth") String startMonth, @Param("endMonth") String endMonth, @Param("merchSn") String merchSn);
 }

kmall-admin/src/main/java/com/kmall/admin/service/impl/statistics/MonthlyCustomersServiceImpl.java

@@ -181,4 +181,21 @@ public class MonthlyCustomersServiceImpl implements MonthlyCustomersService {
         return null;
     }
 
+    @Override
+    public Map<String, Object> exportSelectedMonthData(String startMonth, String endMonth, String merchSn, int size) {
+
+        // 查询平均销量
+        List<MonthlySalesGrowthEntity> avgSalesList = monthlyCustomersDao.queryAvgSales(startMonth,endMonth,merchSn,size);
+
+        // 查询所选月份总销量
+        List<MonthlySalesGrowthEntity> salesBySelectedMonthList = monthlyCustomersDao.querySelectedMonthSales(startMonth,endMonth,merchSn);
+        // 查询总库存 = 店铺库存 + 园区库存 + 在途库存
+        // 1.查询店铺库存+园区库存   mall_product_store_rela 表
+        // 2.查询在途库存  mall_goods_transport_info_detail 表
+        // 计算订货量
+
+
+        return null;
+    }
+
 }

kmall-admin/src/main/java/com/kmall/admin/service/statistics/MonthlyCustomersService.java

@@ -27,4 +27,6 @@ public interface MonthlyCustomersService {
     List<Map<String,Object>> salesByCategory(String startMonth, String endMonth, String merchSn);
 
     Map<String, Object> monthlyCategory(String startMonth, String endMonth, String merchSn);
+
+    Map<String, Object> exportSelectedMonthData(String startMonth, String endMonth, String merchSn, int size);
 }

kmall-admin/src/main/resources/mybatis/mapper/statistics/MonthlyCustomersDao.xml

@@ -202,6 +202,30 @@
 		GROUP BY
 			cg.parent_id,DATE_FORMAT(o.pay_time,'%Y-%m')
 	</select>
+    <select id="queryAvgSales" resultType="com.kmall.admin.entity.MonthlySalesGrowthEntity">
+		select
+		sku,sum(number),sum(number)/4
+		from
+		mall_order_goods
+		where
+		DATE_FORMAT(create_time,'%Y-%m') &gt;= '2019-08'
+		and DATE_FORMAT(create_time,'%Y-%m') &lt;= '2019-11'
+		group by sku
+	</select>
+
+
+
+	<select id="querySelectedMonthSales" resultType="com.kmall.admin.entity.MonthlySalesGrowthEntity">
+		SELECT
+		sku,sum( number ) total ,DATE_FORMAT(create_time,'%Y-%m') saletime
+		FROM
+		mall_order_goods
+		where
+		DATE_FORMAT(create_time,'%Y-%m') &gt;= '2019-08'
+		and DATE_FORMAT(create_time,'%Y-%m') &lt;= '2019-11'
+		group by sku,DATE_FORMAT(create_time,'%Y-%m')
+	</select>
+
 
 
 </mapper>

kmall-admin/src/main/webapp/WEB-INF/page/sale/monthlyCustomers2.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Monthly Customers & Avg Basket</title>
+    #parse("sys/header.html")
+    <style>
+        .coldiv {
+            background-color: #f8f8f9;
+        }
+
+        body {
+            color: #515a6e;
+        }
+
+        #refreshTime, #storeId, #categoryId {
+            width: 100px;
+        }
+
+        #merchSn {
+            width: 300px;
+        }
+
+        i {
+            font-size: 20px;
+        }
+
+        input {
+            border: 1px #dcdee2 solid;
+            border-radius: 5px;
+            outline-color: #5cadff;
+        }
+    </style>
+</head>
+<body>
+<!--<div id="rrapp" v-cloak>-->
+    <header class="main-header">
+        <div class="container-fluid  coldiv">
+            <div class="row" style="border:0;margin-bottom:10px">
+            <span>日期：</span>
+            <input type="month" name="startMonth" id="startMonth"/>&nbsp;
+            <input type="month" name="endMonth" id="endMonth" />&nbsp;
+                <input type="button" name="queryButton" value="导出选中的数据" onclick="exportSelectedMonthData()" />
+            </div>
+        </div>
+    </header>
+    <div class="row">
+        <div class="col-md-12  col-sm-12  col-xs-12 charts6">
+<!--            <div id="main3" style="height: 200px;"></div>-->
+        </div>
+    </div>
+    <script src="${rc.contextPath}/js/sale/echarts.js"></script>
+    <script src="${rc.contextPath}/js/sale/monthlyCustomers2.js"></script>
+<!--</div>-->
+</body>
+</html>

kmall-admin/src/main/webapp/js/sale/monthlyCustomers2.js

@@ -0,0 +1,550 @@
+// $(function () {
+//     var data = {
+//         "echatX": [
+//             "2019-07-02",
+//             "2019-07-03",
+//             "2019-07-04",
+//             "2019-07-05",
+//             "2019-07-06",
+//             "2019-07-07",
+//             "2019-07-08",
+//             "2019-07-09",
+//             "2019-07-10",
+//             "2019-07-11",
+//             "2019-07-12",
+//             "2019-07-13",
+//             "2019-07-14",
+//             "2019-07-15"
+//         ],
+//         "echatY": [
+//             501,210,123,333,445,157,151,369,101,101,350,435,153,100
+//         ],
+//         "echatY2": [
+//             80,40,13,36,57,77,41,39,61,31,60,73,33,50
+//         ],
+//         "echatY3": [
+//             5091,2210,1233,3133,4415,1517,1511,3619,1101,1011,3510,4315,1513,1100
+//         ],
+//         "echatY4": [
+//             501,210,123,333,445,157,151,369,101,101,350,435,153,100
+//         ],
+//         "peopleTotal":15,"peopleOnline":4,"peopleOutline":12,"ranges":[]
+//     };
+//     dFun(data.echatX, data.echatY, data.echatY2,data.echatY3,data.echatY4);
+//
+//
+// });
+// var myChart;
+// // 基于准备好的dom，初始化echarts实例
+// var dChart = echarts.init(document.getElementById('main3'));
+// // 指定图表的配置项和数据
+// function dFun(dateList, totalNumberList, totalSalesList,taotalCustomersList,avgBasketSaleList) {
+//     dChart.setOption({
+//         // title: {
+//         //     left: 'left',
+//         //     text: '概率',
+//         //     show: false
+//         // },
+//         tooltip: {
+//             trigger: 'axis',
+//             // formatter: '{a}:{c}',
+//             axisPointer: {
+//                 type: 'shadow',
+//                 crossStyle: {
+//                     color: '#999'
+//                 }
+//             }
+//         },
+//         grid: {
+//             show: false,
+//             left: '3%',
+//             right: '4%',
+//             bottom: '10%'
+//         },
+//         // legend: {
+//         //     show: true,
+//         //     selectedMode: 'single', // 设置显示单一图例的图形，点击可切换
+//         //     bottom: 10,
+//         //     left: 50,
+//         //     textStyle: {
+//         //         color: '#666',
+//         //         fontSize: 12
+//         //     },
+//         //     itemGap: 20,
+//         //     inactiveColor: '#ccc'
+//         // },
+//         xAxis: {
+//             // splitLine: {　　　　 show: false　　 },
+//             type: 'category',
+//             data: dateList,
+//             axisPointer: {
+//                 type: 'shadow'
+//             },
+//             // 改变x轴颜色
+//             axisLine: {
+//                 lineStyle: {
+//                     color: '#00a2e2',
+//                     width: 1, // 这里是为了突出显示加上的
+//                 }
+//             },
+//             axisTick: {
+//                 show: true,
+//                 interval: 0
+//             },
+//         },
+//         // 设置两个y轴，左边显示数量，右边显示概率
+//         yAxis: [{
+//             splitLine: {　　　　 show: false　　 },
+//             type: 'value',
+//             name: '',
+//             // max: 10000,
+//             // min: 0,
+//             // show: true,
+//             // interval: 1000,
+//             // 改变y轴颜色
+//             axisLine: {
+//                 lineStyle: {
+//                     color: '#00a2e2',
+//                     width: 1, // 这里是为了突出显示加上的
+//                 }
+//             },
+//         }, // 右边显示概率
+//         {
+//             splitLine: {　　　　 show: false　　 },
+//             type: 'value',
+//             name: '客单价',
+//             // min: 0,
+//             // max: 100,
+//             // interval: 10,
+//             // 改变y轴颜色
+//             axisLine: {
+//                 lineStyle: {
+//                     color: '#00a2e2',
+//                     width: 1, // 这里是为了突出显示加上的
+//                 }
+//             }
+//         }],
+//         // 每个设备分数量、概率2个指标，只要让他们的name一致，即可通过，legeng进行统一的切换
+//         series: [{
+//             name: 'Units Sold',
+//             type: 'bar',
+//             symbol: 'circle', // 折线点设置为实心点
+//             symbolSize: 4, // 折线点的大小
+//             data: totalNumberList,
+//             barWidth: '20%',
+//
+//         },{
+//             name: 'Sales',
+//             type: 'bar',
+//             symbol: 'circle', // 折线点设置为实心点
+//             symbolSize: 4, // 折线点的大小
+//             data: totalSalesList,
+//             barWidth: '20%',
+//
+//         },{
+//             name: 'Customers',
+//             type: 'bar',
+//             symbol: 'circle', // 折线点设置为实心点
+//             symbolSize: 4, // 折线点的大小
+//             data: taotalCustomersList,
+//             barWidth: '20%',
+//
+//         },
+//             {
+//             //折线
+//             name: 'Average Basket Sale',
+//             type: 'line',
+//             symbol: 'circle', // 折线点设置为实心点
+//             symbolSize: 6, // 折线点的大小
+//             yAxisIndex: 1, // 这里要设置哪个y轴，默认是最左边的是0，然后1，2顺序来。
+//             data: avgBasketSaleList,
+//             symbolSize: 10,
+//             itemStyle: {
+//                 normal: {
+//                     color: "#DDA0DD"
+//                 }
+//             }
+//
+//         },
+//
+//         ]
+//
+//     });
+// }
+
+function queryMonthly(){
+    var startMonth = document.getElementById("startMonth").value;
+    var endMonth = document.getElementById("endMonth").value;
+
+    var param = {
+        startMonth:startMonth,
+        endMonth:endMonth
+    };
+    console.log(param);
+    // 折线图
+    $.ajax({
+        url: "../monthly/customersQuery",
+        data: param,
+        contentType:"application/x-www-form-urlencoded",
+        type: 'POST',
+        success: function(data) {
+            console.log(JSON.stringify(data))
+            // dFun(data.dateList, data.totalNumberList, data.totalSalesList,data.taotalCustomersList,data.avgBasketSaleList);
+
+        },
+    });
+
+}
+
+function exportMonthly(){
+    var startMonth = document.getElementById("startMonth").value;
+    var endMonth = document.getElementById("endMonth").value;
+
+    var params = {
+        startMonth:startMonth,
+        endMonth:endMonth
+    };
+    console.log(params);
+    exportFile('#rrapp', '../monthly/monthlySalesGrowthExport2', params);
+
+}
+
+
+function exportSelectedMonthData(){
+    var startMonth = document.getElementById("startMonth").value;
+    var endMonth = document.getElementById("endMonth").value;
+
+    var param = {
+        startMonth:startMonth,
+        endMonth:endMonth
+    };
+    console.log(param);
+    // 折线图
+    $.ajax({
+        url: "../monthly/totalStock",
+        data: param,
+        contentType:"application/x-www-form-urlencoded",
+        type: 'POST',
+        success: function(data) {
+            console.log(JSON.stringify(data))
+
+        },
+    });
+}
+function predeterminedNumber(){
+    var startMonth = document.getElementById("startMonth").value;
+    var endMonth = document.getElementById("endMonth").value;
+
+    var param = {
+        startMonth:startMonth,
+        endMonth:endMonth
+    };
+    console.log(param);
+    // 折线图
+    $.ajax({
+        url: "../monthly/predeterminedNumber",
+        data: param,
+        contentType:"application/x-www-form-urlencoded",
+        type: 'POST',
+        success: function(data) {
+            console.log(JSON.stringify(data))
+
+        },
+    });
+}
+function bookNumberOfBoxes(){
+    var startMonth = document.getElementById("startMonth").value;
+    var endMonth = document.getElementById("endMonth").value;
+
+    var param = {
+        startMonth:startMonth,
+        endMonth:endMonth
+    };
+    console.log(param);
+    // 折线图
+    $.ajax({
+        url: "../monthly/bookNumberOfBoxes",
+        data: param,
+        contentType:"application/x-www-form-urlencoded",
+        type: 'POST',
+        success: function(data) {
+            console.log(JSON.stringify(data))
+
+        },
+    });
+}
+
+
+
+
+let vm = new Vue({
+    el: '#rrapp',
+    data: {
+        date: '',
+        refreshTime: 10,
+        type: 'store',
+        refreshCount:0,
+
+        storeId: '',
+        merchSn: '',
+        merchName: '',
+        storeName: '',
+        salesDate: '',
+        totalSales: '',
+        actualSales: '',
+        preferentialLoss: '',
+        totalCost: '',
+        grossProfit: '',
+        grossProfitRatio: '',
+        proportion: '',
+        guestNumber: '',
+        guestUnitPrice: '',
+        lastSalesTime: '',
+        categoryId: '',
+        categoryName: '',
+
+        showList: false,
+        compareDate: '',//比较日期
+        storeId2: '',
+        merchSn2: '',
+        merchName2: '',
+        storeName2: '',
+        salesDate2: '',
+        totalSales2: '',
+        actualSales2: '',
+        preferentialLoss2: '',
+        totalCost2: '',
+        grossProfit2: '',
+        grossProfitRatio2: '',
+        proportion2: '',
+        guestNumber2: '',
+        guestUnitPrice2: '',
+        lastSalesTime2: '',
+        intervalId: 0,
+        isCompare: false,
+        compare2: '',
+
+
+        temp: {
+            date: '',
+            refreshTime: 10,
+            type: '',
+            storeId: '',
+            merchSn: '',
+            salesDate: '',
+            categoryId: ''
+        },
+
+
+        rateList: [
+            {
+                id: '0',
+                name: '含税'
+            },
+            {
+                id: '1',
+                name: '不含税'
+
+            }
+        ],
+        projectList: [
+            {
+                id: '0',
+                name: '销售总额'
+            },
+            {
+                id: '1',
+                name: '客单价'
+
+            }
+        ],
+        seriesTypeList: [
+            {
+                id: 'bar',
+                name: '垂直柱状图'
+            },
+            {
+                id: 'line',
+                name: '折线图'
+
+            },
+            {
+                id: 'pie',
+                name: '饼图'
+
+            }
+        ],
+        formatsList: [
+            {
+                id: '0',
+                name: '<全部>'
+            },
+            {
+                id: '1',
+                name: '<非全部>'
+
+            }
+        ],
+        salesList: [
+            {
+                store: {storeId: '11106', storeName: '前海店'},
+                totalSales: 43046.18,
+                actualSales: 35593.46
+            }
+        ],
+        dept: {
+            deptId: '',
+            deptName: ''
+        },
+        category: {
+            categoryId: '',
+            categoryName: ''
+        },
+        seriesList: [], //保存饼图数据
+        seriesList2: [],
+        xAxisList: {    //主要用于保存 启动刷新时的条件和数据
+            storeId: '',
+            storeName: '',
+            merchSn: '',
+            merchName: '',
+            totalSales: '',
+            actualSales: '',
+            preferentialLoss: '',
+            totalCost: '',
+            grossProfit: '',
+            grossProfitRatio: '',
+            proportion: '',
+            guestNumber: '',
+            guestUnitPrice: '',
+            lastSalesTime: '',
+
+            salesDate: '0',
+            projectSelect: '0',
+            type:''
+        },
+        dataList: [],
+        tooltip: {},
+        today:''
+    },
+    created() {
+        this.rateSelect = this.rateList[0].id;
+        this.projectSelect = this.projectList[0].id;
+        this.seriesTypeSelect = this.seriesTypeList[0].id;
+        this.formatsSelect = this.formatsList[0].id;
+    },
+    methods: {
+
+        seriesTypeSwitch: function () {
+            console.log(vm.seriesTypeSelect);
+        },
+        showEcharts: function () {
+            // 基于准备好的dom，初始化echarts实例
+            myChart = echarts.init(document.getElementById('main'));
+            myChart.clear();
+            //加载动画
+            myChart.showLoading();
+
+
+            //项目下拉框判断       6-19，饼图设置 vm.xAxisList
+            var temp = '';
+            if (vm.xAxisList.projectSelect == '0') {
+                if (vm.xAxisList.type == 'dept') {
+                    temp = '[' + vm.xAxisList.merchSn + ']' + vm.xAxisList.merchName + '/销售总额:' + vm.xAxisList.totalSales + '元(' + vm.xAxisList.salesDate + ')';
+                } else {
+                    temp = '[' + vm.xAxisList.storeId + ']' + vm.xAxisList.storeName + '/销售总额:' + vm.xAxisList.totalSales + '元(' + vm.xAxisList.salesDate + ')';
+                }
+                vm.seriesList2.push(vm.xAxisList.totalSales);
+                vm.seriesList.push({value: vm.xAxisList.totalSales, name: temp});
+
+            } else if (vm.xAxisList.projectSelect == '1') {
+                if (vm.xAxisList.type == 'dept') {
+                    temp = '[' + vm.xAxisList.merchSn + ']' + vm.xAxisList.merchName + '/客单价:' + vm.xAxisList.guestUnitPrice + '元(' + vm.xAxisList.salesDate + ')';
+                } else {
+                    temp = '[' + vm.xAxisList.storeId + ']' + vm.xAxisList.storeName + '/客单价:' + vm.xAxisList.guestUnitPrice + '元(' + vm.xAxisList.salesDate + ')';
+                }
+                vm.seriesList2.push(vm.xAxisList.guestUnitPrice);
+                vm.seriesList.push({value: vm.xAxisList.guestUnitPrice, name: temp});
+
+            }
+
+            vm.dataList = [temp];
+
+            if (vm.seriesTypeSelect == "pie") {
+                vm.seriesList2 = vm.seriesList.concat();
+            }
+
+            // console.log('vm.seriesList2');
+            // console.log(vm.seriesList2);
+
+            // 指定图表的配置项和数据
+            //销售量
+            var option = {
+                title: {
+                    // textAlign: 'right',
+                    text: 'Monthly Customers & Avg Basket',
+                    x: 'center',
+                    textStyle: {
+                        //文字颜色
+                        color: '#17233d',
+                        //字体风格,'normal','italic','oblique'
+                        fontStyle: 'normal',
+                        //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
+                        fontWeight: 'bold',
+                        //字体系列
+                        fontFamily: 'sans-serif',
+                        //字体大小
+                        fontSize: 28
+                    }
+                },
+                tooltip: {
+                    formatter: function (params) {
+                        return params.name;
+                    }
+                },
+                legend: {
+                    data: ['/销售总额']
+                },
+                xAxis: {
+                    data: vm.dataList,
+                    axisLabel: {
+                        interval: 0
+                    }
+                },
+                yAxis: {},
+                series: [{
+                    barMaxWidth: '20%',
+                    barWidth: '50%',
+                    radius: '55%',
+                    roseType: 'angle',
+                    type: vm.seriesTypeSelect,
+                    color: ['#dd6b66', '#759aa0'],
+                    data: vm.seriesList2
+                }]
+            };
+
+            //隐藏
+            myChart.hideLoading();
+            // 使用刚指定的配置项和数据显示图表。
+            myChart.setOption(option);
+
+        },
+        tooltipFormatter: function () {
+            if (vm.type == 'dept') {
+                return '[' + vm.merchSn + ']' + vm.merchName + '/销售总额:' + vm.totalSales + '元(' + vm.salesDate + ')';
+            }
+            return '[' + vm.storeId + ']' + vm.storeName + '/销售总额:' + vm.totalSales + '元(' + vm.salesDate + ')';
+        },
+        showTable: function (postParam) {
+
+            console.log(postParam);
+
+            $("#jqGrid").jqGrid('setGridParam', {
+                postData: postParam
+
+            }).trigger("reloadGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "scroll"});
+        },
+        switchProjectView: function () {
+            console.log(vm.projectSelect);
+        }
+    }
+});