YwxAppThink/app/backend/view/help/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">
                    <input type="text" name="category" placeholder="分类" autocomplete="off" class="layui-input">
                </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="help:add"><i class="layui-icon">&#xe654;</i> 新增</button>
                    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="dataDelete" data-perm="help:del"><i class="layui-icon">&#xe640;</i> 删除</button>
                    <button class="layui-btn layui-btn-sm" lay-event="dataRecybin" data-perm="help: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="help:edit">编辑</a>
                <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete" data-perm="help:del">删除</a>
            </script>
            <script type="text/html" id="categoryTpl">
                {{# if(d.category){ }}
                <span class="layui-badge layui-bg-cyan">{{ d.category }}</span>
                {{# } else { }}
                <span style="color:#ccc;">未分类</span>
                {{# } }}
            </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>
        </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="category" placeholder="如：新手指南、常见问题、使用说明" 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="title" placeholder="请输入标题" class="layui-input">
                </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="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>
            <div class="layui-form-item layui-hide">
                <button class="layui-btn" id="wxapp-form-submit" lay-submit lay-filter="wxapp-form-submit">提交</button>
            </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="help:restore">恢复</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="forcedelete" data-perm="help:destroy">彻底删除</a>
    </script>
</script>
<script>
    layui.use('help', layui.factory('help'));
</script>