{extend name="layout/content" /}{block name="header"}

<title>游戏补点</title>
<link rel="stylesheet" href="__STATIC__/css/admin/bootstrap.min.css">
<style>
    /* .layui-icon {
        vertical-align: bottom;
    } */

    .layui-form-label {
        float: left;
        display: block;
        padding: 9px 15px;
        width: 60px;
        font-weight: 400;
        text-align: right;
    }
</style>
{/block}{block name="content"}
<div class="x-body">
    <div class="toolWrap">
        <button type="button" class="layui-btn layui-btn-radius" onclick="showUModel()"><i class="layui-icon">&#xe654;</i>添加</button>
    </div>
    <table class="layui-table">
        <thead>
        <tr>
            <th>月份</th>
            <th>操作人</th>
            <th>创建时间</th>
            <!-- <th>更新时间</th> -->
            <th>操作</th>
        </tr>
        </thead>

        <tbody>
        {notempty name="list"}
        {volist name="list" id="vo"}
        <tr>
            <td>{$vo.year_month}</td>
            <td>{$vo.add_user}</td>
            <td>
                {$vo.add_time?date('Y-m-d H:i:s',$vo.add_time):''}
            </td>
            <!-- <td>
                {$vo.update_time?date('Y-m-d H:i:s',$vo.update_time):''}
            </td> -->
            <td class="td-manage">
                <a href="{:url('fillPointDetails',['monthid'=>$vo.year_month])}" class="layui-btn btn-info"><i
                        class="icon-edit"></i>编辑</a>
            </td>
        </tr>
        {/volist}
        {/notempty}
        {empty name="list"}
        <tr>
            <td colspan="4">
                暂无数据
            </td>
        </tr>
        {/empty}
        </tbody>
    </table>

    <div class="pager-container">
        <span>
          {$list->total()}条记录
        </span>
        {$page}
    </div>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="J_add_list_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">新增月份</h4>
            </div>

            <div class="modal-body">月份
                <input type="month" id="date-input" value="">
            </div>

            <input type="hidden" name="id" value="0">
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" id="J_do_add_list" class="btn btn-primary">提交</button>
            </div>
        </div><!-- /.modal-content -->
    </div>
</div>
{/block}

{block name="footer"}
<script type="text/javascript" src="__STATIC__/js/admin/bootstrap.min.js" charset="utf-8"></script>
<script type="text/javascript">
    // 选择 要添加的年月
    function showUModel() {
        var Y =  new Date().getFullYear();
        var M = new Date().getMonth() + 1;
        if (M <10){
            M = "0"+M;
        }
        var now_date = Y+ '-' + M;
        $("#date-input").val(now_date);
        $('#J_add_list_modal').modal();
    }
    // 提交新增的月份
    $('#J_do_add_list').on('click', function () {
        var date_c = $("#date-input").val();
        $('#J_add_list_modal').modal('hide');
        $.ajax({
            type: "post",
            data: {'date_c':date_c},
            url: "{:url('addFillPointMonth')}",
            dataType: "json",
            timeOut: 10,
            success: function (msg) {
                layer.msg(msg.msg);
                if(msg.code) {
                    window.location.reload();
                }
            },
            error: function () {
                layer.msg('网络错误，请刷新页面重试！', function(){
                    //关闭后的操作
                });
            }
        });
    });

</script>
{/block}