| | |
| | | </div> |
| | | </br> |
| | | <div class="col-sm-11"> |
| | | |
| | | <div class="form-group" style="display: flex;margin-left: -150px"> |
| | | <label class="col-sm-3 control-label">*所属范围:</label> |
| | | <select style="width: 300px" class="form-control" id="range" name="range"> |
| | | <option value="y">年度</option> |
| | | <option value="m">月度</option> |
| | | </select> |
| | | <label class="col-sm-3 control-label">*所属门店:</label> |
| | | <select style="width: 300px" class="form-control" id="stores" name="stores"> |
| | | <option value="">全球</option> |
| | |
| | | @} |
| | | </select> |
| | | |
| | | <#button name="搜索" icon="fa-search" clickFun="Search()"/> |
| | | <#button name="搜索" icon="fa-search" clickFun="BatterData()"/> |
| | | </div> |
| | | <div class="col-sm-10"> |
| | | <div class="row" id="t1" style="margin-left: 100px;"> |
| | |
| | | </div> |
| | | </div> |
| | | <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: 300px" class="form-control" id="range1" name="range1" onchange="getStoreByCity(this)"> |
| | | <option value="y">年度</option> |
| | | <option value="m">月度</option> |
| | | <option value="d">日度</option> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="form-group" > |
| | | <label class="col-sm-3 control-label">*筛选内容:</label> |
| | | <div class="col-sm-9" style="display: flex;"> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | |
| | | <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> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <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"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="row" id="content3" style="margin-left: 100px;"> |
| | | <div class="col-sm-11"> |
| | | <div class="form-group"> |
| | | <span id="totalNumber3">全球场次总数:</span> |
| | | </div> |
| | | </div> |
| | | </br> |
| | | <div class="col-sm-11" style="display: flex"> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">*筛选城市:</label> |
| | | <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)"> |
| | | <select style="width: 300px" class="form-control" id="yearOrMonth3" name="cCode" > |
| | | <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: 200px" class="form-control" id="con3" placeholder="请输入年份或者月份" type="text"> |
| | | <input style="width: 300px" 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: 200px" class="form-control" id="cCode3" name="cCode" onchange="getStoreByCity1(this)"> |
| | | <select style="width: 300px" class="form-control" id="cCode3" name="cCode" onchange="getStoreByCity3(this)"> |
| | | <option value="">全球</option> |
| | | @for(obj in list){ |
| | | <option style="width: 200px" value="${obj.cityCode}">${obj.city}</option> |
| | | <option style="width: 300px" value="${obj.cityCode}">${obj.city}</option> |
| | | @} |
| | | </select> |
| | | </div> |
| | | </div> |
| | | |
| | | <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="site3" name="site"> |
| | | <option value="">全球</option> |
| | | @for(obj in sites){ |
| | | <option style="width: 200px" value="${obj.id}">${obj.name}</option> |
| | | @} |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <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: 300px" class="form-control" id="site3" name="site"> |
| | | <option value="">全球</option> |
| | | @for(obj in sites){ |
| | | <option style="width: 300px" value="${obj.id}">${obj.name}</option> |
| | | @} |
| | | </select> |
| | | </div> |
| | | <#button name="搜索" icon="fa-search" clickFun="TSite.search3()"/> |
| | | </div> |
| | | <#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"> |
| | | <div class="form-group"> |
| | | <span id="totalNumber4">全球场次总数:<span id="num" style="color:red"></span>场 |
| | | </div> |
| | | </div> |
| | | <div class="col-sm-11" style="display: flex"> |
| | | <div class="form-group"> |
| | | <label class="col-sm-3 control-label">*筛选城市:</label> |
| | | <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)"> |
| | | <select style="width: 300px" class="form-control" id="yearOrMonth4" name="cCode"> |
| | | <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;"> |
| | |
| | | <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="cCode4" name="cCode" onchange="getStoreByCity1(this)"> |
| | | <select style="width: 300px" class="form-control" id="cCode4" name="cCode" onchange="getStoreByCity4(this)"> |
| | | <option value="">全球</option> |
| | | @for(obj in list){ |
| | | <option style="width: 300px" value="${obj.cityCode}">${obj.city}</option> |
| | |
| | | </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="site4" name="site"> |
| | | <option value="">全球</option> |
| | | @for(obj in sites){ |
| | | <option style="width: 300px" value="${obj.id}">${obj.name}</option> |
| | | @} |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <#button name="搜索" icon="fa-search" clickFun="TCompetition.search4()"/> |
| | | </div> |
| | | |
| | | <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: 300px" class="form-control" id="site4" name="site"> |
| | | <option value="">全球</option> |
| | | @for(obj in sites){ |
| | | <option style="width: 300px" value="${obj.id}">${obj.name}</option> |
| | | @} |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <#button name="搜索" icon="fa-search" clickFun="TSite1.search4()"/> |
| | | </div> |
| | | <#table id="TSiteTable1"/> |
| | | </div> |
| | | </div> |
| | |
| | | data2=[]; |
| | | data1=[]; |
| | | var d1 = resp.data1; |
| | | var d2 = resp.data2; |
| | | years = resp.years; |
| | | monthOrDays = resp.monthOrDays; |
| | | if (years.length == 0){ |
| | | years=[2020,2021,2022,2023] |
| | | } |
| | | 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); |
| | | if (d1.length==0){ |
| | | data1= [0,0,0,0] |
| | | } |
| | | 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%', |
| | |
| | | myChart4.setOption(option4); |
| | | }) |
| | | ajax.set("gameId",$("#games").val()) |
| | | ajax.set("range",$("#range1").val()) |
| | | ajax.set("time",$("#con1").val()) |
| | | ajax.set("spaceId",$("#site").val()) |
| | | ajax.set("cityCode",$("#cCode").val()) |
| | |
| | | }; |
| | | function BatterData() { |
| | | var ajax = new $ax(Feng.ctxPath + "/gameData/list", function(resp){ |
| | | var mDataList= resp.mDataList; |
| | | var yDataList= resp.yDataList; |
| | | // 场次 |
| | | yD=[]; |
| | |
| | | // 时长 |
| | | yT = []; |
| | | mT = []; |
| | | yearX=[]; |
| | | for (let i = 0; i <yDataList.length ; i++) { |
| | | |
| | | yD.push(yDataList[i].total_num); |
| | | yT.push(yDataList[i].batter_time); |
| | | } |
| | | for (let i = 0; i <mDataList.length ; i++) { |
| | | mD.push(mDataList[i].total_num); |
| | | mT.push(mDataList[i].batter_time); |
| | | } |
| | | for (let i = 0; i <resp.yearList.length ; i++) { |
| | | yearX.push(resp.yearList[i]) |
| | | } |
| | | if(resp.yearList.length==0){ |
| | | yearX=[2019,2020,2021,2023] |
| | | } |
| | | var totalNumber= resp.totalNumber; |
| | | var totalTime= resp.totalTime; |
| | |
| | | option = { |
| | | tooltip: { |
| | | trigger: 'axis' |
| | | }, |
| | | legend: { |
| | | data: ['年度', '月度'], |
| | | icon: 'stack', |
| | | selectedMode: 'single', // 单选 |
| | | selected: { |
| | | 年度: true, |
| | | 月度: false, |
| | | |
| | | } |
| | | }, |
| | | grid: { |
| | | left: '3%', |
| | |
| | | tooltip: { |
| | | trigger: 'axis' |
| | | }, |
| | | legend: { |
| | | data: ['年度', '月度'], |
| | | icon: 'stack', |
| | | selectedMode: 'single', // 单选 |
| | | selected: { |
| | | 年度: true, |
| | | 月度: false, |
| | | |
| | | } |
| | | }, |
| | | grid: { |
| | | left: '3%', |
| | | right: '4%', |
| | |
| | | } |
| | | ] |
| | | }; |
| | | var myChart4 = echarts.init(document.getElementById('number')); |
| | | myChart4.setOption(option); |
| | | var myChart5 = echarts.init(document.getElementById('time')); |
| | | myChart5.setOption(option2); |
| | | }); |
| | | ajax.set("range",$("#range").val()); |
| | | ajax.set("storeId",$("#stores").val()); |
| | | ajax.start(); |
| | | } |
| | |
| | | BatterData(); |
| | | SUTUData(); |
| | | Search1(); |
| | | |
| | | // 跨城赛获取全球场次总数 |
| | | var ajax = new $ax(Feng.ctxPath + "/gameData/cityGame", function(data){ |
| | | var totalNumber3= document.getElementById("totalNumber3"); |
| | | totalNumber3.innerText = "全球场次总数:"+data.totalNum; |
| | | }); |
| | | ajax.start(); |
| | | // 获取90°准度赛全球场次总数 |
| | | var ajax4 = new $ax(Feng.ctxPath + "/gameData/cityGameOne", function(data){ |
| | | var totalNumber4= document.getElementById("totalNumber4"); |
| | | $("#num").text(data.totalNum) |
| | | }); |
| | | ajax4.start(); |
| | | // 基于准备好的dom,初始化echarts实例 |
| | | var myChart = echarts.init(document.getElementById('number')); |
| | | |
| | |
| | | var cityCode=$(e).val(); |
| | | var ajax = new $ax(Feng.ctxPath + "/tSite/getSiteByCity", function(data){ |
| | | if(data!=null){ |
| | | var content='<option value="">全球</option>'; |
| | | if (cityCode==""){ |
| | | var content='<option value="">全球</option>'; |
| | | }else{ |
| | | var content='<option value="">全部</option>'; |
| | | } |
| | | |
| | | $.each(data, function(k,v) { |
| | | content += "<option value='"+v.id+"'>"+v.name+"</option>"; |
| | | }); |
| | |
| | | ajax.set("oneId",cityCode); |
| | | ajax.start(); |
| | | } |
| | | function getStoreByCity1(e) { |
| | | function getStoreByCity3(e) { |
| | | var cityCode=$(e).val(); |
| | | var ajax = new $ax(Feng.ctxPath + "/tSite/getSiteByCity", function(data){ |
| | | if(data!=null){ |
| | | var content='<option value="">全球</option>'; |
| | | if (cityCode==""){ |
| | | var content='<option value="">全球</option>'; |
| | | }else{ |
| | | var content='<option value="">全部</option>'; |
| | | } |
| | | $.each(data, function(k,v) { |
| | | content += "<option value='"+v.id+"'>"+v.name+"</option>"; |
| | | }); |
| | | $("#site1").empty().append(content); |
| | | $("#site3").empty().append(content); |
| | | } |
| | | }); |
| | | ajax.set("oneId",cityCode); |
| | | ajax.start(); |
| | | } |
| | | function getStoreByCity4(e) { |
| | | var cityCode=$(e).val(); |
| | | var ajax = new $ax(Feng.ctxPath + "/tSite/getSiteByCity", function(data){ |
| | | if(data!=null){ |
| | | if (cityCode==""){ |
| | | var content='<option value="">全球</option>'; |
| | | }else{ |
| | | var content='<option value="">全部</option>'; |
| | | } |
| | | $.each(data, function(k,v) { |
| | | content += "<option value='"+v.id+"'>"+v.name+"</option>"; |
| | | }); |
| | | $("#site4").empty().append(content); |
| | | } |
| | | }); |
| | | ajax.set("oneId",cityCode); |