<extend name="Public/promote_base"/>
<block name="css">
  <link href="__CSS__/20180207/data.css" rel="stylesheet">
  <link href="__CSS__/20180207/manager.css" rel="stylesheet">
  <link href="__CSS__/20180207/finance.css" rel="stylesheet">
  <link href="__STATIC__/icons_alibaba/iconfont.css?v=1.2" rel="stylesheet">
</block>

<block name="body">
  <style>
    @media screen and (max-width: 1500px) {
      .normal_form {
        padding-top: 45px;
      }

      .trunk-search .normal_txt {
        width: 100px
      }

      .select2-container--default .select2-selection--single {
        width: 125px;
      }

      .trunk-search .select-time .txt {
        width: 100px;
      }

      .form-group .submit {
        width: 55px;
      }
    }

    .normal_space {
      margin-left: 0;
      margin-right: 10px;
      margin-bottom: 10px;
    }

    .selected-color {
      color: #2bd8ed;
    }

    .pointer-hand {
      cursor: pointer;
    }

    .icon-spend {
      position: relative;
      font-size: 1.2rem;
      top: 3px;
      float: right;
      right: 10px;
    }
  </style>
  <div class="page-search normal_list query-recharge-search">
    <div class="trunk-title">
      <div class="location">
        <div class="location-container">当前位置:<span>数据管理></span><span>订单查询</span></div>
      </div>
      <img src="__IMG__/20180207/icon_chongzhi.png">
      <span class="title_main">订单数据</span>
      <span class="details">对所有渠道用户玩家产生的订单信息,进行记录的功能</span>
    </div>
    <div class="trunk-content article">
      <div class="trunk-search clearfix">
        <form action="{:U('Query/recharge',['version'=>I(" request.version
        ",1),'row'=>I("get.row")])}" method="post" enctype="multipart/form-data" class="normal_form">
        <div class="form-group normal_space fl">
          <select id="relation_game_id" name="relation_game_id" class="reselect select_gallery">
            <option value="">请选择游戏</option>
            <volist name=":get_promote_serach_game()" id="vo">
              <option value="{$vo.relation_game_id}" title="{$vo.relation_game_name}">{$vo.relation_game_name}</option>
            </volist>
          </select>
        </div>

        <div class="form-group normal_space fl">
          <select id="sdk_version" name="sdk_version" class="reselect select_gallery" style="width:215px;">
            <option value="0">请选择设备类型</option>
            <volist name=":getSDKType()" id="vo" key="k">
              <option value="{$k}">{$vo}</option>
            </volist>
          </select>
        </div>

        <div class="form-group normal_space fl">
          <select id="server_id" name="server_id" class=" reselect select_gallery">
            <option value="">请选择区服</option>
            <volist name="serverData" id="vo">
              <option value="{$vo.server_id}">{$vo.server_name}</option>
            </volist>
          </select>
        </div>

        <div class="form-group fl">
          <input type="text" name="game_player_name" class="txt normal_txt" placeholder="请输入角色名"
                 value="{:I('game_player_name')}">
        </div>

        <div class="form-group fl">
          <input type="text" name="user_account" class="txt normal_txt" id="uid" placeholder="请输入玩家账号"
                 value="{:I('user_account')}">
        </div>

        <if condition="$thisParentPromoteId eq 0">
          <div class="form-group normal_space fl">
            <select id="team_leader_id" name="team_leader_id" class="reselect select_gallery" style="min-width:130px;">
              <option value="0">组长账号</option>
              <volist name=":getAllPromoteListByType(2)" id="vo">
                <option value="{$vo.id}">{$vo['account']}({$vo['real_name']})</option>
              </volist>
            </select>
          </div>
        </if>

        <eq name="pID|isMinPromote" value="0">
          <div class="form-group normal_space fl">
            <select id="promote_id" name="promote_id" class="reselect select_gallery" style="min-width:130px;">
              <option value="0">推广员账号</option>
              <volist name=":getAllPromoteListByType(3)" id="vo">
                <option value="{$vo.id}">{$vo['account']}({$vo['real_name']})</option>
              </volist>
            </select>
          </div>
        </eq>

        <div class="form-group normal_space fl">
          <label class="form-title select-title" style="position: relative;">起止时间:</label>
          <div class="select-time">
            <input type="text" id="sdate" class="txt" name="begtime" placeholder="开始时间" value="{:I('begtime')}">
          </div>
          <label class="form-title select-title zhi_color">&nbsp;—&nbsp;</label>
          <div class="select-time">
            <input type="text" id="edate" class="txt" name="endtime" placeholder="结束时间" value="{:I('endtime')}">
          </div>
        </div>

        <div class="form-group normal_space fl">
          <input type="text" name="order_number" class="txt normal_txt" placeholder="请输入订单号"
                 value="{:I('order_number')}">
        </div>

        <div class="form-group normal_space fl">
          <select id="pay_way" name="pay_way" class="reselect select_gallery" style="min-width:130px;">
            <option value="-2">支付方式</option>
            <foreach name="payWayData" item="vo" key="k">
              <if condition="$k eq I('pay_way',-2)">
                <option value="{$k}" selected>{$vo}</option>
                <else/>
                <option value="{$k}">{$vo}</option>
              </if>
            </foreach>
          </select>
        </div>

        <div class="form-group normal_space fl">
          <input type="submit" class="submit" id='submit' value="查询">
        </div>

        <div class="form-group normal_space fl" style="margin-left: 60px;">
          <label style="line-height: 34px;cursor: pointer;" id="own">
            <i class="iconfont {:empty(I('own_id'))?'iconfangxingweixuanzhong':'iconfangxingxuanzhongfill selected-color'}" style="font-size: 1.5rem;position: relative;top: 3px;margin-right: 2px;"></i>本账号
            <input type="hidden" name="own_id" id="own_id" value="{:empty(I('own_id'))?0:I('own_id')}" />
          </label>
        </div>
        <!-- <input type="hidden" name="version" value="{:I('version',1)}"> -->
        </form>
      </div>
    </div>
    <div class="page-list apply-app_apply-list query-recharge-list">
      <div class="trunk-content article">

        <div class="tabcon trunk-list">
          <table class="table normal_table">
            <tr class="odd">
              <th>玩家账号</th>
              <th>游戏订单</th>
              <th>支付方式</th>
              <th>订单金额</th>
              <th>游戏名称</th>
              <th>区服</th>
              <th>角色名</th>
              <empty name="ownId">
                <th>组长</th>
                <th>推广员</th>
              </empty>
              <th>付款时间</th>
              <th>操作</th>
            </tr>
            <empty name="listData">
              <tr class="num2">
                <td colspan="10" 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="vo">
                <tr class="num2">
                  <td>{$vo.user_account}</td>
                  <td>{$vo.order_number}</td>
                  <td>{:get_pay_way($vo['pay_way'])}</td>
                  <td>{$vo.pay_amount}</td>
                  <td>{$vo.game_name}</td>
                  <td>{$vo.server_name}</td>
                  <td>{$vo.game_player_name}</td>
                  <empty name="ownId">
                    <empty name="vo.pro_grand_id">
                      <td>{$vo.pro_account}({$vo.pro_real_name})</td>
                      <td>{$vo.pro_account}({$vo.pro_real_name})</td>
                      <else/>
                      <td>{$vo.p_pro_account}({$vo.p_pro_real_name})</td>
                      <td>{$vo.pro_account}({$vo.pro_real_name})</td>
                    </empty>
                  </empty>
                  <td>{$vo.pay_time|date='Y-m-d H:i:s',###}</td>
                  <td>
                    <a href="{:U('Query/viewSpendDetailed',array('id'=>$vo['id']))}" style="cursor: pointer"
                       class="chakan">查看详细</a>
                  </td>
                </tr>
              </volist>
            </empty>
          </table>
        </div>
        <div class="pagenation clearfix">
          {$_page}
        </div>
      </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>
  <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
  <script src="__STATIC__/layer/layer.js"></script>

  <script type="text/javascript">
      $().ready(function () {
          setValue('relation_game_id', {$Think.request.relation_game_id |default = '""'});
          setValue('sdk_version', {$Think.request.sdk_version |default = '""'});
          setValue('server_id', {$Think.request.server_id |default = '""'});
          setValue('team_leader_id', {$Think.request.team_leader_id |default = '""'});
          setValue('promote_id', {$Think.request.promote_id |default = 0});
          setValue('row', '{:I("get.row",10)}');

          var date = "{$setdate}";
          $('#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
          });

          $('#own').on('click',function () {
              var ownId = $('#own_id').val();
              var checkBox = $(this).children('i');

              if (ownId > 0) {
                  checkBox.removeClass('iconfangxingxuanzhongfill');
                  checkBox.removeClass('selected-color');
                  checkBox.addClass('iconfangxingweixuanzhong');

                  $('#own_id').val(0);
              } else {
                  checkBox.removeClass('iconfangxingweixuanzhong');
                  checkBox.addClass('iconfangxingxuanzhongfill');
                  checkBox.addClass('selected-color');

                  $('#own_id').val({$pID});
              }
          });

          $('#relation_game_id').change(function () {
              var relationGameId = $(this).val();
              var sdkVersion = $('#sdk_version').val();

              getServerList(relationGameId, sdkVersion);
          });

          $('#sdk_version').change(function () {
              var sdkVersion = $(this).val();
              var relationGameId = $('#relation_game_id').val();

              getServerList(relationGameId, sdkVersion);
          });

          function getServerList(relationGameId, sdkVersion)
          {
              $.ajax({
                  url: "{:U('getServerAjax')}",
                  type: "post",
                  data: {relation_game_id: relationGameId,sdk_version:sdkVersion},
                  dataType: 'json',
                  success: function (data) {
                      var html = "<option value='' selected>请选择区服</option>";

                      if (data.status == 1) {
                          var serverData = data.data;

                          if (serverData.length > 0) {
                              for (var i in serverData) {
                                  html += "<option value='" + serverData[i]['server_id'] + "'>" + serverData[i]['server_name'] + "</option>";
                              }
                          }
                      }

                      $("#server_id").empty();
                      $('#server_id').html(html);
                      $("#server_id").select2();
                  }
              })
          }

          $("#pagehtml a").on("click", function (event) {
              event.preventDefault();//使a自带的方法失效,即无法调整到href中的URL(http://www.baidu.com)
              var geturl = $(this).attr('href');
              $('#data_form').attr('action', geturl);
              $('#data_form').submit();
          });

          $('#submit').click(function () {
              var sdate = $('#sdate').val();
              var edate = $('#edate').val();
              // if(sdate =='' || edate==''){
              //   layer.msg('请完整时间搜索框');
              //   return false;
              // }
              if (Date.parse(sdate) > Date.parse(edate)) {
                  layer.msg('开始时间必须小于等于结束时间');
                  return false;
              }

          });
          $(".select_gallery").select2();
      });
  </script>
</block>