44323
2023-10-09 561e8590782ccea6037fcd50d24429ce8757cb64
cloud-server-management/src/main/webapp/WEB-INF/view/system/gameData/GameData.html
@@ -66,7 +66,7 @@
                                    @}
                                </select>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <#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;">
@@ -127,17 +127,13 @@
                            <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>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<#button name="搜索" icon="fa-search" clickFun="TCompetition.search()"/>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<#button name="搜索" icon="fa-search" clickFun="Search1()"/>
                        </div>
                        <div class="col-sm-10">
                            <div class="row" id="t2" style="margin-left: 100px;">
@@ -147,20 +143,29 @@
                    </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>
                            &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="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>
@@ -169,20 +174,29 @@
                            <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>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<#button name="搜索" icon="fa-search" clickFun="TCompetition.search3()"/>
                            &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" 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;">
@@ -269,6 +283,89 @@
    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;
@@ -400,11 +497,7 @@
                ]
            };
        });
        if ($("#stores").val() == ""){
            ajax.set("storeId",0)
        }else{
            ajax.set("storeId",$("#stores").val());
        }
        ajax.set("storeId",$("#stores").val());
        ajax.start();
    }
    function SUTUData() {
@@ -452,56 +545,8 @@
        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'));
@@ -535,16 +580,16 @@
            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);