IndexSystem/app/view/template/index.ejs

<div class="panel-sidebar">
    <div class="panel-title">
        <div class="title-bar">
            <h2 class="">项目节 <a href="#upload" data-toggle="modal" data-target="#upload" class="pull-right mr-3" title="导入项目节"><i class="fa fa-upload"></i></a></h2>

        </div>
    </div>
    <div class="scrollbar-auto">
        <div class="nav-box">
            <ul id="templateNode" class="ztree"></ul>
        </div>
    </div>
</div>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>
                <%= selectNode.code %> <%= selectNode.name %>
                <a href="#add-index" data-toggle="modal" data-target="#add-index" class="btn btn-primary btn-sm pull-right">添加指标</a>
            </h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-1">
                <table class="table table-bordered">
                    <tr>
                        <th>指标编号</th>
                        <th>指标名称</th>
                        <th colspan="2">指标单位</th>
                        <th>计算规则</th>
                        <th>设置规则</th>
                    </tr>
                    <% for (const index of selectIndex) { %>
                    <tr index_id="<%= index.id %>">
                        <td><%= index.code %></td>
                        <td><%= index.name %></td>
                        <td><%= index.unit1 %></td>
                        <td><%= index.unit2 %></td>
                        <td name="rule"><%= index.rule %></td>
                        <td name="parse_rule"><%= index.parse_rule %><a name="setRule" href="#set-count" data-toggle="modal" data-target="#set-count" value="<%- index.calc_rule %>"><i class="fa fa-cog"></i></a></td>
                    </tr>
                    <% } %>
                </table>
                <div class="container-fluid">
                    <legend class="mt-5">参数设置</legend>
                    <div class="row">
                        <div class="col-6">
                            <div class="card">
                                <div class="card-body">
                                    <h6 class="card-title"><b>z1 第一部分 建筑安装工程费用</b> 参数</h6>
                                    <table class="table table-sm table-bordered table-hover">
                                        <tr><th>参数名称</th><th>绑定清单<br><small class="text-muted">（为空则在指标库填写具体值）</small></th></tr>
                                        <% for (const n of nodeParams) { %>
                                        <tr><td code="<%= n.code %>"><%= n.name %></td><td><input class="form-control form-control-sm"></td></tr>
                                        <% } %>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="card border-danger">
                                <div class="card-body">
                                    <h6 class="card-title text-center">全局参数 </h6>
                                    <table class="table table-sm table-bordered table-hover">
                                        <tr><th colspan="2" class="text-center"><b class="text-danger">*全局参数影响所有指标，谨慎修改</b></th></tr>
                                        <tr><th>参数名称</th><th>绑定清单<br><small class="text-muted">（为空则在指标库填写具体值）</small></th></tr>
                                        <% for (const p of globalParams) { %>
                                        <tr><td code="<%= p.code %>"><%= p.name %></td><td><input class="form-control form-control-sm"></td></tr>
                                        <% } %>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    const treeSetting = {
        treeId: 'template',
        view: {showIcon: false},
        data: {
            key: {
                name: 'text',
            }
        }
    };
    const selectNode = '<%- selectNode.node_id %>';
    const treeNode = '<%- nodes %>';

    $(document).ready(function(){
        const loadText = function (arr) {
            for (const a of arr) {
                a.text = a.code + ' ' + a.name;
                if (a.children && a.children.length > 0) {
                    loadText(a.children);
                }
            }
        }
        const treeNodeData = treeNode !== '' ? JSON.parse(treeNode) : [];
        loadText(treeNodeData);
        const treeObj = $.fn.zTree.init($("#templateNode"), treeSetting, treeNodeData);
        const node = treeObj.getNodeByParam('node_id', selectNode);
        treeObj.selectNode(node);
    });
</script>