From 640ff18d2d7f4be02ddb7f8f75e899f05545eb98 Mon Sep 17 00:00:00 2001
From: puzhibing <393733352@qq.com>
Date: 星期一, 05 二月 2024 11:56:52 +0800
Subject: [PATCH] 更新bug修改

---
 cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/platformIncome.html | 1411 +++++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 911 insertions(+), 500 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 69f573c..a6007b2 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
@@ -41,6 +41,19 @@
 <div class="ibox float-e-margins">
     <div class="ibox-content">
         <div class="form-horizontal">
+
+            <input hidden id="day" value="${data.dayone}">
+            <input hidden id="month" value="${data.monthone}">
+            <input hidden id="quarter" value="${data.quarterone}">
+            <input hidden id="year" value="${data.yearone}">
+            <input hidden id="age1" value="${stuData.age1}">
+            <input hidden id="age2" value="${stuData.age2}">
+            <input hidden id="age3" value="${stuData.age3}">
+            <input hidden id="age4" value="${stuData.age4}">
+            <input hidden id="boy" value="${stuData.boy}">
+            <input hidden id="girl" value="${stuData.girl}">
+
+
             <div class="row">
                 <div class="col-sm-10">
                     <div style="height: 50px;box-sizing: border-box;background:#f3f3f4;line-height: 50px;border:1px solid;margin-bottom: 20px;width: auto">
@@ -54,15 +67,15 @@
                                 <div class="col-sm-10">
                                     <h2>营收数据</h2>
                                     </br>
-                                        <div id = "money1" style="width: 1500px" >
-                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="totalIncome">总营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                            <span id="yearIncome">本年度营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                            <span id="monthIncome">本月度营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                            <span id="weekIncome">本周营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                            <span id="todayIncome">本日营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                            </br>
-                                            </br>
-                                        </div>
+                                    <div id = "money1" style="width: 1500px" >
+                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="totalIncome">总营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                        <span id="yearIncome">本年度营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                        <span id="monthIncome">本月度营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                        <span id="weekIncome">本周营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                        <span id="todayIncome">本日营收:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                        </br>
+                                        </br>
+                                    </div>
                                     <div id="main" style="width: 1280px;height:500px;"></div>
                                 </div>
                                 <div class="col-sm-10">
@@ -71,21 +84,19 @@
                                     </br>
                                     <div class="col-sm-3" style="width: 400px;display: flex">
                                         <#TimeCon id="beginTime" name="时间段:" isTime="false"/>
-                                        <#button name="搜索" icon="fa-search" clickFun="TCompetition.search()"/>
+                                        <#button name="搜索" icon="fa-search" clickFun="search1()"/>
                                     </div>
                                 </div>
 
                                 <div class="col-sm-10" style="width: 1500px" >
                                     </br>
                                     </br>
-                                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>会员费收入:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span>玩湃币充值收入:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span>课程收入:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span>活动收入:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span>订场收入:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span>赛事收入:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span>商品收入:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span>其他收入:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>会员费收入:<label id="fee1">${data.fee1}</label></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    <span>玩湃币充值收入:<label id="fee2">${data.fee2}</label></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    <span>课程收入:<label id="fee3">${data.fee3}</label></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    <span>活动/赛事收入:<label id="fee4">${data.fee4}</label></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    <span>订场收入:<label id="fee5">${data.fee5}</label></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    <span>商品收入:<label id="fee7">${data.fee7}</label></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                     </br>
                                     </br>
                                     </br>
@@ -102,10 +113,10 @@
                                 <div class="col-sm-10" style="width: 1500px" >
                                     </br>
                                     </br>
-                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="yearRefund">本年退费额度:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span id="monthRefund">本月退费额度:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span id="weekRefund">本周退费额度:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                                    <span id="todayRefund">本日退费额度:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="yearRefund">本年退费额度:<span id="back1"></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    <span id="monthRefund">本月退费额度:<span id="back2"></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    <span id="weekRefund">本周退费额度:<span id="back3"></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                                    <span id="todayRefund">本日退费额度:<span id="back4"></span></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                     </br>
                                     </br>
                                     <div id="refund" style="width: 1280px;height:500px;"></div>
@@ -121,8 +132,8 @@
                                     </br>
                                     </br>
                                     <div style="height: 25px;box-sizing: border-box;background:#f3f3f4;line-height: 25px;border:1px solid;margin-bottom: 20px;width: 500px">
-                                        <div id="d1" class='table2' onclick="getContent1(1)" style="border-right: 1px solid #333;background-color: rgb(26, 179, 148);color: white;">用户总数:0人</div>
-                                        <div id="d2" class='table2' onclick="getContent1(2)" style="border-right: 1px solid #333;">年费会员数量:0人</div>
+                                        <div id="d1" class='table2' onclick="getContent1(1)" style="border-right: 1px solid #333;background-color: rgb(26, 179, 148);color: white;">用户总数:<span id="userAll"></span>人</div>
+                                        <div id="d2" class='table2' onclick="getContent1(2)" style="border-right: 1px solid #333;">年费会员数量:<span id="userVipAll"></span>人</div>
                                     </div>
                                 </div>
                                 <div class="col-sm-10">
@@ -164,7 +175,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">
@@ -198,7 +209,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>
@@ -239,14 +250,24 @@
             </div>
         </div>
     </div>
+
+
 </div>
 <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 ajax9 = new $ax(Feng.ctxPath + "/data/type1", function(data){
+
+        });
+        ajax9.set("time",time);
+        ajax9.start();
+    }
     var ans = [];
-    var weekX = [];
+    var weekX = ["1周","2周","3周","4周"];
     var monthX = ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"];
-    var yearX = ["2023年","2024年","2025年","2026年","2027年","2028年"];
+    var yearX = [];
     var timeX = [];
     var dataX = [];
     // 创建一个日期对象
@@ -272,16 +293,24 @@
     for (var i = 1; i <= daysInMonth; i++) {
         timeX.push(String(i));
     }
-    laydate.render({
-        elem: '#beginTime'
-        , 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);
+        ptCourse();
+
+
         var ajax = new $ax(Feng.ctxPath + "/data/getIncomeData", function(resp){
+            yearX=resp.year
+
+
             var list = resp.yearMount;
             console.log(list);
             var t1 = document.getElementById("totalIncome");
@@ -297,10 +326,10 @@
             var year =  resp.yearIncome;
             var month =  resp.monthIncome;
             var week =  resp.weekIncome;
+            console.log("周度营收")
+            console.log(year)
+            console.log(week)
             var days = week[0].length;
-            for (let i = 1; i <= days; i++) {
-                weekX.push(i);
-            }
             var day =  resp.dayIncome;
             option  = {
                 tooltip: {
@@ -342,7 +371,7 @@
                         name: '年度营收',
                         type: 'line',
                         stack: 'Total',
-                        data: [year[0].amount,year[1].amount,year[2].amount,year[3].amount,year[4].amount,year[5].amount]
+                        data: [year[0],year[1],year[2],year[3],year[4],year[5],year[6],year[7],year[8],year[9],year[10]]
                     },
                     {
                         name: '月度营收',
@@ -357,11 +386,6 @@
                         stack: 'Total',
                         data: [
                             week[0][0], week[0][1], week[0][2], week[0][3], week[0][4]
-                            , week[0][5], week[0][6], week[0][7], week[0][8], week[0][9]
-                            , week[0][10], week[0][11], week[0][12], week[0][13], week[0][14]
-                            , week[0][15], week[0][16], week[0][17], week[0][18], week[0][19], week[0][20]
-                            , week[0][21], week[0][22], week[0][23], week[0][24], week[0][25], week[0][26]
-                            , week[0][27], week[0][28], week[0][29], week[0][30], week[0][31]
                         ]
                     },
                     {
@@ -377,7 +401,228 @@
         });
         ajax.set("type",1);
         ajax.start();
-        option2  = {
+
+        // 基于准备好的dom，初始化echarts实例
+        var myChart  = echarts.init(document.getElementById('main'));
+        var myChart1 = echarts.init(document.getElementById('refund'));
+
+        var myChart7 = echarts.init(document.getElementById('courseData'));
+        var ajax3 = new $ax(Feng.ctxPath + "/data/backPt", function(data){
+            $("#back1").text(data.thisYear);
+            $("#back2").text(data.thisMonth);
+            $("#back3").text(data.thisWeek);
+            $("#back4").text(data.thisDay);
+            optionBack = {
+
+                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.weekData
+                    },
+                    {
+                        name: '日度退费',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.dayData
+                    }
+                ]
+
+            };
+        });
+        ajax3.start();
+
+
+
+        var ajax4 = new $ax(Feng.ctxPath + "/data/userAndVipPt", function(data){
+            option1 = {
+
+                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.weekData
+                    },
+                    {
+                        name: '日度退费',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.dayData
+                    }
+                ]
+
+            };
+        });
+        ajax4.start();
+
+
+        myChart.on('legendselectchanged', obj => {
+            var options = myChart.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 = weekX
+            } else if (obj.name == '日度营收') {
+                options.xAxis[0].data = dataX
+            }
+            myChart.setOption(options, true)
+        })
+        myChart1.on('legendselectchanged', obj => {
+            var options = myChart1.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
+            }
+            myChart1.setOption(options, true)
+        })
+
+
+        // 使用刚指定的配置项和数据显示图表。
+        myChart.setOption(option);
+        myChart1.setOption(optionBack);
+
+        myChart7.setOption(option7);
+    });
+    function ptUser()   {
+        var myChart2 = echarts.init(document.getElementById('user'));
+        var myChart3 = echarts.init(document.getElementById('vip'));
+        myChart2.on('legendselectchanged', obj => {
+            var options = myChart2.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
+            }
+            myChart2.setOption(options, true)
+        });
+
+        myChart3.on('legendselectchanged', obj => {
+            var options = myChart3.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
+            }
+            myChart3.setOption(options, true)
+        });
+        var ajax2 = new $ax(Feng.ctxPath + "/data/userAndVipPt", function(data){
+            $("#userAll").text(data.allUser)
+            $("#userVipAll").text(data.allVip)
+            console.log(data)
+            option2  = {
                 tooltip: {
                     trigger: 'axis'
                 },
@@ -417,33 +662,28 @@
                         name: '年度用户数',
                         type: 'line',
                         stack: 'Total',
-                        data: [100,50,60,10,12,13,54,156]
+                        data: data.yearData
                     },
                     {
                         name: '月度用户数',
                         type: 'line',
                         stack: 'Total',
-                        data: [26,44,55,12,6,7,98,541,223]
+                        data: data.monthData
                     },
                     {
                         name: '周度用户数',
                         type: 'line',
                         stack: 'Total',
-                        data: [
-                            33,22,11,12,61,17,23,33,41
-                        ]
+                        data: [data.count,data.count1,data.count2,data.count3]
                     },
                     {
                         name: '日度用户数',
                         type: 'line',
                         stack: 'Total',
-                        data: [
-                            12,11,17,26,23,111,23,45,41
-                        ]
+                        data: data.dayData
                     }
                 ]
             };
-        var ajax2 = new $ax(Feng.ctxPath + "/data/getIncomeData", function(resp){
             option3  = {
                 tooltip: {
                     trigger: 'axis'
@@ -484,342 +724,450 @@
                         name: '年度会员数',
                         type: 'line',
                         stack: 'Total',
-                        data: [100,50,60,10,12,13,54,156]
+                        data: data.yearsVip
                     },
                     {
                         name: '月度会员数',
                         type: 'line',
                         stack: 'Total',
-                        data: [26,44,55,12,6,7,98,541,223]
+                        data:  data.monthsVip
                     },
                     {
                         name: '周度会员数',
                         type: 'line',
                         stack: 'Total',
-                        data: [
-                            33,22,11,12,61,17,23,33,41
-                        ]
+                        data:[data.countVip,data.countVip1,data.countVip2,data.countVip3]
                     },
                     {
                         name: '日度会员数',
                         type: 'line',
                         stack: 'Total',
-                        data: [
-                            12,11,17,26,23,111,23,45,41
-                        ]
+                        data: data.daysVip
                     }
                 ]
             };
         });
-        ajax2.set("type",1);
-        ajax2.start();
-        // 基于准备好的dom，初始化echarts实例
-        var myChart  = echarts.init(document.getElementById('main'));
-        var myChart1 = echarts.init(document.getElementById('refund'));
-        var myChart2 = echarts.init(document.getElementById('user'));
-        var myChart3 = echarts.init(document.getElementById('vip'));
-        var myChart4 = echarts.init(document.getElementById('activity'));
-        var myChart5 = echarts.init(document.getElementById('prepare'));
-        var myChart6 = echarts.init(document.getElementById('teach'));
-        var myChart7 = echarts.init(document.getElementById('courseData'));
-
-        option1 = {
-            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]
-                }
-            ]
-        };
-
-
-        option4 = {
-            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: [1220, 1532, 101, 1394, 980, 2380, 1680, 1190, 1410, 1330, 2110, 1330]
-                },
-                {
-                    name: '月度次数',
-                    type: 'line',
-                    stack: 'Total',
-                    data: [1220, 1182, 2191, 3234, 1290, 1330, 2310, 2190, 2210, 1330, 2410, 1650]
-                }
-
-            ]
-        };
-        option5 = {
-            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, 394, 980, 2380, 1680, 1190, 1410, 1330, 2110, 1330]
-                },
-                {
-                    name: '月度次数',
-                    type: 'line',
-                    stack: 'Total',
-                    data: [120, 182, 211, 324, 120, 130, 310, 290, 220, 130, 240, 150]
-                }
-            ]
-        };
-        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: {
-                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]
-                }
-            ]
-        };
-        myChart.on('legendselectchanged', obj => {
-            var options = myChart.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 = weekX
-            } else if (obj.name == '日度营收') {
-                options.xAxis[0].data = dataX
-            }
-            myChart.setOption(options, true)
-        })
-        myChart2.on('legendselectchanged', obj => {
-            var options = myChart2.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 = weekX
-            } else if (obj.name == '日度用户数') {
-                options.xAxis[0].data = dataX
-            }
-            myChart2.setOption(options, true)
-        });
-
-        myChart3.on('legendselectchanged', obj => {
-            var options = myChart3.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 = weekX
-            } else if (obj.name == '日度会员数') {
-                options.xAxis[0].data = dataX
-            }
-            myChart3.setOption(options, true)
-        });
-        // 使用刚指定的配置项和数据显示图表。
-        myChart.setOption(option);
-        myChart1.setOption(option1);
+        ajax2.set("type",1)
+        ajax2.start()
         myChart2.setOption(option2);
         myChart3.setOption(option3);
+    }
+
+    function ptActivity() {
+        var myChart4 = echarts.init(document.getElementById('activity'));
+        var myChart5 = echarts.init(document.getElementById('prepare'));
+        myChart4.on('legendselectchanged', obj => {
+            var options = myChart4.getOption()
+            //这里是选择切换什么样的x轴，那么他会进行对Y值的切换
+            if (obj.name == '年度次数') {
+                options.xAxis[0].data = yearX
+            } else if (obj.name == '月度次数') {
+                options.xAxis[0].data = monthX
+            }
+            myChart4.setOption(options, true)
+        });
+
+        myChart5.on('legendselectchanged', obj => {
+            var options = myChart5.getOption()
+            //这里是选择切换什么样的x轴，那么他会进行对Y值的切换
+            if (obj.name == '年度次数') {
+                options.xAxis[0].data = yearX
+            } else if (obj.name == '月度次数') {
+                options.xAxis[0].data = monthX
+            }
+            myChart5.setOption(options, true)
+        });
+
+        var ajax2 = new $ax(Feng.ctxPath + "/data/actPt", function(data){
+            console.log(data)
+
+            $("#allHour").text(data.allHour)
+
+            option4 = {
+                tooltip: {
+                    trigger: 'axis'
+                },
+                legend: {
+                    data: ['年度次数', '月度次数'],
+                    icon: 'stack',
+                    selectedMode: 'single', // 单选
+                    selected: {
+                        年度次数: true,
+                        月度次数: 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
+                    }
+
+                ]
+            };
+            option5 = {
+                tooltip: {
+                    trigger: 'axis'
+                },
+                legend: {
+                    data: ['年度次数', '月度次数'],
+                    icon: 'stack',
+                    selectedMode: 'single', // 单选
+                    selected: {
+                        年度次数: true,
+                        月度次数: 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.yearsUser
+                    },
+                    {
+                        name: '月度次数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.monthsUser
+                    }
+                ]
+            };
+        });
+        ajax2.set("type",1)
+        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值的切换
+            console.log("看学员")
+            console.log(obj.name)
+            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);
+
+        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.weekData
+                    },
+                    {
+                        name: '日度耗课数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.dayData
+                    }
+                ]
+            };
+        });
+        console.log("调用")
+        var myChart7 = echarts.init(document.getElementById('courseData'));
+        myChart7.on('legendselectchanged', obj => {
+            var options = myChart7.getOption()
+            //这里是选择切换什么样的x轴，那么他会进行对Y值的切换
+            console.log("看看选择")
+            console.log(obj.name)
+            if (obj.name == '年度耗课数') {
+                console.log("看看年度轴")
+                options.xAxis[0].data = yearX
+                console.log(yearX)
+            } else if (obj.name == '月度耗课数') {
+                console.log("看看月度轴")
+                options.xAxis[0].data = monthX
+                console.log(monthX)
+            }else if (obj.name == '周度耗课数') {
+                options.xAxis[0].data = ["1周","2周","3周","4周"]
+            }else if (obj.name == '日度耗课数') {
+                console.log("看看日度轴")
+                options.xAxis[0].data = dataX
+                console.log(dataX)
+            }
+            myChart7.setOption(options, true)
+        });
+        ajax2.start()
         myChart7.setOption(option7);
-    });
+    }
+
+    function ptCourse() {
+        var ajax2 = new $ax(Feng.ctxPath + "/data/coursePt", function(data){
+
+            $("#allHour").text(data.allHour)
+            console.log("周度")
+            console.log(data.weekData)
+            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.weekData
+                    },
+                    {
+                        name: '日度耗课数',
+                        type: 'line',
+                        stack: 'Total',
+                        data: data.dayData
+                    }
+                ]
+            };
+        });
+        console.log("调用")
+        var myChart7 = echarts.init(document.getElementById('courseData'));
+        myChart7.on('legendselectchanged', obj => {
+            var options = myChart7.getOption()
+            //这里是选择切换什么样的x轴，那么他会进行对Y值的切换
+            console.log("看看选择")
+            console.log(obj.name)
+            if (obj.name == '年度耗课数') {
+                console.log("看看年度轴")
+                options.xAxis[0].data = yearX
+                console.log(yearX)
+            } else if (obj.name == '月度耗课数') {
+                console.log("看看月度轴")
+                options.xAxis[0].data = monthX
+                console.log(monthX)
+            }else if (obj.name == '周度耗课数') {
+                options.xAxis[0].data = ["1周","2周","3周","4周"]
+            }else if (obj.name == '日度耗课数') {
+                console.log("看看日度轴")
+                options.xAxis[0].data = dataX
+                console.log(dataX)
+            }
+            myChart7.setOption(options, true)
+        });
+
+
+        ajax2.start()
+        myChart7.setOption(option7);
+    }
+
     function getContent(type){
         //设置点击字体颜色效果
         for(var i=1;i<4;i++){
@@ -839,6 +1187,158 @@
             $("#ensure").show();
             $("#nextB").hide();
         }
+
+        if(type==2){
+            var ajax = new $ax(Feng.ctxPath + "/data/stuUserData", function (data) {
+                console.log(data,323232)
+                var chartDom = document.getElementById('cookieAge');
+                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.age1, name: '0-12岁' },
+                                { value: data.age2, name: '13-18岁' },
+                                { value: data.age3, name: '19-25岁' },
+                                { value: data.age4, name: '12-35岁' },
+                                { value: data.age5, name: '36-50岁' },
+                                { value: data.age6, name: '51岁以上' },
+
+                            ],
+                            emphasis: {
+                                itemStyle: {
+                                    shadowBlur: 10,
+                                    shadowOffsetX: 0,
+                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                                }
+                            }
+                        }
+                    ]
+                };
+                myChart.setOption(option);
+
+
+
+                var chartDom = document.getElementById('cookieGender');
+                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.boy, name: '男' },
+                                { value: data.girl, name: '女' },
+
+                            ],
+                            emphasis: {
+                                itemStyle: {
+                                    shadowBlur: 10,
+                                    shadowOffsetX: 0,
+                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                                }
+                            }
+                        }
+                    ]
+                };
+                myChart.setOption(option);
+
+
+
+
+                var chartDom = document.getElementById('city');
+                var myChart = echarts.init(chartDom);
+                var option;
+
+                option = {
+                    xAxis: {
+                        type: 'category',
+                        data: data.cityData
+                    },
+                    yAxis: {
+                        type: 'value'
+                    },
+                    series: [
+                        {
+                            data: data.cityNum,
+                            type: 'bar'
+                        }
+                    ]
+                };
+                myChart.setOption(option);
+
+
+
+            }, function (data) {
+
+            });
+            ajax.start();
+
+
+            ptUser()
+
+            ptActivity()
+
+        }
+
+
+        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);
+                var option;
+
+                option = {
+                    xAxis: {
+                        type: 'category',
+                        data: data.data1,
+                    },
+                    yAxis: {
+                        type: 'value'
+                    },
+                    series: [
+                        {
+                            data: data.data2,
+                            type: 'bar'
+                        }
+                    ]
+                };
+                myChart.setOption(option);
+            }, function (data) {
+
+            });
+            ajax.start();
+            ptStu()
+        }
+
+
+
+
     }
     function getContent1(type){
         //设置点击字体颜色效果
@@ -873,12 +1373,12 @@
         }
     }
 
-</script>
-<script>
     $(function(){
+
         var chartDom = document.getElementById('cookieTicket');
         var myChart = echarts.init(chartDom);
         var option;
+
         option = {
             title: {
                 text: '门票收入',
@@ -895,8 +1395,10 @@
                     type: 'pie',
                     radius: '50%',
                     data: [
-                        { value: 1048, name: '年票' },
-                        { value: 735, name: '亲子票' },
+                        { value: $("#day").val(), name: '日卡' },
+                        { value: $("#month").val(), name: '月卡' },
+                        { value: $("#quarter").val(), name: '季卡' },
+                        { value: $("#year").val(), name: '年卡' },
 
                     ],
                     emphasis: {
@@ -909,11 +1411,27 @@
                 }
             ]
         };
-    myChart.setOption(option);
+        myChart.setOption(option);
     });
     $(function(){
+        var courseData = "${data.courseData}"
+        courseData =courseData.replace("[","").replace("]","")
+        courseData = courseData.split('},')
+
+        var a=[];
+        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)
+            }
+        }
         var chartDom = document.getElementById('cookieCourse');
-        var myChart = echarts.init(chartDom);
+        var myChart = echarts.init(chartDom)
+
         var option;
         option = {
             title: {
@@ -930,12 +1448,7 @@
                     name: 'Access From',
                     type: 'pie',
                     radius: '50%',
-                    data: [
-                        { value: 1048, name: '篮球课' },
-                        { value: 735, name: '羽毛课' },
-                        { value: 735, name: '足球课' },
-
-                    ],
+                    data: a,
                     emphasis: {
                         itemStyle: {
                             shadowBlur: 10,
@@ -949,6 +1462,22 @@
         myChart.setOption(option);
     });
     $(function(){
+        var courseData = "${data.siteData}"
+
+        courseData =courseData.replace("[","").replace("]","")
+        courseData = courseData.split('},')
+
+        var a=[];
+        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)
+            }
+        }
         var chartDom = document.getElementById('cookieBooking');
         var myChart = echarts.init(chartDom);
         var option;
@@ -967,48 +1496,7 @@
                     name: 'Access From',
                     type: 'pie',
                     radius: '50%',
-                    data: [
-                        { value: 1048, name: '激战' },
-                        { value: 735, name: '篮球场' },
-                        { value: 735, name: '足球场' },
-
-                    ],
-                    emphasis: {
-                        itemStyle: {
-                            shadowBlur: 10,
-                            shadowOffsetX: 0,
-                            shadowColor: 'rgba(0, 0, 0, 0.5)'
-                        }
-                    }
-                }
-            ]
-        };
-        myChart.setOption(option);
-    });
-    $(function(){
-        var chartDom = document.getElementById('cookieAge');
-        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: 1048, name: '30-35' },
-                        { value: 735, name: '12-18' },
-
-                    ],
+                    data: a,
                     emphasis: {
                         itemStyle: {
                             shadowBlur: 10,
@@ -1041,44 +1529,10 @@
                     type: 'pie',
                     radius: '50%',
                     data: [
-                        { value: 1048, name: '30-35' },
-                        { value: 735, name: '12-18' },
-
-                    ],
-                    emphasis: {
-                        itemStyle: {
-                            shadowBlur: 10,
-                            shadowOffsetX: 0,
-                            shadowColor: 'rgba(0, 0, 0, 0.5)'
-                        }
-                    }
-                }
-            ]
-        };
-        myChart.setOption(option);
-    });
-    $(function(){
-        var chartDom = document.getElementById('cookieGender');
-        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: 1048, name: '男' },
-                        { value: 735, name: '女' },
+                        { value: $("#age1").val(), name: '0-7岁' },
+                        { value: $("#age2").val(), name: '8-10岁' },
+                        { value:$("#age3").val(), name: '11-12岁' },
+                        { value: $("#age4").val(), name: '13岁以上' },
 
                     ],
                     emphasis: {
@@ -1113,8 +1567,8 @@
                     type: 'pie',
                     radius: '50%',
                     data: [
-                        { value: 1048, name: '男' },
-                        { value: 735, name: '女' },
+                        { value: $("#boy").val(), name: '男' },
+                        { value: $("#girl").val(), name: '女' },
 
                     ],
                     emphasis: {
@@ -1129,49 +1583,6 @@
         };
         myChart.setOption(option);
     });
-    $(function(){
-        var chartDom = document.getElementById('city');
-        var myChart = echarts.init(chartDom);
-        var option;
 
-        option = {
-            xAxis: {
-                type: 'category',
-                data: ['北京', '上海', '广东', '深圳', '成都', '曹县', '奥里给']
-            },
-            yAxis: {
-                type: 'value'
-            },
-            series: [
-                {
-                    data: [120, 200, 150, 80, 70, 110, 130],
-                    type: 'bar'
-                }
-            ]
-        };
-        myChart.setOption(option);
-    });
-    $(function(){
-        var chartDom = document.getElementById('cookieTeachCourse');
-        var myChart = echarts.init(chartDom);
-        var option;
-
-        option = {
-            xAxis: {
-                type: 'category',
-                data: ['足球课', '篮球课', '羽毛球课', '网球课', '排球课']
-            },
-            yAxis: {
-                type: 'value'
-            },
-            series: [
-                {
-                    data: [120, 200, 150, 80, 70, 110, 130],
-                    type: 'bar'
-                }
-            ]
-        };
-        myChart.setOption(option);
-    });
 </script>
 @}

--
Gitblit v1.7.1