<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/achievement',['row'=>I('get.row')])}" method="post" enctype="multipart/form-data">
            <input type="hidden" name="parent_id" value="{:I('parent_id', 0)}">
            <div class="form-group normal_space">
              <select id="game-select" name="relation_game_id" class="reselect select_gallery" style="width: 220px;" >
                <option value="0">请选择游戏</option>
                <volist name="games" id="game">
                <option value="{$game.relation_game_id}" <if condition="I('relation_game_id') eq $game['relation_game_id']">selected</if>>{$game.relation_game_name}</option>
                </volist>
              </select>
            </div>
            <div class="form-group normal_space">
              <select id="sdk_version" 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>
            <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="status" class="reselect select_gallery" style="width: 220px;" >
                <option value="0">帐号状态</option>
                <option value="1" <if condition="I('status') === '1'">selected</if>>正常</option>
                <option value="2" <if condition="I('status') === '2'">selected</if>>冻结</option>
              </select>
            </div>
            <div class="form-group normal_space">
              <select name="promote_id" class="reselect select_gallery" style="width: 220px;" >
                <option value="0">请选择{$searchLevelName}</option>
                <volist name="subPromotes" id="promote">
                <option ba-id="{$promote.id}" value="{$promote.id}" <if condition="I('promote_id') == $promote['id']">selected</if>>
                  {$promote.account}({$promote.real_name})
                  <?=$promote['group_remark'] ? ' - ' . $promote['group_remark'] : '' ?>
                </option>
                </volist>
              </select>
            </div>
            <div class="form-group normal_space fr">
              <input type="text" class="txt range-date" name="time" placeholder="起止时间" value="{$time}" >
            </div>
            <div class="form-group">
              <input type="submit" class="submit normal_space" value="查询">
            </div>
            <?php if ($prevParentId > 0):?>
            <div class="form-group">
              <a class="submit normal_space" href="{:U('Query/achievement', ['row'=>I('get.row'), 'parent_id' => $prevParentId,'time'=>$time])}" style="line-height: 36px; display: inline-block; text-align: center; background: #E5E5E5; color: #2bd8ed; cursor: pointer;">返回上级</a>
            </div>
            <?php endif;?>
          </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>新创角IP</th>
                <th>登录用户数</th>
                <?php if($canViewUserRecharge):?>
                <th>充值人数</th>
                <th>充值次数</th>
                <th>充值总额</th>
                <th>现金充值</th>
                <th>通用币充值</th>
                <th>绑定币充值</th>
                <?php endif;?>
                <?php if($parent['level'] < 4):?>
                <th>操作</th>
                <?php endif;?>
              </tr>
              <empty name="records">
              <tr><td colspan="14" 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.account}({$record.real_name}
                    <?php if($record['promote_group'] != ''):?>
                    /{$record.promote_group}
                    <?php endif;?>
                    )
                    <?php if($record['current_display'] != ''):?>
                    <span style="color: #06C;">[{$record['current_display']}]</span>
                    <?php endif;?>
                  </td>
                  <td>{$record.create_role_count}</td>
                  <td>{$record.create_role_user_count}</td>
                  <td>{$record.new_create_role_user_count}</td>
                  <!-- <td>{$record.new_create_role_device_count}</td> -->
                  <td>{$record.new_create_role_ip_count}</td>
                  <td>{$record.login_user_count}</td>
                  <?php if($canViewUserRecharge):?>
                  <td>{$record.recharge_user_count}</td>
                  <td>{$record.recharge_count}</td>
                  <td>{$record.recharge_amount}</td>
                  <td>{$record.recharge_by_cash}</td>
                  <td>{$record.recharge_by_coin}</td>
                  <td>{$record.recharge_by_ban_coin}</td>
                  <?php endif;?>
                  <?php if($parent['level'] < 4):?>
                  <td>
                    <?php if($record['current_display'] == '' && $record['level'] < 4):?>
                    <a href="{:U('Query/achievement', ['parent_id' => $record['id'], 'time' => I('time', '')])}">查看下级</a>
                    <?php endif;?>
                  </td>
                  <?php endif;?>
                </tr>
              </volist>
              </empty>
          </table>
          
        </div>
        <div class="pagenation clearfix">
             <?php if ($loginer['level'] !== 4) :?>
           <a id="sch-btn" href="{:U('download/achievement_data_export',array_merge(['parent_id'=>$parentid,'time'=>$time],I('post.')))}" class="ajax-get">导出</a>
           <?php endif ;?>
          {$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">
<link rel="stylesheet" href="__STATIC__/flatpickr/flatpickr.min.css">
<script src="__STATIC__/flatpickr/flatpickr.min.js"></script>
<script src="__STATIC__/flatpickr/l10n/zh.js"></script>
<script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
<eq name='timeout' value='1'>
<script>
  layer.msg('时间间隔不能超过7天');
</script>
</eq>
<script type="text/javascript">
$(function() {
  var defaultDate = $('.range-date').val()
  defaultDate = defaultDate == '' ? [] : defaultDate.split(' 至 ')
  $('.range-date').flatpickr({
    mode: 'range',
    locale: 'zh',
    dateFormat: "Y-m-d",
    defaultDate: defaultDate,
  })
  $('.select_gallery').select2()
    var gameId = $('#game-select').val();
    var sdkVersion = $('#sdk_version').val();
    var defaultServerId = $('#server-select').attr('data-server');
    getGameServers(gameId, sdkVersion, defaultServerId)
    $('#game-select,#sdk_version').on({
        change: function name() {
            gameId = $('#game-select').val();
            sdkVersion = $('#sdk_version').val();
            getGameServers(gameId, sdkVersion, 0);
        }
    });
    function getGameServers(gameId, sdkVersion, defaultServerId) {
        $.ajax({
            url: "{:U('Query/getGameServers')}",
            dataType: 'json',
            data: {game_id: gameId, sdk_version: sdkVersion},
            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")
            }
        })
    }
})
</script>
</block>