From ddad878822a533390540349bb67b764073dd7309 Mon Sep 17 00:00:00 2001
From: 44323 <443237572@qq.com>
Date: 星期二, 10 十月 2023 15:33:30 +0800
Subject: [PATCH] Merge branch 'master' of http://120.76.84.145:10101/gitblit/r/java/PlayPai

---
 cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html |  430 ++++++++++++++++++++++++++++-------------------------
 1 files changed, 225 insertions(+), 205 deletions(-)

diff --git a/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html b/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html
index b600121..d0cdc77 100644
--- a/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html
+++ b/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html
@@ -177,7 +177,7 @@
                                     <h2>运营数据</h2>
                                     </br>
                                     </br>
-                                    <span>运营时长:0小时</span>
+                                    <span>运营时长:<span id="allHour"></span>小时</span>
                                     </br>
                                     </br>
                                     <div style="height: 25px;box-sizing: border-box;background:#f3f3f4;line-height: 25px;border:1px solid;margin-bottom: 20px;width: 500px">
@@ -211,7 +211,7 @@
                                     <h2>学员数据</h2>
                                     </br>
                                     </br>
-                                    <span>累计学员数:0人</span>
+                                    <span>累计学员数:<span id="allUser"></span>人</span>
                                     </br>
                                     </br>
                                     <div id="teach" style="width: 1280px;height:500px;"></div>
@@ -258,132 +258,6 @@
 <script src="${ctxPath}/modular/system/dataStatistics/echarts.min.js"></script>
 <script src="${ctxPath}/static/js/plugins/switchery/switchery.js"></script>
 <script>
-    function search1(){
-        var time = $("#beginTime").val()
-        var ajax = new $ax(Feng.ctxPath + "/data/type1", function (data) {
-
-            $("#fee1").text(data.fee1)
-            $("#fee2").text(data.fee2)
-            $("#fee3").text(data.fee3)
-            $("#fee4").text(data.fee4)
-            $("#fee5").text(data.fee5)
-            $("#fee7").text(data.fee7)
-            $("#day").val(data.dayone)
-            $("#month").val(data.monthone)
-            $("#quarter").val(data.quarterone)
-            $("#year").val(data.yearone)
-
-
-
-
-
-            var chartDom = document.getElementById('cookieTicket');
-            var myChart = echarts.init(chartDom);
-            var option;
-            option = {
-                title: {
-                    text: '门票收入',
-                    subtext: '',
-                    left: 'center'
-                },
-                tooltip: {
-                    trigger: 'item'
-                },
-
-                series: [
-                    {
-                        name: 'Access From',
-                        type: 'pie',
-                        radius: '50%',
-                        data: [
-                            { value: data.dayone, name: '日卡' },
-                            { value: data.monthone, name: '月卡' },
-                            { value: data.quarterone, name: '季卡' },
-                            { value: data.yearone, name: '年卡' },
-
-                        ],
-                        emphasis: {
-                            itemStyle: {
-                                shadowBlur: 10,
-                                shadowOffsetX: 0,
-                                shadowColor: 'rgba(0, 0, 0, 0.5)'
-                            }
-                        }
-                    }
-                ]
-            };
-            myChart.setOption(option);
-
-            var chartDom = document.getElementById('cookieCourse');
-            var myChart = echarts.init(chartDom);
-            var option;
-            option = {
-                title: {
-                    text: '课程收入',
-                    subtext: '',
-                    left: 'center'
-                },
-                tooltip: {
-                    trigger: 'item'
-                },
-
-                series: [
-                    {
-                        name: 'Access From',
-                        type: 'pie',
-                        radius: '50%',
-                        data:    data.courseData,
-                        emphasis: {
-                            itemStyle: {
-                                shadowBlur: 10,
-                                shadowOffsetX: 0,
-                                shadowColor: 'rgba(0, 0, 0, 0.5)'
-                            }
-                        }
-                    }
-                ]
-            };
-            myChart.setOption(option);
-
-
-            var chartDom = document.getElementById('cookieBooking');
-            var myChart = echarts.init(chartDom);
-            var option;
-            option = {
-                title: {
-                    text: '订场收入',
-                    subtext: '',
-                    left: 'center'
-                },
-                tooltip: {
-                    trigger: 'item'
-                },
-
-                series: [
-                    {
-                        name: 'Access From',
-                        type: 'pie',
-                        radius: '50%',
-                        data: data.siteData,
-                        emphasis: {
-                            itemStyle: {
-                                shadowBlur: 10,
-                                shadowOffsetX: 0,
-                                shadowColor: 'rgba(0, 0, 0, 0.5)'
-                            }
-                        }
-                    }
-                ]
-            };
-            myChart.setOption(option);
-
-
-        }, function (data) {
-
-        });
-        ajax.set("time",time);
-        ajax.start();
-    }
     var ans = [];
     var weekX = ["1周","2周","3周","4周"];
     var monthX = ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"];
@@ -418,10 +292,19 @@
         , trigger: 'click'
         , range: true
     });
+    function getYears() {
+        var ajax2 = new $ax(Feng.ctxPath + "/data/getYears", function(data){
+            yearX=data
+        });
+        ajax2.start()
+    }
     $(function(){
         getContent(1);
         getContent1(1);
         getContent2(1);
+
+
+
         var ajax = new $ax(Feng.ctxPath + "/data/getIncomeData", function(resp){
             yearX=resp.year
 
@@ -521,9 +404,6 @@
         var myChart  = echarts.init(document.getElementById('main'));
         var myChart1 = echarts.init(document.getElementById('refund'));
 
-
-
-        var myChart6 = echarts.init(document.getElementById('teach'));
         var myChart7 = echarts.init(document.getElementById('courseData'));
 
 
@@ -673,61 +553,6 @@
 
 
 
-        option6  = {
-            tooltip: {
-                trigger: 'axis'
-            },
-            legend: {
-                data: ['年度学员数', '月度学员数', '周度学员数', '日度学员数']
-            },
-            grid: {
-                left: '3%',
-                right: '4%',
-                bottom: '3%',
-                containLabel: true
-            },
-            toolbox: {
-                feature: {
-                    saveAsImage: {}
-                }
-            },
-            xAxis: {
-                type: 'category',
-                boundaryGap: false,
-                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
-            },
-            yAxis: {
-                type: 'value'
-            },
-            series: [
-                {
-                    name: '年度学员数',
-                    type: 'line',
-                    stack: 'Total',
-                    data: [120, 132, 101, 134, 90, 230, 160, 190, 410, 330, 210, 330]
-                },
-                {
-                    name: '月度学员数',
-                    type: 'line',
-                    stack: 'Total',
-                    data: [220, 182, 191, 234, 290, 330, 310, 190, 210, 330, 410, 160]
-                },
-                {
-                    name: '周度学员数',
-                    type: 'line',
-                    stack: 'Total',
-                    data: [150, 232, 201, 154, 190, 330, 410, 160, 210, 195, 210, 188]
-                },
-                {
-                    name: '日度学员数',
-                    type: 'line',
-                    stack: 'Total',
-                    data: [320, 332, 301, 334, 390, 330, 320, 10, 195, 145, 188, 160]
-                }
-            ]
-        };
-
-
 
         option7  = {
             tooltip: {
@@ -816,11 +641,9 @@
         myChart.setOption(option);
         myChart1.setOption(option1);
 
-        myChart6.setOption(option6);
         myChart7.setOption(option7);
     });
-
-    function ptUser() {
+    function ptUser()   {
         var myChart2 = echarts.init(document.getElementById('user'));
         var myChart3 = echarts.init(document.getElementById('vip'));
         myChart2.on('legendselectchanged', obj => {
@@ -1015,12 +838,22 @@
         var ajax2 = new $ax(Feng.ctxPath + "/data/actPt", function(data){
             console.log(data)
 
+            $("#allHour").text(data.allHour)
+
             option4 = {
                 tooltip: {
                     trigger: 'axis'
                 },
                 legend: {
-                    data: ['年度次数', '月度次数']
+                    data: ['年度次数', '月度次数'],
+                    icon: 'stack',
+                    selectedMode: 'single', // 单选
+                    selected: {
+                        年度次数: true,
+                        月度次数: false,
+                    },
+
+
                 },
                 grid: {
                     left: '3%',
@@ -1036,7 +869,7 @@
                 xAxis: {
                     type: 'category',
                     boundaryGap: false,
-                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+                    data: yearX
                 },
                 yAxis: {
                     type: 'value'
@@ -1046,13 +879,13 @@
                         name: '年度次数',
                         type: 'line',
                         stack: 'Total',
-                        data: [1220, 1532, 101, 1394, 980, 2380, 1680, 1190, 1410, 1330, 2110, 1330]
+                        data: data.yearData
                     },
                     {
                         name: '月度次数',
                         type: 'line',
                         stack: 'Total',
-                        data: [1220, 1182, 2191, 3234, 1290, 1330, 2310, 2190, 2210, 1330, 2410, 1650]
+                        data: data.monthData
                     }
 
                 ]
@@ -1062,7 +895,14 @@
                     trigger: 'axis'
                 },
                 legend: {
-                    data: ['年度次数', '月度次数']
+                    data: ['年度次数', '月度次数'],
+                    icon: 'stack',
+                    selectedMode: 'single', // 单选
+                    selected: {
+                        年度次数: true,
+                        月度次数: false,
+                    },
+
                 },
                 grid: {
                     left: '3%',
@@ -1078,7 +918,7 @@
                 xAxis: {
                     type: 'category',
                     boundaryGap: false,
-                    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+                    data: yearX
                 },
                 yAxis: {
                     type: 'value'
@@ -1088,13 +928,13 @@
                         name: '年度次数',
                         type: 'line',
                         stack: 'Total',
-                        data: [120, 132, 101, 394, 980, 2380, 1680, 1190, 1410, 1330, 2110, 1330]
+                        data: data.yearsUser
                     },
                     {
                         name: '月度次数',
                         type: 'line',
                         stack: 'Total',
-                        data: [120, 182, 211, 324, 120, 130, 310, 290, 220, 130, 240, 150]
+                        data: data.monthsUser
                     }
                 ]
             };
@@ -1103,6 +943,188 @@
         ajax2.start()
         myChart4.setOption(option4);
         myChart5.setOption(option5);
+    }
+
+
+    function ptStu() {
+        var myChart6 = echarts.init(document.getElementById('teach'));
+        myChart6.on('legendselectchanged', obj => {
+            var options = myChart6.getOption()
+            //这里是选择切换什么样的x轴,那么他会进行对Y值的切换
+            if (obj.name == '年度学员数') {
+                options.xAxis[0].data = yearX
+            } else if (obj.name == '月度学员数') {
+                options.xAxis[0].data = monthX
+            }else if (obj.name == '周度学员数') {
+                options.xAxis[0].data = ["1周","2周","3周","4周"]
+            }else if (obj.name == '日度学员数') {
+                options.xAxis[0].data = dataX
+            }
+            myChart6.setOption(options, true)
+        });
+
+
+        var ajax2 = new $ax(Feng.ctxPath + "/data/stuPt", function(data){
+            console.log(data)
+
+            $("#allUser").text(data.allUser)
+
+            option6  = {
+                tooltip: {
+                    trigger: 'axis'
+                },
+                legend: {
+                    data: ['年度学员数', '月度学员数', '周度学员数', '日度学员数'],
+
+                    icon: 'stack',
+                    selectedMode: 'single', // 单选
+                    selected: {
+                        年度学员数: true,
+                        月度学员数: false,
+                        周度学员数: false,
+                        日度学员数: false
+                    },
+                },
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '3%',
+                    containLabel: true
+                },
+                toolbox: {
+                    feature: {
+                        saveAsImage: {}
+                    }
+                },
+                xAxis: {
+                    type: 'category',
+                    boundaryGap: false,
+                    data: yearX
+                },
+                yAxis: {
+                    type: 'value'
+                },
+                series: [
+                    {
+                        name: '年度学员数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.yearData
+                    },
+                    {
+                        name: '月度学员数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.monthData
+                    },
+                    {
+                        name: '周度学员数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: [data.count,data.count1,data.count2,data.count3]
+                    },
+                    {
+                        name: '日度学员数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.dayData
+                    }
+                ]
+            };
+        });
+        ajax2.start()
+        myChart6.setOption(option6);
+    }
+
+
+    function ptCourse() {
+        var myChart7 = echarts.init(document.getElementById('courseData'));
+        myChart7.on('legendselectchanged', obj => {
+            var options = myChart7.getOption()
+            //这里是选择切换什么样的x轴,那么他会进行对Y值的切换
+            if (obj.name == '年度耗课数') {
+                options.xAxis[0].data = yearX
+            } else if (obj.name == '月度耗课数') {
+                options.xAxis[0].data = monthX
+            }else if (obj.name == '周度耗课数') {
+                options.xAxis[0].data = ["1周","2周","3周","4周"]
+            }else if (obj.name == '日度耗课数') {
+                options.xAxis[0].data = dataX
+            }
+            myChart7.setOption(options, true)
+        });
+
+
+        var ajax2 = new $ax(Feng.ctxPath + "/data/coursePt", function(data){
+            console.log(data)
+
+            $("#allHour").text(data.allHour)
+
+            option7  = {
+                tooltip: {
+                    trigger: 'axis'
+                },
+                legend: {
+                    data: ['年度耗课数', '月度耗课数', '周度耗课数', '日度耗课数'],
+
+                    icon: 'stack',
+                    selectedMode: 'single', // 单选
+                    selected: {
+                        年度耗课数: true,
+                        月度耗课数: false,
+                        周度耗课数: false,
+                        日度耗课数: false
+                    },
+                },
+                grid: {
+                    left: '3%',
+                    right: '4%',
+                    bottom: '3%',
+                    containLabel: true
+                },
+                toolbox: {
+                    feature: {
+                        saveAsImage: {}
+                    }
+                },
+                xAxis: {
+                    type: 'category',
+                    boundaryGap: false,
+                    data: yearX
+                },
+                yAxis: {
+                    type: 'value'
+                },
+                series: [
+                    {
+                        name: '年度耗课数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.yearData
+                    },
+                    {
+                        name: '月度耗课数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.monthData
+                    },
+                    {
+                        name: '周度耗课数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: [data.count,data.count1,data.count2,data.count3]
+                    },
+                    {
+                        name: '日度耗课数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.dayData
+                    }
+                ]
+            };
+        });
+        ajax2.start()
+        myChart7.setOption(option7);
     }
 
     function getContent(type){
@@ -1245,7 +1267,6 @@
 
         if(type==3){
             var ajax = new $ax(Feng.ctxPath + "/data/stuCourseData", function (data) {
-
                 console.log(data.data1)
                 var chartDom = document.getElementById('cookieTeachCourse');
                 var myChart = echarts.init(chartDom);
@@ -1271,8 +1292,7 @@
 
             });
             ajax.start();
-
-            ptActivity()
+            ptStu()
         }
 
 
@@ -1361,11 +1381,11 @@
         for (let j = 0; j <courseData.length; j++) {
             if(j<courseData.length-1){
                 var d = courseData[j].replace("{","").replace("}","").split(",")
-                let obj ={
-                    name:d[0].split("=")[1],
-                    value:d[1].split("=")[1]
-                }
-                a.push(obj)
+                    let obj ={
+                        name:d[0].split("=")[1],
+                        value:d[1].split("=")[1]
+                    }
+                    a.push(obj)
             }
         }
         var chartDom = document.getElementById('cookieCourse');

--
Gitblit v1.7.1