{extend name="Public/base" /}
{block name="css"}

<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"><span>(单人)薪资信息列表展示</span></div>

        <div class="cus-top-left layui-form layui-form-pane1">
            
            <input type="text" class="layui-input"  name="username" id="username" placeholder="请输入名称" style="width: 186px; position: relative; right: 67px;bottom:0px; display: inline; ">
            <button lay-submit lay-filter="search" id="dosearch" data-type="reload"  value="查询" class="search-span" style="border-radius: 3px; position: relative;left:119px; ">查询</button>
            <!-- <button class="layui-btn" style="height: 30px; position: relative; right: 6px;bottom: 1px;">生成所有人员核算</button> -->
            <!-- <div class="layui-input-inline">
              <select id="department" style="width: 300px;">
                <option value="">请选择部门</option>
                {foreach name="data" key="keys" item="vo"}
                    <option value="{$vo}">{$vo}</option>
                {/foreach}
              </select>
            </div>
            <button class="layui-btn" style="position: relative;right: 2px;" id="start_choose" check_out_datatitle="生成部门薪资核算" style="">生成选定部门薪资</button> -->
            <button class="layui-btn layui-btn-normal" style="position: relative;left: 0px; bottom:2px;" id="dosearch_all"  title="导出选定人员工资条" style="">导出选定人员工资条</button>
        <table id="demo" lay-filter="table1"></div>
           
        </table>
    </div>
</div>

<script type="text/html" id="operationModal">
    <span lay-event="cat" class="layui-btn layui-btn-normal" style="margin-top: -4px;">查看</span>
    <span lay-event="delete" class="layui-btn layui-btn-danger del" style="margin-top: -4px;">删除</span>
</script>

<script type="text/html" id="enabledModal">
    {{#  if(d.status == 0){ }}
        
    {{#  } else if(d.status == 1){ }}
        <font style="color:red">待审核</font>
    {{#  } else if(d.status == 2){ }}
        审批通过
    {{#  } else if(d.status == 4){ }}
        审批未通过
    {{#  } else if(d.status == 5){ }}
        已经撤回
    {{#  } }}
</script>

<script>
    $('#check_out_data').click(function() {
        location.href= "{:url('/oa/Salary/checkout_data')}";
    })
    $('#start_choose').click(function(){
        var department_name = $('#department').val()
        if (department_name == '') {
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('请先选择部门 再生成薪资', {icon: 2});
            });
            return  
        }
        layer.open({
            type: 2, 
            anim: 1,
            title:department_name,
            content: '/oa/Salary/choosedep?department_name='+department_name,
            area: ['1000px', '500px']
        });
    });
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test1' //指定元素
            ,type: 'month'
        });
    });
    layui.use(['table','jquery'],function(){
        // alert($);
        var table = layui.table;

        var table1;
        table1_init();

        // 初次table数据渲染
        function table1_init()
        {
            table1=table.render({
                elem: '#demo' //指定原始表格元素选择器（推荐id选择器）
                ,toolbar: '#toolbarDemo'
                ,height: 'auto' //容器高度
                ,url:'/oa/Salary/singlelist_show'
                ,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],
                }
                ,width: '1450' //容器
                ,cols: [[ //表头
                    {field:'id', title: '标识符',type:'checkbox', width:'4%',fixed:'left'},
                    {field:'username', title: '员工名称', align: 'center',width:'15%',fixed:'left'},
                    {field:'main_position_name', title: '岗位', align: 'center',width:'10%'},
                    {field:'base_salary', title: '保底薪资', align: 'center',width:'8%'},
                    {field:'position_salary', title: '岗位薪资', align: 'center',width:'8%'},
                    {field:'overtime_salary', title: '加班费', align: 'center',width:'8%'},
                    {field:'cancle_salary', title: '扣款', align: 'center',width:'8%'},
                    {field:'subsidy', title: '补贴', align: 'center',width:'8%'},
                    {field:'month', title: '自然月', align: 'center',width:'8%'},
                    {field:'status', title: '是否审批通过', align: 'center',width:'8%',toolbar:'#enabledModal'},
                    {field:'create_time', title: '创建时间', align: 'center',width:'15.4%'},
                    // {field:'state', title: '状态', align: 'center',width:'5%',toolbar:'#enabledModal'},
                    // {title: '操作', align: 'center',width:'11%', toolbar: '#operationModal'},
                ]] //设置表头
                //,…… //更多参数参考右侧目录：基本参数选项
            });
        }
        // table数据重载
        function table1_reload()
        {
            var search = $('#username').val()
            table1.reload({
                where: { //设定异步数据接口的额外参数，任意设
                    search: search,
                }
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
            });
        }
        $('#dosearch_all').click(function() {
            // 获取复选框的值
            var obj = table.checkStatus('demo'); //test即为基础参数id对应的值
            
            check_val = [];
            for(k in obj.data){
                check_val.push(obj.data[k].id);
            }
            if (check_val == '') {
                layui.use('layer', function(){
                    var layer = layui.layer;
                    icon: 1,
                    layer.msg('<font style="color:white;">您没有选择要导出的薪资条</font>');
                });
                return
            }
            layui.use('layer', function(){
                var layer = layui.layer;
                icon: 1,
                layer.msg('<font style="color:white;">正在导出</font>');
            });
            location.href='/oa/Salary/checkout_data_single?check_val='+check_val;
            return 
        })
        
        // 点击搜索
        $('#dosearch').click(function(){
            table1_reload();
        })

    })
</script>
{/block}