YwxAppThink/app/backend/view/task/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">
                        <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="task:add"><i class="layui-icon">&#xe654;</i> 新增</button>
                    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="dataDelete" data-perm="task:del"><i class="layui-icon">&#xe640;</i> 删除</button>
                    <button class="layui-btn layui-btn-sm" lay-event="dataRecybin" data-perm="task: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="task:edit">编辑</a>
                <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete" data-perm="task: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="rewardTypeTpl">
                {{# if(d.reward_type == 1){ }}
                <span class="layui-badge layui-bg-blue">积分</span>
                {{# } else if(d.reward_type == 2){ }}
                <span class="layui-badge layui-bg-orange">金币</span>
                {{# } else if(d.reward_type == 3){ }}
                <span class="layui-badge layui-bg-green">道具</span>
                {{# } else { }}
                <span class="layui-badge">未知</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">
                    <textarea name="description" placeholder="请输入任务描述" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">奖励类型</label>
                <div class="layui-input-block">
                    <select name="reward_type" lay-verify="required">
                        <option value="1">积分</option>
                        <option value="2">金币</option>
                        <option value="3">道具</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item" id="rewardNumItem">
                <label class="layui-form-label">奖励数量</label>
                <div class="layui-input-block">
                    <input type="text" name="reward_num" placeholder="请输入数量" class="layui-input" lay-verify="required|number">
                    <div class="layui-form-mid layui-word-aux">积分/金币奖励填写数量</div>
                </div>
            </div>
            <div class="layui-form-item" id="rewardPropItem" style="display:none;">
                <label class="layui-form-label">奖励道具</label>
                <div class="layui-input-block">
                    <select name="reward_num" id="rewardPropSelect" lay-verify="required">
                        <option value="">请选择道具</option>
                        {volist name="propList" id="pt"}
                        <option value="{$pt.id}">{$pt.title}</option>
                        {/volist}
                    </select>
                    <div class="layui-form-mid layui-word-aux">选择要发放的道具</div>
                </div>
            </div>
            <div class="layui-form-item" id="propNumItem" style="display:none;">
                <label class="layui-form-label">道具数量</label>
                <div class="layui-input-block">
                    <input type="text" name="prop_num" placeholder="请输入道具数量" value="1" class="layui-input" lay-verify="required|number">
                    <div class="layui-form-mid layui-word-aux">用户领取后获得的该道具数量</div>
                </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">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="wxapp-form-submit" id="wxapp-form-submit">立即提交</button>
                </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="task:restore">恢复</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="forcedelete" data-perm="task:destroy">彻底删除</a>
    </script>
</script>
<script>
    layui.use('task', layui.factory('task'));
</script>