{extend name="Public/base" /}
{block name="css"}
<!--<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">-->
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>
  .layui-table-cell{
      display:table-cell;
      vertical-align: middle;
  }
</style>
{/block}
{block name="js"}

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        {if condition="!isset($selected)"}
        <div class="cus-top-left layui-form layui-form-pane1">
            <span style="line-height: 30px; font-size: 12px;padding-left: 15px;">状态筛选</span>
            <div style="position: relative;left: 1px; bottom: 32px;">
                <input type="checkbox" name="result" value="8" title="待面试">
                <input type="checkbox" name="result" value="4" title="面试不通过">
                <input type="checkbox" name="result" value="2" title="面试通过">
                <input type="checkbox" name="result" value="1" title="面试官力荐">
            </div>
            <div style="position: relative;left: 1px; bottom: 20px;">
                <input type="text" class="layui-input date" placeholder="开始时间" id="start" name="start" style="width: 100px; position: relative; top: 1px; display: inline; " readonly />
                <input type="text" class="layui-input date" placeholder="结束时间" id="end"  name="end" style="width: 100px; position: relative; top: 1px; display: inline; " readonly/>
                <input type="text" class="layui-input"  name="username" id="username" placeholder="请输入名称/手机号" style="width: 186px; position: relative; top: 1px; display: inline; ">
                <button lay-submit lay-filter="search" id="dosearch" data-type="reload" class="layui-btn layui-btn-primary " style="background-color: #01b88a; color: #fff;border-radius: 3px;" id="resets">查询</button>
                <button type="reset" class="layui-btn layui-btn-primary" id="resets">重置</button>
            </div>
        </div>
        {/if}

        <div class="set_tit"><span>面试人员按排列表</span></div>
        <div class="cus-table">
	        <table id="recruit" lay-filter="table"></table>
	    </div>
    </div>
</div>

<script type="text/html" id="toolbarDemo">
	{if $offer eq 1}
    <span lay-event="offer" class="layui-btn layui-btn-normal" style="margin-top: -4px;">发送Offer</span>
	<span lay-event="unpass" class="layui-btn layui-btn-danger" style="margin-top: -4px;">面试不通过</span>
	{/if}
	{if $offer eq 2}
	入职Offer已发送，发送时间：{$ps.offer_time},发送人：{$ps.offer_staff}
	{/if}
    {if $info.post_status == 1}
    面试不通过
    {/if}
</script>
<script type="text/html" id="options">
	{{#  if(d.selected == 3 || d.selected == 4 ){ }}
	<span lay-event="cancel" class="layui-btn layui-btn-danger del" style="margin-top: -4px;">取消面试</span>
	{{#  } else if(d.selected == 0){ }}
	已取消
	{{#  } }}
	{{#  if(d.doresult == 1 ){ }}
	<span lay-event="result" class="layui-btn layui-btn-normal" style="margin-top: -4px;">面试反馈</span>
	{{#  } }}
</script>
<script type="text/html" id="istrue">
    {{#  if(d.istrue == 1){ }}
       <font style="text-decoration:line-through; font-weight: bold;">未通过</font>
    {{#  } else if(d.istrue == 2){ }}
        通过
    {{#  } else if(d.istrue == 3){ }}
        力荐
    {{#  } }}
</script>
<script>
    var searchData = {};
    layui.use(['table','laydate','form'],function(){
        var table = layui.table;
        var laydate = layui.laydate;
        var form = layui.form;
        form.render();
        lay('.date').each(function () {
            laydate.render({
                elem: this
                , format: 'yyyy-MM-dd'
                , type: 'date'
                , trigger: 'click'
            });
        });
        {if $u_id}
        searchData.u_id = '{$u_id}';
        {/if}
        {if $selected}
        searchData.selected = '{$selected}';
        {/if}
        {if $my}
        searchData.my = '{$my}';
        {/if}
        // 初次table数据渲染
        function table_init()
        {
            console.log(searchData);
            table1=table.render({
                elem: '#recruit' //指定原始表格元素选择器（推荐id选择器）
                ,toolbar: '#toolbarDemo'
                ,height: 'auto' //容器高度
                ,where:searchData
                ,url:'/oa/Personnel/recruit'
                ,response: {
                    statusName: 'code' //数据状态的字段名称，默认：code
                    ,statusCode: 200 //成功的状态码，默认：0
                    ,msgName: 'msg' //状态信息的字段名称，默认：msg
                    ,countName: 'count' //数据总数的字段名称，默认： count
                    ,dataName: 'data' //数据列表的字段名称，默认：data
                }
                ,cols: [[ //表头
                    {field:'id', title: 'ID', align: 'left',width:'5%'},
                    {field:'res', title: '操作', align: 'left',width:'18%',toolbar:'#options'},
                    {field:'username', title: '姓名',align: 'center',width:'10%'},
                    {field:'tel', title: '电话', align: 'center',width:'10%'},
                    {field:'post', title: '应骋岗位', align: 'center',width:'10%'},
                    {field:'times', title: '面试时间', align: 'center',width:'10%'},
                    {field:'hrname', title: '面试官', align: 'left',width:'10%'},
                    {field:'result', title: '面试得分', align: 'left',width:'17%'},
                    {field:'istrue', title: '面试官结果', align: 'left',width:'10%',toolbar:'#istrue'},
                    
                    // {title: '操作', align: 'center', toolbar: '#barDemo'},
                ]] //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
        }
        table.on('toolbar(table)',function(obj){
        	var layEvent = obj.event; 
        	var uid = '{$u_id}';
        	if(layEvent === 'offer'){
        		layer.confirm('确定发送offer吗？', function(index){
        			var loadindex = layer.load(1);
        			$.ajax({
		                type:'post',
		                url:"{:url('/oa/Personnel/offer')}",
		                data:{u_id:uid},
		                dataType:'json',
		                success:function(res){
		                    if(res.code == 200){
		                    	layer.closeAll();
		                        layer.alert('操作成功');
		                        location.reload();
		                    }else{
		                        alert('操作失败'+res.msg);
		                        layer.closeAll();
		                    }
		                },
		                error:function(){
		                	alert('操作失败，请重试');
	                        layer.closeAll();
		                }
		            });
        		})
        	}else if (layEvent == 'unpass'){
                layer.confirm('确定面试不通过吗？', function(index){
                    var loadindex = layer.load(1);
                    $.ajax({
                        type:'post',
                        url:"{:url('/oa/Personnel/unpass')}",
                        data:{u_id:uid},
                        dataType:'json',
                        success:function(res){
                            if(res.code == 200){
                                layer.closeAll();
                                layer.alert('操作成功');
                                location.reload();
                            }else{
                                alert('操作失败'+res.msg);
                                layer.closeAll();
                            }
                        },
                        error:function(){
                            alert('操作失败，请重试');
                            layer.closeAll();
                        }
                    });
                })
            }

        })
        // table数据重载
        function table_reload()
        {
            // 获取复选框的值
            obj = document.getElementsByName("result");
            check_val = [];
            for(k in obj){
                if(obj[k].checked)
                    check_val.push(obj[k].value);
            }
            searchData.search = $('#username').val();
            searchData.radio = check_val;                       //$("input[type='radio']:checked").val()
            searchData.start = $("#start").val();
            searchData.end = $("#end").val();
            table1.reload({
                where: searchData
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }
        $('#resets').click(function() {
            window.location.href="/oa/Personnel/recruit"
        })

        $('#dosearch').click(function(){
            table_reload();
        })
        table.on('tool(table)', function(obj){ //注：tool是工具条事件名，table是table原始容器的属性 lay-filter="对应的值"
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var data = obj.data; //获得当前行数据
            if(layEvent === 'cancel'){ //查看
            	layer.confirm('确定取消吗？', function(index){
            		var loadindex = layer.load(1);
                    //向服务端发送取消指令
                    $.ajax({
		                type:'post',
		                url:"{:url('/oa/Personnel/recruitcancel')}",
		                data:{psr_id:data.id},
		                dataType:'json',
		                success:function(res){
		                    if(res.code == 200){
		                    	layer.closeAll();
		                        layer.alert('取消成功',function(){
                                    location.reload();
                                });
		                        
		                    }else{
		                        alert('操作失败'+res.msg);
		                        layer.closeAll();
		                    }
		                },
		                error:function(){
		                	alert('操作失败，请重试');
	                        layer.closeAll();
		                }
		            });
                });
            }
            if (layEvent === 'result'){
            	var data = obj.data;
            	var psr_id = data.id;
            	var u_id = data.u_id;
            	doresult(u_id,psr_id);
            }
        });
        table_init();
    })
function doresult(user_id,psr_id){
    layer.open({
        title: '面试结果意见',
        type: 2,
        maxmin: true,
        skin: 'layui-layer-rim',
        area: ['700px', '550px'],
        content: "evaluate?user_id="+user_id+"&psr_id="+psr_id,
        btn: []
    });


}
</script>
{/block}