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/operatorIncome.html | 276 +++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 257 insertions(+), 19 deletions(-) diff --git a/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/operatorIncome.html b/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/operatorIncome.html index eb13609..3c11853 100644 --- a/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/operatorIncome.html +++ b/cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/operatorIncome.html @@ -41,7 +41,8 @@ <div class="ibox float-e-margins"> <div class="ibox-content"> <div class="form-horizontal"> - + <input id="objectId" value="${objectId}" hidden> + <input id="objectType" value="${objectType}" hidden> <div class="row"> <br class="col-sm-10"> @if(objectType==1){ @@ -49,7 +50,7 @@ <div class="input-group"> <div class="input-group-btn open"> <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button" aria-expanded="true"> - 选择运营商1 + 选择运营商 </button> </div> <select class="form-control" id="cCode" > @@ -102,12 +103,11 @@ <div class="col-sm-10" style="width: 1500px" > </br> </br> - <span>会员费收入:<label id="fee1">0.0</label></span> - <span>玩湃币充值收入:<label id="fee2">0.0</label></span> + <span>课程收入:<label id="fee3">0.0</label></span> <span>活动/赛事收入:<label id="fee4">0.0</label></span> <span>订场收入:<label id="fee5">0.0</label></span> - <span>商品收入:<label id="fee7">0.0</label></span> + <span>门票收入:<label id="fee7">0.0</label></span> </br> </br> </br> @@ -186,7 +186,7 @@ <h2>运营数据</h2> </br> </br> - <span>运营时长:0小时</span> + <span id="allHours">运营时长:0小时</span> </br> </br> <div style="height: 25px;box-sizing: border-box;background:#f3f3f4;line-height: 25px;border:1px solid;margin-bottom: 20px;width: 500px"> @@ -294,6 +294,9 @@ function search(){ income(); + ptCourse() + + ptStu() if(cutType==1){ srtj() tuifei() @@ -304,9 +307,12 @@ ptUser() ptActivity() + } if(cutType==3){ jxtj() + + } } function income(){ @@ -441,7 +447,7 @@ , range: true }); $(function(){ - + ptCourse(); var ajax2 = new $ax(Feng.ctxPath + "/data/getYears", function(data){ yearX=data }); @@ -806,6 +812,7 @@ if(type==3){ jxtj() + ptStu() } @@ -822,8 +829,6 @@ } var ajax = new $ax(Feng.ctxPath + "/data/selectYys", function (data) { - $("#fee1").text(data.fee1) - $("#fee2").text(data.fee2) $("#fee3").text(data.fee3) $("#fee4").text(data.fee4) $("#fee5").text(data.fee5) @@ -944,7 +949,11 @@ }, function (data) { }); - ajax.set("id",id); + if($("#objectType").val()==2){ + ajax.set("id",$("#objectId").val()) + }else { + ajax.set("id", id) + } ajax.set("time",beginTime); ajax.start(); @@ -1063,11 +1072,114 @@ }, function (data) { }); - ajax.set("id",id); + if($("#objectType").val()==2){ + ajax.set("id",$("#objectId").val()) + }else { + ajax.set("id", id) + } ajax.start(); } - + function ptCourse() { + console.log("调用耗课") + 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) + }); + + if($("#objectType").val()==2){ + }else { + let cCode = $("#cCode").val(); + if(null == cCode || '' == cCode){ + Feng.info("请选择运营商"); + return + } + } + + var ajax2 = new $ax(Feng.ctxPath + "/data/courseYys", function(data){ + console.log(data) + $("#allCourse").text("现有课时总量:"+data.allCourse+"小时") + 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 + } + ] + }; + }); + if($("#objectType").val()==2){ + ajax2.set("id",$("#objectId").val()) + }else { + ajax2.set("id", $("#cCode").val()) + } + ajax2.start() + myChart7.setOption(option7); + } function yytj() { let id = $("#cCode").val() console.log(id) @@ -1182,11 +1294,110 @@ }, function (data) { }); - ajax.set("id",id); + if($("#objectType").val()==2){ + ajax.set("id",$("#objectId").val()) + }else{ + ajax.set("id",id) + } ajax.start(); } + 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/stuYys", 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 + } + ] + }; + }); + if($("#objectType").val()==2){ + ajax2.set("id",$("#objectId").val()) + }else{ + ajax2.set("id",$("#cCode").val()) + } + // ajax2.set("id",$("#cCode").val()); + ajax2.start() + + myChart6.setOption(option6); + } function tuifei() { var myChart1 = echarts.init(document.getElementById('refund')); let id = $("#cCode").val() @@ -1264,7 +1475,11 @@ }; }); - ajax3.set("id",id) + if($("#objectType").val()==2){ + ajax3.set("id",$("#objectId").val()) + }else{ + ajax3.set("id",id) + } ajax3.start(); myChart1.on('legendselectchanged', obj => { @@ -1323,8 +1538,8 @@ myChart3.setOption(options, true) }); var ajax2 = new $ax(Feng.ctxPath + "/data/userAndVipYys", function(data){ - $("#userAll").text(data.allUser) - $("#userVipAll").text(data.allVip) + $("#d1").text("用户总数:"+data.allUser+"人") + $("#d2").text("年费会员数量"+data.allVip+"人") console.log(data) option2 = { tooltip: { @@ -1451,7 +1666,13 @@ ] }; }); - ajax2.set("id",id) + if($("#objectType").val()==2){ + ajax2.set("id",$("#objectId").val()) + }else{ + ajax2.set("id",id) + } + + ajax2.start() myChart2.setOption(option2); myChart3.setOption(option3); @@ -1489,7 +1710,7 @@ } var ajax2 = new $ax(Feng.ctxPath + "/data/actYys", function(data){ - $("#allHour").text(data.allHour) + $("#allHours").text("运营时长"+data.allHour+"小时") option4 = { tooltip: { @@ -1590,7 +1811,11 @@ ] }; }); - ajax2.set("id",id) + if($("#objectType").val()==2){ + ajax2.set("id",$("#objectId").val()) + }else { + ajax2.set("id", id) + } ajax2.start() myChart4.setOption(option4); myChart5.setOption(option5); @@ -1660,6 +1885,19 @@ timeX.push(String(i)); } $(function(){ + + var roleType = $("#objectType").val(); + if (roleType==2){ + ptActivity() + ptUser() + tuifei() + ptStu() + yytj() + ptCourse() + jxtj() + srtj() + income() + } var chartDom = document.getElementById('cookieTicket'); var myChart = echarts.init(chartDom); var option; -- Gitblit v1.7.1