<extend name="Public/promote_base"/>
<block name="css">
  <link href="__CSS__/20180207/account.css" rel="stylesheet" >
  <style>
  .form-group {
    float: left;
    margin-bottom: 10px;
  }
  .form-group label {
    line-height: 34px;
    height: 34px;
  }
  </style>
</block>
<block name="body">
  <div class="page-list normal_list promote-mychlid-list">
    <div class="trunk-title">
      <div class="location">
        <div class="location-container">当前位置:<span>数据中心></span><span>玩家充值</span></div>
      </div>
      <img src="__IMG__/20180207/icon_normal_game.png">
      <span class="title_main">玩家充值</span>
    </div>
    <div class="trunk-content article">
        <div class="trunk-search clearfix">
          <form action="{:U('Query/userRecharges',array('row'=>I('get.row')))}" method="post" enctype="multipart/form-data">
            <div class="form-group normal_space">
              <select id="game-select" name="game_id" class="reselect select_gallery" style="width: 220px;" >
                <option value="0">请选择游戏</option>
                <volist name="games" id="game">
                <option value="{$game.game_id}" <if condition="I('game_id') === $game['game_id']">selected</if>>{$game.game_name}</option>
                </volist>
              </select>
            </div>
            <div class="form-group normal_space">
              <select id="server-select" name="server_id" class="reselect select_gallery" style="width: 220px;" data-server="{:I('server_id', 0)}">
                <option value="0">请选择区服</option>
              </select>
            </div>
            <div class="form-group normal_space">
              <select name="sdk_version" class="reselect select_gallery" style="width: 220px;" >
                <option value="0">请选择设备类型</option>
                <option value="1" <if condition="I('sdk_version') === '1'">selected</if>>Andriod</option>
                <option value="2" <if condition="I('sdk_version') === '2'">selected</if>>IOS</option>
              </select>
            </div>
            <include file="Public/promote_select" />
            <div class="form-group normal_space">
              <input type="text" name="role_name" class="txt normal_txt" id="uid" placeholder="请输入角色名" value="{:I('role_name')}">
            </div>
            <div class="form-group normal_space">
              <input type="text" name="user_account" class="txt normal_txt" id="uid" placeholder="请输入玩家账号" value="{:I('user_account')}">
            </div>
            <!-- <div class="form-group normal_space">
              <input type="text" name="device_sn" class="txt normal_txt" id="uid" placeholder="请输入设备号" value="{:I('device_sn')}">
            </div> -->
            <div class="form-group normal_space fr">
              <label>充值总额:</label>
              <input type="text" class="txt float-input" name="cost_begin" style="width: 50px" value="{:I('cost_begin')}" >
              <label> ~ </label>
              <input type="text" class="txt float-input" name="cost_end" style="width: 50px" value="{:I('cost_end')}" >
            </div>
            <div class="form-group normal_space">
              <input type="submit" class="submit" value="查询">
            </div>
            <div class="form-group normal_space">
              <label><input name="is_self" value="1" <if condition="I('is_self') == 1">checked</if> type="checkbox"> 本账号推广</label>
            </div>
          </form>
        </div>
        <div class="trunk-list list_normal">
          <table class="table normal_table">
              <tr class="odd">
                <th>玩家账号</th>
                <th>游戏名称</th>
                <th>平台</th>
                <th>游戏区服</th>
                <th>角色名</th>
                <th>等级</th>
                <th>充值总额</th>
                <th>充值次数</th>
                <th>今日充值</th>
                <th>未登录天数</th>
                <th>最后登录时间</th>
                <th>组长|推广员</th>
              </tr>
              <empty name="records">
              <tr><td colspan="12" style="text-align: center;height: 45vh;"><img src="__IMG__/20180207/icon_wushujv2.png"/><p style="line-height: 40px;color: #A5A5A5;">暂无数据</p></td></tr>
              <else />
              <volist name="records" id="record" mod="2">
                <tr data-id="{$vo.id}" class="<eq name='mod' value='1'>odd</eq>">
                  <td>{$record.user_account}</td>
                  <td>{$record.game_name}</td>
                  <td>{:getSDKTypeName($record['sdk_version'])}</td>
                  <td>{$record.server_name}</td>
                  <td>{$record.role_name}</td>
                  <td>{$record.role_level}</td>
                  <td>{$record.recharge_cost}</td>
                  <td>{$record.recharge_count}</td>
                  <td>{$record.recharge_cost_today}</td>
                  <td>{$record.unlogin_day}</td>
                  <td>{$record.play_time|date='Y-m-d H:i:s',###}</td>
                  <td>{$record.promote_account}</td>
                </tr>
              </volist>
              </empty>
          </table>
          
        </div>
        <div class="pagenation clearfix">
          {$pagination}
        </div>
    </div>
    <div class="page-explain promote-mychlid-explain">
      <div class="trunk-content article border_normal">
        <!-- <table class="desccontent">
          <tr><td class="title" style="width: 100px;display: inline-block;">二级渠道说明:</td><td class="det">推广员默认为一级渠道,一级渠道可通过推广员后台新增二级渠道;二级渠道由一级渠道管理开启权限,并由一级渠道给二级渠道结算,结算可到财务管理操作。</td></tr>           
      </table>-->
      </div>
    </div>
  </div>
</block>
<block name="script">
<script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
<script type="text/javascript" src="__JS__/common.js"></script>
<script type="text/javascript">
$(function(){     
  $(".select_gallery").select2();
  var gameId = $('#game-select').val();
  var defaultServerId = $('#server-select').attr('data-server');
  getGameServers(gameId, defaultServerId)
  $('#game-select').on({
    change: function name() {
      gameId = $('#game-select').val()
      getGameServers(gameId, 0)
    }
  })
  function getGameServers(gameId, defaultServerId) {
    $.ajax({
      url: "{:U('Query/getGameServers')}",
      dataType: 'json',
      data: {game_id: gameId},
      success: function(response) {
        var options = '<option value="0">请选择区服</option>'
        for (var i in response.data.servers) {
          var server = response.data.servers[i]
          var selected = ''
          if (defaultServerId > 0 && server.id==defaultServerId) {
            selected = 'selected'
          }
          options += '<option value="' + server.server_id + '"' + selected + '>' + server.server_name + '</option>'
        }
        $('#server-select').html(options)
        $("#server-select").val(defaultServerId).trigger("change")
      }
    })
  }

  var promoteUrl = "{:U('Query/getSubPromotes')}"
  initPromoteSelect(promoteUrl)
})
</script>
</block>