Calculation/app/view/quality/rule.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main d-flex">
            <div> 状态推送规则 </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <nav class="nav nav-tabs m-3" role="tablist">
                    <a class="nav-item nav-link active" data-toggle="tab" href="#rule-group" role="tab">规则组配置</a>
                    <a class="nav-item nav-link" data-toggle="tab" href="#ledger" role="tab">节点设置</a>
                </nav>
                <div class="m-3">
                    <div class="tab-content">
                        <div class="tab-pane active" id="rule-group">
                            <div class="row">
                                <div class="col-3">
                                    <div class="d-flex flex-row mb-2">
                                        <button class="btn btn-sm btn-light text-primary" id="addGroup"><i class="fa fa-plus" aria-hidden="true"></i> 新增规则组</button>
                                    </div>
                                    <div>
                                        <dl class="list-group" id="group-list">
                                            <% for (const group of ruleGroups) { %>
                                            <dd class="list-group-item" groupId="<%- group.group_id %>">
                                                <div class="d-flex justify-content-between align-items-center table-file" groupId="<%- group.group_id %>">
                                                    <div><%- group.group_name %>%></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="renameGroup"><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="delGroup"><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 mb-2">
                                        <button class="btn btn-sm btn-light text-primary" id="add-rule"><i class="fa fa-plus" aria-hidden="true"></i> 新增规则</button>
                                        <button class="btn btn-sm btn-light text-primary" data-toggle="modal" data-target="#copy-rule"><i class="fa fa-paste"></i> 拷贝规则</button>
                                    </div>
                                    <div>
                                        <table class="table table-sm table-bordered">
                                            <tr class="text-center"><th width="10%">规则名称</th><th width="46%">条件详情</th><th>推送状态</th><th width="10%">操作</th></tr>
                                            <tbody id="ruleOptions">
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="ledger">
                            <div class="row">
                                <div class="col-3">
                                    <div class="sjs-height-2 scroll-y">
                                        <table class="table table-sm table-bordered table-hover">
                                            <tr class="text-center"><th>标段名称</th></tr>
                                            <% for (const t of tenderList) { %>
                                            <tr tid="<%- t.id %>"><td><%- t.name %></td></tr>
                                            <% } %>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-9">
                                    <div class="sjs-height-2" id="xmj-spread"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const thirdParty = JSON.parse('<%- JSON.stringify(thirdParty) %>');
    const ruleGroups = JSON.parse('<%- JSON.stringify(ruleGroups) %>');
</script>