java/PlayPai.git

			@@ -37,6 +37,87 @@
			align-items: center;
			justify-content: center;
			}
			.income-overview {
			display: grid;
			grid-template-columns: repeat(4, minmax(180px, 1fr));
			gap: 16px;
			width: 100%;
			max-width: 1280px;
			margin: 18px 0 14px;
			text-align: left;
			}
			.income-card {
			min-height: 82px;
			padding: 16px 18px;
			border: 1px solid #e4e7ed;
			border-radius: 6px;
			background: #fff;
			color: #606266;
			font-size: 14px;
			box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
			}
			.income-card strong {
			display: block;
			margin-top: 8px;
			color: #303133;
			font-size: 22px;
			font-weight: 600;
			}
			.income-card.total-card { border-top: 3px solid #1ab394; }
			.income-card.net-card { border-top: 3px solid #409eff; }
			.income-card.coupon-card { border-top: 3px solid #e6a23c; }
			.income-card.refund-card { border-top: 3px solid #f56c6c; }
			.income-period-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(360px, 1fr));
			gap: 10px 16px;
			width: 100%;
			max-width: 1280px;
			margin-bottom: 18px;
			text-align: left;
			}
			.income-period-item {
			min-height: 110px;
			padding: 9px 12px;
			border-left: 3px solid #1ab394;
			background: #f8fafc;
			color: #606266;
			line-height: 20px;
			}
			.income-period-title {
			margin-bottom: 6px;
			color: #303133;
			font-weight: 600;
			}
			.income-period-records {
			max-height: 185px;
			overflow-y: auto;
			}
			.income-period-record {
			padding: 4px 0;
			border-top: 1px solid #edf0f5;
			font-size: 13px;
			}
			.income-trend-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(480px, 1fr));
			gap: 18px;
			width: 100%;
			max-width: 1280px;
			margin-bottom: 18px;
			}
			.income-trend-chart {
			height: 300px;
			padding: 8px;
			border: 1px solid #e4e7ed;
			border-radius: 6px;
			background: #fff;
			}
			\@media (max-width: 992px) {
			.income-overview { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
			.income-period-grid { grid-template-columns: 1fr; }
			.income-trend-grid { grid-template-columns: 1fr; }
			}
			</style>
			<div class="ibox float-e-margins">
			<div class="ibox-content">
			@@ -61,24 +142,35 @@
			<div id="div2" class='table1' onclick="getContent(2)" style="border-right: 1px solid #333;">运营统计</div>
			<div id="div3" class='table1' onclick="getContent(3)" style="border-right: 1px solid #333;">教学统计</div>
			</div>


			<div class="row" id="content1" style="margin-left: 100px;">
			<div class="col-sm-11">
			<div class="form-group">
			<div class="col-sm-10">
			<h2>营收数据</h2>
			</br>
			<div id = "money1" style="width: 1500px" >
			<span id="totalIncome">总营收:</span>
			<span id="yearIncome">本年度营收:</span>
			<span id="monthIncome">本月度营收:</span>
			<span id="weekIncome">本周营收:</span>
			<span id="todayIncome">本日营收:</span>
			</br>
			</br>
			<div id="money1">
			<div class="income-overview">
			<div class="income-card total-card">总营收金额<strong id="totalIncome">0</strong></div>
			<div class="income-card net-card">净收入金额<strong id="netIncomeAmount">0</strong></div>
			<div class="income-card coupon-card">优惠券抵扣金额<strong id="couponDeductionAmount">0</strong></div>
			<div class="income-card refund-card">退款金额<strong id="refundAmount">0</strong></div>
			</div>
			<div class="income-period-grid">
			<div id="yearIncomeStatistics" class="income-period-item"></div>
			<div id="monthIncomeStatistics" class="income-period-item"></div>
			<div id="weekIncomeStatistics" class="income-period-item"></div>
			<div id="dayIncomeStatistics" class="income-period-item"></div>
			</div>
			<span id="yearIncome" style="display:none"></span>
			<span id="monthIncome" style="display:none"></span>
			<span id="weekIncome" style="display:none"></span>
			<span id="todayIncome" style="display:none"></span>
			</div>
			<div id="main" style="width: 1280px;height:500px;"></div>
			<div class="income-trend-grid">
			<div id="incomeYearChart" class="income-trend-chart"></div>
			<div id="incomeMonthChart" class="income-trend-chart"></div>
			<div id="incomeWeekChart" class="income-trend-chart"></div>
			<div id="incomeDayChart" class="income-trend-chart"></div>
			</div>
			</div>
			<div class="col-sm-10">
			<h2>收入类型统计</h2>
			@@ -96,9 +188,9 @@
			<span>会员费收入:<label id="fee1">${data.fee1}</label></span>
			<span>玩湃币充值收入:<label id="fee2">${data.fee2}</label></span>
			<span>课程收入:<label id="fee3">${data.fee3}</label></span>
			<span>活动/赛事收入:<label id="fee4">${data.fee4}</label></span>
			<span>赛事收入:<label id="fee4">${data.fee4}</label></span>
			<span>订场收入:<label id="fee5">${data.fee5}</label></span>
			<span>商品收入:<label id="fee7">${data.fee7}</label></span>
			<span>商品/其他收入:<label id="fee7">${data.fee7}</label></span>
			</br>
			</br>
			</br>
			@@ -177,12 +269,12 @@
			<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">
			<div id="e1" class='table3' onclick="getContent2(1)" style="border-right: 1px solid #333;background-color: rgb(26, 179, 148);color: white;">活动次数</div>
			<div id="e2" class='table3' onclick="getContent2(2)" style="border-right: 1px solid #333;">预定次数</div>
			<div id="e2" class='table3' onclick="getContent2(2)" style="border-right: 1px solid #333;">活动报名人数</div>
			</div>
			</div>
			<div class="col-sm-10">
			@@ -211,7 +303,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,131 +350,42 @@
			<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) {

			// 仅格式化前端展示，接口返回的原始数值不作改动。
			function formatStatisticNumber(value) {
			var number = Number(value);
			return isFinite(number) ? number.toFixed(2) : '0.00';
			}
			// 首次进入页面时，收入类型来自服务端模板变量；同样按两位小数展示。
			$(function () {
			$('#fee1, #fee2, #fee3, #fee4, #fee5, #fee7').each(function () {
			$(this).text(formatStatisticNumber($(this).text()));
			});
			ajax.set("time",time);
			ajax.start();
			});
			laydate.render({
			elem: '#beginTime'
			, trigger: 'click'
			, range: true
			});
			function search1() {
			var time = $("#beginTime").val();
			loadIncomeTypePieCharts(time);
			// 营收卡片与收入类型卡片使用同一接口、同一时间范围，避免筛选后口径不一致。
			var incomeAjax = new $ax(Feng.ctxPath + "/data/getIncomeData", function(resp){
			$("#totalIncome").text(formatStatisticNumber(resp.incomeStatistics.totalIncomeAmount));
			$("#netIncomeAmount").text(formatStatisticNumber(resp.incomeStatistics.netIncomeAmount));
			$("#couponDeductionAmount").text(formatStatisticNumber(resp.incomeStatistics.couponDeductionAmount));
			$("#refundAmount").text(formatStatisticNumber(resp.incomeStatistics.refundAmount));
			var incomeTypeNet = resp.incomeTypeNet \|\| {};
			$("#fee1").text(formatStatisticNumber(incomeTypeNet[1]));
			$("#fee2").text(formatStatisticNumber(incomeTypeNet[2]));
			$("#fee3").text(formatStatisticNumber(incomeTypeNet[3]));
			$("#fee4").text(formatStatisticNumber(incomeTypeNet[4]));
			$("#fee5").text(formatStatisticNumber(incomeTypeNet[5]));
			$("#fee7").text(formatStatisticNumber(incomeTypeNet[6]));
			renderTicketIncomeChart(resp.ticketIncome \|\| {});
			});
			incomeAjax.set("time", time);
			incomeAjax.start();
			}
			var ans = [];
			var weekX = ["1周","2周","3周","4周"];
			@@ -390,6 +393,48 @@
			var yearX = [];
			var timeX = [];
			var dataX = [];

			function renderTicketIncomeChart(ticketIncome) {
			var chartDom = document.getElementById('cookieTicket');
			var myChart = echarts.getInstanceByDom(chartDom) \|\| echarts.init(chartDom);
			myChart.setOption({
			title: {text: '门票收入', left: 'center'},
			tooltip: {trigger: 'item'},
			series: [{
			name: '门票收入', type: 'pie', radius: '50%',
			data: [
			{value: ticketIncome.day \|\| 0, name: '日卡'},
			{value: ticketIncome.month \|\| 0, name: '月卡'},
			{value: ticketIncome.quarter \|\| 0, name: '季卡'},
			{value: ticketIncome.year \|\| 0, name: '年卡'}
			]
			}]
			}, true);
			}

			function renderIncomeTypePieChart(elementId, title, data) {
			var chartDom = document.getElementById(elementId);
			var chart = echarts.getInstanceByDom(chartDom) \|\| echarts.init(chartDom);
			chart.setOption({
			title: {text: title, left: 'center'},
			tooltip: {trigger: 'item'},
			series: [{name: title, type: 'pie', radius: '50%', data: data \|\| []}]
			}, true);
			}

			// 使用接口返回的 JSON 分类数据，避免服务端模板字符串解析遗漏最后一个分类。
			function loadIncomeTypePieCharts(time) {
			var ajax = new $ax(Feng.ctxPath + "/data/type1", function (data) {
			renderIncomeTypePieChart('cookieCourse', '课程收入', data.courseData);
			renderIncomeTypePieChart('cookieBooking', '订场收入', data.siteData);
			});
			ajax.set('time', time);
			ajax.start();
			}

			$(function () {
			loadIncomeTypePieCharts('');
			});
			// 创建一个日期对象
			var currentDate = new Date();
			// 获取当前日期的号数
			@@ -413,194 +458,145 @@
			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 renderIncomeStatistics(elementId, periodName, statistics) {
			document.getElementById(elementId).innerText = periodName + "统计：总营收金额 "
			+ formatStatisticNumber(statistics.totalIncomeAmount) + "，净收入金额 " + formatStatisticNumber(statistics.netIncomeAmount)
			+ "，优惠券抵扣金额 " + formatStatisticNumber(statistics.couponDeductionAmount) + "，退款金额 "
			+ formatStatisticNumber(statistics.refundAmount);
			}

			function renderIncomeStatisticsList(elementId, title, labels, statistics) {
			var records = labels.map(function (label, index) {
			var item = statistics[index];
			return '<div class="income-period-record"><strong>' + label + '</strong>：总营收金额 '
			+ formatStatisticNumber(item.totalIncomeAmount) + '，净收入金额 ' + formatStatisticNumber(item.netIncomeAmount)
			+ '，优惠券抵扣金额 ' + formatStatisticNumber(item.couponDeductionAmount)
			+ '，退款金额 ' + formatStatisticNumber(item.refundAmount) + '</div>';
			}).join('');
			document.getElementById(elementId).innerHTML = '<div class="income-period-title">' + title
			+ '</div><div class="income-period-records">' + records + '</div>';
			}

			function renderIncomeTrendChart(elementId, title, labels, statistics) {
			var chart = echarts.init(document.getElementById(elementId));
			chart.setOption({
			title: {text: title, left: 'center', textStyle: {fontSize: 15}},
			tooltip: {
			trigger: 'axis',
			formatter: function (params) {
			var item = params[0];
			var detail = statistics[item.dataIndex];
			return labels[item.dataIndex] + '<br/>总营收：' + formatStatisticNumber(detail.totalIncomeAmount)
			+ '<br/>净收入：' + formatStatisticNumber(detail.netIncomeAmount)
			+ '<br/>优惠券抵扣：' + formatStatisticNumber(detail.couponDeductionAmount)
			+ '<br/>退款：' + formatStatisticNumber(detail.refundAmount);
			}
			},
			grid: {left: '5%', right: '4%', bottom: '18%', containLabel: true},
			xAxis: {
			type: 'category',
			boundaryGap: false,
			data: labels,
			axisLabel: {rotate: labels.length > 7 ? 35 : 0, interval: 0}
			},
			yAxis: {type: 'value', name: '金额（元）'},
			series: [{
			name: '总营收',
			type: 'line',
			smooth: true,
			data: statistics.map(function (item) { return item.totalIncomeAmount; }),
			areaStyle: {opacity: 0.12}
			}]
			});
			}

			// 退费图与营收图使用同一接口返回的退款流水，保证统计口径一致。
			function renderRefundChart(chart, resp) {
			var labelsByPeriod = {
			'年度退费': resp.yearLabels,
			'月度退费': resp.monthLabels,
			'周度退费': resp.weekLabels,
			'日度退费': resp.dayLabels
			};
			var statisticsByPeriod = {
			'年度退费': resp.yearIncomeStatistics,
			'月度退费': resp.monthIncomeStatistics,
			'周度退费': resp.weekIncomeStatistics,
			'日度退费': resp.dayIncomeStatistics
			};
			chart.off('legendselectchanged');
			chart.setOption({
			tooltip: {trigger: 'axis'},
			legend: {
			data: ['年度退费', '月度退费', '周度退费', '日度退费'],
			icon: 'stack',
			selectedMode: 'single',
			selected: {'年度退费': true, '月度退费': false, '周度退费': false, '日度退费': false}
			},
			grid: {left: '3%', right: '4%', bottom: '12%', containLabel: true},
			toolbox: {feature: {saveAsImage: {}}},
			xAxis: {type: 'category', boundaryGap: false, data: labelsByPeriod['年度退费'], axisLabel: {rotate: 35, interval: 0}},
			yAxis: {type: 'value'},
			series: Object.keys(statisticsByPeriod).map(function (period) {
			return {
			name: period,
			type: 'line',
			data: statisticsByPeriod[period].map(function (item) { return item.refundAmount; })
			};
			})
			}, true);
			chart.on('legendselectchanged', function (event) {
			var labels = labelsByPeriod[event.name];
			chart.setOption({xAxis: {data: labels, axisLabel: {rotate: labels.length > 7 ? 35 : 0, interval: 0}}});
			});
			}

			$(function(){
			getContent(1);
			getContent1(1);
			getContent2(1);
			ptCourse();


			var myChart1 = echarts.init(document.getElementById('refund'));
			var ajax = new $ax(Feng.ctxPath + "/data/getIncomeData", function(resp){
			yearX=resp.year


			// 运营、教学等其他图表仍复用年度横轴。
			yearX = resp.year;
			var list = resp.yearMount;
			console.log(list);
			var t1 = document.getElementById("totalIncome");
			var t2 = document.getElementById("yearIncome");
			var t3 = document.getElementById("monthIncome");
			var t4 = document.getElementById("weekIncome");
			var t5 = document.getElementById("todayIncome");
			t1.innerText = "总营收:"+list[0]+" ";
			t2.innerText = "年度营收:"+list[1]+" ";
			t3.innerText = "月度营收:"+list[2]+" ";
			t4.innerText = "周度营收:"+list[3]+" ";
			t5.innerText = "日度营收:"+list[4]+" ";
			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;
			var day = resp.dayIncome;
			option = {
			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: [year[0].amount,year[1].amount,year[2].amount,year[3].amount,year[4].amount,year[5].amount]
			},
			{
			name: '月度营收',
			type: 'line',
			stack: 'Total',
			data: [month[0][0],month[0][1], month[0][2], month[0][3], month[0][4],
			month[0][5], month[0][6], month[0][7], month[0][8], month[0][9], month[0][10], month[0][11]]
			},
			{
			name: '周度营收',
			type: 'line',
			stack: 'Total',
			data: [
			week[0][0], week[0][1], week[0][2], week[0][3], week[0][4]
			]
			},
			{
			name: '日度营收',
			type: 'line',
			stack: 'Total',
			data: [
			day[0][0], day[0][1],day[0][2], day[0][3], day[0][4], day[0][5], day[0][6]
			]
			}
			]
			};
			var netIncomeAmount = document.getElementById("netIncomeAmount");
			var couponDeductionAmount = document.getElementById("couponDeductionAmount");
			var refundAmount = document.getElementById("refundAmount");
			t1.innerText = formatStatisticNumber(list[0]);
			netIncomeAmount.innerText = formatStatisticNumber(resp.incomeStatistics.netIncomeAmount);
			couponDeductionAmount.innerText = formatStatisticNumber(resp.incomeStatistics.couponDeductionAmount);
			refundAmount.innerText = formatStatisticNumber(resp.incomeStatistics.refundAmount);
			renderIncomeStatisticsList("yearIncomeStatistics", "历年营收明细", resp.yearLabels, resp.yearIncomeStatistics);
			renderIncomeStatisticsList("monthIncomeStatistics", "本年各月营收明细", resp.monthLabels, resp.monthIncomeStatistics);
			renderIncomeStatisticsList("weekIncomeStatistics", "近四周营收明细", resp.weekLabels, resp.weekIncomeStatistics);
			renderIncomeStatisticsList("dayIncomeStatistics", "近七日营收明细", resp.dayLabels, resp.dayIncomeStatistics);
			renderIncomeTrendChart("incomeYearChart", "多年营收趋势（" + resp.yearLabels[0] + " - " + resp.yearLabels[resp.yearLabels.length - 1] + "）", resp.yearLabels, resp.yearIncomeStatistics);
			renderIncomeTrendChart("incomeMonthChart", "本年各月营收趋势", resp.monthLabels, resp.monthIncomeStatistics);
			renderIncomeTrendChart("incomeWeekChart", "近四周营收趋势", resp.weekLabels, resp.weekIncomeStatistics);
			renderIncomeTrendChart("incomeDayChart", "近七日营收趋势", resp.dayLabels, resp.dayIncomeStatistics);
			$("#back1").text(formatStatisticNumber(resp.yearIncomeStatistics[resp.yearIncomeStatistics.length - 1].refundAmount));
			$("#back2").text(formatStatisticNumber(resp.monthIncomeStatistics[new Date().getMonth()].refundAmount));
			$("#back3").text(formatStatisticNumber(resp.weekIncomeStatistics[resp.weekIncomeStatistics.length - 1].refundAmount));
			$("#back4").text(formatStatisticNumber(resp.dayIncomeStatistics[resp.dayIncomeStatistics.length - 1].refundAmount));
			renderRefundChart(myChart1, resp);
			});
			ajax.set("type",1);
			ajax.start();

			// 基于准备好的dom，初始化echarts实例
			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'));


			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);
			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
			}
			]

			};
			});
			ajax3.start();



			var ajax4 = new $ax(Feng.ctxPath + "/data/userAndVipPt", function(data){
			option1 = {

			@@ -669,158 +665,9 @@
			});
			ajax4.start();





			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)
			})
			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(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 +862,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 +893,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 +903,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 +919,14 @@
			trigger: 'axis'
			},
			legend: {
			data: ['年度次数', '月度次数']
			data: ['年度次数', '月度次数'],
			icon: 'stack',
			selectedMode: 'single', // 单选
			selected: {
			年度次数: true,
			月度次数: false,
			},

			},
			grid: {
			left: '3%',
			@@ -1078,7 +942,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 +952,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 +967,286 @@
			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){
			@@ -1212,6 +1356,18 @@
			var option;

			option = {
			tooltip: {
			trigger: 'axis',
			axisPointer: {
			type: 'shadow'
			}
			},
			grid: {
			left: '3%',
			right: '4%',
			bottom: '3%',
			containLabel: true
			},
			xAxis: {
			type: 'category',
			data: data.cityData
			@@ -1245,7 +1401,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 +1426,7 @@

			});
			ajax.start();

			ptActivity()
			ptStu()
			}


			@@ -1361,11 +1515,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');