{include file='public/header'}
<div class="wrap {$background_class}"><!-- 有三个区服 shaiya_02 shaiya_03   -->
    <div class="top"></div>
    <div class="clear"></div>
    <div class="zbk_list w1100">
        {include file='public/login'}
        {include file='public/notice_nav'}
        <div class="list_box">
            <table class="layui-table layui-table-notice">
                <thead>
                <tr>
                    <th style="text-align: left">回复内容</th>
                    <th>来自</th>
                    <th>时间</th>
                </tr>
                </thead>
                <tbody>
                {foreach $lists as $vo}
                <tr lay-on="notice-page" class="layui-table-notice-tr"
                    data-content="{$vo.content}"
                    data-title="{$vo.title}"
                    data-id="{$vo.id}"
                    data-time="{$vo.created_at}"
                    data-read="{$vo.is_read}"
                >
                    <td class="notice_td">{$vo.content|raw}</td>
                    <td>管理员</td>
                    <td>{$vo.created_at}</td>
                </tr>
                {/foreach}
                </tbody>
            </table>
            {$page|raw}
        </div>
        {include file="public/intro"}
        {include file="public/vade"}
    </div>
    {include file="public/footer"}
</div>

<script>
    layui.use(['layer', 'util'], function(){
        var layer = layui.layer;
        var util = layui.util;
        // 存储弹窗内容，避免直接操作 DOM
        var noticeIndex;
        // 移除原 DOM 元素，防止重复引用问题
        util.on('lay-on', {
            'notice-page': function(){

                var id = $(this).data('id')
                var title = $(this).data('title')
                var content = $(this).data('content')
                var createdAt = $(this).data('time')
                var isRead = parseInt($(this).data('read'))
                content = content.replace(/@@/g, "'");
                content = content.replace(/@@@@/g, '"');

                var noticeDetailHtml = '<div id="notice-detail">\n' +
                    '    <div class="notice-detail-info">\n' +
                    '        <div class="notice-detail-con">\n' +
                    '            <p>标题：'+title+'</p>\n' +
                    '            <p>来自：珍宝阁</p>\n' +
                    '            <p>时间：'+createdAt+' </p>\n' +
                    '            <p>内容：'+content+'</p>\n' +
                    '        </div>\n' +
                    '        <div class="notice-btn">' +
                    '<a href="javascript:;"class="layui-btn layui-btn-danger layui-btn-radius notice_close" id="delete" data-id="'+id+'">删除</a>' +
                    '<a href="javascript:;"class="layui-btn layui-btn-danger layui-btn-radius notice_close nc">关闭</a> </div>\n' +
                    '    </div>\n' +
                    '</div>';

                noticeIndex = layer.open({
                    type: 1,
                    title: "站内信详情",
                    shade: true,
                    area: ['710px', '361px'],
                    closeBtn: 0,
                    content: noticeDetailHtml,
                    success: function(layero){
                        if (!isRead) {
                            HttpPost('/notice/read.html',{id:id},function (res) {
                                if (res.code === -1) {
                                    login_show();
                                }
                                // 不做处理
                            },function (res) {
                            })
                        }
                        layero.find('.nc').on('click', function(){
                            layer.close(noticeIndex);
                        });

                        layero.find('#delete').on('click', function(){
                            HttpPost('/notice/delete.html',{id:id},function (res) {
                                if (res.code === -1) {
                                    login_show();
                                }
                                if (res.code !== 0) {
                                    layer.msg(res.msg, {icon: 7});return;
                                }
                                msg(res.msg,1);
                                setTimeout(function(){
                                    top.window.location.reload();
                                },300);
                            },function (res) {
                                layer.msg(res?.responseJSON?.message || '服务器错误', {icon: 7});
                            })
                        });
                    }
                });


            }

        });



    });
</script>