{extend name='admin@main'}

{block name="button"}
<button data-modal='{:url("add")}' data-title="添加" class='layui-btn layui-btn-sm layui-btn-primary'>添加</button>
{/block}

{block name="content"}
<div class="think-box-shadow">
    {include file='evection/index_search'}
    <table class="layui-table margin-top-20" lay-skin="line">
        <thead>
        <tr>
            <th class='list-table-sort-td'>
                <button type="button" data-reload class="layui-btn layui-btn-xs">刷 新</button>
            </th>
            <th class='text-left nowrap'>出差员工</th>
            <th class='text-left nowrap'>出差类型</th>
            <th class='text-left nowrap'>出差时间</th>
            <th class='text-left nowrap'>审批状态</th>
            <th class="text-left nowrap">操作</th>
        </tr>
        </thead>
        <tbody>
        {foreach $list as $key=>$vo}
        <tr>
            <td class='list-table-sort-td'><input data-action-blur="{:request()->url()}" data-value="id#{$vo.id};action#sort;sort#{value}" data-loading="false" value="{$vo.sort}" class="list-sort-input"></td>
            <td class='text-left nowrap'>
                <img data-tips-image style="width:60px;height:60px" src="{$vo.headimg|default=''}" class="margin-right-5 text-top">
                <div class="inline-block">
                    员工ID：{$vo.user_id|default='--'}<br><br>
                    员工名称：{$vo.name|default='--'}<br>
                </div>
            </td>

            <td class='text-left nowrap'>{$vo.type == 1 ? '市内出差':'市外出差'}</td>
            <td class='text-left nowrap'>
                <div class="inline-block">
                    开始时间：{$vo.start_time|default='--'}<br><br>
                    结束时间：{$vo.end_time|default='--'}<br>
                </div>
            </td>
            <td class='text-left nowrap'>
                {eq name ='vo.status' value='1'}审批中{/eq}
                {eq name ='vo.status' value='2'}审批通过{/eq}
                {eq name ='vo.status' value='3'}审批拒绝{/eq}
                {eq name ='vo.status' value='9'}已取消{/eq}
            </td>
            <td class='text-left' >
                <a data-title="查看详情" class="layui-btn layui-btn-sm" data-modal='{:url("edit")}?id={$vo.id}'>查看详情</a>
                <a data-title="查看审批" class="layui-btn layui-btn-sm" data-modal='{:url("approve")}?id={$vo.id}'>审批记录</a>
                <span class="layui-btn layui-btn-sm layui-btn-danger" onclick="btn_confirm('删除','remove','{$vo.id}');">删 除</span>
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>

    {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
</div>
<script>
    function btn_confirm(msg,fun,id) {
        layer.confirm('请确定是否'+msg, {btn: ['确定', '取消'], title: "提示"}, function () {
            var url = "/synth/evection/"+fun;
            layer.closeAll();
            $.ajax({
                type: "post",
                url: url,
                data: {id:id},
                dataType: "json",
                async: false,
                success: function (data) {
                    layer.msg(data.info);
                    setTimeout(function () {
                        window.location.reload();
                    },1000)
                }
            });
        });
    }

</script>
{/block}