puzhibing
2024-02-05 640ff18d2d7f4be02ddb7f8f75e899f05545eb98
cloud-server-management/src/main/webapp/WEB-INF/view/system/gameData/GameData.html
@@ -57,7 +57,13 @@
                        </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>
@@ -66,7 +72,7 @@
                                    @}
                                </select>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <#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;">
@@ -90,6 +96,17 @@
                            </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>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <div class="form-group" >
                                <label class="col-sm-3 control-label">*筛选内容:</label>
                                <div class="col-sm-9" style="display: flex;">
@@ -109,6 +126,10 @@
                                </div>
                            </div>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </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">
@@ -120,9 +141,7 @@
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-11" style="display: flex">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <div class="form-group" >
                            <label class="col-sm-3 control-label">*游戏类型:</label>
                            <div class="col-sm-9">
@@ -142,61 +161,76 @@
                        </div>
                    </div>
                    <div class="row" id="content3" style="margin-left: 100px;">
                        <div class="col-sm-11">
                            <div class="form-group">
                                <span id="totalNumber3">全球场次总数:</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </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>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <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>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <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>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <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>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<#button name="搜索" icon="fa-search" clickFun="TSite.search3()"/>
                        </div>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<#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>场&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </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>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <div class="form-group" >
                            <label class="col-sm-3 control-label">*筛选内容:</label>
                            <div class="col-sm-9" style="display: flex;">
@@ -207,7 +241,7 @@
                        <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>
@@ -216,19 +250,22 @@
                            </div>
                        </div>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <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>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<#button name="搜索" icon="fa-search" clickFun="TCompetition.search4()"/>
                    </div>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <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>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<#button name="搜索" icon="fa-search" clickFun="TSite1.search4()"/>
                        </div>
                    <#table id="TSiteTable1"/>
                </div>
                </div>
@@ -292,32 +329,19 @@
            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%',
@@ -357,6 +381,7 @@
            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())
@@ -368,7 +393,6 @@
    };
    function BatterData() {
        var ajax = new $ax(Feng.ctxPath + "/gameData/list", function(resp){
            var mDataList= resp.mDataList;
            var yDataList= resp.yDataList;
            // 场次
            yD=[];
@@ -376,17 +400,16 @@
            // 时长
            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;
@@ -397,16 +420,6 @@
            option  = {
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['年度', '月度'],
                    icon: 'stack',
                    selectedMode: 'single', // 单选
                    selected: {
                        年度: true,
                        月度: false,
                    }
                },
                grid: {
                    left: '3%',
@@ -451,16 +464,6 @@
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['年度', '月度'],
                    icon: 'stack',
                    selectedMode: 'single', // 单选
                    selected: {
                        年度: true,
                        月度: false,
                    }
                },
                grid: {
                    left: '3%',
                    right: '4%',
@@ -496,7 +499,12 @@
                    }
                ]
            };
            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();
    }
@@ -546,7 +554,18 @@
        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'));
@@ -619,7 +638,12 @@
        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>";
                });
@@ -629,15 +653,37 @@
        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);