YwxAppThink/addon/docs/view/backend/version/add.html

<div class="layui-card">
    <div class="layui-card-header">
        <span>新增版本</span>
        <a class="layui-btn layui-btn-sm layui-btn-primary" style="float:right;" href="/docs/backend/version?project_id={$projectId}">返回列表</a>
    </div>
    <div class="layui-card-body">
        <form class="layui-form" style="max-width:760px;">
            <div class="layui-form-item">
                <label class="layui-form-label">所属项目</label>
                <div class="layui-input-block">
                    <select name="project_id" required lay-verify="required">
                        {volist name="projects" id="p"}
                        <option value="{$p.id}" {if condition="$projectId eq $p.id"}selected{/if}>{$p.title}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">版本标识</label>
                <div class="layui-input-block">
                    <input type="text" name="name" required lay-verify="required" placeholder="如 v1 / v2.0" autocomplete="off" class="layui-input">
                    <div class="docs-tip">非默认版本的访问地址为 /docs/项目标识/版本标识/文档标识</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">版本名称</label>
                <div class="layui-input-block">
                    <input type="text" name="title" required lay-verify="required" placeholder="如 1.0 稳定版" 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"></textarea>
                </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" 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="is_default" value="1" lay-skin="switch" lay-text="是|否">
                    <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="checkbox" name="status" value="1" checked 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="versionSubmit">保存</button>
                    <a class="layui-btn layui-btn-primary" href="/docs/backend/version?project_id={$projectId}">取消</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(versionSubmit)', function (data) {
        var post = $.extend({}, data.field);
        post.status = data.field.status ? 1 : 0;
        post.is_default = data.field.is_default ? 1 : 0;

        http.post('/docs/backend/version/save', post).then(function (res) {
            if (res.code === 0) {
                layer.msg(res.message, { icon: 1 }, function () {
                    location.href = '/docs/backend/version?project_id=' + post.project_id;
                });
            } else {
                layer.msg(res.message || '保存失败', { icon: 2 });
            }
        }).fail(function () {
            layer.msg('请求失败，请重试', { icon: 2 });
        });
        return false;
    });
});
</script>