<extend name="Public/base"/>





<block name="body">
<style>
        .page a{border: 1px solid #CCCCCC;}
        .page span{ border: none;
float: left;
margin: 0px;
padding: 0px;}
.page p{border: 1px solid #CCCCCC;
display: block;
float: left;
height: 30px;
line-height: 30px;
padding: 0px 5px;
color: #686868;}
.page p:hover{ background: #e1e1e1; } 
.page .current {
    border-top: 3px solid #4BBD00;
}
.page .current  a{ height: 27px; line-height: 27px; }
        </style>
    <!-- 标题栏 -->
    <div class="main-title">
        <h2>[{$model['title']}] 列表</h2>
    </div>
    <ul class="tab-nav nav">
        <li class="<eq name='group' value='1'>current</eq>"><a href="{:U('bill?group=1')}">渠道对账</a></li>
        <li class="<eq name='group' value='2'>current</eq>" ><a href="{:U('bill?group=2')}">对账单</a></li>
    </ul>
    <div class="cf top_nav_list">
        <if condition="$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('generatebill?model='.$model['id'])}">批量确认</button>
            </div>
        </empty> 
        </div>
        <!-- 高级搜索 -->
        <div class="search-form fr cf">
            <div class="input-list">
                <label>选择对账时间:</label>
                <input type="text" id="time-start" name="timestart" class="text input-2x" value="{:I('timestart')}" placeholder="开始时间" />
                -
                <div class="input-append date" id="datetimepicker"  style="display:inline-block">
                <input type="text" id="time-end" name="timeend" class="text input-2x" value="<?php if(strlen(I('timeend'))){echo substr(I('timeend'),0,10);} ?>" placeholder="结束时间" />
                <span class="add-on"><i class="icon-th"></i></span>
                </div>
            </div>
            <div class="i_list">
                 <div class="drop-down" id="promote">
                    <if condition="I('promote_account') eq ''">
                    <input type="text" id="i_list_id" class="sort-txt" value="" placeholder="请选择所属渠道" />
                    <else />
                    <input type="text" id="i_list_id" class="sort-txt" value="{:I('promote_account')}" placeholder="请选择所属渠道" />
                    </if>
                    <input type="hidden" id="i_list_idh" name="promote_account" value="{:I('promote_account')}" />
                    <i class="arrow arrow-down"></i>
                    <ul id="i_list_li" class="nav-list hidden i_list_li">
                        <li><a href="javascript:;" value="" >全部</a></li>
                        <volist name=":get_promote_all()" id="vo">                        
                        <li><a href="javascript:;" value="{$vo.id}" >{$vo.account}</a></li>
                        </volist>
                    </ul>
                </div>                
            </div>
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" onclick="load()" url="{:U('Query/bill','group=1&model='.$model['name'],false)}">查 询</a>
            </div>
            <!-- <div class="input-list">
                <a class="sch-btn" href="{:U('Export/expUser',array(
            'id'=>4,
            'promote_account'=>I('promote_account'),
            'timestart'=>I('timestart'),
            'timeend'=>I('timeend'),
            'start'=>I('start'),
            'end'=>I('end'),
            ))}">导出</a>
            </div> -->
        </div>
        </if>
        <if condition="$group eq 2">
        <!-- 高级搜索 -->
        <div class="search-form fr cf">
            <div class="input-list">
                <label>对账单时间:</label>
                <input type="text" id="time-start" name="timestart" class="text input-2x" value="{:I('timestart')}" placeholder="开始时间" />
                -
                <div class="input-append date" id="datetimepicker"  style="display:inline-block">
                <input type="text" id="time-end" name="timeend" class="text input-2x" value="{:I('timeend')}" placeholder="结束时间" />
                <span class="add-on"><i class="icon-th"></i></span>
                </div>
            </div>
            <div class="i_list" id="" >
                 <div class="drop-down" id="game">
                    <if condition="I('game_name') eq ''">
                    <input type="text" id="i_list_id" class="sort-txt" value="" placeholder="请选择游戏" />
                    <else />
                    <input type="text" id="i_list_id" class="sort-txt" value="{:I('game_name')}" placeholder="请选择游戏" />
                    </if>
                    <input type="hidden" id="i_list_idh" name="game_name" value="{:I('game_name')}" />
                    <i class="arrow arrow-down"></i>
                    <ul id="i_list_li" 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>                
            </div>
            <div class="i_list">
                 <div class="drop-down" id="promote">
                    <if condition="I('promote_account') eq ''">
                    <input type="text" id="i_list_id" class="sort-txt" value="" placeholder="请选择所属渠道" />
                    <else />
                    <input type="text" id="i_list_id" class="sort-txt" value="{:I('promote_account')}" placeholder="请选择所属渠道" />
                    </if>
                    <input type="hidden" id="i_list_idh" name="promote_account" value="{:I('promote_account')}" />
                    <i class="arrow arrow-down"></i>
                    <ul id="i_list_li" class="nav-list hidden i_list_li">
                        <li><a href="javascript:;" value="" >全部</a></li>
                        <volist name=":get_promote_all()" id="vo">                        
                        <li><a href="javascript:;" value="{$vo.id}" >{$vo.account}</a></li>
                        </volist>
                    </ul>
                </div>                
            </div>
            <div class="sleft">
                <input type="text" name="bill_number" class="search-input" value="{:I('bill_number')}" placeholder="请输入对账单号">
                
            </div>
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('Query/bill','group=2&model='.$model['name'],false)}">搜索</a>
            </div>
            <div class="input-list">
                <a class="sch-btn" href="{:U('Export/expUser',array(
            'id'=>4,
            'timestart'=>I('timestart'),
            'timeend'=>I('timeend'),
            'start'=>I('start'),
            'end'=>I('end'),
            'game_name'=>I('game_name'),
            'promote_account'=>I('promote_account'),
            'bill_number'=>I('bill_number'),
            ))}">导出</a>
            </div>
        </div>
        </if>
    </div>


    <!-- 数据列表 -->
    <div class="data-table">
        <div class="data-table table-striped">
            <if condition="I('group') eq 1 or $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">对账时间</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="list_data" id="data">
                        <tr>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">
                                <input class="ids" type="checkbox" value="{$start},{$end},{$data['promote_id']},{$data['game_id']},{$data['total_money']},{$data['total_number']}," name="ids[]">
                            </td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$start|date='Y年m月d日',###}---{$end|date='Y年m月d日',###}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center"><notempty name="data.promote_id">{:get_promote_name($data['promote_id'])}</notempty></td>                       
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{:get_game_name($data['game_id'],'id')}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center"><notempty name="data.total_money">{$data.total_money}<else />---</notempty></td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center"><notempty name="data.total_number">{$data.total_number}<else />---</notempty></td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">
                                <div class="partakebtn">
                                    <a class="ajax-post" target-form="ids" url="{:U('generatebill',array('ids'=>1,'start'=>$start,'end'=>$end,'promote_id'=>$data['promote_id'],'game_id'=>$data['game_id'],'total_money'=>$data['total_money'],'total_number'=>$data['total_number']))}" >渠道确认</a>
                                </div>
                            </td>
                           
                        </tr>
                    </volist>
                </tbody>
            </table>
            </if>
            <if condition="I('group') eq 2  or $group eq 2">
            <table>
                <!-- 表头 -->
                <thead>
                    <tr>
                        <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>
                        <th style="text-align:center">注册人数</th>
                        <th style="text-align:center">状态</th>
                        
                    </tr>
                </thead>

                <!-- 列表 -->
                <tbody>
                    <volist name="list_data" id="data">
                        <tr>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data['bill_number']}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data['bill_time']}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{:empty($data['promote_id'])?'':get_promote_name($data['promote_id'])}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{:get_game_name($data['game_id'],'id')}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.total_money}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.total_number}</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 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 src="__STATIC__/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript">
//导航高亮
highlight_subnav('{:U('Query/bill')}');

function load() {
    // alert(1);
  var index = layer.load(0, { shade: [0.1,'#fff'] //0.1透明度的白色背景
});
}

$(function(){
    //搜索功能
    $("#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();
        }
    });
    $('#time-start').datetimepicker({
        format: 'yyyy-mm-dd',
        language:"zh-CN",
        minView:2,
        autoclose:true
    });

    $('#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('.i_list_li');
        if (navlist.hasClass('hidden')) {
            navlist.removeClass('hidden');
            $(this).find('#i_list_id').focus().val('');            
        } else {
            navlist.addClass('hidden');
        }
        $(document).one("click", function(){
            navlist.addClass('hidden');
        });
        event.stopPropagation();
    });

    $('#game #i_list_id').on('keyup',function(event) {
        var val  = $.trim($(this).val()).toLowerCase();
        $(this).closest('.drop-down').find('#i_list_idh').val(val);
    });
    
    $("#game #i_list_li").find("a").each(function(){
        $(this).click(function(){
            var text = $.trim($(this).text()).toLowerCase();
            $(this).closest('.drop-down').find("#i_list_id").val(text);
            $(this).closest('.drop-down').find('#i_list_idh').val(text);
        })
    });
    
    
    $("#promote").on('click',function(event) {
        var navlist = $(this).find('.i_list_li');
        if (navlist.hasClass('hidden')) {
            navlist.removeClass('hidden');
            $(this).find('#i_list_id').focus().val('');            
        } else {
            navlist.addClass('hidden');
        }
        $(document).one("click", function(){
            navlist.addClass('hidden');
        });
        event.stopPropagation();
    });

    $('#promote #i_list_id').on('keyup',function(event) {
        var val  = $.trim($(this).val()).toLowerCase();
        $(this).closest('.drop-down').find('#i_list_idh').val(val);
    });
    
    $("#promote #i_list_li").find("a").each(function(){
        $(this).click(function(){
            var text = $.trim($(this).text()).toLowerCase();
            $(this).closest('.drop-down').find("#i_list_id").val(text);
            $(this).closest('.drop-down').find('#i_list_idh').val(text);
        })
    });
})
</script>
</block>