{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" style="margin-top: 10px;" id="add_php" data-type="add">发起单人薪资核算</button>
        <div class="cus-table">

            <table id="demo" lay-filter="demo" lay-data="{id: 'idTest'}"></table>

            <div id="pager"></div>
        </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="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选择器）
                    ,height: 'auto' //容器高度
                    , url: '/oa/Salary/single_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,20,30],
                    }
                    ,cols: [[ //表头
                        {field: 'id', title: 'ID', sort: true, templet: '#sexTpl', width: '10.3%'}
                        , {field: 'username', title: '姓名', align: 'center', width: '20%'}
                        , {field: 'status', title: '申请状态', align: 'center', width: '10%',toolbar: '#aduit_status'}
                        , {field: 'create_time', title: '发起时间', align: 'center', width: '25%'}
                        , {title: '操作', align: 'center', width: '35%',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', '800px'],
                    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 
                }

                $.ajax({
                    url: "{:url('/oa/salary/withdraw_single')}",
                    data: {id:id},
                    type: 'POST',
                    success: function (e) {
                        if (e.code == '200') {
                            layer.alert(e.msg)
                            history.go(0)
                            return 
                        }else{
                            layer.alert(e.msg)
                            // history.go(0)
                            return 
                        }
                    }
                })
            }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/single_salary')}"
    });
</script>

{/block}