<extend name="Public/base"/>

<block name="body">
<link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
<link rel="stylesheet" href="__CSS__/pro_promote.css" type="text/css" />
<script src="__STATIC__/jquery.form.js"></script>
<script src="__STATIC__/layer/layer.js"></script>
<script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
<script type="text/javascript" src="__JS__/select2.min.js"></script>
    <script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js"></script>
    <link rel="stylesheet" href="__CSS__/promote.css" type="text/css"/>
    <style>
        .select2-container--default .select2-selection--single {
            color: #000;
            resize: none;
            border-width: 1px;
            border-style: solid;
            border-color: #a7b5bc #ced9df #ced9df #a7b5bc;
            box-shadow: 0px 3px 3px #F7F8F9 inset;height:35px;
            height:28px;border-radius:3px;font-size:12px;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height:35px;
            line-height:28px;
        }
        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height:26px;
        }
        .select2-container--default .select2-search--dropdown .select2-search__field {
            height:26px;line-height:26px;font-size:12px;
        }
        .select2-results__option[aria-selected] {font-size:12px;}
        .layui-layer-dialog .layui-layer-content{color:red}
        .textarea-style {
            width: 195px;
            height: 150px;
            padding-left: 5px;
        }
        .mustmark {
            color: #FF0000;
            font-style: normal;
            margin: 0 3px;
            margin-left:-7px
        }
        tr{
            border-bottom: 1px solid #e6e6e6;
        }
        .data_list table td{
            line-height: 2;
        }
    </style>

    <div class="cf top_nav_list">
        <div class="cf main-place top_nav_list navtab_list">
            <h3 class="page_title">游戏分成比例模板</h3>
            <p class="description_text">说明:编辑将修改未设置特定比例的符合条件的游戏和渠道关系分成比例</p>
        </div>
        <div class="fl button_list">
            <div class="tools">
                <a class=" " href="{:U('add')}"><span class="button_icon button_icon1"></span>新增</a>
            </div>
        </div>
        <!-- 高级搜索 -->
        <div class="jssearch fl cf search_list">
            <div class="input-list search-title-box">
                <label>搜索:</label>
            </div>
            
            <div class="input-list input-list-promote search_label_rehab">
                <select id="game_type_id" name="game_type_id" class="select_gallery" >
                    <option value="">游戏类型</option>
                    <volist name="gameTypeList" id="vo">
                        <option value="{$vo.id}" <if condition="$vo.id eq I('game_type_id')">selected</if> >{$vo.type_name}</option>
                    </volist>
                </select>
            </div>
            <div class="input-list input-list-game search_label_rehab">
                <select id="relation_game_id" name="relation_game_id" class="select_gallery" >
                    <option value="">现包名</option>
                    <volist name="gameList" id="vo">
                        <option value="{$vo.relation_game_id}" <if condition="$vo.relation_game_id eq I('relation_game_id')">selected</if> >{$vo.relation_game_name}</option>
                    </volist>
                </select>
            </div>

            <div class="input-list input-list-game search_label_rehab">
                <select id="company_belong" name="company_belong" class="select_gallery" >
                    <option value="">公司类型</option>
                    <volist name="company_belong" id="vo">
                        <option value="{$vo.id}" <if condition="isset($_GET['company_belong']) && $vo.id eq I('company_belong')">selected</if> >下游{$vo.name}</option>
                    </volist>
                </select>
            </div>
            
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('GameRatioMould/index','model='.$model['name'] .'&row='.I('row') . '&group=' . $group,false)}">搜索</a>
            </div>
        </div>
    </div>
    <!-- 数据列表 -->
    <div class="data_list">
        <div class="">
            <table>
                <!-- 表头 -->
                <thead>
                <tr>
                    <th>游戏类型</th>
                    <th>现包名</th>
                    <th>原包名</th>
                    <th>公司类型</th>
                    <th colspan="2">比例分成</th>
                    <th>时间</th>
                    <th>操作人</th>
                    <th>操作</th>
                </tr>
                </thead>

                <!-- 列表 -->
                <tbody>
                <if condition = "empty($data)">
                    <tr>
                        <td colspan="16" class="text-center">aOh! 暂时还没有内容!</td>
                    </tr>
                    <else/>
                    <volist name="data" id="data">
                        <tr>
                            <td rowspan="{$data.row}">{$data.game_type_name}</td>
                            <td rowspan="{$data.row}">{$data.relation_game_name}</td>
                            <td rowspan="{$data.row}">{$data.original_package_name}</td>
                            <td rowspan="{$data.row}">{$data.company_belong}</td>
                            <notempty name="data['turnover_ratio'][0]">
                                <td>{$data['turnover_ratio'][0]['name']|default="--"}</td>
                                <td>{$data['turnover_ratio'][0]['ratio']|showPercent}</td>
                            <else />
                                <td>--</td>
                                <td>--</td>
                            </notempty> 
                            <td rowspan="{$data.row}">{$data.create_time}</td>
                            <td rowspan="{$data.row}">{$data.admin_name}</td>
                            <td rowspan="{$data.row}">
                                <a href="{:U('edit', array('id'=>$data['id']))}" class="">修改</a>
                                <a data-url="{:U('del', array('id'=>$data['id']))}" class="ratio_del">删除</a>
                            </td>
                        </tr>
                        <if condition="$data['row'] gt 1">
                            <foreach name="data['turnover_ratio']" item="game_ratio" key="gamekey">
                                <if condition="$gamekey gt 0">
                                    <tr>
                                        <td>{$game_ratio['name']|default="--"}</td>
                                        <td>{$game_ratio['ratio']|showPercent}</td>
                                    </tr>
                                </if>
                            </foreach>
                        </if>
                    </volist>
                </if>
                </tbody>
            </table>
        </div>
        
    </div>

    <div class="page">
        <a class="sch-btn export-btn" id="downloadexcel" url="{:U(CONTROLLER_NAME.'/'.ACTION_NAME,array_merge(['export'=>1],I('get.')))}">导出</a>
        {$_page|default=''}
    </div>
    <!--弹出层-->
    <div class="promote-layer mb20">
        <form id="ajaxForm" action="{:U('set_withdraw')}" method="post">
            <ol class="promote-con">
                <li class="promote-con-con " id="deny">
                    <div class="mb20">
                        <span class="promote-name">备注:</span>
                        <textarea class="textarea-style" name="remark" id="remark"></textarea>
                    </div>
                    <a class="ajax-post pack" style="cursor: pointer;" target-form="ids" url="{:U('setStatus',array('status'=>-1))}"><div class="promote-btn">拒绝</div></a>
                </li>
            </ol>
        </form>
    </div>
</block>

<block name="script">
<script>
<volist name=":I('get.')" id="vo">
    Think.setValue('{$key}',"{$vo}");
</volist>
$(".select_gallery").select2();
</script>
<script type="text/javascript">
//导航高亮
highlight_subnav("{:U('GameRatioMould/index')}");
$(function(){
    //搜索功能
    $("#search").click(function(){
        var url = $(this).attr('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;
    });
    //回车自动提交
    $('.jssearch').find('input').keyup(function(event){
        if(event.keyCode===13){
            $("#search").click();
        }
    });
    $("#downloadexcel").on("click",function(){
        var url = $(this).attr("url");
        var title =  '游戏分成比例模板,请耐心等待数据处理....';
        var index = layer.load(2);
        layer.open({
            type: 2,
            title: title,
            shadeClose: false,
            shade: 0.8,
            area: ['40%', '30%'],
            content: url,
            success:function(){
                layer.closeAll();   
            }
            
        });
    })
    $(".ratio_del").on("click",function(){
        var url  = $(this).data("url");
        layer.confirm('删除后将无法恢复,请慎重选择', {
        closeBtn:0,
        title:false,
        btn: ['取消','删除'] //按钮
        }, function(index){
            layer.close(index);
        }, function(){
            $.get(url,function(data){
                if(data.code == 1){
                    layer.msg('<span style="color:white">'+data.msg+'<span>',{time: 1000},function(){
                        window.location.reload();
                    });
                    
                }else{
                    layer.msg(data.msg,{icon: 2});
                }
            });
        });
    })
})


</script>

</block>