{extend name="Public/base" /}
{block name="js"}
<script>

</script>
<script src="__PUBLIC__/js/plupload.full.min.js?v={$Think.const.APP_VERSION}"></script>

{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/font/fonts/iconfont.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/font-awesome.min.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/jquery.contextmenu.css?v={$Think.const.APP_VERSION}">

{/block}
<style type="text/css">
{block name="style"}

.layui-table-view{
margin:0;
}
html,body{
height: 100%;
overflow: hidden;
}
.over_hide:hover  {
width: 124px;
font-size: 12px;
border: 0px solid #ddd;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
cursor:pointer;
}
.over_hide{
width: 124px;
font-size: 12px;
border: 0px solid #ddd;
color:#5f5f5f;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-search-toolbar{display:none;}
.ui-widget-content-altclass{
background-color: {￥};
}
.trSelected{
background-color: #ffd7dc;
}


.choose-wrap {
border: 1px solid #d7d7d7;
overflow: hidden;
width: 100%;
box-sizing: border-box;
padding: 20px;
}
.sort-wrap{
width: 50%;
float: left;
}
.sortable {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}

.sortable li {
margin: 0 3px 3px 3px;
padding: 5px;
padding-left: 30px;
font-size: 14px;
}

.sortable li span {
position: absolute;
margin-left: -1.3em;
}

.sortable .fa-minus, .sortable .fa-plus {
font-size: 12px;
float: right;
line-height: 18px;
color: #888;
cursor: pointer;
}
.sor-tit{
margin:0 0 10px 10px;
}
#add-col .ui-icon{
display: none;
}
#add-col li{
padding-left: 5px;
}
.oa-con {
    padding: 10px 15px;
    background: #fff;
    min-width: 100px;
   /* height: 100%;*/
}
{/block}
</style>
{block name="main"}
<style type="text/css">
    /*.layui-table-cell{overflow:visible;}*/
</style>
<div class="if_wrap">
    <div class="oa-con">
        <div class="cus-top" id="cus-top">
            <div class="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="post_status" value="11" title="已发offer">
                    <input type="checkbox" name="post_status" value="12" title="试岗中">
                    <input type="checkbox" name="post_status" value="13" title="待入职">
                    <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"  value="查询" class="search-span" style="border-radius: 3px; position: relative; left:594px; top: 1px;">查询</button>
                    <button type="reset" class="layui-btn layui-btn-primary" id="resets" style="margin-left: 75px">重置</button>
                   <!-- <button type="reset" class="layui-btn layui-btn-primary" id="export_php" style="margin-left: 75px">导出</button>-->
                </div>
                <div class="cus-table">
                    <table id="demo" lay-filter="table"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="__PUBLIC__/js/jquery-ui.js"></script>
<script src="__PUBLIC__/js/jquery.contextmenu.js"></script>

<script type="text/html" id="barDemo">
    {{#  if(d.post_status == 11 ){ }}
    <span lay-event="tryjob" class="layui-btn layui-btn-normal" style="margin-top: -4px;">试岗登记</span>
    <span lay-event="entry" class="layui-btn layui-btn-normal" style="margin-top: -4px;">办理入职</span>
    {{# } }}

    {{#  if(d.post_status == 12 ){ }}
    <span lay-event="tryresult" class="layui-btn layui-btn-normal" style="margin-top: -4px;">试岗反馈</span>
    {{# } }}
    {{#  if(d.post_status == 13 ){ }}
    <span lay-event="entry" class="layui-btn layui-btn-normal" style="margin-top: -4px;">办理入职</span>
    <span lay-event="showtry" class="layui-btn layui-btn-normal" style="margin-top: -4px;">查看试岗</span>
    {{# } }}
</script>
<script type="text/html" id="recruit">
    {{#  if(d.psrcount > 0){ }}
        <a href="recruit?u_id={{d.id}}">{{d.psrcount}}</a>
    {{#  } else { }}
        0
    {{#  } }}
</script>
<script type="text/html" id="enabledModal">
    {{#  if(d.post_status == 1){ }}
       <font style="text-decoration:line-through; font-weight: bold;">不合格</font> 
       
    {{#  } else if(d.post_status == 2){ }}
        通过
    {{#  } else if(d.post_status == 3){ }}
        待预约
    {{#  } else if(d.post_status == 4){ }}
        待面试
    {{#  } else if(d.post_status == 5){ }}
        <em>已入职</em>
    {{#  } else if(d.post_status == 6){ }}
        <strong>复审中 ... </strong>
    {{#  } else if(d.post_status == 7){ }}
        等待后续面试官面试
    {{#  } else if(d.post_status == 8){ }}
        未通过复试
    {{#  } else if(d.post_status == 11){ }}
        已发Offer
    {{#  } else if(d.post_status == 12){ }}
        试岗中
    {{#  } else if(d.post_status == 13){ }}
        待入职
    {{#  } else if(d.post_status == 9){ }}
        试岗辞退
    {{#  } }}
</script>

<script>
    layui.use(['table','jquery','laydate','form'],function(){
        var table = layui.table;
        var laydate = layui.laydate;
        var sel_content = [];
        var staffid_arr = [];
        var table1;
        var form=layui.form;
        form.render();

        //日历
        lay('.test-item').each(function () {
            laydate.render({
                elem: this
                , format: 'yyyy-MM-dd'
                , value: ''
                , trigger: 'click'
            });
        });

        // 初次table数据渲染
        function table_init()
        {
            table1=table.render({
                elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
                ,toolbar: '#toolbarDemo'
                ,height: 'auto' //容器高度
                ,url:'/oa/Personnel/offerlist'
                ,response: {
                    statusName: 'code' //数据状态的字段名称，默认：code
                    ,statusCode: 200 //成功的状态码，默认：0
                    ,msgName: 'msg' //状态信息的字段名称，默认：msg
                    ,countName: 'count' //数据总数的字段名称，默认： count
                    ,dataName: 'data' //数据列表的字段名称，默认：data
                }
                ,page:{
                    curr:1,
                    limit:10,
                    limits:[10,30,50,100],
                }
                ,cols: [[ //表头
                    {field:'id', title: 'ID', align: 'left',width:'6%'},
                    {field:'res', title: '操作', align: 'left',width:'20%',toolbar:'#barDemo'},
                    {field:'username', title: '名称',align: 'center',width:'10%'},
                    {field:'telephone', title: '电话', align: 'center',width:'10%'},
                    {field:'post', title: '岗位', align: 'center',width:'10%'},
                    {field:'post_status', title: '状态', align: 'left',width:'8%',toolbar:'#enabledModal'},
                    {field:'offer_time', title: 'Offer时间', align: 'left',width:'12%'},
                    {field:'try_date', title: '试岗时间', align: 'left',width:'12%'},
                    {field:'entry_date', title: '入职时间', align: 'left',width:'12%'},
                ]]
            });
        }

        /**
         * 导出
         */
        $('#export_php').on('click', function () {
            var url = '/oa/Personnel/rck_show';
            var arr = new Array();
            arr['type'] =1;
            arr['keyid'] =1;
            var start_time = $('#start_time').val();
            var end_time = $('#end_time').val();
            $.ajax({
                url: url,
                data: {"limit":1000},
                type: 'post',
                success: function (ret) {
                    table.exportFile(table1.config.id,ret.data, '-人才管理.xls');
                }

            })
        });
        // table数据重载
        function table_reload()
        {
            // 获取复选框的值
            obj = document.getElementsByName("post_status");
            check_val = [];
            for(k in obj){
                if(obj[k].checked)
                    check_val.push(obj[k].value);
            } 
            var search = $('#username').val()
            var radio = check_val                       //$("input[type='radio']:checked").val()
            table1.reload({
                where: {                                //设定异步数据接口的额外参数，任意设
                    radio:radio,
                    search:search,
                }
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }
        $('#resets').click(function() {
            window.location.href="/oa/Personnel/offerlist"
        })

        $('#dosearch').click(function(){
            table_reload();
        })
        
        //监听工具条  编辑 和 删除按钮
        table.on('tool(table)', function(obj){ //注：tool是工具条事件名，table是table原始容器的属性 lay-filter="对应的值"
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            // var tr = obj.tr; //获得当前行 tr 的DOM对象

            var data = obj.data; //获得当前行数据
            // console.log(data);

            if(layEvent === 'detail'){ //查看
                window.location.href='{:url("/oa/Personnel/rck_cat")}?id='+data.id
            
            } else if(layEvent === 'delete'){ //删除
                // console.log('delete');

                layer.confirm('真的删除行么', function(index){
                    obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                    layer.close(index);
                    //向服务端发送删除指令
                    $.post("{:url('/oa/Personnel/rck_delete')}", {id:data.id});
                });

            } else if(layEvent === 'edit'){ //编辑
                // console.log('edit');

                location.href='{:url('/oa/Rule/edit')}?id='+data.id
                
            }else if (layEvent === 'makeapp') {
                window.location.href='{:url("/oa/Personnel/rck_invite")}?id='+data.id
            }else if (layEvent === 'tryjob'){
                load_page(
                    "tryjob?u_id="+data.id,
                    {
                        title:'试岗登记'
                        ,height:500
                        ,func:function(res){
                            $('#addtrysubmit').click();
                           // layer.close(tryjobIndex);
                        }
                        ,complete:function(index){
                            updatePageindex(index);
                        }
                    }
                );
            }else if (layEvent === 'tryresult'){
                load_page(
                    "tryresult?u_id="+data.id,
                    {
                        title:'试岗登记'
                        ,height:400
                        ,width:450
                        ,func:function(res){
                            $('#tryresult').click();
                           // layer.close(tryjobIndex);
                        }
                        ,complete:function(index){
                            updatePageindex(index);
                        }
                    }
                );
            }else if (layEvent === 'showtry'){
                load_page(
                    "showtry?u_id="+data.id,
                    {
                        title:'试岗记录'
                        ,height:300
                        ,width:800
                        ,func:function(res){
                            $('#tryresult').click();
                           // layer.close(tryjobIndex);
                        }
                        ,complete:function(index){
                            updatePageindex(index);
                        }
                    }
                );
            }else if (layEvent === 'entry'){
                location.href='/oa/dept/staff?autoadd=1&u_id='+data.id;
            }
        });

        // --------------------------------------------------------
        var table

        function init()
        {
            // console.log('init');
            table_init();
            {$data.alertmsg}
        }
        init()

    })

    //触发事件
    var active = {
        //刷新列表
        reload: function(data){
            //执行重载
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    username: username,
                }
            });
        }

    };
</script>


{/block}