YwxAppThink/addon/docs/view/backend/project/edit.html

<div class="layui-card">
    <div class="layui-card-header">
        <span>编辑文档项目：{$item.title}</span>
        <div class="layui-inline" style="float:right;">
            <a class="layui-btn layui-btn-sm layui-btn-normal" href="/docs/backend/doc?project_id={$item.id}">管理文档</a>
            <a class="layui-btn layui-btn-sm layui-btn-primary" href="/docs/backend/project">返回列表</a>
        </div>
    </div>
    <div class="layui-card-body">
        <form class="layui-form" lay-filter="projectForm" style="max-width:760px;">
            <div class="layui-form-item">
                <label class="layui-form-label">项目标识</label>
                <div class="layui-input-block">
                    <input type="text" name="name" value="{$item.name}" required lay-verify="required" autocomplete="off" class="layui-input">
                    <div class="docs-tip">修改标识会导致原有前台链接失效，请谨慎操作</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">项目名称</label>
                <div class="layui-input-block">
                    <input type="text" name="title" value="{$item.title}" required lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">项目简介</label>
                <div class="layui-input-block">
                    <textarea name="intro" class="layui-textarea">{$item.intro}</textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">项目图标</label>
                <div class="layui-input-block">
                    <input type="text" name="logo" value="{$item.logo}" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">归属插件</label>
                <div class="layui-input-block">
                    <select name="addon">
                        <option value="">框架自身（不归属插件）</option>
                        {volist name="addonList" id="addon"}
                        <option value="{$addon.name}" {if condition="$item.addon eq $addon.name"}selected{/if}>{$addon.title}（{$addon.name}）</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">默认版本</label>
                <div class="layui-input-block">
                    <select name="default_version">
                        <option value="">自动（取默认版本）</option>
                        {volist name="versionList" id="ver"}
                        <option value="{$ver.name}" {if condition="$item.default_version eq $ver.name"}selected{/if}>{$ver.title}（{$ver.name}）</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">排序</label>
                <div class="layui-input-block">
                    <input type="number" name="sort" value="{$item.sort}" 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="checkbox" name="status" value="1" {if condition="$item.status eq 1"}checked{/if} lay-skin="switch" lay-text="启用|禁用">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="projectSubmit">保存</button>
                    <a class="layui-btn layui-btn-primary" href="/docs/backend/project">取消</a>
                </div>
            </div>
        </form>
    </div>
</div>

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

    form.on('submit(projectSubmit)', function (data) {
        var post = $.extend({}, data.field);
        post.status = data.field.status ? 1 : 0;

        http.post('/docs/backend/project/update/{$item.id}', post).then(function (res) {
            if (res.code === 0) {
                layer.msg(res.message, { icon: 1 });
            } else {
                layer.msg(res.message || '保存失败', { icon: 2 });
            }
        }).fail(function () {
            layer.msg('请求失败，请重试', { icon: 2 });
        });
        return false;
    });
});
</script>