<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
        <title>站内通知-{eyou:global name='web_name' /}</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        {eyou:static file="users/skin/css/element/index.css" /}
        {eyou:static file="users/skin/css/e-user.css" /}
        {eyou:include file="users/skin/css/diy_css.htm"/}
        {eyou:static file="/public/static/common/js/jquery.min.js"/}
        {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
        {eyou:static file="/public/static/common/js/tag_global.js"/}
        {eyou:static file="/public/static/common/js/mobile_global.js"/}
        <style type="text/css">
            .z_pl .layui-layer-content {
                padding: 10px;
            }
        </style>
    </head>

    <body class="centre">
        <div class="ey-header-status">
            <div class="header-status-l"><a href="{eyou:url link='user/Users/index'/}"><i class="el-icon-arrow-left"></i></a></div>
            <div class="header-status-m">消息通知</div>
            <div class="header-status-r">{eyou:notempty name="$eyou.field.data"}<span id="management-button">管理</span>{/eyou:notempty}</div>
        </div>
        <div class="h50"></div>

        <div class="ey-container">
            {eyou:empty name="$eyou.field.data"}
            <div class="ey-con">
                <div class="ey-row min-hg-c-50 flex flex-center">
                    <div class="tc mt-50">
                        <p class=""><img id='litpic_img' src="{eyou:static file='users/skin/images/null-data.png' /}" />
                        </p>
                        <p class="fc9">当前暂无消息通知哦~</p>
                    </div>
                </div>
            </div>
            {eyou:else/}
            <div class="ey-con min-hg-c-50 bgfff">
                <div class="ey-row ptb0">
                    {eyou:volist name="$eyou.field.data" id="vo"}
                    <div class="balances" id="notice_{$vo.id}">
                        <div class="related-content mr5">
                            <div>
                                <label class="checkbox-label checkbox_z">
                                    <span> &nbsp; </span>
                                    {neq name="$vo.is_read" value="1"}
                                    <input class="checkbox" disabled readonly>
                                    <span class="check-mark" style="background-color: #e4eaec;"></span>
                                    {else/}
                                    <input class="checkbox" type="checkbox" name="ids[]" value="{$vo.id}">
                                    <span class="check-mark"></span>
                                    {/neq}
                                </label>
                            </div>
                        </div>
                        <a class="balances-info" href="javascript:void(0);" data-id="{$vo.id}" data-title="{$vo.title}" data-content="{$vo.remark}" data-read="{$vo.is_read}" onclick="readNotice(this);">
                            <div class="title fs15"><span>{$vo.title}</span></div>
                            <div><span>{$vo.add_time|date='Y-m-d H:i:s',###}</span></div>
                        </a>
                        <div class="balances-num">
                            <div class="fs14">
                                {neq name="$vo.is_read" value="1"}
                                <span class="unread_{$vo.id} red">[未读]</span>
                                {else/}
                                <span class="unread_{$vo.id} cor9">[已读]</span>
                                {/neq}
                            </div>
                        </div>
                    </div>
                    {/eyou:volist}
                </div>
                {$page}
                <div class="foot-batch related-content">
                    <div class="mr5">
                        <label class="checkbox-label checkbox_z">
                            <input class="checkbox" type="checkbox" id="checkboxAll">
                            <span class="check-mark"></span>
                            <span class="ml5">全选</span>
                        </label>
                    </div>
                    <div class="fr">
                        <a class="addr_y" href="javascript:void(0);" onclick="batchDelNotice(this);" data-url="{$eyou.field.delurl}">批量删除</a>
                    </div>
                </div>
            </div>
            {/eyou:empty}
        </div>
        {eyou:static file="users/skin/js/users_notice_index.js"/}
    </body>
</html>