<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;
    }
    .btn-span {
      color: #06c;
      cursor: pointer;
    }
  </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>{$meta_title}</span></div>
      </div>
      <img src="__IMG__/20180207/icon_normal_game.png">
      <span class="title_main">{$meta_title}</span>
    </div>
    <div class="trunk-content article">
      <div class="trunk-search clearfix jssearch">
<!--        <form action="" method="get" enctype="multipart/form-data">-->
          <div class="form-group normal_space">
            <input type="hidden" id="parent_id" name="parent_id" value="{:I('parent_id', 0)}">
            <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})</option>
              </volist>
            </select>
          </div>
          <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 fr">
            <input type="text" class="txt range-date" name="time" placeholder="创角时间" value="{$time}" >
          </div>
          <div class="form-group normal_space fr">
            <label>角色等级：</label>
            <input type="text" class="txt float-input" name="level_begin" style="width: 50px" value="{:I('level_begin')}" >
            <label> ~ </label>
            <input type="text" class="txt float-input" name="level_end" style="width: 50px" value="{:I('level_end')}" >
          </div>
          <div class="form-group">
            <input type="submit" id="submit" class="submit normal_space" value="查询" url="{:U('Query/promoteQuota','model='.$model['name'],false)}">
          </div>
          <?php if ($prevParentId > 0):?>
          <div class="form-group">
            <a class="submit normal_space search-parent" parent-id="{$prevParentId}" href="javascript:;" 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>操作</th>
          </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['current_display'] != ''):?>
                  <span style="color: #06C;">[{$record['current_display']}]</span>
                  <?php endif;?>
                </td>
                <td>{$record.game_name}</td>
                <td>{$record.sdk_version_text}</td>
                <td>{$record.server_name}</td>
                <td>{$record.role_num}</td>
                <td>
                  <?php if($record['current_display'] == '' && $record['level'] < 4):?>
                  <a class="search-children" parent-id="{$record['id']}" href="javascript:;">查看下级</a>
                  <?php endif;?>
                  <?php if($record['current_display'] != ''):?>
                  <a href="{:U('Query/quotaDtl', ['parent_id' => I('parent_id', 0), 'time' => $time, 'promote_id' => $record['id'], 'relation_game_id' => I('relation_game_id', ''), 'sdk_version' => I('sdk_version', ''), 'server_id' => I('server_id', ''), 'level_begin' => I('level_begin', ''), 'level_end' => I('level_end', ''), 'is_self' => 1])}">查看详情</a>
                  <?php else :?>
                  <a href="{:U('Query/quotaDtl', ['parent_id' => I('parent_id', 0), 'time' => $time, 'promote_id' => $record['id'], 'relation_game_id' => I('relation_game_id', ''), 'sdk_version' => I('sdk_version', ''), 'server_id' => I('server_id', ''), 'level_begin' => I('level_begin', ''), 'level_end' => I('level_end', ''), 'is_self' => 0])}">查看详情</a>
                  <?php endif;?>
                </td>
              </tr>
            </volist>
          </empty>
        </table>

      </div>
      <div class="pagenation clearfix">
        <?php if ($loginer['level'] !== 4) :?>
        <a id="sch-btn" href="{:U('download/promoteQuota_data_export',array_merge(['parent_id'=>$parentId,'time'=>$time],I('get.')))}" 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")
                  }
              })
          }

        $('#submit').click(function () {
          var url = $(this).attr('url');
          console.log(url);
          var query = $('.jssearch').find('input').serialize();
          query += "&" + $('.jssearch').find('select').serialize();
          query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
          query = query.replace(/^&/g, '');
          if (url.indexOf('?') > 0) {
            url += '&' + query;
          } else {
            url += '?' + query;
          }
          window.location.href = url;

        });

          $('.search-children, .search-parent').click(function (e) {
              var parentId = $(this).attr('parent-id');
              $('#parent_id').val(parentId);
              $('#submit').click();
          });
      })
  </script>
</block>