Calculation/app/view/ledger/index.ejs

<div class="panel-sidebar">
    <div class="panel-title">
        <div class="title-bar d-flex justify-content-between">
            <h2>标段列表</h2>
            <div class="mr-3">
                <a href="#add-bd" data-toggle="modal" data-target="#add-bd" class="btn btn-sm btn-outline-primary">添加</a>
            </div>
        </div>
    </div>
    <div class="scrollbar-auto">
        <div class="nav-box">
            <ul class="nav-list list-unstyled">
                <% tenderList.forEach(function(tender) {%>
                <li <% if (currentTender === tender.id) { %>class="active"<% } %>><a href="/ledger?tender=<%= tender.id %>"><span><%= tender.name %></span></a></li>
                <% }) %>
            </ul>
        </div>
    </div>
</div>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>WWUJ-2 台帐
                <a href="#" class="btn btn-primary btn-sm pull-right">上报审批</a>
                <a href="#" class="btn btn-outline-secondary btn-sm pull-right disabled">已报审</a>
                <a href="#" class="btn btn-outline-danger btn-sm pull-right">删除标段</a></h2>
        </div>
    </div>
    <div class="content-wrap row">
        <div class="c-header p-0 col-12 d-flex justify-content-between">
            <!--工具-->
            <div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" class="form-check-input">
                        查看审批过程
                    </label>
                </div>
            </div>
            <!--标准清单-->
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#xiangmujie" role="tab">项目节</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#qingdan" role="tab">工程量清单</a>
                </li>
            </ul>
        </div>
        <div class="c-body col-8">
            <table class="table table-bordered">
                <tr>
                    <th></th>
                    <th>项目节编号</th>
                    <th>清单编号</th>
                    <th>名称</th>
                    <th>单位</th>
                    <th>单价</th>
                    <th>施工图原设计</th>
                    <th>图（册）号</th>
                    <th>备注</th>
                </tr>
            </table>
        </div>
        <div class="c-body col-4">
            <div class="tab-content">
                <div id="xiangmujie" class="tab-pane active">
                    <select class="form-control form-control-sm">
                        <option>0号计量台帐部位参考(项目节)</option>
                    </select>
                    <table class="table table-bordered">
                        <tr>
                            <th></th>
                            <th>项目节编号</th>
                            <th>名称</th>
                            <th>单位</th>
                        </tr>
                    </table>
                </div>
                <div id="qingdan" class="tab-pane">
                    <select class="form-control form-control-sm">
                        <option>0号计量台帐部位参考(项目节)</option>
                    </select>
                    <table class="table table-bordered">
                        <tr>
                            <th></th>
                            <th>清单编号</th>
                            <th>名称</th>
                            <th>单位</th>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    let rule = '<%- rule %>';
    rule = JSON.parse(rule);

    let message = {
    };
</script>
<script src="/public/js/form_validate.js"></script>
<script src="/public/js/validate.extend.js"></script>