{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>
    #loading{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        opacity:0.6;
        z-index:15000;
    }
    #loading img{
        position:absolute;top:50%;
        left:50%;
        width:60px;
        height:60px;
        margin-top:-30px;
        margin-left:-30px;
        background: white;
    }

    .layui-progress-big{
        height: 15px;
        margin-top: 5px;
    }

    .progress-div{
        width: 550px;
        margin-top: 20px;
        float: left;
    }

</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">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
        <legend>集团薪资生成</legend>
    </fieldset>
     
    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li class="layui-this">1.生成集团月度出勤信息</li>
            <li>2.生成集团月度基础薪资表</li>
            <li>3.将补助与扣费信息后合并到薪资</li>
            <li>4.提交审批</li>
            <li style="color: red;"><span class="layui-badge">{$totals}</span>&nbsp;&nbsp;&nbsp;出勤信息申诉</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <button class="layui-btn " id="check_out_attendance">生成集团月度出勤状况</button>
                <input type="text" class="layui-input"  name="username" id="username" placeholder="请输入名称" style="width: 186px;margin-left: 17px;position: relative;top: 1px; display: inline; ">
                <button id="dosearch" value="查询" class="layui-btn" style="position: relative;right: 68px;">查询</button>


                <!--出勤进度条-->
                <div class="cus-model" id="attendance-div" {if !cache('attendance_progress')} style="display:none;" {/if}>

                    <div class="progress-div">
                        <div class="layui-progress" lay-showPercent="yes" lay-filter="reload-attendance">
                            <div class="layui-progress-bar layui-bg-red attendance-p" lay-percent="{:cache('attendance_progress')}"></div>
                        </div>
                    </div>

                    <div>
                        <button class="layui-btn layui-btn-primary cus-model-btn reload-attendance" style="margin-left: 30px;">
                            <i class="iconfont">&#xe668;</i> 刷新进度条
                        </button>
                    </div>

                </div>


                <table id="demo" lay-filter="table1"></table>    
                <script type="text/html" id="enabledModal">
                    {{#  if(d.state == 1){ }}
                        待本人确认
                    {{#  } else if(d.state == 2){ }}
                        <font style="color:red">通过</font>
                    {{#  } else if(d.state == 3){ }}
                        未通过
                    {{#  } }}
                </script>
                <script type="text/html" id="operationModal">
                    <span lay-event="cat" class="layui-btn layui-btn-normal" style="margin-top: -4px;">查看更多</span>
                    <span lay-event="detail" class="layui-btn layui-btn-danger del" style="margin-top: -4px;">修改</span>
                </script>
            </div>
            <div class="layui-tab-item">
                <button class="layui-btn " id="check_out_data">生成集团月度薪资表</button>
                {if $is_export == 1 }
                <button class="layui-btn " id="export_out_data">导出集团月度薪资表</button>
                {/if}
                <input type="text" class="layui-input"  name="usernames" id="usernames" placeholder="请输入名称" style="width: 186px;margin-left: 17px;position: relative;top: 1px; display: inline; ">
                <button id="dosearchs" value="查询" class="layui-btn" style="position: relative;right: 68px;">查询</button>

                <!--薪资进度条-->
                <div class="cus-model" id="salary-div" {if !cache('salary_progress')} style="display:none;" {/if}>
                    <div class="progress-div">
                        <div class="layui-progress" lay-showPercent="yes" lay-filter="reload-salary">
                            <div class="layui-progress-bar layui-bg-red salary-p" lay-percent="{:cache('salary_progress')}"></div>
                        </div>
                    </div>

                    <div>
                        <button class="layui-btn layui-btn-primary cus-model-btn reload-salary" style="margin-left: 30px;">
                            <i class="iconfont">&#xe668;</i> 刷新进度条
                        </button>
                    </div>
                </div>


                <table id="demos" lay-filter="tables1">
           
                </table>
                <script type="text/html" id="operationModals">
                    <span lay-event="cat" class="layui-btn layui-btn-normal" style="margin-top: -4px;">查看更多</span>
                </script>
            </div>
            <div class="layui-tab-item">
                <button class="layui-btn" style="" id="submitgroup">将补助与扣费信息后合并到基础薪资</button>
                {$button}
                <div>
                    <table id="demo2" lay-filter="table2"></table>
                    <script type="text/html" id="operationModal2">
                        <span lay-event="upda" class="layui-btn layui-btn-danger del" style="margin-top: -4px;">修改</span>
                    </script>
                </div>
            </div>
            <div class="layui-tab-item">
                <!-- <div class="cus-con">
                    <button class="layui-btn " id="check_out_attendance">初生成集团月度出勤状况</button>
                    <button class="layui-btn " id="check_out_data">初生成集团月度薪资表</button>
                    <button class="layui-btn" style="margin-left:120px;" id="submitgroup">将补助与扣费信息后合并到薪资</button>
                    <button class="layui-btn" style="margin-left:100px;" id="toGroup">提交集团月度薪资 审核*</button>
                    <h3>第一步：初生成薪资核算、第二步：生成员工出勤数据 员工进行核准、第三步：由人资财务填写附属补助与扣费信息后合并到薪资、第四步：提交Excel审批</h3>
                </div> -->
                <form class="layui-form" action="" id="menu" method="post">
                    <div class="layui-inline" >
                        <input type="hidden" name="file_name" id="file_name">
                        <label class="layui-form-label" style="width: 90px;">上传附件 ：</label>
                        <div class="layui-input-block w-380 fw-l" style="position: relative;right: 120px;">
                        <div class="layui-btn layui-btn-primary" id="uplod-btn">选择文件</div>
                        <span class="im-choose-span" id="new_file_name">未新选择任何上传文件</span>
                        <button type="button" class="layui-btn" id="start_upload">开始上传</button>
                        </div>
                    </div>

                    <div style="margin-left: 110px; margin-top: 70px;">
                        <button type="submit" class="layui-btn" id="submit_php">发起集团薪资核算</button>
                    </div>
                </form>
                
            </div>
            <div class="layui-tab-item">
                <input type="text" class="layui-input"  name="usernames" id="usernames" placeholder="请输入姓名" style="width: 186px;margin-left: 17px;position: relative;top: 1px; display: inline; ">
                <button id="dosearchss" value="查询" class="layui-btn" style="position: relative;right: 68px;">查询</button>
                <table id="demos2" lay-filter="tables2"></div>
           
                </table>
                <script type="text/html" id="enabledModal2">
                    {{#  if(d.state == 1){ }}
                        <font style="color:red">未处理</font>
                    {{#  } else if(d.state == 2){ }}
                        已处理
                    {{#  } }}
                </script>
                <script type="text/html" id="operationModals2">
                    <span lay-event="havent" class="layui-btn layui-btn-normal" style="margin-top: -4px;">已处理</span>
                    <span lay-event="nohave" class="layui-btn layui-btn-warm" style="margin-top: -4px;">未处理</span>
                </script>

            </div>
        </div>
    </div>


</div>
<script src="__PUBLIC__/js/plupload.full.min.js?v={$Think.const.APP_VERSION}"></script>
<script src="__PUBLIC__/js/main.js?v={$Think.const.APP_VERSION}"></script>
<script type="text/javascript" id="shoptpl">
    {{# if (d.shop_name != '0') { }}
    {{d.shop_name}}
    {{# } }}
</script>
<script type="text/javascript" id="depttpl">
    {{# if (d.department_name != '0') { }}
    {{d.department_name}}
    {{# } }}
</script>
<script>
    //实例化一个plupload上传对象
    var uploader = new plupload.Uploader({
        browse_button : 'uplod-btn', //触发文件选择对话框的按钮，为那个元素id
        url:'/oa/Customer/uploadFile',
        flash_swf_url : '__PUBLIC__/js/Moxie.swf', //swf文件，当需要使用swf方式进行上传时需要配置该参数
        silverlight_xap_url : '__PUBLIC__/js/Moxie.xap', //silverlight文件，当需要使用silverlight方式进行上传时需要配置该参数
        multi_selection:false,
        filters: {
            mime_types : [],
            max_file_size:'{$size}',
            prevent_duplicates : true //不允许选取重复文件
        }
    });

    //在实例对象上调用init()方法进行初始化
    uploader.init();

    //绑定各种事件，并在事件监听函数中做你想做的事
    uploader.bind('FilesAdded',function(uploader,files){

        //每个事件监听函数都会传入一些很有用的参数，
        //我们可以利用这些参数提供的信息来做比如更新UI，提示上传进度等操作
        for(var i = 0, len = files.length; i<len; i++){
            //alert(JSON.stringify(files[i]));
            var file_name = files[i].name; //文件名
            //构造html来更新UI
            var html =file_name;
            $('#new_file_name').html(html);
        }
    });

//    uploader.start();
    uploader.bind('UploadProgress',function(uploader,file){
        layui.use('element', function(){
            var $ = layui.jquery,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
            element.progress('im-progress',file.percent + '%');
        });
    });
    //当队列中的某一个文件上传完成后触发监听函数参数
    uploader.bind('FileUploaded',function(uploader,file,responseObject){
        var Object=JSON.parse(responseObject.response);
        var file_name = Object.data;
        $('#file_name').val(file_name);
    });
    //当上传队列中所有文件都上传完成后触发监听函数参数
    uploader.bind('UploadComplete',function(uploader,file){
        layui.use('element', function() {
            var $ = layui.jquery, layer = layui.layer;
            layer.alert("文件上传成功");
        });
    });

    //最后给"开始上传"按钮注册事件
    $("#start_upload").on('click',function(){
        $('#im-progress').css('display','inline-block');
        uploader.start();
    });


    $('#submit_php').click(function () {
        $('#submit_php').attr('disabled',true);
        var file_name  = $('#file_name').val()

        $.ajax({
            url: "{:url('/oa/salary/dostring_file_name');}",
            data: {file_name:file_name},
            type: 'POST',
            success: function (e) {
                letrun(e)
            }
        })

        return false;
    })

    function letrun(e) {
        var menu = $("#menu").serialize();
        var fields = JSON.stringify(e)
         
        menu += '&fields='+fields+'&form_id=245&staff_id='+{$session_id};
        $.ajax({
            url: '/papi/Audit/auditInfo_add',
            type: 'post',
            data: menu,
            dataType: 'json',
            success: function (res) {
                if (res.code == 200) {
                    if (res.code == 200) {
                        layer.open({
                            content: '添加成功！',
                            btn: ['确认'],
                            yes: function (index, layero) {
                                window.location.href = "{:url('/oa/Salary/index')}";
                            },
                        });
                    } else {
                        $('#submit_php').attr('disabled',false);
                        layer.alert(ret.msg);
                    }
                    return false;
                } else {
                    layer.alert(res.msg);
                }
            }
        })
    }

</script>

<script>
    var reload_process;
    var process_pencent = 100;
    layui.use(['element','table','jquery'],function(){
        // alert($);
        var table = layui.table;
        var element = layui.element;
        var table2;
        tables3_init();

        //更新考勤进度条
        $('#attendance-div').on('click','.reload-attendance',function(){
            reload_process(1);
        });

        //更新薪资进度条
        $('#salary-div').on('click','.reload-salary',function(){
            reload_process(2);
        });
        reload_process = function(type){
            $.ajax({
                type:'post',
                url:"{:url('oa/Salary/reloadProgress')}",
                data:{type:type},
                success:function(res){
                    var pro = res ? res : 0;
                    process_pencent = parseInt(pro);
                    if(process_pencent < 100){
                        setTimeout("reload_process("+type+")",1000);
                    }
                    if(type == 1){
                        element.progress('reload-attendance',pro);
                    }else{
                        element.progress('reload-salary',pro);
                    }
                    
                }
            });
        }
        // 初次table数据渲染
        function tables3_init()
        {
            table2=table.render({
                elem: '#demo2' //指定原始表格元素选择器（推荐id选择器）
                ,height: 'auto' //容器高度
                ,url:'/oa/Salary/list_merge'
                ,toolbar: '#toolbarDemo'
                ,response: {
                    statusName: 'code' //数据状态的字段名称，默认：code
                    ,statusCode: 200 //成功的状态码，默认：0
                    ,msgName: 'msg' //状态信息的字段名称，默认：msg
                    ,countName: 'count' //数据总数的字段名称，默认： count
                    ,dataName: 'data' //数据列表的字段名称，默认：data
                } 
                ,page:{
                    curr:1,
                    limit:10,
                    limits:[10,20,30],
                }
                ,cols: [[ //表头
                    {field:'id', title: '编号', width:'4%',fixed:'left'},
                    {field:'username', title: '姓名', align: 'center',width:'10%',fixed:'left'},
                    {field:'positionname', title: '岗位名称', align: 'center',width:'11.8%',fixed:'left'},
                    {field:'age_salary', title: '工龄工资', align: 'center',width:'8%'},
                    //{field:'allowance', title: '其他津贴', align: 'center',width:'8%'},
                    {field:'other_salary', title: '其他津贴', align: 'center',width:'8%'},
                    {field:'adminreword', title: '行政奖惩', align: 'center',width:'8%'},
                    {field:'workclothes', title: '工装', align: 'center',width:'8%'},
                    //{field:'brand_option', title: '品牌意见', align: 'center',width:'8%'},
                    //{field:'human_option', title: '人资总监意见', align: 'center',width:'8%'},
                    //{field:'general_zhou', title: '周总意见', align: 'center',width:'8%'},
                    //{field:'market_rewords', title: '营销奖惩', align: 'center',width:'8%'},
                    //{field:'markets_rewords', title: '市场链奖惩', align: 'center',width:'8%'},
                    {field:'company_sub', title: '公司补助', align: 'center',width:'8%'},
                    //{field:'exp_sub', title: '外派补助', align: 'center',width:'8%'},
                    {field:'car_allowance', title: '车补', align: 'center',width:'8%'},
                    {field:'meal_allowance', title: '餐补', align: 'center',width:'8%'},
                    {field:'high_temperature_allowance', title: '高温补助', align: 'center',width:'8%'},
                    //{field:'sup_sub', title: '补差异', align: 'center',width:'8%'},
                    {title: '操作', align: 'center',width:'11%', toolbar: '#operationModal2',fixed:'right'},
                ]] //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
        }

        table.on('tool(table2)', function(obj){
            var layEvent = obj.event;
            var data = obj.data; //获得当前行数据

            if(layEvent === 'upda'){
                layer.open({
                    title: '',
                    type: 2,
                    maxmin: true,
                    skin: 'layui-layer-rim',
                    area: ['60%', '65%'],
                    content: "salary_upda?id="+data.id,
                    btn: ['完毕'],
                    yes: function (iframeDom,index) {
                        //获取iframe
                        layer.closeAll('iframe');
                        layer.closeAll();
                        // location.href='/oa/Salary/abgroup'
                    }
                });
            }
        });

        // table数据重载
        function tables3_reload()
        {
            var brandclass      =   $('#brandclass').val()
            var shop_name       =   $('#shop_name').val()
            var department_name =   $('#department_name').val()
            var main_position_name  = $('#main_position_name').val()
            var staffnumber     =   $('#staffnumber').val()
            var search          =   $('#username').val()

            table2.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    brandclass  : brandclass,
                    shop_name   : shop_name,
                    department_name     : department_name,
                    main_position_name  : main_position_name,
                    staffnumber         : staffnumber,
                    search      : search,
                    
                }
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }
        
        // 点击搜索
        $('#dosearch').click(function(){
            tables3_reload();
        })

        // 添加对于工具条的监控 完成查看/删除
        

    })

    layui.use(['table','jquery'],function(){
        // alert($);
        var table = layui.table;

        var table1;
        table1_init();

        // 初次table数据渲染
        function table1_init()
        {
            table1=table.render({
                elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
                ,height: '694' //容器高度
                // ,height: 'auto' //容器高度
                ,url:'/oa/Salary/oa_slary_attend_show'
                ,response: {
                    statusName: 'code' //数据状态的字段名称，默认：code
                    ,statusCode: 200 //成功的状态码，默认：0
                    ,msgName: 'msg' //状态信息的字段名称，默认：msg
                    ,countName: 'count' //数据总数的字段名称，默认： count
                    ,dataName: 'data' //数据列表的字段名称，默认：data
                    ,skin: 'row'
                    ,even: true
                } 
                ,page:{
                    curr:1,
                    limit:20,
                    limits:[10,20,30,50,100,200],
                }
                ,cols: [[ //表头
                    {field:'id', title: '标识符',width:'5%'},
                    {field:'username', title: '姓名', align: 'center',width:'9%'},
                    {field:'positionname', title: '岗位', align: 'center',width:'10%'},
                    {field:'month', title: '月份', align: 'center',width:'8%'},
                    {field:'beonduty', title: '应出勤天数', align: 'center',width:'6%'},
                    {field:'actualattend', title: '实出勤天数', align: 'center',width:'6%'},
//                    {field:'', title: '未入职天数', align: 'center',width:'6%'},
//                    {field:'restdays', title: '休息', align: 'center',width:'6%'},
                    {field:'depositrest', title: '剩余存休天数', align: 'center',width:'6%'},
                    {field:'breakleve', title: '调休', align: 'center',width:'6%'},
//                    {field:'depositrest', title: '补休天数', align: 'center',width:'6%'},
//                    {field:'cleancx', title: '清存休天数', align: 'center', edit: 'text',width:'6%'},
                    {field:'annualeve', title: '年假', align: 'center',width:'6%'},
                    {field:'matterleve', title: '事', align: 'center',width:'6%'},
                    {field:'sickleve', title: '病', align: 'center',width:'6%'},
                    {field:'absent', title: '旷', align: 'center',width:'6%'},
                    {field:'marriageholiday', title: '婚', align: 'center',width:'6%'},
                    {field:'bereavement', title: '丧', align: 'center',width:'6%'},
//                    {field:'later', title: '迟到次数', align: 'center',width:'6%'},
//                    {field:'latertime', title: '迟到分钟', align: 'center',width:'6%'},
//                    {field:'', title: '忘打卡', align: 'center',width:'6%'},
//                    {field:'', title: '淡季假', align: 'center',width:'6%'},
                    {field:'regdate', title: '核算时间', align: 'center',width:'10%'},
                    {field:'state', title: '人员是否确认', sort:'true', align: 'center',width:'10%',toolbar:'#enabledModal'},
                    {title: '操作', align: 'center',width:'17%', toolbar: '#operationModal'},
                ]] //设置表头
            });
        }
        // 监听单元格编辑 (清存休天数)  eric1225 后面继续，先整沈阳接单去
        table.on('edit(table1)', function(obj){
            var value = obj.value //得到修改后的值
            ,data = obj.data //得到所在行所有键值
            ,field = obj.field; //得到字段[ID: undefined] cost_1 字段更改为：2
            // console.log(value);
            // return false;
            var patrn = /^[0-9].*$/;
            if (!patrn.test(value)) {
                layer.msg('包含不是数字的字符');
                return false;
            }
            $.ajax({
                type: "POST",
                url: '',
                data: {},
                success: function (msg) {
                    if(msg.code == 200){
                        //成功
                        layer.msg(msg.msg);
                    }else{
                        // layer.msg(msg.msg);
                        layer.msg(msg.msg);
                    }
                },
                error:function(){
                    layer.alert('网络请求错误，请刷新页面重试。');
                }
            });
            //alert('[ID: '+ data.channel_id +'] ' + field + ' 字段更改为：'+ value);
        });


        // 添加对于工具条的监控 完成查看/删除
        table.on('tool(table1)', function(obj){
            var layEvent = obj.event;
            var data = obj.data; //获得当前行数据

            if(layEvent === 'cat'){ //查看
                // location.href= "{:url('/oa/Salary/cat')}"+'?id=' + id;
                layer.open({
                    title: '查看',
                    type: 2,
                    maxmin: true,
                    skin: 'layui-layer-rim',
                    area: ['60%', '65%'],
                    content: "evaluate?id="+data.id,
                    btn: ['完毕'],
                    yes: function (iframeDom,index) {
                        //获取iframe
                        layer.closeAll('iframe');
                        // location.href='/oa/Salary/abgroup'
                    }
                });
            } else if(layEvent === 'detail'){
                location.href= "{:url('/oa/Salary/evaluate_update')}"+'?id=' + data.id;

            }
        });
        // table数据重载
        function table1_reload()
        {
            var search = $('#username').val()
            table1.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    search: search,
                }
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }
        // 点击搜索
        $('#dosearch').click(function(){
            table1_reload();
        })
    }) 

    layui.use(['table','jquery'],function(){
        // alert($);
        var table = layui.table;

        var tables1;
        tables1_init();

        // 初次table数据渲染
        function tables1_init()
        {
            tables1=table.render({
                elem: '#demos' //指定原始表格元素选择器（推荐id选择器）
                // ,height: '700' //容器高度
                ,height: 'auto' //容器高度
                ,url:'/oa/Salary/list_show_everymonth'
                ,response: {
                    statusName: 'code' //数据状态的字段名称，默认：code
                    ,statusCode: 200 //成功的状态码，默认：0
                    ,msgName: 'msg' //状态信息的字段名称，默认：msg
                    ,countName: 'count' //数据总数的字段名称，默认： count
                    ,dataName: 'data' //数据列表的字段名称，默认：data
                    ,skin: 'row'
                    ,even: true
                } 
                ,page:{
                    curr:1,
                    limit:20,
                    limits:[10,20,30,50,100,200],
                }
                ,cols: [[ //表头
                    {field:'id', title: '标识符',width:'80'},
                    {field:'staff_sn', title: '工号', align: 'center',width:'100'},
                    {field:'username', title: '帐号', align: 'center',width:'100'},
                    {field:'turestaffname', title: '姓名', align: 'center',width:'100'},
                    {field:'shop_name', title: '门店', align: 'center',width:'150',templet: '#shoptpl'},
                    {field:'department_name', title: '部门', align: 'center',width:'100',templet: '#depttpl'},
                    {field:'main_position_name', title: '岗位', align: 'center',width:'100'},
                    // {field:'main_position_name', title: '岗位', align: 'center',width:'8%'},
                    {field:'minimum_guarantee_salary', title: '基础薪资', align: 'center',width:'6.6%'},
                    {field:'post_salary', title: '底薪分级', align: 'center',width:'9%'},
                    {field:'pri_pension', title: '养老保险', align: 'center',width:'9%'},
                    {field:'pri_medical', title: '医疗保险', align: 'center',width:'9%'},
                    {field:'pri_unemploy', title: '失业保险', align: 'center',width:'9%'},
                    {field:'pri_housing', title: '公积金', align: 'center',width:'9%'},
                    {field:'selftax', title: '个税', align: 'center',width:'9%'},
                    // {field:'deduction', title: '五险一金总额', align: 'center',width:'7%'},
                    // {field:'payroll', title: '实发薪资', sort: true, align: 'center',width:'8%'},
                    {field:'month', title: '月份', align: 'center',width:'9%'},
                    {field:'regdate', title: '核算时间', align: 'center',width:'9%'},
                    // {field:'state', title: '状态', align: 'center',width:'5%',toolbar:'#enabledModal'},
                    {title: '操作', align: 'center',width:'9%', toolbar: '#operationModals'},
                ]] //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
            
        }

         // 添加对于工具条的监控 完成查看/删除
        table.on('tool(tables1)', function(obj){
            var layEvent = obj.event;
            var data = obj.data; //获得当前行数据
           
            if(layEvent === 'cat'){ //查看
                // location.href= "{:url('/oa/Salary/cat')}"+'?id=' + id;
                layer.open({
                    title: '查看',
                    type: 2,
                    maxmin: true,
                    skin: 'layui-layer-rim',
                    area: ['60%', '65%'],
                    content: "salary_detail?id="+data.id,
                    btn: ['完毕'],
                    yes: function (iframeDom,index) {
                        //获取iframe
                        layer.closeAll('iframe');
                        // location.href='/oa/Salary/abgroup'
                    }
                });
            } else if(layEvent === 'detail'){
                location.href= "{:url('/oa/Salary/evaluate_update')}"+'?id=' + data.id;
            }
        });

        // table数据重载
        function tables1_load()
        {
            var search = $('#usernames').val()
            tables1.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    search: search,
                }
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }
        // 点击搜索
        $('#dosearchs').click(function(){
            tables1_load();
        })

    })
    
    // 申诉信息form记录显示
    layui.use(['table','jquery'],function(){
        // alert($);
        var table = layui.table;

        var tables2;
        tables2_init();

        // 初次table数据渲染
        function tables2_init()
        {
            tables2=table.render({
                elem: '#demos2' //指定原始表格元素选择器（推荐id选择器）
                ,height: 'auto' //容器高度
                ,url:'/oa/Salary/havque'
                ,response: {
                    statusName: 'code' //数据状态的字段名称，默认：code
                    ,statusCode: 200 //成功的状态码，默认：0
                    ,msgName: 'msg' //状态信息的字段名称，默认：msg
                    ,countName: 'count' //数据总数的字段名称，默认： count
                    ,dataName: 'data' //数据列表的字段名称，默认：data
                } 
                ,page:{
                    curr:1,
                    limit:10,
                    limits:[10,20,30,50,100,200],
                }
                ,cols: [[ //表头
                    {field:'id', title: '标识符',width:'6%'},
                    {field:'username', title: '姓名', align: 'center',width:'15%'},
                    {field:'position', title: '岗位', align: 'center',width:'7%'},
                    {field:'tel', title: '电话', align: 'center',width:'7%'},
                    {field:'content', title: '申诉内容', align: 'center',width:'28%'},
                    {field:'create', title: '发起人', align: 'center',width:'7%'},
                    {field:'createtime', title: '发起时间', align: 'center',width:'7%'},
                    {field:'state', title: '状态', align: 'center', sort:'true', width:'6.2%',toolbar:'#enabledModal2'},
                    {title: '操作', align: 'center',width:'17%', toolbar: '#operationModals2'},
                ]] //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
            
        }

         // 添加对于工具条的监控
        table.on('tool(tables2)', function(obj){
            var layEvent = obj.event;
            var data = obj.data; //获得当前行数据
           
            if(layEvent === 'havent'){          //已处理
                $.ajax({
                    url:'/oa/Salary/havent?id='+data.id,
                    type:'get',
                    data:'',
                    dataType:'json',
                    success:function(res)
                    {
                        if(res.code  == 200){
                            // layer.alert('修改成功！请刷新后查看');
                            history.go(0)
                            return 
                        }else{
                            layer.alert('修改失败！');
                            history.go(0)
                        }
                    }
                })
            } else if(layEvent === 'nohave'){   //未处理
                $.ajax({
                    url:'/oa/Salary/nohave?id='+data.id,
                    type:'get',
                    data:'',
                    dataType:'json',
                    success:function(res)
                    {
                        if(res.code  == 200){
                            // layer.alert('修改成功！请刷新后查看');
                            history.go(0)
                            return 
                        }else{
                            layer.alert('修改失败！');
                            history.go(0)
                        }
                    }
                })
            }
        });

        // table数据重载
        function tables1_load()
        {
            var search = $('#usernames').val()
            tables1.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    search: search,
                }
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }
        // 点击搜索
        $('#dosearchs').click(function(){
            tables1_load();
        })

    })

    layui.use(['table','jquery'],function(){
       
       $(document).on('click','.save',function() {
            var text = $(this).html();//<input type="text" value="'+text+'" id="someone">
            $(this).parent().html('<input type="text" placeholder="'+text+'" id="someone" class="layui-input saves">')
            // console.log(text)
            // $(this).html('<input type="text" value="'+text+'" id="someone">')
            $('input').focus();
            // $(":text").select();
        })

        $(document).on('blur','.saves',function() {
            var val = $('#someone').val()
            var placeholder = $(this).attr('placeholder')
            if (val == '') {
                $(this).parent().html('<span class="save">'+placeholder+'</span>')
                return 
            }
            var tds = $(this).parents('tr').children()
            var id  = tds.eq(0).text();
            var td  = $(this).parent('td').attr('name')
            var that= $(this)
            $.ajax({
                url:'/oa/Salary/last_salary_update',
                type:'post',
                data:{val:val,id:id,td:td},
                dataType:'json',
                success:function(res)
                {
                    if(res.code  == 200){
                        that.parent().html('<span class="save">'+val+'</span>')
                        layui.use('layer', function(){
                            var layer = layui.layer;
                            icon: 1,
                            layer.msg('<font style="color:white;">成功！</font>');
                        });
                        return 
                    }else{
                        layer.alert('修改失败！');
                        history.go(0)
                    }
                }
            })
        }) 
    })   
    
    // 生成集团最后薪资(审批标本)
    $('#lastCheck_salary').click(function() {
        location.href= "{:url('/oa/Salary/checkout_data_last_examine')}";
    })
    // 初生成集团出勤信息
    $('#check_out_attendance').click(function() {
        if(process_pencent != 100){
            layer.alert('后台正在生成中，请稍后再操作。');
            return false;
        }

        layer.open({
          type: 1, 
          title: false,
          offset: ['-164px', '-368px'],
        });
        var loading = '<div id="loading"><img src="__PUBLIC__/static/images/3.gif"></div>';
        $('body').append($(loading));

        //进度条
        $('#attendance-div').css('display','block');
        setTimeout("reload_process(1)",3000);
        $.ajax({
            url:'/oa/Salary/attendance_info',
            type:'get',
            data:'',
            dataType:'json',
            success:function(e) {
                if (e.code == '200') {
                    layer.confirm('出勤生成成功！', {
                        btn: ['确定'] //可以无限个按钮
                    }, function(index, layero){
                        history.go(0)                            
                    })
                }else if(e.code == '202'){
                    layer.confirm('未到出勤生成日期', {
                        btn: ['确定'] //可以无限个按钮
                    }, function(index, layero){
                        history.go(0)                            
                    })
                }else{
                    history.go(0)
                }
            },
            error:function(){
                $('#loading').remove();
                layer.alert('生成还在继续执行，请点击进度条获取执行进度。');
            }
        })
        // location.href= "{:url('')}";
    })
    // 导出集团月底薪资表
    $('#export_out_data').click(function() {
        if(process_pencent != 100){
            layer.alert('后台正在生成中，请稍后再操作。');
            return false;
        }
        $.ajax({
            type:'post',
            url:"{:url('oa/Salary/checkout_data')}",
            success:function(res){
                if(res.code == 200){
                    location.href= "{:url('/oa/Salary/checkout_base')}";
                }else{
                    layer.alert('还未生成集团薪资，请先生成集团薪资再导出。');
                }
            }
        });
    })
    // 初生成集团月度薪资表
    $('#check_out_data').click(function() {
        //location.href= "{:url('/oa/Salary/checkout_data')}";
        if(process_pencent != 100){
            layer.alert('后台正在生成中，请稍后再操作。');
            return false;
        }
        var loadindex = layer.load();
        $.ajax({
            type:'post',
            url:"{:url('oa/Salary/checkout_data')}",
            success:function(res){
                layer.close(loadindex);
                if(res.code == 200){
                    //已生成薪资信息 问一下
                    layer.confirm('上月薪资已成生过，确定重新生成吗？',function(){
                        check_out_data();
                    });
                    
                }else if(res.code == 300){
                    check_out_data();
                }else{
                    layer.alert(res.msg);
                }
            }
        })
    });
    function check_out_data(){
        layui.use('layer', function(){
            var layer = layui.layer;
            icon: 1,
            layer.msg('<font style="color:white;">正在生成,时间可能过长，您可操作其他功能（刷新查看上方进度条） ...</font>');
        });
        //进度条
        $('#salary-div').css('display','block');
        setTimeout("reload_process(2)",3000);
        //需去生成薪资信息，再导出
        $.ajax({
            type:'post',
            url:"{:url('oa/Salary/suredep')}",
            success:function(res){
                if(res.code == 200){
                    //生成薪资信息成功 ，继续导出
                    layer.alert('集团薪资生成成功.');
                }else{
                    layer.alert(res.msg);
                }
            }
        })
    }
    // $('#submitgroup').click(function() {
    //     location.href= "{:url('/oa/Salary/submitgroup')}";

    // })

    layui.use('upload', function(){
        var upload = layui.upload;

        //执行实例
        var uploadInst = upload.render({
            elem: '#submitgroup' //绑定元素
            ,url: '/oa/salary/submitgroupdo' //上传接口 284line
            ,accept: 'file' //允许上传的文件类型
            ,exts:'xlsx|xls'
            ,drag:'true'
            ,size: 510240 //最大允许上传的文件大小
            ,done: function(res){
                if (res.code == '0') {
                    layer.confirm('上传成功', {
                        btn: ['确定'] //可以无限个按钮
                    }, function(index, layero){
                        history.go(0)                            
                    })
                }else if(res.code == '1'){
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        icon: 1,
                        layer.msg('<font style="color:white;">'+res.msg+'！</font>');
                    }); 
                }else if(res.code == '201'){
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        icon: 1,
                        layer.msg('<font style="color:white;">已有本月薪资信息,无需重复上传！</font>');
                    }); 
                }
            }
        });
    });


    $('#toGroup').click(function() {    // 245
        location.href="/oa/Salary/abgroupexamine"
    })


</script>
{/block}