From a7900eee85457c085a97427b4932537dcdd6a343 Mon Sep 17 00:00:00 2001 From: 44323 <443237572@qq.com> Date: 星期五, 13 十月 2023 11:04:31 +0800 Subject: [PATCH] 后台代码提交 --- cloud-server-management/src/main/webapp/WEB-INF/view/system/dataStatistics/operatorIncome.html | 258 +++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 245 insertions(+), 13 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..7697d0a 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" > @@ -186,7 +187,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 +295,8 @@ function search(){ income(); + ptCourse() + ptStu() if(cutType==1){ srtj() tuifei() @@ -304,9 +307,12 @@ ptUser() ptActivity() + } if(cutType==3){ jxtj() + + } } function income(){ @@ -806,6 +812,7 @@ if(type==3){ jxtj() + ptStu() } @@ -944,7 +951,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 +1074,106 @@ }, function (data) { }); - ajax.set("id",id); + if($("#objectType").val()==2){ + ajax.set("id",$("#objectId").val()) + }else { + ajax.set("id", id) + } ajax.start(); } - + 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/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 +1288,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 +1469,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 +1532,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 +1660,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 +1704,7 @@ } var ajax2 = new $ax(Feng.ctxPath + "/data/actYys", function(data){ - $("#allHour").text(data.allHour) + $("#allHours").text("运营时长"+data.allHour+"小时") option4 = { tooltip: { @@ -1590,7 +1805,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 +1879,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