cf-sdk/Application/Home/View/default/Support/quota.html

<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">
<style>
.page-list .trunk-search{
  padding-top: 20px;
}
 .keywords_information {margin-left:15px;cursor:pointer;}
.keywords_information .keywords_mark {height:35px;line-height:35px;color:#4A90F0;}
.keywords_information .keywords_mark span{border-bottom:1px solid transparent;}
.keywords_information .keywords_mark:hover span {border-bottom-color:#4A90F0;}
.keywords_information .keywords_content {transition:opacity 1.2s,visibility 1.5s;}
.keywords_information .keywords_content:before {margin-left:41px;}
.keywords_information .keywords_content .keywords_close {position:absolute;right:0;top:0;width:25px;height:40px;line-height:35px;color:#515974;}
.keywords_information .keywords_list span:first-child {width:160px;}
.keywords_information .keywords_list span:last-child {width:228px;}
.keywords_information {position:relative;display:inline-block;}
.keywords_information .keywords_mark {display:block;font-size:12px;font-style:normal;font-weight:normal; }
.keywords_information .keywords_content.active {visibility:visible;opacity:1;transition:visibility 1.5s,opacity 1s;}
.keywords_information .keywords_content {visibility:hidden;opacity:0;
    position:absolute;width:435px;z-index:10;background:#fff;border-radius:5px;
    border: 1px solid #E7ECEF;
    box-shadow: 1px 1px 15px rgba(0,0,0,.1);
    top:10px;left:72px;
}

.keywords_information .keywords_title {
    height:40px;line-height:40px;background-color:#FAFAFA;
    border-top-left-radius:5px;border-top-right-radius:5px;color:#515974;
    padding-left:10px;font-size:12px;
}
.keywords_information .keywords_list {overflow:hidden;clear:both;padding:5px;margin:0 8px;font-size:10px;border-bottom:1px solid #EBEEF5;}
.keywords_information .keywords_list:last-child {border-bottom:none;}
.keywords_information .keywords_list span {display:inline-block;display: block;font-weight: normal;color: #515974;
    float: left;
    line-height: 30px;
    width: 420px;}
    .keywords_information .keywords_list span:last-child{color: #a5a6bb;}
.keywords_information .keywords_list span:first-child {width:160px;margin-right:20px;}
.chakan{
      font-size: 14px;
      font-weight: normal;
      color: #26C7DB;
      cursor: pointer;
      display: inline-block;
      text-align: center;
  }
.chakan:hover{color: #2bd8ed;}
.trunk-list{position: relative;min-height: 66vh;}
</style>
</block>

<block name="body">


    <div class="page-list normal_list apply-app_apply-list">
        

       <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 class="keywords_information" style="clear: both;">
          <i class="keywords_mark"><span>关键词说明</span></i>
          <ul class="keywords_content">
              <li class="keywords_title">关键词说明<a href="javascript:;" class="keywords_close"><img src="__IMG__/20180207/btn_normal_close.png"/></a></li>
              <li class="keywords_list">
                  <span class="">累计额度</span>
                  <span class="">单款游戏该渠道和其下级所有渠道玩家实时充值的总金额 * 扶持比例</span>
              </li>
              <li class="keywords_list">
                  <span class="">已发放扶持</span>
                  <span class="">已经发放的后续扶持总数</span>
              </li>
              <li class="keywords_list">
                  <span class="">已发放新增扶持</span>
                  <span class="">已经发放的新增扶持总数</span>
              </li>
              <li class="keywords_list">
                  <span class="">待审核后续扶持</span>
                  <span class="">待审核的后续扶持总数</span>
              </li>
              <li class="keywords_list">
                  <span class="">待审核新增扶持</span>
                  <span class="">待审核的新增扶持总数</span>
              </li>
              <li class="keywords_list">
                  <span class="">可用额度</span>
                  <span class="">累计额度-已发放扶持-待审核后续扶持</span>
              </li>
              <li class="keywords_list">
                  <span class="">今日已申请数量</span>
                  <span class="">今日已申请成功的后续扶持数量，不包含新增扶持 </span>
              </li>
              <li class="keywords_list">
                  <span class="">今日新申请总数</span>
                  <span class="">今日申请的后续扶持总数，不区分状态</span>
              </li>
            </ul>
          </div>
      </div>
      


      <div class="trunk-content article" style="  padding: 0px 0px;">
          <div class="trunk-search clearfix">
          

            <div  id="form1">
       
              <div class="form-group normal_space fr">
                <input type="submit" class="submit" id='submit' value="查询" url="{:U('quota')}" style="cursor:pointer;">
              </div>
              
                 <div class="form-group normal_space fr">
                    <select id="game_id" name="game_id" class="reselect select_gallery" >
                        <option game-id="0" value="0">请选择游戏</option>
                        <volist name=":get_game_list()" id="vo">
                            <option game-id="{$vo.id}" value="{$vo.id}" <if condition="$_GET['game_id'] eq $vo['id']">selected="selected"</if>>{$vo.game_name}</option>
                        </volist>
                    </select>
              </div>
              
             
            </div>
          </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 zwm_tab">
                <tr class="odd">
                  <th>游戏名称</th>
                  <th>累计额度</th>
                  <th>已发放扶持</th>
				          <th>已发放新增扶持</th>
                  <th>待审核后续扶持</th>
                  <th>待审核新增扶持</th>
                  <th>可用扶持额度</th>
                  <th>今日已申请数量</th>
                  <th>今日新申请总数</th>
                </tr>
                <empty name="data">
                <tr><td colspan="9" 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="data" id="s" mod="2">
                <tr class="<eq name='mod' value='1'>odd</eq>">
                  <td>{$s.game_name}</td>
                  <td>{$s.leijiedu}</td>
                  <td>{$s.yifafang}</td>
                  <td>{$s.yifafangxinzeng}</td>
                  <td>{$s.daishenhehouxu}</td>
                  <td>{$s.daishenhexinzeng}</td>
                  <td>{$s.keyongedu}</td>
                  <td>{$s.jinriyishenqing}</td>
                  <td>{$s.jinrixinshenqing}</td>
                  
                  
                </tr>
                </volist>
                </empty>
            </table>
         
            <div class="pagenation clearfix">{$_page}</div>
          </div>
      </div>
    </div>
    </div>
</block>
<block name="script">
<link rel="stylesheet" type="text/css" href="__CSS__/p_jquery.datetimepicker.css">
<script type="text/javascript" src="__JS__/jquery.datetimepicker.js"></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('row','{:I("get.row",10)}');
   $("#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();
   });
   
   $('#sdate').datetimepicker({
    lang:'ch',
    format:'Y-m-d',
    formatDate:'Y-m-d',
    timepicker:false
  });

  $('#add').click(function(){
     var url = $(this).attr('url');
    window.location.href = url;

  });
  $('.apply').click(function(){
     var id = $(this).attr('data-id');
     var url = "{:U('apply','','')}"+'/id/'+id;
    window.location.href = url;

  });

  $('.open_edit').click(function(){
      var account=$(this).attr('data-account');
      var password=$(this).attr('data-password');
      var game_name=$(this).attr('data-game_name');
      var server_name=$(this).attr('data-server_name');
      var role_name=$(this).attr('data-role_name');
      var support_id=$(this).attr('data-support_id');
      $('#i_account').val(account);
      $('#i_password').val(password);
      $('#i_game_name').val(game_name);
      $('#i_server_name').val(server_name);
      $('#i_role_name').val(role_name);
      $('#i_support_id').val(support_id);
      var id_editor= '.div_editor';
      //页面层
      layer.open({
          type: 1,
          title: '新增扶持-修改',
          closeBtn: 1,
          area: ['600px','580px'],
          //skin: 'layui-layer-bgwhite', //白色背景色
          shadeClose: true,
          content: $(id_editor),
      }) 

  });

  $('.i_save').click(function () {
      var id = $('#i_support_id').val();
      var role_name =$('#i_role_name').val();
      var user_password = $('#i_password').val();
     
      if(role_name==''){
          layer.msg('角色名不能为空');
          return false;
      }
      if(user_password==''){
          layer.msg('密码不能为空');
          return false;
      }
      
        $.ajax({
            async: false,
            url:"{:U('support_edit')}",
            type:"POST",
            dataType:"json",
            data:{id:id,role_name:role_name,user_password:user_password},
            success:function(result){
                if(result.status==0){
                     layer.msg(result.msg,{icon: 2}); 
                }else{
                   layer.msg('修改成功');
                     setTimeout(function(){
                       location.reload();
                     },1000);
                }
            },
            error:function(){
                
            }
        });
    });

   $('.i_cancel').click(function () {
     location.reload();
    });


  $('#submit').click(function(){
    var sdate =$('#sdate').val();
    var edate =$('#edate').val();

    if(Date.parse(sdate) > Date.parse(edate)){
      layer.msg('开始时间必须小于等于结束时间');
      return false;
    }

  });
  $(".select_gallery").select2();
  
  $('#edate').datetimepicker({
    lang:'ch',
    format:'Y-m-d',
    formatDate:'Y-m-d',
    timepicker:false
  });
});
</script>
<script type="text/javascript">

$("#submit").click(function(){

    var url = $(this).attr('url');

        var query  = $('#form1').find('input').serialize();

        query  += "&"+$('#form1').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;

  });



 $("#game_id").change(function(){

         $.ajax({

             url:"{:U('getServer')}",

             type:"post",

             data:{game_id:$("#game_id option:selected").attr('game-id')},

             dataType:'json',

             success:function(data){
               console.log(data);
                 str = "<option value=''>请选择区服</option>";

                 for (var i in data){

                     str += "<option value='"+data[i].server_name+"'>"+data[i].server_name+"</option>"

                 }

                 $("#server_id").empty();

                 $("#server_id").append(str);

                 $("#server_id").select2();



             }

         })

     })


$("#server_js").click(function(event) {

        var game_id=$("#game_id").val();
         
        if(game_id==0){
           
            layer.msg('请先选择游戏');
        }
});

  $('.keywords_information .keywords_mark').click(function() {
      var that = $(this).siblings().addClass('active');  
      console.log(that);
      $(document).click(function(event) {
        var e = event || window.event;
        var target= $(e.target);
        if (!target.hasClass('keywords_information') && target.closest('.keywords_information').length<1) {
          that.removeClass('active');
        }
       
      });
      
      that.find('.keywords_close').click(function() {
        that.removeClass('active');
        
        return false;
      });
      
      return false;
    });

</script>  
</block>