<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;
        }
        .confirm{
            cursor: pointer;
        }
    </style>

    <div class="cf top_nav_list">
        <div class="cf main-place top_nav_list navtab_list">
            <div class="fr">
                <a class="tabchose" href="{:U('index')}">生效列表</a>
                <a href="{:U('lists')}">审核列表</a>
            </div>
            <h3 class="page_title">公司绑定生效列表</h3>
            <p class="description_text">未进行公司绑定的公司结算单将无法进行审核及打款</p>
        </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">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('index','&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>甲方公司</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>{$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.collection}</td>
                            <td>
                                <foreach name="data.oplist" item="vo" >
                                    {$vo}
                                 </foreach>
                            </td>
                        </tr>
                    </volist>
                </if>
                </tbody>
            </table>
        </div>
        
    </div>

    <div class="page">
            <a class="sch-btn export-btn"
               href="{:U(CONTROLLER_NAME.'/'.ACTION_NAME,array_merge(['export'=>1],I('get.')))}" target="_blank">导出</a>
        {$_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();
        }
    });
    $(".edit").on("click",function(){
        var id = $(this).data("id");
        var url = "{:U('edit')}"+"&id="+id;
        window.location.href = url;
    })
    $(".del").on("click",function(){
        var id = $(this).data("id");
        var url = "{:U('del')}"+"&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});
                    }
                });
        });
    })

    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();

})


</script>

</block>