| | |
| | | @} |
| | | </select> |
| | | |
| | | <#button name="搜索" icon="fa-search" clickFun="TCompetition.search()"/> |
| | | <#button name="搜索" icon="fa-search" clickFun="Search()"/> |
| | | </div> |
| | | <div class="col-sm-10"> |
| | | <div class="row" id="t1" style="margin-left: 100px;"> |
| | |
| | | <label class="col-sm-3 control-label">*游戏类型:</label> |
| | | <div class="col-sm-9"> |
| | | <select style="width: 300px" class="form-control" id="games" name="site"> |
| | | <option value="">全部</option> |
| | | <option style="width: 300px" value="1">方块球王</option> |
| | | <option style="width: 300px" value="2">社区小球王</option> |
| | | <option style="width: 300px" value="3">玩湃熊之力</option> |
| | | <option style="width: 300px" value="4">绿茵密码</option> |
| | | <option style="width: 300px" value="5">镜像阵容</option> |
| | | <option style="width: 300px" value="6">涨姿势</option> |
| | | @for(obj in games){ |
| | | <option style="width: 300px" value="${obj.id}">${obj.name}</option> |
| | | @} |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <#button name="搜索" icon="fa-search" clickFun="TCompetition.search()"/> |
| | | <#button name="搜索" icon="fa-search" clickFun="Search1()"/> |
| | | </div> |
| | | <div class="col-sm-10"> |
| | | <div class="row" id="t2" style="margin-left: 100px;"> |
| | |
| | | </div> |
| | | <div class="row" id="content3" style="margin-left: 100px;"> |
| | | <div class="col-sm-11" style="display: flex"> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">*筛选城市:</label> |
| | | <div class="col-sm-9"> |
| | | <select style="width: 200px" class="form-control" id="yearOrMonth3" name="cCode" onchange="getStoreByCity1(this)"> |
| | | <option value="y">年度</option> |
| | | <option value="m">月度</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="form-group" > |
| | | <label class="col-sm-3 control-label">*筛选内容:</label> |
| | | <div class="col-sm-9" style="display: flex;"> |
| | | <input style="width: 300px" class="form-control" id="con3" placeholder="请输入年份或者月份" type="text"> |
| | | <input style="width: 200px" class="form-control" id="con3" placeholder="请输入年份或者月份" type="text"> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">*筛选城市:</label> |
| | | <div class="col-sm-9"> |
| | | <select style="width: 300px" class="form-control" id="cCode3" name="cCode" onchange="getStoreByCity1(this)"> |
| | | <select style="width: 200px" class="form-control" id="cCode3" name="cCode" onchange="getStoreByCity1(this)"> |
| | | <option value="">全球</option> |
| | | @for(obj in list){ |
| | | <option style="width: 300px" value="${obj.cityCode}">${obj.city}</option> |
| | | <option style="width: 200px" value="${obj.cityCode}">${obj.city}</option> |
| | | @} |
| | | </select> |
| | | </div> |
| | |
| | | <div class="form-group" > |
| | | <label class="col-sm-3 control-label">*筛选场地:</label> |
| | | <div class="col-sm-9"> |
| | | <select style="width: 300px" class="form-control" id="site3" name="site"> |
| | | <select style="width: 200px" class="form-control" id="site3" name="site"> |
| | | <option value="">全球</option> |
| | | @for(obj in sites){ |
| | | <option style="width: 300px" value="${obj.id}">${obj.name}</option> |
| | | <option style="width: 200px" value="${obj.id}">${obj.name}</option> |
| | | @} |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <#button name="搜索" icon="fa-search" clickFun="TCompetition.search3()"/> |
| | | <#button name="搜索" icon="fa-search" clickFun="TSite.search3()"/> |
| | | </div> |
| | | <#table id="TSiteTable"/> |
| | | </div> |
| | | <div class="row" id="content4" style="margin-left: 100px;"> |
| | | <div class="col-sm-11" style="display: flex"> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">*筛选城市:</label> |
| | | <div class="col-sm-9"> |
| | | <select style="width: 200px" class="form-control" id="yearOrMonth4" name="cCode" onchange="getStoreByCity1(this)"> |
| | | <option value="y">年度</option> |
| | | <option value="m">月度</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="form-group" > |
| | | <label class="col-sm-3 control-label">*筛选内容:</label> |
| | | <div class="col-sm-9" style="display: flex;"> |
| | |
| | | var SUTU=[]; |
| | | // SUTU智慧球场数据 |
| | | var SUTUData1=[]; |
| | | var years=[]; |
| | | var data1=[]; |
| | | var data2=[]; |
| | | var monthOrDays=[]; |
| | | function Search1() { |
| | | var ajax = new $ax(Feng.ctxPath + "/gameData/listSUTU1", function(resp){ |
| | | data2=[]; |
| | | data1=[]; |
| | | var d1 = resp.data1; |
| | | var d2 = resp.data2; |
| | | years = resp.years; |
| | | monthOrDays = resp.monthOrDays; |
| | | for (let i = 0; i <d1.length; i++) { |
| | | data1.push(d1[i].count); |
| | | } |
| | | for (let i = 0; i <d2.length; i++) { |
| | | data2.push(d2[i].count); |
| | | } |
| | | console.log("看看data1") |
| | | console.log(data1) |
| | | console.log("看看data2") |
| | | console.log(data2) |
| | | 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: years |
| | | }, |
| | | yAxis: { |
| | | type: 'value' |
| | | }, |
| | | series: [ |
| | | { |
| | | name: '年度', |
| | | type: 'line', |
| | | stack: 'Total', |
| | | data: data1 |
| | | }, |
| | | { |
| | | name: '月度', |
| | | type: 'line', |
| | | stack: 'Total', |
| | | data:data2 |
| | | } |
| | | ] |
| | | }; |
| | | var myChart4 = echarts.init(document.getElementById('number1')); |
| | | myChart4.setOption(option4); |
| | | }) |
| | | ajax.set("gameId",$("#games").val()) |
| | | ajax.set("time",$("#con1").val()) |
| | | ajax.set("spaceId",$("#site").val()) |
| | | ajax.set("cityCode",$("#cCode").val()) |
| | | ajax.start(); |
| | | var myChart4 = echarts.init(document.getElementById('number1')); |
| | | var options = myChart4.getOption() |
| | | options.series[0].data = data1 |
| | | options.series[1].data = data2 |
| | | }; |
| | | function BatterData() { |
| | | var ajax = new $ax(Feng.ctxPath + "/gameData/list", function(resp){ |
| | | var mDataList= resp.mDataList; |
| | |
| | | ] |
| | | }; |
| | | }); |
| | | if ($("#stores").val() == ""){ |
| | | ajax.set("storeId",0) |
| | | }else{ |
| | | ajax.set("storeId",$("#stores").val()); |
| | | } |
| | | ajax.set("storeId",$("#stores").val()); |
| | | ajax.start(); |
| | | } |
| | | function SUTUData() { |
| | |
| | | getContent(1); |
| | | BatterData(); |
| | | SUTUData(); |
| | | option4 = { |
| | | tooltip: { |
| | | trigger: 'axis' |
| | | }, |
| | | legend: { |
| | | data: ['年度', '月度'], |
| | | icon: 'stack', |
| | | selectedMode: 'single', // 单选 |
| | | selected: { |
| | | 年度: true, |
| | | 月度: false, |
| | | Search1(); |
| | | |
| | | } |
| | | }, |
| | | 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: [1,3,6,8,9,5] |
| | | }, |
| | | { |
| | | name: '月度', |
| | | type: 'line', |
| | | stack: 'Total', |
| | | data:[1,2,3,4,5,6,6,5,4,3,2,1] |
| | | // 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]] |
| | | } |
| | | ] |
| | | }; |
| | | // 基于准备好的dom,初始化echarts实例 |
| | | var myChart = echarts.init(document.getElementById('number')); |
| | | |
| | |
| | | var options = myChart4.getOption() |
| | | //这里是选择切换什么样的x轴,那么他会进行对Y值的切换 |
| | | if (obj.name == '年度') { |
| | | options.xAxis[0].data = yearX |
| | | options.xAxis[0].data = years |
| | | } else if (obj.name == '月度') { |
| | | options.xAxis[0].data = monthX |
| | | options.xAxis[0].data = monthOrDays |
| | | } |
| | | myChart4.setOption(options, true) |
| | | }); |
| | | // 使用刚指定的配置项和数据显示图表。 |
| | | myChart.setOption(option); |
| | | myChart2.setOption(option2); |
| | | myChart4.setOption(option4); |
| | | |
| | | |
| | | var myChart3 = echarts.init(document.getElementById('gameTotal')); |
| | | myChart3.setOption(option3); |