Calculation/app/view/template/cost.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main row">
            <div class="col-3">
                <button class="btn btn-sm btn-light text-primary" id="addTemplate"><i class="fa fa-plus" aria-hidden="true"></i> 新增计算模板</button>
            </div>
            <div class="col-9">
                <div class="d-flex">
                    <div>
                        <a href="javascript: void(0);" class="btn btn-sm btn-light text-primary" id="preview"> 预览</a>
                    </div>
                    <div id="detail-ctrl" style="display: none;">
                        <a href="javascript: void(0);" class="btn btn-sm btn-light text-primary" id="reset"> 重置</a>
                        <a href="javascript: void(0);" class="btn btn-sm btn-light text-primary" id="save"> 保存</a>
                        <a href="javascript: void(0);" class="btn btn-sm btn-light text-primary" id="export"> 导出</a>
                        <a href="javascript: void(0);" class="btn btn-sm btn-light text-primary" id="import"> 导入</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="row">
                <div class="col-3">
                    <div class="sjs-height-0">
                        <dl class="list-group mt-2 ml-2" id="template-list">
                            <% for (const template of templateList) { %>
                            <dd class="list-group-item" templateId="<%- template.id %>">
                                <div class="d-flex justify-content-between align-items-center table-file" templateId="<%- template.id %>">
                                    <div><%- template.name %><%if (template.used_count > 0) { %><i class="ml-1 fa fa-lock text-danger"></i><% } %></div>
                                    <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" style="height: 100%">
                    <div id="col-set-spread" class="sjs-height-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const templateList = JSON.parse('<%- JSON.stringify(templateList) %>');
    const validColInfo = JSON.parse('<%- JSON.stringify(validColInfo) %>');
</script>