<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;
  }
  .pointer-hand {
      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>IOS下载数统计</span></div>
      </div>
      <img src="__IMG__/20180207/icon_normal_game.png">
      <span class="title_main">IOS下载数统计</span>
      <span class="details">说明:TF下载统计的下载次数是流程点击安装包的记录值,所以会大于等于实际下载次数,数据提供其他使用进行参考。</span>
    </div>
    <div class="trunk-content article">
        <div class="trunk-search clearfix jssearch">
          <include file="Public/promote_select" />
          <div class="form-group normal_space fr" style="display: flex;">
            <label class="form-title select-title" style="position: relative;">创建时间:</label>
            <div class="select-time">
              <input type="text" readonly id="sdate" class="txt" name="begtime" placeholder="开始时间" value="{$initBegTime}">
            </div>
            <label class="form-title select-title zhi_color">&nbsp;—&nbsp;</label>
            <div class="select-time">
              <input type="text" readonly id="edate" class="txt" name="endtime" placeholder="结束时间" value="{$initEndTime}">
            </div>
          </div>
          <div class="form-group normal_space">
            <input type="submit" class="submit" id='submit' url="{:U('Query/iosDownLoadData','model='.$model['name'],false)}"
                   value="查询">
          </div>
        </div>
        <div class="trunk-list list_normal">
          <table class="table normal_table">
              <tr class="odd">
                <th>推广员账号</th>
                <th>IOS用户总数</th>
                <th>新增IOS用户总数</th>
                <th class="pointer-hand" title="TF下载次数/IOS用户总数">TF下载次数?</th>
                <th>超级签下载次数</th>
                <th>企业签下载次数</th>
                <th>所属会长</th>
                <th>所属部门长</th>
                <th>所属组长</th>
                <th>操作</th>
              </tr>
              <empty name="listdata">
              <tr><td colspan="8" 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="listdata" id="data" mod="2">
                <tr>
                  <td>{$data.account}</td>
                  <td>{$data.userscounts}</td>
                  <td>{$data.ioscount}</td>
                  <td>{$data.tfcounts}({$data.tfpercent}%)</td>
                  <td>{$data.supercounts}</td>
                  <td>{$data.companycounts}</td>
                  <td>{$data.belongs_president}</td>
                  <td>{$data.belongs_department}</td>
                  <td>{$data.belongs_group}</td>
                  <td>
                    <a href="{:U('Query/iosDownLoadDetail',['promote_id' => $data['promote_id'], 'belongs_president'=>$data['belongs_president'], 'belongs_department'=>$data['belongs_department'], 'belongs_group'=>$data['belongs_group']])}" style="cursor: pointer" class="chakan">查看</a>
                </td>
                </tr>
              </volist>
              <tr>
                <td>汇总(所有数据)</td>
                <td>{$totaluserscounts}</td>
                <td>{$allIosCounts}</td>
                <td>{$totaltfcounts}({$totalpercent}%)</td>
                <td>{$totalsupercounts}</td>
                <td>{$totalcompanycounts}</td>
                <td></td>
                <td></td>
                <td></td>
                <td>
                 
              </td>
              </tr>
              </empty>
          </table>
          
        </div>
        <div class="pagenation clearfix">
            <?php if ($loginer['level'] !== 4) :?>
            <a id="sch-btn" data-href="{:U('download/ios_data_export',array_merge(['xlsname'=>'ceshi'],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 href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
  <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
  <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
          charset="UTF-8"></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>
<script type="text/javascript" src="__JS__/common.js"></script>
<script>
   setValue('row', '{:I("get.row",10)}');
    $(".select_gallery").select2();

    var date = "{$setdate}";
    console.log(date);
    $('#sdate').datetimepicker({
        format: 'yyyy-mm-dd',
        language: "zh-CN",
        minView: 2,
        autoclose: true,
        scrollMonth: false,
        scrollTime: false,
        scrollInput: false,
        endDate: date
    });

    $('#edate').datetimepicker({
        format: 'yyyy-mm-dd',
        language: "zh-CN",
        minView: 2,
        autoclose: true,
        pickerPosition: 'bottom-left',
        scrollMonth: false,
        scrollTime: false,
        scrollInput: false,
        endDate: date
    });

</script>
<script type="text/javascript">
$(function() {
    setValue('row', '{:I("get.row",10)}');

  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")
            }
        })
    }

  var promoteUrl = "{:U('Query/getSubPromotes')}"
  initPromoteSelect(promoteUrl)

    $('#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;

    });
})
</script>
</block>