<extend name="Public/base"/>

<block name="body">

<link rel="stylesheet" href="__CSS__/select2.min.css" type="text/css" />
<script type="text/javascript" src="__JS__/bootstrap.min.js"></script>
<script type="text/javascript" src="__JS__/select2.min.js"></script>
    <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;}
        .data_list table td{
            text-indent:0;
            height: 30px;
            line-height: 30px;
        }
        .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 main-place top_nav_list navtab_list">
        <div class="fr">
            <a  href="{:U('lists')}">生效列表</a>
            <a class="tabchose" href="{:U('index')}">审核列表</a>
        </div>
        <h3 class="page_title">{$meta_title}</h3>
        <p class="description_text">审核通过后的修改申请将覆盖旧值,如果旧公司已被删除,将忽略</p>
    </div>

    <div class="cf top_nav_list">
        <div class="jssearch fl cf search_list" style="margin-bottom: 0px;">
            <div class="input-list search-title-box">
                <label>搜索:</label>
            </div>

            <div class="input-list">
                <input style="width: 200px;" type="text" name="partner_name" class="search-input" value="{:I('partner_name')}" placeholder="请输入公司名称搜索">&nbsp;
            </div>

            <div class="input-list input-list-game search_label_rehab">
                <select id="verify_type" name="verify_type" class="select_gallery" >
                    <option value="">审核类型</option>
                    <option value="1">新增</option>
                    <option value="2">修改</option>
                </select>
            </div>

            <div class="input-list">
                <input type="text"  id="time-start" name="timestart" class="" value="{$startDate}"
                       placeholder="操作开始时间"/>
                -
                <div class="input-append date" id="datetimepicker" style="display:inline-block">
                    <input type="text"  id="time-end" name="timeend" class="" value="{$endDate}"
                           placeholder="操作结束时间"/>
                    <span class="add-on"><i class="icon-th"></i></span>
                </div>
            </div>

            <div class="input-list input-list-promote search_label_rehab">
                <select id="verify_status" name="verify_status" class="select_gallery" >
                    <option value="">请选择审核状态</option>
                    <volist name="VerifyStatus" id="vo">
                        <option value="{$key}" <if condition="isset($_GET['verify_status']) && $key eq I('verify_status')">selected</if> >{$vo}</option>
                    </volist>
                </select>
            </div>

            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('index','model='.$model['name'] .'&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 data_game_list">
        <div class="">
            <table border="1">
                <!-- 表头 -->
                <thead>
                <tr>
                    <th style="padding:0 5px;text-indent:0px">
                        <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>


                    <th style="width:8%;min-width:10px;"> 操作</th>
                </tr>
                </thead>

                <!-- 列表 -->
                <tbody>
                <empty name ="listData">
                    <td colspan="16" class="text-center">aOh! 暂时还没有内容!</td>
                    <else />
                    <volist name="listData" id="data">
                        <tr>
                            <td>
                                <input class="ids" type="checkbox" data-status="{$data.verify_status}" value="{$data['id']}" name="ids[]" >
                            </td>
                            <td>{$data.partner_info.partner}</td>
                            <td>{$data.partner_info.matche_platform}</td>
                            <td>{$data.verify_type}</td>
                            <td>{$data.partner_info.company_type}</td>
                            <td>{$data.contract_time}</td>
                            <td>{$data.validity_time}</td>

                            <td>{$data.partner_info.channel_rate}%</td>
                            <td>{$data.partner_info.invoice_rate}%</td>
                            <td>{$data.partner_info.taxation_rate}%</td>

                            <td>{$data.partner_info.payee_name}</td>
                            <td>{$data.partner_info.bank_account}</td>
                            <td>{$data.partner_info.opening_bank}</td>

                            <td>{$data.create}</td>
                            
                            <td>
                                <if condition="$data.verify_status eq -1 ">
                                    <div style="line-height: 2;color: red;">
                                        {$data.verify}
                                    </div>
                                <else /> 
                                    <div style="line-height: 2;">
                                        {$data.verify}
                                    </div>
                                </if>
                            </td>
                            <td >
                                <a href="{:U('verifyView',array('id'=>$data['id']))}">查看</a>
                            </td>
                        </tr> 
                    </volist>     
                </empty>  
                </tbody>
            </table>
        </div>
    </div>
    <div class="page">
        {$_page|default=''}
    </div>
		
		<div class="common_settings">
			<span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
			<form class="addShortcutIcon">
				<input type="hidden" name="title" value="{$meta_title}">
				<input type="hidden" name="url" value="Partner/lists">
			</form>
			<a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
		</div>
		
</block>

<block name="script">
<script src="__STATIC__/layer/layer.js"></script>
<script src="__STATIC__/layer/extend/layer.ext.js"></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>
<style>
  .layui-layer-demo .layui-layer-title {background:#F0F5F7;font-weight:bold;}
  .layui-layer-demo .layui-layer-content {}
  .layui-layer-demo .layui-layer-content table{width:100%;border:0;border-spacing:0;padding:0;}
  .layui-layer-demo .layui-layer-content td {height:42px;padding-left:20px;}
  .layui-layer-demo .layui-layer-content tr:hover {background:#F0F5F7;}
  .layui-layer-demo .layui-layer-content tr~tr {border-top:1px solid #ccc;}
  .layui-layer-demo .layui-layer-content td~td {border-left:1px solid #ccc;}
  .layui-layer-demo .layui-layer-content tr:last-child td {}
</style>

<script>
    <volist name=":I('get.')" id="vo">
            Think.setValue('{$key}',"{$vo}");
    </volist>
    $(".select_gallery").select2();
</script>
<script type="text/javascript">
    //导航高亮
    highlight_subnav("{:U('lists')}");
    $(function(){
        $("#downloadexcel").on("click",function(){
            var url = $(this).attr("url");
            var title =  '合作方导出';
            layer.open({
                type: 2,
                title: title,
                shadeClose: true,
                shade: 0,
                area: ['40%', '60%'],
                content: url,
                zIndex :-5
            });
            // window.open(url, "blank");
        });
        $('#time-start').datetimepicker({
            format: 'yyyy-mm-dd',
            language: "zh-CN",
            showMeridian:true,
            pickDate:true,
            minView: 2,
            autoclose: true,
            pickTime:true,
            todayBtn:true,
        }).on('change',function(ev){
            var val = new Date($.trim($(this).val())).getTime();
            var end = new Date($.trim($('#time-end').val())).getTime();
            if (val>end) {
                layer.msg('开始时间大于结束时间!');$(this).val('');
            }
            return false;
        });

        $("#time-end").datetimepicker({
            format:"yyyy-mm-dd",
            language: "zh-CN",
            showMeridian:true,
            minView:2,
            autoclose:true,
            todayBtn:true,
        }).on('change',function(ev){
            var val = new Date($.trim($(this).val())).getTime();
            var start = new Date($.trim($('#time-start').val())).getTime();
            if (val<start) {
                layer.msg('开始时间大于结束时间!');$(this).val('');
            }
            return false;
        });
        //搜索功能
        $("#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();
            }
        });
        $("#adminAgree,#adminRefuse").on("click",function(){
            var id = $(this).attr("id");
            if(id=="adminAgree"){
                var opname = "管理员审批通过";
                var opurl = "{:U('adminAgree')}";
                var opst ="[未进行审批]";
                var status = 0;
            }else if(id=="adminRefuse"){
                var opname = "管理员审批拒绝";
                var opurl = "{:U('adminRefuse')}";
                var opst ="[未进行审批]";
                var status = 0;
            }

            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>