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

<div class="layui-card">
    <div class="layui-card-header">
        <span>文档项目</span>
        <div class="layui-inline" style="float:right;">
            <a class="layui-btn layui-btn-sm" href="/docs/backend/project/add">新增项目</a>
            <a class="layui-btn layui-btn-sm layui-btn-primary" href="{:docs_base_url()}" target="_blank">查看前台</a>
        </div>
    </div>
    <div class="layui-card-body">
        <form class="layui-form docs-scope-bar" method="get" action="/docs/backend/project">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <input type="text" name="keyword" value="{$keyword|default=''}" placeholder="按项目名称或标识搜索" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-inline">
                    <button class="layui-btn" type="submit">搜索</button>
                    <a class="layui-btn layui-btn-primary" href="/docs/backend/project">重置</a>
                </div>
            </div>
        </form>

        <table class="layui-table">
            <colgroup>
                <col width="70"><col width="150"><col><col width="130"><col width="90"><col width="90"><col width="80"><col width="90"><col width="200">
            </colgroup>
            <thead>
                <tr>
                    <th>ID</th><th>标识</th><th>项目名称</th><th>归属插件</th>
                    <th>版本数</th><th>文档数</th><th>排序</th><th>状态</th><th>操作</th>
                </tr>
            </thead>
            <tbody>
                {volist name="list" id="item" empty="<tr><td colspan='9' class='docs-empty'>暂无文档项目，点击右上角新增</td></tr>"}
                <tr>
                    <td>{$item.id}</td>
                    <td><code>{$item.name}</code></td>
                    <td>
                        {$item.title}
                        {if condition="$item.intro neq ''"}<div class="docs-tip">{$item.intro}</div>{/if}
                    </td>
                    <td>{if condition="$item.addon neq ''"}{$item.addon}{else/}<span class="docs-tip">框架自身</span>{/if}</td>
                    <td>{$item.version_count}</td>
                    <td>{$item.doc_count}</td>
                    <td>{$item.sort}</td>
                    <td>
                        {if condition="$item.status eq 1"}
                        <span class="layui-badge layui-bg-blue">启用</span>
                        {else/}
                        <span class="layui-badge layui-bg-gray">禁用</span>
                        {/if}
                    </td>
                    <td>
                        <a class="layui-btn layui-btn-xs" href="/docs/backend/project/edit/{$item.id}">编辑</a>
                        <a class="layui-btn layui-btn-xs layui-btn-normal" href="/docs/backend/doc?project_id={$item.id}">管理文档</a>
                        <a class="layui-btn layui-btn-xs layui-btn-danger docs-del" href="javascript:;" data-id="{$item.id}" data-title="{$item.title}">删除</a>
                    </td>
                </tr>
                {/volist}
            </tbody>
        </table>
    </div>
</div>

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

    $('.docs-del').on('click', function () {
        var id = $(this).data('id');
        var title = $(this).data('title');
        layer.confirm('删除项目「' + title + '」将同时删除其下所有版本与文档，确定继续？', {
            icon: 3, title: '确认删除'
        }, function (index) {
            layer.close(index);
            http.post('/docs/backend/project/delete/' + id, {}).then(function (res) {
                if (res.code === 0) {
                    layer.msg(res.message, { icon: 1 }, function () { location.reload(); });
                } else {
                    layer.msg(res.message || '删除失败', { icon: 2 });
                }
            }).fail(function () {
                layer.msg('请求失败，请重试', { icon: 2 });
            });
        });
    });
});
</script>