YwxAppThink/app/backend/view/ad/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="position" lay-search="">
                            <option value="">全部广告位</option>
                            {volist name="positionList" id="p"}
                            <option value="{$key}">{$p}</option>
                            {/volist}
                        </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="ad:add"><i class="layui-icon">&#xe654;</i> 新增</button>
                    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="dataDelete" data-perm="ad:del"><i class="layui-icon">&#xe640;</i> 删除</button>
                    <button class="layui-btn layui-btn-sm" lay-event="dataRecybin" data-perm="ad: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="ad:edit">编辑</a>
                <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete" data-perm="ad: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>
        </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="position" lay-search="">
                        {volist name="positionList" id="p"}
                        <option value="{$key}">{$p}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">类型</label>
                <div class="layui-input-block">
                    <select name="type">
                        {volist name="typeList" id="t"}
                        <option value="{$key}">{$t}</option>
                        {/volist}
                    </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="url" 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="image" 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="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="ad:restore">恢复</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="forcedelete" data-perm="ad:destroy">彻底删除</a>
    </script>
</script>
<script>
    layui.use('ad', layui.factory('ad'));
</script>