Calculation/app/view/file/template.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main  d-flex justify-content-between">
            <div>资料归集模板库</div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0 row">
                <div class="col-3">
                    <div class="d-flex flex-row">
                        <form class="ml-2 p-2" method="POST" action="/file/template/save">
                            <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
                            <button class="btn btn-sm btn-light text-primary"><i class="fa fa-plus" aria-hidden="true" type="submit"></i> 新增模板库</button>
                        </form>
                    </div>
                    <div>
                        <dl class="list-group">
                            <% for (const temp of templateList) { %>
                            <dd class="list-group-item <%- (temp.id === template.id ? 'bg-warning' : '')%>">
                                <div class="d-flex justify-content-between align-items-center table-file" tempId="<%- temp.id %>">
                                    <div><%if (temp.ft_type === FtType.org) { %><span class="text-success mr-1" style="border: 1px solid">默认</span><% } %><%- temp.name %>%></div>
                                    <% if (temp.ft_type) { %>
                                    <div class="btn-group-table" style="display: none;">
                                        <a href="javascript: void(0);" class="mr-1" data-toggle="tooltip" data-placement="bottom" data-original-title="编辑" name="renameTemplate"><i class="fa fa-pencil fa-fw"></i></a>
                                        <a href="javascript: void(0);" class="mr-1" data-toggle="tooltip" data-placement="bottom" data-original-title="删除" name="delTemplate"><i class="fa fa-trash-o fa-fw text-danger"></i></a>
                                    </div>
                                    <% } %>
                                </div>
                            </dd>
                            <% } %>
                        </dl>
                    </div>
                </div>
                <div class="col-9">
                    <div class="d-flex flex-row">
                        <div class="p-2">
                            <a href="javascript: void(0);" class="btn btn-sm btn-light text-primary" id="add-slibing"><i class="fa fa-plus" aria-hidden="true"></i> 同层</a>
                            <a href="javascript: void(0);" class="btn btn-sm btn-light text-primary" id="add-child"><i class="fa fa-plus" aria-hidden="true"></i> 子项</a>
                        </div>
                        <form class="ml-2 p-2" method="POST" action="/file/template/reset?id=<%- template.id %>">
                            <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
                            <button class="btn btn-sm btn-primary"><i class="fa fa-refresh" aria-hidden="true"></i> 初始化模板</button>
                        </form>
                    </div>
                    <div>
                        <ul id="filing" class="ztree" style="overflow: auto"></ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div stype="display: none">
        <form id="hiddenForm" action="" method="POST">
            <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
            <input type="hidden" id="extra" name="" value="">
        </form>
    </div>
</div>
<script>
    const templateList = JSON.parse('<%- JSON.stringify(templateList) %>');
    const templateData = JSON.parse('<%- JSON.stringify(templateData) %>');
    $('.table-file').click(function(e) {
        if (this.getAttribute('renaming') === '1') return;
        if (e.target.tagName === 'A' || e.target.tagName === 'I' || e.target.tagName === 'INPUT') return;
        window.location.href = '/file/template/' +  this.getAttribute('tempId');
    });
    const readOnly = <%- template.ftType === FtType.org %>;
</script>