<extend name="Public/base"/>

<block name="body">
    <!-- 标题栏 -->
    <div class="main-title">
        <h2>[结算] 列表</h2>
    </div>
    <ul class="tab-nav nav">
        <li class="<eq name='group' value='1'>current</eq>"><a href="{:U('cpsettlement?group=1')}">开发者结算</a></li>
        <li class="<eq name='group' value='2'>current</eq>" ><a href="{:U('cpsettlement?group=2')}">结算记录</a></li>
    </ul>
    <div class="cf top_nav_list">
        <if condition="I('group') eq 1  or $group eq 1">
        <div class="fl button_list">
        <empty name="model.extend">
            <div class="tools">
                <button class="btn ajax-post gre" target-form="ids" url="{:U('generatecpsettlement?model='.$model['id'],array('ids'=>$data['gid'],'timestart'=>I('timestart')))}">批量结算</button>
            </div>
        </empty> 
        </div>
        </if>
        <!-- 高级搜索 -->
        <div class="search-form fr cf">
            <div class="i_list" id="" >
            <div class="input-list">
                <label>选择结算月份:</label>
                <input type="text" id="time-start" name="timestart" class="text input-2x" value="{:I('timestart')}" placeholder="请选择本月前时间" /> 
            </div>
            <input type="hidden" name="" value="" class="sortBy">     
            <if condition="I('group') eq 1  or $group eq 1">
                <div class="drop-down" id="game">
                    <if condition="I('game_name') eq ''">
                    <input type="text" class="sort-txt" value="" placeholder="请选择游戏" />
                    <else />
                    <input type="text" class="sort-txt" value="{:I('game_name')}" placeholder="请选择游戏" />
                    </if>
                    <i class="arrow arrow-down"></i>
                    <ul  class="nav-list hidden i_list_li">
                        <li><a href="javascript:;" value="" >全部</a></li>
                        <volist name=":get_game_list()" id="vo">                        
                        <li><a href="javascript:;" value="{$vo.id}" >{$vo.game_name}</a></li>
                        </volist>
                    </ul>
                </div>
            </if>                
                <input type="hidden" name="game_name" value="{:I('game_name')}" />
            </div>
            <if condition="I('group') eq 1  or $group eq 1">
            <div class="d_list" >
                <div class="drop-down limitwidth3" id="selle_status">
                    <span  class="sort-txt" data="{:I('selle_status')}" >
                        <if condition="I('selle_status') eq ''">状态
                        <else />
                            {:I('selle_status')}
                        </if>
                    </span>
                    <i class="arrow arrow-down"></i>
                    <ul  class="nav-list hidden">
                        <li><a href="javascript:;" value="" >所有</a></li>
                        <li><a href="javascript:;" value="未结算" >未结算</a></li>
                        <li><a href="javascript:;" value="已结算" >已结算</a></li>   
                    </ul>
                </div>
                <input type="hidden" name="selle_status" value="{:I('selle_status')}">
            </div>
            </if>
            <if condition="I('group') eq 1  or $group eq 1">
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('Query/cpsettlement?group=1','model='.$model['name'],false)}">搜索</a>
            </div>
            </if>
            <if condition="I('group') eq 2  or $group eq 2">
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('Query/cpsettlement?group=2','model='.$model['name'],false)}">搜索</a>
            </div>
            </if>
        </div>
    </div>


    <!-- 数据列表 -->
    <div class="data-table">
        <div class="data-table table-striped">
        <if condition="$group eq 1">
            <table>
                <!-- 表头 -->
                <thead>
                    <tr>
                        <th style="text-align:center" class="row-selected row-selected">
                            <input class="check-all" type="checkbox">
                        </th>
                        <th style="text-align:center" class="row-selected row-selected">月份</th>
                        <th style="text-align:center" class="row-selected row-selected">CP方</th>
                        <th style="text-align:center" class="row-selected row-selected">游戏名称</th>
                        <th style="text-align:center" class="row-selected row-selected"><a class="paixu" date-url='sum_money'><if condition="$Think.get.sum_money eq 1">总充值▲<elseif condition="$Think.get.sum_money eq 2"/>总充值▼<else />总充值<img src="__IMG__/up-down.png" width="13px"></if></a></th>
                        <th style="text-align:center" class="row-selected row-selected">分成比例</th>
                        <th style="text-align:center" class="row-selected row-selected">结算金额</th>
                        <th style="text-align:center" class="row-selected row-selected">状态</th>
                        <th style="text-align:center" class="row-selected row-selected">操作</th>
                    </tr>
                </thead>
                <!-- 列表 -->
                <tbody>
                    <volist name="data" id="data">
                    <tr>
                            <td  style="border-right:1px solid #DDDDDD;text-align:center"><input class="ids" type="checkbox" value="{$data['gid']}" name="ids[]" <if condition="$data.selle_status eq 1"> disabled="disabled"</if>></td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{:I('timestart')}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center"><if condition="$data.developers neq ''">{$data.developers}<else/>暂无CP方</if></td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.game_name}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.total}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center"><if condition="$data.selle_status eq 0"><a class="rarara" data-gid="{$data.gid}" daat-ids="{$data.id}" title="点击修改">{$data.selle_ratio}%</a><else/>{$data.selle_ratio}%</if>
                            <input type="hidden" class="rara1" name="ratio" value="{$data['selle_ratio']}"></td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{:$data['total']*$data['selle_ratio']/100}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center"><if condition="$data.selle_status eq 0"><span style="color: orange">未结算</span><else/>已结算</if></td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center"><if condition="$data.selle_status eq 0"><a href="{:U('generatecpsettlement',array('ids'=>$data['gid'],'timestart'=>I('timestart')))}">结算</a><else/>结算</if></td>
                        </tr>
                    </volist>
                </tbody>
            </table>
        </if>
        <if condition="$group eq 2">
            <table>
                <!-- 表头 -->
                <thead>
                    <tr> 
                        <th style="text-align:center">月份</th>
                        <th style="text-align:center">CP方</th>
                        <th style="text-align:center">游戏名称</th>
                        <th style="text-align:center">总充值</th>
                        <th style="text-align:center">分成比例</th>
                        <th style="text-align:center">结算金额</th>
                        <th style="text-align:center">状态</th>                     
                    </tr>
                </thead>
                <!-- 列表 -->
                <tbody>
                    <volist name="data" id="data">
                    <tr> 
                        <td style="border-right:1px solid #DDDDDD;text-align:center"><if condition="I('timestart') neq ''">{:I('timestart')}<else/>{$data.selle_time}</if></td>
                        <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.developers}</td>
                        <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.game_name}</td>
                        <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.total}</td>
                       
                        <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.selle_ratio}%</td>
                        <td style="border-right:1px solid #DDDDDD;text-align:center">
                            <span style="color: orange">{:$data['total']*$data['selle_ratio']/100}</span>
                        </td>
                        <td style="border-right:1px solid #DDDDDD;text-align:center">已结算</td>
                    </tr>
                    </volist>
                </tbody>
            </table>
        </if>
        </div>
    </div>
    <div class="page">
        {$_page|default=''}
    </div>
</block>

<block name="script">
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
<php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
<script src="__STATIC__/layer/extend/layer.ext.js" type="text/javascript"></script>
<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">
//导航高亮
highlight_subnav('{:U('Query/cpsettlement')}');
$(function(){
    $ssds="{:$_SERVER['PATH_INFO']}";
    if($ssds=='Query/cpsettlement'){
        alert('请选择本月前时间');
    }
    $(".paixu").click(function(){
        $ddd=$(this).attr('date-url');
        $sum_money="{:I('sum_money')}";
        $create_time = "{:I('create_time')}";
        $sss="{:I('group')}";
        if($ddd=='sum_money'&&$sss){
            if($sum_money==1){
                $(".sortBy").attr('name','sum_money');
                $(".sortBy").attr('value',2);
                $("#search").click();
            }else{
                $(".sortBy").attr('name','sum_money');
                $(".sortBy").attr('value',1);
                $("#search").click();
            }
        }
    })
    //搜索功能
    $("#search").click(function(){
        var url = $(this).attr('url');
        var query  = $('.search-form').find('input').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-form').find('input').keyup(function(event){
        if(event.keyCode===13){
            $("#search").click();
        }
    });

    //点击排序
    $('.list_sort').click(function(){
        var url = $(this).attr('url');
        var ids = $('.ids:checked');
        var param = '';
        if(ids.length > 0){
            var str = new Array();
            ids.each(function(){
                str.push($(this).val());
            });
            param = str.join(',');
        }

        if(url != undefined && url != ''){
            
            window.location.href = url.replace(".html","") + '/ids/' + param;
        }
    });
    
    $('#time-start').datetimepicker({
        format: 'yyyy-mm',
        language:"zh-CN",
        weekStart: 1,  
        autoclose: true,  
        startView: 3,  
        minView: 3,  
        forceParse: false, 
    });

    $('#datetimepicker').datetimepicker({
       format: 'yyyy-mm-dd',
        language:"zh-CN",
        minView:2,
        autoclose:true,
        pickerPosition:'bottom-left'
    })
    
    $('#game').on('click',function(event) {
        var navlist = $(this).find('.nav-list');
        if (navlist.hasClass('hidden')) {
            navlist.removeClass('hidden');
            $(this).find('.sort-txt').focus().val('');            
        } else {
            navlist.addClass('hidden');
        }
        $(document).one('click', function(){
            navlist.addClass('hidden');
        });
        event.stopPropagation();
    });

    $('#game .sort-txt').on('keyup',function(event) {
        var val  = $.trim($(this).val()).toLowerCase();
        $('#game').siblings('input').val(val);
    });
    
    $('#game .nav-list').find("a").each(function(){
        var that = $('#game');
        $(this).click(function(){
            var text = $.trim($(this).text()).toLowerCase();
            that.find('.sort-txt').val(text);
            that.siblings('input').val(text);
        })
    });
    
    
    $('#promote').on('click',function(event) {
        var navlist = $(this).find('.nav-list');
        if (navlist.hasClass('hidden')) {
            navlist.removeClass('hidden');
            $(this).find('.sort-txt').focus().val('');            
        } else {
            navlist.addClass('hidden');
        }
        $(document).one('click', function(){
            navlist.addClass('hidden');
        });
        event.stopPropagation();
    });

    $('#promote .sort-txt').on('keyup',function(event) {
        var val  = $.trim($(this).val()).toLowerCase();
        $('#promote').siblings('input').val(val);
    });
    
    $('#promote .nav-list').find("a").each(function(){
        var that = $('#promote');
        $(this).click(function(){
            var text = $.trim($(this).text()).toLowerCase();
            that.find('.sort-txt').val(text);
            that.siblings('input').val(text);
        })
    });
    
    $('#selle_status').hover(function(){
        $(this).find('.nav-list').removeClass('hidden');
    },function(){
        $(this).find('.nav-list').addClass('hidden');
    });
    
    $('#selle_status .nav-list li').find('a').each(function(){
        var that = $('#selle_status');
        $(this).click(function(){
            var text = $(this).text(),val=$(this).attr('value');
            that.find('.sort-txt').text(text).attr('data',val);
            that.find('.nav-list').addClass('hidden');
            that.siblings('input').val(val);
        })
    });
    $(".rarara").on("click",function(){
        //prompt层
        var gid= $(this).data('gid');
        var timestart="{:I('timestart')}";
        layer.prompt({
          title: '请输入0-100的整数,并确认',
          formType: 0 //prompt风格,支持0-2
        }, function(pass){
            var r = /^([\d]{1,2}$|[100])$/;  //0-100的正整数
            if(isNaN(pass)||!r.test(pass)){
                layer.alert("分成比例输入不正确");
            }else{
                layer.close(layer.prompt());
                $.ajax({
                        url: '{:U('changeratio')}',
                        data:{
                            game_id:gid,
                            timestart:timestart,
                            ratio:pass,
                        },
                        type:'post',  
                        cache:false,  
                        dataType:'json', 
                    success:function(data) { 
                        if(data>0){
                        layer.msg("修改成功");      
                        window.location.reload();  
                        }else{
                            layer.msg("修改失败"); 
                        }
                    },  
                    error:function(){  
                        alert(222);
                    }  
                });
            }      
        });
    });
})
</script>
</block>