{extend name="Public/base"/}
{block name="css"}
<style>
    .layui-table-page {
        height: 26px;
        margin: -15px;
    }
    .layui-form-item .layui-input-inline {
        width: 170px !important;
    }
    .black .layui-btn-disabled{
        background:#FBFBFB;
    }
</style>
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/statistics.css?v={$Think.const.APP_VERSION}">
{/block}
{block name="js"}
<script>
    $(function(){
        // $(".nul_bli").eq(5).find(".navb").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit">
            <span>{$title}</span>
        </div>
        <div style="width:100%">
            <div>
                <fieldset class="layui-elem-field layui-field-title">
                    <legend> {$today}  签到详情</legend>
                </fieldset>
                {if $fpStatus eq 1}
                <div class="layui-tab layui-tab-card" lay-filter="test1">
                    <ul class="layui-tab-title">
                        {volist name="rule" id="r"}
                            <li lay-id="{$r.id}" {if $r.order_sort eq '9999'} class="layui-this" {/if}>{$r.customer_condition}</li>
                        {/volist}
                    </ul>
                    <div class="layui-tab-content">
                        {volist name="rule" id="r"}
                            {if $r.order_sort eq '9999'}
                                <div class="layui-tab-item layui-show">
                                    <table class="layui-table">
                                        <thead>
                                            <tr>
                                                <th>排序</th><th>员工</th><th>接收状态</th><th>在线状态</th><th>登录时间</th>
                                            </tr> 
                                        </thead>
                                        <tbody id="{$r.id}">
                                            {volist name="r.staffs" id="s"}
                                                <tr>
                                                    <td>{$i}</td><td>{$s.staff_name}</td><td>{$s.jr_status}</td><td>{$s.status}</td><td>{$s.login_time}</td>
                                                </tr>
                                            {/volist}
                                        </tbody>
                                    </table>
                                </div>
                            {else}
                                <div class="layui-tab-item">
                                    <table class="layui-table">
                                        <thead>
                                            <tr>
                                                <th>排序</th><th>员工</th><th>接收状态</th><th>在线状态</th><th>登录时间</th>
                                            </tr> 
                                        </thead>
                                        <tbody id="{$r.id}">
                                            <tr>
                                                <td></td><td></td><td></td><td></td><td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            {/if}
                        {/volist}
                    </div>
                </div>
                {else}
                <div class="layui-tab layui-tab-card" lay-filter="test1">
                    <ul class="layui-tab-title">
                        <li>自动分配没有开启</li>
                    </ul>
                </div>
                {/if}
            </div>
        </div>
	</div>
</div>
<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>

<script type="text/javascript">
$(".layui-tab-title").on("click","li",function(){
    var layid=$(this).attr("lay-id");
    $.ajax({
        type: "POST",
        url: '/crm/Logs/ruleData',
        data: {rid:layid},
        success: function (msg) {
            var replace = '';
            for (var i = 0; i < msg.length; i++) {
                replace += '<tr>';
                replace += '<td>'+(i+1)+'</td><td>'+msg[i]['staff_name']+'</td><td>'+msg[i]['jr_status']+'</td><td>'+msg[i]['status']+'</td><td>'+msg[i]['login_time']+'</td>';
                replace += '</tr>';
            }
            console.log(replace);
            $("#"+layid).html(replace);
        }
    })
})

</script>
{/block}