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

    var staff_name = "{$Think.session.staff_name}";
    var colModel = "{$colModel}";
    var colNames = "{$colNames}";
</script>

{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
{/block}
{block name="style"}

    html,body{
        height: 100%;
        overflow: hidden;
    }

    .if_wrap .cus-con {
        min-width: 1700px;
    }

{/block}

{block name="main"}
<div class="if_wrap">
    <div class="cus-con">

        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">教育经历管理</li>
                <li>工作经历管理</li>
            </ul>
            <div class="layui-tab-content" style="height: 100px;">
                <div class="layui-tab-item layui-show">

                    <div class="cus-top" id="study-top">
                        <div class="cus-top-left layui-form layui-form-pane1">
                            <label class="layui-form-label" style="width: 90px!important;">员工信息：</label>
                            <div class="layui-input-block w-120" >
                                <input type="text" class="layui-input"  id="study_keyword" placeholder="姓名/工号/手机号">
                            </div>
                            <label class="layui-form-label" style="width: 90px!important;margin-left: 10px!important;">岗位名称：</label>
                            <div class="layui-input-block w-120"  >
                                <input type="text" class="layui-input" id="study_position" placeholder="请输入岗位名称">
                            </div>
                            <label class="layui-form-label" style="width: 90px;margin-left: 10px!important;">学历：</label>
                            <div class="layui-input-block w-120" >
                                <select id="study_education">
                                    <option value="">请选择</option>
                                    <option value="1">小学</option>
                                    <option value="2">初中</option>
                                    <option value="3">高中</option>
                                    <option value="4">中专</option>
                                    <option value="5">技校</option>
                                    <option value="6">职高</option>
                                    <option value="7">大专</option>
                                    <option value="8">本科</option>
                                    <option value="9">硕士</option>
                                    <option value="10">博士</option>
                                    <option value="11">博士后</option>
                                    <option value="12">其他</option>
                                </select>
                            </div>

                            <label class="layui-form-label" style="width: 70px!important;margin-left: 10px!important;">是否最高：</label>
                            <div class="layui-input-block w-120" >
                                <select id="is_top">
                                    <option value="">请选择</option>
                                    <option value="1">是</option>
                                    <option value="2">否</option>
                                </select>
                            </div>

                            <div class="layui-input-block cus-search" style="z-index: 1;">
                                <button lay-submit lay-filter="search" id="study_search" data-type="study_reload"  value="查询" class="search-span" style="border-radius: 5px;">查询</button>
                            </div>
                            <div class="layui-input-block cus-search" style="z-index: 1;">
                                <button lay-filter="reset" id="study_reset"  value="重置" class="search-span" style="border-radius: 5px;">重置</button>
                            </div>
                            <div class="layui-input-block cus-search" style="z-index: 1;">
                                <button lay-filter="reset" id="export_php_1"  value="导出" class="search-span" style="border-radius: 5px;">导出</button>
                            </div>
                        </div>
                    </div>
                    <div class="cus-filter"></div>
                    <div class="cus-model">
                        <!--<button class="layui-btn layui-btn-primary cus-model-btn" id="api-add">-->
                            <!--<i class="iconfont">&#xe622;</i> 新增-->
                        <!--</button>-->
                        <!--<button class="layui-btn layui-btn-primary cus-model-btn" data-type="reload">-->
                            <!--<i class="iconfont">&#xe668;</i> 刷新-->
                        <!--</button>-->
                    </div>
                    <div class="cus-link" style="width: 1730px;"></div>
                    <div class="cus-table">
                        <table id="study" lay-filter="demo" lay-data="{id: 'idTest'}"></table>
                        <div id="study_pager"></div>
                    </div>

                </div>
                <div class="layui-tab-item">
                    <div class="cus-top" id="job-top">
                        <div class="cus-top-left layui-form layui-form-pane1">
                            <label class="layui-form-label" style="width: 90px!important;">员工信息：</label>
                            <div class="layui-input-block w-120" >
                                <input type="text" class="layui-input"  id="job_keyword" placeholder="姓名/工号/手机号">
                            </div>
                            <label class="layui-form-label" style="width: 90px!important;margin-left: 10px!important;">岗位名称：</label>
                            <div class="layui-input-block w-120"  >
                                <input type="text" class="layui-input" id="job_position" placeholder="请输入岗位名称">
                            </div>
                            <label class="layui-form-label" style="width: 90px!important;margin-left: 10px!important;">公司名称：</label>
                            <div class="layui-input-block w-120" >
                                <input type="text" class="layui-input"  id="company" placeholder="请输入公司名称">
                            </div>
                            <label class="layui-form-label" style="width: 70px!important;margin-left: 10px!important;">职务：</label>
                            <div class="layui-input-block w-120" >
                                <input type="text" class="layui-input"  id="position" placeholder="请输入职务">
                            </div>

                            <div class="layui-input-block cus-search" style="z-index: 1;">
                                <input type="hidden" name="type_info" id="type_info">
                                <button lay-submit lay-filter="search" id="job_search" data-type="job_reload"  value="查询" class="search-span" style="border-radius: 5px;">查询</button>
                            </div>
                            <div class="layui-input-block cus-search" style="z-index: 1;">
                                <button lay-filter="reset" id="job_reset"  value="重置" class="search-span" style="border-radius: 5px;">重置</button>
                            </div>
                        </div>
                    </div>
                    <div class="cus-filter"></div>
                    <div class="cus-model">
                        <!--<button class="layui-btn layui-btn-primary cus-model-btn" id="api-add">-->
                            <!--<i class="iconfont">&#xe622;</i> 新增-->
                        <!--</button>-->
                        <!--<button class="layui-btn layui-btn-primary cus-model-btn" data-type="reload">-->
                            <!--<i class="iconfont">&#xe668;</i> 刷新-->
                        <!--</button>-->
                    </div>
                    <div class="cus-link" style="width: 1730px;"></div>
                    <div class="cus-table">
                        <table id="job" lay-filter="job" lay-data="{id: 'idTest'}"></table>
                        <div id="pager"></div>
                    </div>
                </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="check_education">
    {{# if(d.education==1){ }}
    小学
    {{# }else if(d.education==2){ }}
    初中
    {{# }else if(d.education==3){ }}
    高中
    {{# }else if(d.education==4){ }}
    中专
    {{# }else if(d.education==5){ }}
    技校
    {{# }else if(d.education==6){ }}
    职高
    {{# }else if(d.education==7){ }}
    大专
    {{# }else if(d.education==8){ }}
    本科
    {{# }else if(d.education==9){ }}
    硕士
    {{# }else if(d.education==10){ }}
    博士
    {{# }else if(d.education==11){ }}
    博士后
    {{# }else if(d.education==12){ }}
    其他
    {{# }else{ }}
    \
    {{# } }}
</script>
<script type="text/html" id="check_top">
    {{# if(d.is_top==1){ }}
    是
    {{# }else if(d.is_top==2){ }}
    否
    {{# }else{ }}
    \
    {{# } }}
</script>

<script type="text/html" id="study_shops">
    {{d.shop_name==0?'':d.shop_name}}
</script>
<script type="text/html" id="study_depts">
    {{d.department_name==0||d.department_name==null?'':d.department_name}}
</script>

<script type="text/html" id="job_shops">
    {{d.shop_name==0?'':d.shop_name}}
</script>
<script type="text/html" id="job_depts">
    {{d.department_name==0||d.department_name==null?'':d.department_name}}
</script>

<script type="text/html" id="barDemo">
    <span style="margin-top: -4px;" lay-event="edit" data-id="{{d.id}}" data-staffid="{{d.staffid}}" class="layui-btn edit layui-btn-normal">编辑</span>
    <span style="margin-top: -4px;" lay-event="del" data-id="{{d.id}}" class="layui-btn layui-btn-danger del">删除</span>
</script>
<script type="text/html" id="barDemo2">
    <span style="margin-top: -4px;" lay-event="edit" data-id="{{d.id}}" data-staffid="{{d.staffid}}" class="layui-btn edit layui-btn-normal">编辑</span>
    <span style="margin-top: -4px;" lay-event="del" data-id="{{d.id}}" class="layui-btn layui-btn-danger del">删除</span>
</script>

<script>
    var listStr=function(name){
        var str="";
        for(var i=0;i<$(name).length;i++){
            var text=$(name).eq(i).html();
            var listid=$(name).eq(i).attr("id");
            if(i==$(name).length-1){
                str+=listid;
            }else{
                str+=listid+',';
            }
        }
        return str;
    };

    //学习经历变量
    var study_keyword,study_position,study_education,is_top;

    //工作经历变量
    var job_keyword,job_position,company,position;

    var table;
    layui.use(['layer', 'table','form','element'], function () {
        table = layui.table;
        var layer = layui.layer, form = layui.form;
        //学习经历
        var tableIns=table.render({
            elem: '#study'
            ,toolbar: '#toolbarDemo'
            ,width:1712
            , url: '/oa/Dept/getStudyExperience' //数据接口
            ,id: 'studyReload'
            //,even: true
            ,where: {keyword:study_keyword,position_name:study_position,education:study_education,is_top:is_top}
            ,page:{
                curr:1,
                limit:10,
                limits:[10,30,50,100],
            }
            , cols: [[ //表头

                {field:'staffname', title: '员工名称', align: 'center',width:'110',fixed:'left'}
                ,{field:'staffnumber', title: '员工编号', align: 'center',width:'140'}
                ,{field:'shop_name', title: '店面', align: 'center',width:'200',toolbar:'#study_shops'}
                ,{field:'department_name', title: '部门', align: 'center',width:'200',toolbar:'#study_depts'}
                ,{field:'main_position_name', title: '岗位', align: 'center',width:'200'}
                ,{field:'education', title: '学历', align: 'center',width:'100',toolbar:'#check_education'}
                ,{field:'is_top', title: '是否最高学历', align: 'center',width:'150',toolbar:'#check_top'}
                ,{field:'end_date', title: '毕业时间', align: 'center',width:'100'}
                ,{field:'school', title: '毕业院校', align: 'center',width:'150'}
                ,{field:'professional', title: '学习专业', align: 'center',width:'150'}
                ,{title: '操作', align: 'center',width:'200', toolbar: '#barDemo',fixed:'right'}
            ]],
            done: function(res, curr, count){
                $(".mark-red").parents("tr").css({
                    "color":"#fff",
                    "background":"red"
                });
            }
        });

        //工作经历
        var job_table=table.render({
            elem: '#job'
            ,toolbar: '#toolbarDemo'
            , url: '/oa/Dept/getJobExperience' //数据接口
            ,id: 'jobReload'
            //,even: true
            ,where: {keyword:job_keyword,position_name:job_position,company:company,position:position}
            ,page:{
                curr:1,
                limit:10,
                limits:[10,30,50,100],
            }
            , cols: [[ //表头
                {field:'staffname', title: '员工名称', align: 'center',width:'5%', fixed: 'left'}
                ,{field:'staffnumber', title: '员工编号', align: 'center',width:'5%'}
                ,{field:'shop_name', title: '店面', align: 'center',width:'10%',toolbar:'#job_shops'}
                ,{field:'department_name', title: '部门', align: 'center',width:'5%',toolbar:'#job_depts'}
                ,{field:'main_position_name', title: '岗位', align: 'center',width:'5%'}
                ,{field:'company', title: '工作单位', align: 'center',width:'10%'}
                ,{field:'position', title: '职务', align: 'center',width:'10%'}
                ,{field:'start_date', title: '开始工作时间', align: 'center',width:'10%'}
                ,{field:'end_date', title: '结束工作时间', align: 'center',width:'10%'}
                ,{field:'contact', title: '证明人', align: 'center',width:'10%'}
                ,{field:'contact_phone', title: '证明人联系电话', align: 'center',width:'10%'}
                ,{field:'leave_reason', title: '离职原因', align: 'center',width:'10%'}
                ,{field:'leave_salary', title: '离职薪资', align: 'center',width:'10%'}
                ,{field:'note', title: '工作备注', align: 'center',width:'10%'}
                ,{title: '操作', align: 'center',width:'15%', toolbar: '#barDemo2',fixed:'right'}
            ]],
            done: function(res, curr, count){
                $(".mark-red").parents("tr").css({
                    "color":"#fff",
                    "background":"red"
                });
            }
        });

        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            var id   = $(this).attr("data-id");
            var staff_id = $(this).attr("data-staffid");
            if(layEvent=='edit'){

                //编辑教育经历
                layer.open({
                    title: '编辑教育经历',
                    type: 2,
                    maxmin: true,
                    skin: 'layui-layer-rim',
                    area: ['40%', '52%'],
                    content: "/oa/dept/addStudyExperience?staffid="+staff_id+'&id='+id,
                    btn: ['提交', '取消'],
                    yes: function (iframeDom,index) {
                        //获取iframe
                        var cus = $(".layui-layer-content iframe").contents().children();
                        var params  = cus.find("#form1").serialize();

                        if(!cus.find('#education').val()){
                            layer.alert("请选择学历");return false;
                        }
                        $.ajax({
                            type: "POST",
                            url: '/oa/dept/addStudyExperience',
                            data: params,
                            success: function(msg){
                                if( msg.code == 200 ){
                                    console.log(msg);
                                    layer.alert('编辑成功');
                                    setTimeout(function(){
                                        layer.closeAll('iframe');
                                        active['study_search_reload'] ? active['study_search_reload'].call(this) : '';
                                    },1500);
                                }else{
                                    layer.alert(msg.msg);
                                    return false;
                                }
                            }
                        });
                    }
                });

            }else if(layEvent=='del'){

                layer.confirm('你确定删除当前教育经历吗？', {
                    btn: ['确定','取消'] //按钮
                }, function(index){
                    $.ajax({
                        type: "POST",
                        url: '/oa/dept/delStudyExperience',
                        data: {id:id},
                        success: function(msg){
                            if( msg.code == 200 ){
                                layer.close(index);
                                active["study_search_reload"] ? active["study_search_reload"].call(this) : '';
                            }else{
                                layer.alert(msg.msg);
                            }
                        }
                    });
                });
            }
        });
        table.on('tool(job)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            var id   = $(this).attr("data-id");
            var staff_id = $(this).attr("data-staffid");
            if(layEvent=='edit'){
                layer.open({
                    title: '编辑工作经历',
                    type: 2,
                    maxmin: true,
                    skin: 'layui-layer-rim',
                    area: ['40%', '52%'],
                    content: "/oa/dept/addJobExperience?staffid="+staff_id+'&id='+id,
                    btn: ['提交', '取消'],
                    yes: function (iframeDom,index) {
                        //获取iframe
                        var cus = $(".layui-layer-content iframe").contents().children();
                        var params  = cus.find("#form1").serialize();

                        if(!cus.find('#company').val()){
                            layer.alert("请填写公司名称");return false;
                        }

                        $.ajax({
                            type: "POST",
                            url: '/oa/dept/addJobExperience',
                            data: params,
                            success: function(msg){
                                if( msg.code == 200 ){
                                    layer.alert('编辑成功');
                                    setTimeout(function(){
                                        layer.closeAll('iframe');
                                        active["job_search_reload"] ? active["job_search_reload"].call(this) : '';
                                    },1500);
                                }else{
                                    layer.alert(msg.msg);
                                    return false;
                                }
                            }
                        });
                    }
                });
            }else if(layEvent=='del'){

                layer.confirm('你确定删除当前工作经历吗？', {
                    btn: ['确定','取消'] //按钮
                }, function(index){
                    $.ajax({
                        type: "POST",
                        url: '/oa/Dept/delJobExperience',
                        data: {id:id},
                        success: function(msg){
                            if( msg.code == 200 ){
                                layer.close(index);
                                active["job_search_reload"] ? active["job_search_reload"].call(this) : '';
                            }else{
                                layer.alert(msg.msg);
                                layer.msg(msg.msg, {
                                    icon: 5,
                                    shade: [0.6, '#393D49'],
                                    time:1500
                                });
                            }
                        }
                    });
                });
            }

        });
        $('.cus-model-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
            $(this).addClass("active").siblings(".cus-model-btn").removeClass("active");
            if (type == "allot") {
                $("#allot-box").parent().css("overflow", "inherit");
            }
        });

        //学历搜索
        $('#study_search').on('click', function(){
            study_keyword = $('#study_keyword').val();
            study_position = $('#study_position').val();
            study_education = $('#study_education').val();
            is_top = $('#is_top').val();
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        $(document).keyup(function(event){
            if(event.keyCode ==13){
                $("#study_search").trigger("click");
            }
        });

        // 学习经历重置搜索条件
        $("#study_reset").click(function (val) {
            $("#study-top input").val("");
            $("#study-top select").val("");
            layui.form.render();
            return false;
        });

        //工作经历搜索
        $('#job_search').on('click', function(){
            job_keyword = $('#job_keyword').val();
            job_position = $('#job_position').val();
            company = $('#company').val();
            position = $('#position').val();
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        // 工作经历重置搜索条件
        $("#job_reset").click(function (val) {
            $("#job-top input").val("");
            $("#job-top select").val("");
            layui.form.render();
            return false;
        });

    });

    //触发事件
    var active = {
        //刷新列表
        study_reload: function(data){
            //执行重载
            table.reload('studyReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    keyword:study_keyword,
                    position_name:study_position,
                    education:study_education,
                    is_top:is_top
                }
            });
        },
        study_search_reload:function(){
            table.reload('studyReload', {
                where: {
                    keyword:study_keyword,
                    position_name:study_position,
                    education:study_education,
                    is_top:is_top
                }
            });
        },

        //刷新列表
        job_reload: function(data){
            //执行重载
            table.reload('jobReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    keyword:job_keyword,
                    position_name:job_position,
                    company:company,
                    position:position
                }
            });
        },
        job_search_reload:function(){
            table.reload('jobReload', {
                where: {
                    keyword:job_keyword,
                    position_name:job_position,
                    company:company,
                    position:position
                }
            });
        }

    };

    layui.use(['layer', 'form'], function() {
        var $ = layui.jquery, layer = layui.layer;

        $('#api-add').on('click', function () {

            layer.open({
                title: '新增部门',
                type: 2,
                skin: 'layui-layer-rim',
                area: ['520px', '500px'],
                content: "addDepartment",
                btn: ['提交', '取消'],
                yes: function (iframeDom,index) {
                    //获取iframe
                    var cus = $(".layui-layer-content iframe").contents().children();
                    var params  = cus.find("#form1").serialize();

                    $.ajax({
                        type: "POST",
                        url: 'addDepartment',
                        data: params,
                        success: function(msg){
                            if( msg.code == 200 ){
                                layer.alert('添加成功');
                                setTimeout(function(){
                                    layer.closeAll('iframe');
                                    active["search_reload"] ? active["search_reload"].call(this) : '';
                                },1500);
                            }else{
                                layer.alert(msg.msg);
                                return false;
                            }
                        }
                    });
                }
            });

        });


    });


</script>

{/block}