{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}">

{/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">
        <div class="set_tit" style="float:left;"><span>集团薪资审核列表</span></div>
            <button class="layui-btn layui-btn-normal" id="add_php" data-type="add" style="margin-top: 20px; margin-left: 7px;">生成上一月集团薪资</button>
            <button class="layui-btn layui-btn-warm" id="during" style="margin-top: 20px; margin-left: 12px;">日期区间设定</button>
        <div class="cus-table" style="margin-top: 10px;">
            <table id="demo" lay-filter="demo"></table>
        </div>
    </div>
</div>
<!--<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>-->
<script src="__PUBLIC__/js/jquery-ui.js"></script>
<script src="__PUBLIC__/js/jquery.contextmenu.js"></script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-mini" style="background-color: #1E9FFF;" lay-event="urge" data-id="{{d.audit_info_id}}">催办</a>
    <a class="layui-btn layui-btn-mini" lay-event="process" data-id="{{d.audit_info_id}}">进程</a>
    <a class="layui-btn layui-btn-mini" style="background-color: red;" lay-event="withdraw" data-id="{{d.audit_info_id}}">撤回</a>
</script>
<!-- <script type="text/html" id="operationModal">
    <span style="margin-top: -4px; line-height: 35px;" lay-event="edit_position" data-id="{{d.id}}" class="layui-btn edit layui-btn-normal">进程 / 查看详情</span>
    <span style="margin-top: -4px;" lay-event="del_position" data-id="{{d.id}}" class="layui-btn layui-btn-danger del">删除</span>
</script> -->
<script type="text/html" id="aduit_status">
    {{# if(d.status == 1){ }}
            待审核
    {{# } else if(d.status == 2) { }}
            <font style="color: red;">审核成功</font>
    {{# } else if(d.status == 3) { }}
            
    {{# } else if(d.status == 4) { }}
            <font style="text-decoration: line-through;">审核失败</font>
    {{# } else if(d.status == 5) { }}
           <font style="text-decoration: line-through;">已经撤回</font>
    {{# } }}
</script>

<script>
    layui.use(['table','jquery'],function(){

    var table =  layui.table;
    var table1;
    table1_init();

        // 初次table数据渲染
        function table1_init()
        {
            var staff_id = '{:session('staff_id')}';
            table1=e1=table.render({
                    elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
                ,toolbar: '#toolbarDemo'
                    ,height: 'auto' //容器高度
                    , url: '/oa/Salary/group_show' //数据接口
                    ,response: {
                        statusName: 'code' //数据状态的字段名称，默认：code
                        ,statusCode: 200 //成功的状态码，默认：0
                        ,msgName: 'msg' //状态信息的字段名称，默认：msg
                        ,countName: 'count' //数据总数的字段名称，默认： count
                        ,dataName: 'data' //数据列表的字段名称，默认：data
                    }
                    ,width: '1000' //容器
                , page: {
                    curr: 1,
                    limit: 10,
                    limits: [10, 30, 50,100],
                }
                    ,cols: [[ //表头
                        {field: 'id', title: 'ID', sort: true, templet: '#sexTpl', width: '10.3%'}
                        , {field: 'month', title: '集团薪资月份', align: 'center', width: '15%'}
                        , {field: 'create_name', title: '发起人', align: 'center', width: '15%'}
                        , {field: 'status', title: '状态', align: 'center', width: '15%',toolbar: '#aduit_status'}
                        , {field: 'create_time', title: '发起时间', align: 'center', width: '20%'}
                        , {title: '操作', align: 'center', width: '25%',toolbar: '#barDemo'}
                    ]] //设置表头
                    //,…… //更多参数参考右侧目录：基本参数选项
                });
            }
        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");
            if (layEvent == 'edit_position') {

                layer.open({
                    title: '审批审核',
                    type: 2,
                    area: ['600px', '90%'],
                    maxmin: true,
                    content: '/oa/Process/addPosition?id=' + id,

                });
            } else if (layEvent === 'process') {
                var id = $(this).attr("data-id");
                layer.open({
                    title: '审批审核',
                    type: 2,
                    area: ['600px', '90%'],
                    maxmin: true,
                    content: '/oa/Process/addPosition?id=' + id,

                });
            }else if (layEvent === 'withdraw') {
                var id = $(this).attr("data-id");
                if (id == '') {
                    layer.alert('参数缺失,请稍后再试！');
                    return 
                }

                layer.confirm('确定要撤销吗？', {
                            btn: ['确定', '取消'] //可以无限个按钮
                        }, function(index, layero){
                            $.ajax({
                                url: "{:url('/oa/salary/withdraw')}",
                                data: {id:id},
                                type: 'POST',
                                success: function (e) {
                                    if (e.code == '200') {
                                        layer.alert(e.msg)
                                        history.go(0)
                                        return 
                                    }else if (e.code == '201'){
                                        layer.alert(e.msg)
                                        history.go(0)
                                        return 
                                    }else if (e.code == '202') {
                                        layer.alert(e.msg)
                                        return  
                                    }
                                }
                            })
                        }, function(index){
                            
                        });
                
            }else if (layEvent === 'urge') {
                var id = $(this).attr("data-id");
                if (id == '') {
                    layer.alert('参数缺失,请稍后再试！');
                    return 
                }

                layer.confirm('确定要催办吗？', {
                            btn: ['确定', '取消'] //可以无限个按钮
                    }, function(index, layero){
                        $.ajax({
                            url: "{:url('/oa/salary/urge')}",
                            data: {id:id},
                            type: 'POST',
                            success: function (e) {
                                if (e.code == '200') {
                                    layer.alert('催办成功！')
                                    history.go(0)
                                    return 
                                }else{
                                    layer.alert(e.msg)
                                    return 
                                }
                            }
                        })
                    }, function(index){
                });
            }
        })
    })
    $('#add_php').on('click', function () {
        location.href="{:url('/oa/Salary/abgroup')}"
    });

    $('#during').on('click',function() {
        layer.open({
            title: '区间设定',
            type: 2,
            maxmin: true,
            skin: 'layui-layer-rim',
            area: ['60%', '65%'],
            content: "range",
            btn: ['完毕'],
            yes: function (iframeDom,index) {
                //获取iframe
                layer.closeAll('iframe');
                // location.href='/oa/Salary/abgroup'
            }
        });
    })
</script>

{/block}