YLSJ
/
server


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>玩家行为一览</title>
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="../../js/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="../../js/bootstrap/css/bootstrap-datetimepicker.min.css">
        <link rel="stylesheet" href="../../css/font-awesome.min.css">
        <link rel="stylesheet" href="../../css/index.css">
        <link rel="stylesheet" href="../../js/bootstrap-table/bootstrap-table.min.css">
    </head>
    <body>
        <div>
            <div style="border: 1px solid #e6e6e6; background-color: #fff; width: 20%; height: 260px; float: left">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-area-chart fa-lg" style="padding-right: 5px;"></i>通过日期查询玩家列表
                    </div>
                    <div class="panel-body">
                        <div class="control-group">
                            <!-- Text input-->
                            <label class="control-label" for="input01">从：</label>
                            <div class="input-group date form_date col-md-12" data-date="" data-date-format="yyyy-mm-dd"
                                data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                <input id="date-text" class="form-control" size="40" type="text" value="" readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                <span class="input-group-addon"><span
                                        class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                        <div class="control-group">
                            <!-- Text input-->
                            <label class="control-label" for="input01">至：</label>
                            <div class="input-group date form_date col-md-12" data-date="" data-date-format="yyyy-mm-dd"
                                data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                <input id="date-text1" class="form-control" size="40" type="text" value="" readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                <span class="input-group-addon"><span
                                        class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                        <br />
                        <div class="control-group" style="display: flex;justify-content: space-around;">
                            <label><input type="radio" id="isnew" value="" name="playertype"
                                    checked="checked">新增玩家&nbsp;&nbsp;</label>
                            <label><input type="radio" id="isold" value="" name="playertype">留存玩家&nbsp;&nbsp;</label>
                            <label><input type="radio" id="islost" value="" name="playertype">流失玩家&nbsp;&nbsp;</label>
                            <button style="right:0px;" class="btn btn-primary" onclick="ok_click()">查询</button>
                        </div>
                    </div>
                </div>

            </div>
            <div style="border: 1px solid #e6e6e6; background-color: #fff; width:20%; height: 260px; float: left">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-area-chart fa-lg" style="padding-right: 5px;"></i>精确查询某个玩家
                    </div>
                    <div class="panel-body">
                        <div class="control-group">
                            <!-- Text input-->
                            <label class="control-label" for="input01">玩家名称：</label>
                            <div class="input-group col-md-12">
                                <input id="name-text" class="form-control" size="40" type="text" value="">
                            </div>
                        </div>

                        <div class="control-group">
                            <!-- Text input-->
                            <label class="control-label" for="input01">oid:</label>
                            <div class="input-group col-md-12">
                                <input id="oid-text" class="form-control" size="40" type="text" value="">
                            </div>
                        </div>
                        <div class="control-group" style="float: left; margin-right: 5px;">
                            <label class="control-label"></label>
                            <div class="controls">
                                <button class="btn btn-primary" onclick="c32_ok_click()">查询玩家</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div id="action-filter"
                style="border: 1px solid #e6e6e6; background-color: #fff; width: 20%; height: 260px; float: left">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-area-chart fa-lg"
                            style="padding-right: 5px;"></i>针对选中玩家按日期筛选行为数据</div>
                    <div class="panel-body">
                        <div class="control-group">
                            <label class="control-label" for="input01">从：</label>
                            <div class="input-group date form_date col-md-12" data-date="" data-date-format="yyyy-mm-dd"
                                data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                <input id="action-date-text" class="form-control" size="40" type="text" value=""
                                    readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                <span class="input-group-addon"><span
                                        class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                            <label class="control-label" for="input01">至：</label>
                            <div class="input-group date form_date col-md-12" data-date="" data-date-format="yyyy-mm-dd"
                                data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                <input id="action-date1-text" class="form-control" size="40" type="text" value=""
                                    readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                <span class="input-group-addon"><span
                                        class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                        </div>
                        <div class="control-group" style="float:left;margin-right: 5px;margin-top: 16px;">
                            <label class="control-label"></label>
                            <!-- Button -->
                            <div class="controls">
                                <button class="btn btn-primary" onclick="one_click()">查询选中玩家行为</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div id="charts_wrap"
                style="border: 1px solid #e6e6e6; background-color: #fff; width: 40%; height: 260px; display: inline-table;">
                
            </div>
        </div>
        <div>
            <div style="border: 1px solid #e6e6e6; background-color: #fff; width: 50%; float: left;">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-area-chart fa-lg" style="padding-right: 5px;"></i>玩家列表
                    </div>
                    <div class="panel-body">
                        <table id="tab_players" data-toggle="table" data-height="800">
                            <thead>
                                <tr>
                                    <th data-field="userID">玩家id</th>
                                    <th data-field="roleName">昵称</th>
                                    <th data-field="plat">平台</th>
                                    <th data-field="zoneid">分区</th>
                                    <th data-field="ts">创建时间</th>
                                    <th data-field="lastlogin">最后登录</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
            <div style="border: 1px solid #e6e6e6; background-color: #fff; width: 50%; float: right;">
                <div class="panel panel-default">
                    <div class="panel-heading"><i class="fa fa-area-chart fa-lg" style="padding-right: 5px;"></i>操作行为
                    </div>
                    <div class="panel-body">

                        <table id="tab_one" data-toggle="table" data-height="800">
                            <thead>
                                <tr>
                                    <th data-field="cmd">操作码</th>
                                    <th data-field="name">操作</th>
                                    <th data-field="ts">时间戳</th>
                                    <th data-field="des">备注</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>


        <script src="http://cdn.staticfile.org/moment.js/2.24.0/moment.js"></script>
        <script src="../../js/jquery/jQuery-2.2.0.min.js"></script>
        <script src="../../js/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
        <script src="../../js/bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
        <script src="../../js/bootstrap-table/bootstrap-table.min.js"></script>
        <script src="../../js/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
        <script src="../../js/charts/chart3.5.1.js"></script>
        <script src="../../js/utils.js"></script>
        <script src="../api.js"></script>
        <script src="action.js"></script>
    </body>
</html>