<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}
        .butnbox {padding:10px 0 10px;}
        .butnbox .butnlist {overflow:hidden;clear:both;}
        .butnbox .butnlist .butn,.butnbox .butnlist .butn:hover {text-decoration:none;border:none;}
        .butnbox .butnlist .butn {display:inline-block;width:120px;height:28px;line-height:28px;text-align:center;color:#FFF;background:#3C95C8;border-radius:3px;}
        .butnbox .butnlist .butn.last {background:#009900;}
        .butnbox .butnlist .butn~.butn {margin-left:20px;}
        .butnbox a{
            cursor:pointer
        }
        .data_list table tbody tr a.disabled,.data_list table tbody tr a.disabled:hover {color:#999;cursor:default;}
        .layui-layer-title {
            text-align: center;
            height: 80px;
            line-height: 80px;
            font-weight: 600;
            font-size: 18px;
        }
        .data_list table td{
            line-height: 1.5;
        }
    </style>

    <div class="cf top_nav_list">
        <div class="cf main-place top_nav_list navtab_list">
            <div class="fr">
                <a href="{:U('index')}">生效列表</a>
                <a class="tabchose" href="{:U('lists')}">审核列表</a>
            </div>
            <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" style="margin-bottom:12px">
            <div class="input-list search-title-box">
                <label>搜索:</label>
            </div>
            
            <div class="input-list input-list-promote search_label_rehab">
                <select id="company_type" name="company_type" class="select_gallery" >
                    <option value="">请选择公司类型</option>
                    <volist name="CompanyType" id="vo">
                        <option value="{$key}" <if condition="isset($_GET['company_type']) && $key eq I('company_type')">selected</if> >{$vo}</option>
                    </volist>
                </select>
            </div>
            <div class="input-list">
                <input style="width: 200px;" type="text" name="company_name" class="search-input" value="{:I('company_name')}" placeholder="请输入公司名称搜索">&nbsp;
            </div>

            <!-- <div class="input-list input-list-promote search_label_rehab">
                <select id="company_id" name="company_id" class="select_gallery" >
                    <option value="">请先选择公司类型</option>
                </select>
            </div> -->

            <div class="input-list input-list-game search_label_rehab">
                <select id="settlement_type" name="settlement_type" class="select_gallery" >
                    <option value="">请选择结算周期</option>
                    <volist name="SettlementType" id="vo">
                        <option value="{$key}" <if condition="isset($_GET['settlement_type']) && $key eq I('settlement_type')">selected</if> >{$vo}</option>
                    </volist>
                </select>
            </div>
            <div class="input-list input-list-game search_label_rehab">
                <select id="invoice_type" name="invoice_type" class="select_gallery" >
                    <option value="">请选择开票类型</option>
                    <volist name="InvoiceType" id="vo">
                        <option value="{$key}" <if condition="isset($_GET['invoice_type']) && $key eq I('invoice_type')">selected</if> >{$vo}</option>
                    </volist>
                </select>
            </div>
            <div class="input-list input-list-game search_label_rehab">
                <select id="is_payment" name="is_payment" class="select_gallery" >
                    <option value="">请选择是否有打款</option>
                    <volist name="IsPayment" id="vo">
                        <option value="{$key}" <if condition="isset($_GET['is_payment']) && $key eq I('is_payment')">selected</if> >{$vo}</option>
                    </volist>
                </select>
            </div>

            <div class="input-list input-list-game search_label_rehab">
                <select id="status" name="status" class="select_gallery" >
                    <option value="">请选择审核状态</option>
                    <volist name="Status" id="vo">
                        <option value="{$key}" <if condition="isset($_GET['status']) && $key eq I('status')">selected</if> >{$vo}</option>
                    </volist>
                </select>
            </div>
            
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('lists','&row='.I('row'),false)}">搜索</a>
            </div>
        </div>
    
    </div>
    <div class="butnbox" style="margin-bottom: 10px;">
        <div class="butnlist jscheckbutn" style="margin-left: 2px">
            <foreach name="menubtn" item="vo" >
                {$vo}
             </foreach>
        </div>
    </div>
    
    <!-- 数据列表 -->
    <div class="data_list">
        <div class="">
            <table>
                <!-- 表头 -->
                <thead>
                <tr>
                    <th>
                        <input class="check-all" type="checkbox">
                    </th>
                    <th>甲方公司</th>
                    <th>甲方公司类型</th>
                    <th>乙方公司</th>
                    <th>乙方公司类型</th>
                    <th>结算周期</th>
                    <th>开票类型</th>
                    <th>开票内容</th>
                    <th>打款流程</th>
                    <th>收款方</th>
                    <th>创建记录</th>
                    <th>市场部审批</th>
                    <th>管理员审批</th>
                    <th>备注</th>
                    <th>操作</th>
                </tr>
                </thead>

                <!-- 列表 -->
                <tbody>
                <if condition = "empty($data)">
                    <tr>
                        <td colspan="16" class="text-center" style="line-height: 42px;">aOh! 暂时还没有内容!</td>
                    </tr>
                    <else/>
                    <volist name="data" id="data">
                        <tr>
                            <td>
                                <input class="ids" type="checkbox" data-status="{$data.status}" value="{$data['id']}" name="ids[]" >
                            </td>
                            <td>{$data.first_company_name}</td>
                            <td>{$data.first_company_type}</td>
                            <td>{$data.second_company_name}</td>
                            <td>{$data.second_company_type}</td>
                            <td>{$data.settlement_type}</td>
                            <td>{$data.invoice_type}</td>
                            <td>{$data.invoice_content}</td>
                            <td>{$data.is_payment}</td>
                            <td>{$data.collection}</td>
                            <td>
                                <div style="line-height: 2;">
                                    {$data.create}
                                </div>
                            </td>
                            <td>
                                <if condition="$data.status eq -1 ">
                                    <div style="line-height: 2;color: red;">
                                        {$data.market}
                                    </div>
                                <else /> 
                                    <div style="line-height: 2;">
                                        {$data.market}
                                    </div>
                                </if>
                            </td>
                            <td>
                                <if condition="$data.status eq -2 ">
                                    <div style="line-height: 2;color: red;">
                                        {$data.admin}
                                    </div>
                                <else /> 
                                    <div style="line-height: 2;">
                                        {$data.admin}
                                    </div>
                                </if>
                            </td>
                            <td>
                                {$data.remark}
                            </td>
                            <td>
                                <foreach name="data.oplist" item="vo" >
                                    {$vo}
                                 </foreach>
                            </td>
                        </tr>
                    </volist>
                </if>
                </tbody>
            </table>
        </div>
        
    </div>

    <div class="page">
        {$_page|default=''}
    </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('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();
        }
    });
    var loop = 1;
    var company_id = "{$_GET['company_id']??0}";
    $("#company_type").on("change",function(){
        var type =  $(this).find("option:selected").val();
        if(type != ''){
            var url = "{:U('getCompanyList')}"+"&type="+type;
            $.get(url,function(data){
                var company = data.info;
                console.log(company)
                var companystr = '<option value="">请选择合作公司</option>';
                for (var i in company) {
                    if(company[i].id == company_id && loop==1){
                        companystr += "<option value='" + company[i].id + "' selected='selected'>" + company[i].company_name + "</option>"
                    }else{
                        companystr += "<option value='" + company[i].id + "'>" + company[i].company_name + "</option>"
                    }
                }
                $("#company_id").html(companystr);
                $("#company_id").select2();
                loop++;
            })
        }else{
            var companystr = '<option value="">请先选择合作公司</option>';
            $("#company_id").html(companystr);
            $("#company_id").select2();
        }
    })
    $("#company_type").change();

    $(".editRelation").on("click",function(){
        var id = $(this).data("id");
        var url = "{:U('editRelation')}"+"&id="+id;
        window.location.href = url;
    })
    $(".delRelation").on("click",function(){
        var id = $(this).data("id");
        var url = "{:U('delRelation')}"+"&id="+id;
        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});
                    }
                });
        });
    })

    $("#marketAgree,#marketRefuse,#adminAgree,#adminRefuse").on("click",function(){
        var id = $(this).attr("id");
        if(id == "marketAgree"){
            var opname = "市场部审批通过";
            var opurl = "{:U('marketAgree')}";
            var opst ="[未进行审批]";
            var status = 0;
        }else if(id=="marketRefuse"){
            var opname = "市场部审批拒绝";
            var opurl = "{:U('marketRefuse')}";
            var opst ="[未进行审批]";
            var status = 0;
        }else if(id=="adminAgree"){
            var opname = "管理员审批通过";
            var opurl = "{:U('adminAgree')}";
            var opst ="[市场部审批通过]";
            var status = 1;
        }else if(id=="adminRefuse"){
            var opname = "管理员审批拒绝";
            var opurl = "{:U('adminRefuse')}";
            var opst ="[市场部审批通过]";
            var status = 1;
        }

        var flag = false;
        var text = $("input:checkbox[name='ids[]']:checked").map(function(index,elem) {
            if($(elem).data("status") != status){
                flag = true;
            }else{
                return $(elem).val();
            }
        }).get().join(",");
        if(text == ''){
            layer.msg("<font style='color:white'>" + '无需要'+opname+'的申请,仅'+opst+'状态可以进行'+opname+"</font>");
            return;
        }
        if(flag){
            layer.confirm(opname+"仅会对"+opst+"的申请进行处理,选择中包含其他的状态的申请将被忽略,点击取消停止操作",{title:false}, function(index){    
                _doAgreeApply();                
                layer.close(index);
            });  
        }else{
            _doAgreeApply();
        }
        function _doAgreeApply(){
            layer.load(2);
            //执行
            $.ajax({
                type: "POST",
                url: opurl,
                dataType: 'json',
                async: true,
                data: {ids:text},
                success:function(data){
                    layer.closeAll('loading');
                    if(data.status==1){
                        layer.msg("<font style='color:white'>" + data.info + "</font>");
                        setTimeout(function(){
                            window.location.reload();
                        },1500);
                    }
                }
            });
        }
    })
})


</script>

</block>