YwxAppThink/app/backend/view/addon/setting.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="/assets/layui/css/layui.css" rel="stylesheet">
    <link href="/assets/ywxapp/css/ywxapp.css" rel="stylesheet">
    <style>
        html,
        body {
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        body {
            padding-bottom: 64px;
        }

        .layui-card {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .layui-card-body {
            display: flex;
            flex-direction: column;
            flex: 1;
        }

        .layui-table-view {
            display: flex;
            flex-direction: column;
            flex: 1;
        }

        .layui-table-box {
            display: flex;
            flex-direction: column;
            flex: 1;
        }

        .layui-table-body {
            display: flex;
            flex-direction: column;
            flex: 1;
        }
    </style>
    <script src="/assets/layui/layui.js"></script>
    <script type="text/javascript">
        // 全局路径配置：仅注入部署参数，路由方法来自 layui 的 route 模块。
        // app 为 ThinkPHP 真实应用目录名（backend/member/frontend/home），对应 public/static/<app> 目录。
        layui.app  = {
            root: "{$site.root|default=''}",
            assetUrl: "/assets",
            module: "{$site.module}",
            realModule: "{$site.app}",
            routeBase: "{$route_base}",
            controller: "{$site.controller}",
            action: "{$site.action}"
        };
    </script>
    <script src="/assets/ywxapp/ywxapp.js" module="{$site.app}"></script>
</head>

<body>
    <div class="layui-card" style="margin:15px;">
        <div class="layui-card-header">插件配置：{$addon}</div>
        <div class="layui-card-body">
            {if empty($fields)}
            <div class="layui-form-mid layui-word-aux">该插件未定义 config.php，暂无可配置项。</div>
            {else /}
            <form class="layui-form" lay-filter="cfgForm">
                {volist name="fields" id="f"}
                <div class="layui-form-item">
                    <label class="layui-form-label">{$f.title}</label>
                    <div class="layui-input-block">
                        {if $f.type == 'textarea'}
                        <textarea name="{$f.name}" class="layui-textarea">{$f.value}</textarea>
                        {elseif $f.type == 'select' /}
                        <select name="{$f.name}">
                            {volist name="$f.options" id="opt"}
                            <option value="{$key}" {if $key==$f.value}selected{/if}>{$opt}</option>
                            {/volist}
                        </select>
                        {elseif $f.type == 'radio' /}
                        {volist name="$f.options" id="opt"}
                        <input type="radio" name="{$f.name}" value="{$key}" title="{$opt}" {if $key==$f.value}checked{/if}>
                        {/volist}
                        {elseif $f.type == 'checkbox' /}
                        {volist name="$f.options" id="opt"}
                        <input type="checkbox" name="{$f.name}[]" value="{$key}" title="{$opt}" {if in_array($key,(array)$f.value)}checked{/if}>
                        {/volist}
                        {elseif $f.type == 'number' /}
                        <input type="number" name="{$f.name}" value="{$f.value}" class="layui-input">
                        {else /}
                        <input type="text" name="{$f.name}" value="{$f.value}" class="layui-input">
                        {/if}
                        {if $f.tip}<div class="layui-form-mid layui-word-aux">{$f.tip}</div>{/if}
                    </div>
                </div>
                {/volist}
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="cfgForm">保存</button>
                    </div>
                </div>
            </form>
            {/if}
        </div>
    </div>
    <script src="/assets/layui/layui.js"></script>
    <script>
        layui.use(['form', 'layer'], function () {
            var form = layui.form, $ = layui.jquery, layer = layui.layer;
            form.on('submit(cfgForm)', function (data) {
                $.post(window.location.href, data.field, function (r) {
                    if (r.code === 0) {
                        layer.msg(r.message || '保存成功', { icon: 1 });
                        // 保存成功后自动跳回插件列表（兼容 layui admin 的 tab 场景），
                        // 避免停留在配置 tab 需要手动关闭重开才能看到列表。
                        setTimeout(function () {
                            window.location.href = '{:url("addon/index")}';
                        }, 800);
                    } else {
                        layer.msg(r.message || '保存失败', { icon: 2 });
                    }
                }, 'json');
                return false;
            });
        });
    </script>
</body>

</html>