ruankao/app/admin/view/yunzeradmin/contentpushadd.php

{include file="public/header" /}
<div class="config-container">
    <form class="layui-form" action="{$config['admin_route']}yunzeradmin/contentpushsave" method="post"
        lay-filter="contentPushForm">

        <div class="layui-form-item">
            <label class="layui-form-label">推送平台</label>
            <div class="layui-input-block">
                <select name="push_platform" id="pushPlatformSelect" required lay-verify="required">
                    <option value="">请选择推送平台</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">推送分类</label>
            <div class="layui-input-block">
                <select name="pushcate" required lay-verify="required">
                    <option value="article">文章分类</option>
                    <option value="resource">资源分类</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">推送内容</label>
            <div class="layui-input-block" style="display: flex; align-items: center;">
                <input type="text" name="title" id="pushTitleInput" required lay-verify="required" placeholder="请输入推送标题"
                    autocomplete="off" class="layui-input" style="flex:1;">
                <button type="button" class="layui-btn layui-btn-primary" id="selectPushContent"
                    style="margin-left: 8px;">
                    <i class="layui-icon layui-icon-search"></i>
                </button>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">跳转链接</label>
            <div class="layui-input-block">
                <input type="text" name="url" 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="image" id="image" placeholder="请上传推送图片" autocomplete="off" class="layui-input">
                <button type="button" class="layui-btn" id="uploadImage">
                    <i class="layui-icon">&#xe67c;</i>上传图片
                </button>
            </div>
        </div> -->

        <!-- <div class="layui-form-item">
            <label class="layui-form-label">推送类型</label>
            <div class="layui-input-block">
                <input type="radio" name="type" value="1" title="普通推送" checked>
                <input type="radio" name="type" value="2" title="重要推送">
            </div>
        </div> -->

        <!-- <div class="layui-form-item">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block">
                <input type="radio" name="status" value="1" title="启用" checked>
                <input type="radio" name="status" value="0" title="禁用">
            </div>
        </div> -->

        <!-- <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
                <input type="number" name="sort" value="0" placeholder="请输入排序值" autocomplete="off" class="layui-input">
            </div>
        </div> -->

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="contentPushForm">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</div>

<script>
    layui.use(['layer', 'jquery', 'form', 'upload'], function () {
        var $ = layui.jquery,
            layer = layui.layer,
            form = layui.form,
            upload = layui.upload;

        // 动态加载推送平台
        $.getJSON("{$config['admin_route']}yunzeradmin/contentpushsetting", function (res) {
            if (res.data.length > 0) {
                var $select = $('#pushPlatformSelect');
                res.data.forEach(function (item) {
                    if (item.status == 1) {
                        $select.append(
                            $('<option>', {
                                value: item.id,
                                text: item.title
                            })
                        );
                    }
                });
                form.render('select');
            }
        });

        // 选择推送内容
        $('#selectPushContent').on('click', function () {
            var pushCate = $('select[name="pushcate"]').val();
            
            // 弹窗选择内容
            layer.open({
                type: 2,
                title: '选择推送内容',
                area: ['800px', '500px'],
                content: "{$config['admin_route']}yunzeradmin/selectpushcontent?pushcate=" + pushCate,
                success: function (layero, index) {
                    // 可在弹窗页面通过父页面回调选中内容
                    window.setPushContent = function (title, url) {
                        $('#pushTitleInput').val(title);
                        // 如果需要同步设置跳转链接
                        if (url) {
                            $('input[name="url"]').val(url);
                        }
                        layer.close(index);
                    }
                }
            });
        });

        // 图片上传
        upload.render({
            elem: '#uploadImage',
            url: '{$config["admin_route"]}yunzeradmin/upload',
            accept: 'images',
            acceptMime: 'image/*',
            done: function (res) {
                if (res.code == 0) {
                    $('#image').val(res.data.src);
                    layer.msg('上传成功');
                } else {
                    layer.msg('上传失败');
                }
            }
        });

        // 表单提交
        form.on('submit(contentPushForm)', function (data) {
            $.ajax({
                url: data.form.action,
                type: 'POST',
                data: data.field,
                success: function (res) {
                    if (res.code == 0) {
                        layer.msg(res.msg, { icon: 1 }, function () {
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.layer.close(index);
                            parent.layui.table.reload('contentPushTable');
                        });
                    } else {
                        layer.msg(res.msg, { icon: 2 });
                    }
                }
            });
            return false;
        });
    });
</script>

{include file="public/tail" /}