YwxAppThink/app/backend/view/notice/index.html

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">站点公告管理</div>
        <div class="layui-card-body">
            <form class="layui-form" lay-filter="data-search-form">
                <div class="layui-form-item">
                <div class="layui-inline">
                    <input type="text" name="title" placeholder="标题" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-inline">
                    <select name="type" lay-search="">
                        <option value="">全部类型</option>
                        <option value="1">系统维护</option>
                        <option value="2">活动公告</option>
                        <option value="3">版本更新</option>
                        <option value="4">其他</option>
                    </select>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn layui-btn-normal" lay-submit lay-filter="data-search-btn"><i class="layui-icon">&#xe615;</i> 搜索</button>
                    <button type="button" class="layui-btn layui-btn-primary" id="btn-reset">重置</button>
                </div>
                </div>
            </form>
            <table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
            <script type="text/html" id="tableBar">
                <div class="layui-btn-container">
                    <button class="layui-btn layui-btn-sm" lay-event="dataCreate" data-perm="notice:add"><i class="layui-icon">&#xe654;</i> 新增</button>
                    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="dataDelete" data-perm="notice:del"><i class="layui-icon">&#xe640;</i> 删除</button>
                    <button class="layui-btn layui-btn-sm" lay-event="dataRecybin" data-perm="notice:restore"><i class="layui-icon">&#xe64b;</i> 回收站</button>
                </div>
            </script>
            <script type="text/html" id="dataBar">
                <a class="layui-btn layui-btn-xs" lay-event="update" data-perm="notice:edit">编辑</a>
                <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete" data-perm="notice:del">删除</a>
            </script>
            <script type="text/html" id="statusTpl">
                <input type="checkbox" name="status" value="{{ d.id }}" lay-skin="switch" lay-text="开|关" lay-filter="statusSwitch" {{ d.status == 1 ? 'checked' : '' }}>
            </script>
            <script type="text/html" id="typeTpl">
                {{# if(d.type == 1){ }}
                <span class="layui-badge layui-bg-blue">系统维护</span>
                {{# } else if(d.type == 2){ }}
                <span class="layui-badge layui-bg-orange">活动公告</span>
                {{# } else if(d.type == 3){ }}
                <span class="layui-badge layui-bg-green">版本更新</span>
                {{# } else { }}
                <span class="layui-badge">其他</span>
                {{# } }}
            </script>
            <script type="text/html" id="topTpl">
                {{# if(d.is_top == 1){ }}
                <span class="layui-badge layui-bg-red">置顶</span>
                {{# } else { }}
                <span style="color:#ccc;">-</span>
                {{# } }}
            </script>
            <script type="text/html" id="startTpl">
                {{# if(d.start_time > 0){ }}
                {{ layui.util.toDateString(d.start_time*1000, 'yyyy-MM-dd HH:mm') }}
                {{# } else { }}
                <span style="color:#ccc;">长期</span>
                {{# } }}
            </script>
            <script type="text/html" id="endTpl">
                {{# if(d.end_time > 0){ }}
                {{ layui.util.toDateString(d.end_time*1000, 'yyyy-MM-dd HH:mm') }}
                {{# } else { }}
                <span style="color:#ccc;">长期</span>
                {{# } }}
            </script>
        </div>
    </div>
</div>

<script type="text/html" id="dataFormTpl">
    <form class="layui-form" id="wxapp-form" lay-filter="wxapp-form" style="padding:15px;">
        <input type="hidden" name="id" value="{{ d.id || '' }}">
            <div class="layui-form-item">
                <label class="layui-form-label">标题</label>
                <div class="layui-input-block">
                    <input type="text" name="title" placeholder="请输入标题" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">类型</label>
                <div class="layui-input-block">
                    <select name="type" lay-search="">
                        <option value="1">系统维护</option>
                        <option value="2">活动公告</option>
                        <option value="3">版本更新</option>
                        <option value="4">其他</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">内容</label>
                <div class="layui-input-block">
                    <textarea name="content" placeholder="请输入内容" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">发布人</label>
                <div class="layui-input-block">
                    <input type="text" name="author" placeholder="留空则取当前管理员" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">置顶</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="is_top" lay-skin="switch" lay-text="置顶|普通" value="1">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">展示有效期</label>
                <div class="layui-input-block">
                    <input type="text" name="start_time" id="start_time" placeholder="开始时间（留空=长期）" autocomplete="off" class="layui-input" style="margin-bottom:8px;">
                    <input type="text" name="end_time" id="end_time" placeholder="结束时间（留空=长期）" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">排序</label>
                <div class="layui-input-block">
                    <input type="text" name="sort" placeholder="请输入排序" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="status" lay-skin="switch" lay-text="启用|禁用" value="1" checked>
                </div>
            </div>
    </form>
</script>

<script type="text/html" id="dataRecybinTpl">
    <table class="layui-hide" id="dataRecybinTable" lay-filter="dataRecybinTable"></table>
    <script type="text/html" id="dataRecybinBarTpl">
        <a class="layui-btn layui-btn-xs" lay-event="restore" data-perm="notice:restore">恢复</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="forcedelete" data-perm="notice:destroy">彻底删除</a>
    </script>
</script>
<script>
    layui.use('notice', layui.factory('notice'));
</script>