Calculation/app/view/material/list.ejs

<% include ./material_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex justify-content-between">
            <% include ./material_sub_mini_menu.ejs %>
            <div>
                <div class="d-inline-block">
                    本期调差计量期：第<span class="mx-2"><%= ctx.material.s_order.split(',').join('，') %></span>期
                </div>
                <div class="d-inline-block ml-2">
                    <a class="btn btn-sm btn-light">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="show_material_gcl">
                            <label class="custom-control-label text-primary" for="show_material_gcl">显示有调差工料清单</label>
                        </div>
                    </a>
                </div>
            </div>
            <div class="ml-auto">
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0">
        </div>
        <div class="row w-100 sub-content">
            <div id="main-view" class="c-body" style="width: 100%">
                <!--上部分-->
                <div class="sjs-height-1" id="ledger-spread">
                </div>
                <!--下部分-->
                <div class="bcontent-wrap">
                    <div class="bc-bar mb-1">
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#xmujie" role="tab">清单明细</a>
                            </li>
                            <li class="ml-auto">
                                <% if (!material.readOnly) { %>
                                <button class="btn btn-sm btn-primary" id="user_all_material">应用调差工料至其他清单明细</button>
                                <% } %>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane active" id="xmujie">
                            <div class="row">
                                <div class="col-8">
                                    <div class="sp-wrap" id="leaf-xmj-spread">
                                    </div>
                                </div>
                                <div class="col-4" id="material-spread-div" style="position: relative">
                                    <div class="sp-wrap" id="material-spread">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const materialType = JSON.parse('<%- materialType %>');
    const materialBillsData = JSON.parse('<%- JSON.stringify(materialBillsData) %>');
    let materialListData = JSON.parse('<%- JSON.stringify(materialListData) %>');
    const notJoinList = JSON.parse('<%- JSON.stringify(materialNotJoinListData) %>');
    const ledger = JSON.parse('<%- JSON.stringify(ledger) %>');
    const curLedgerData = JSON.parse('<%- JSON.stringify(curLedgerData) %>');
    const pos = JSON.parse('<%- JSON.stringify(pos) %>');
    const curPosData = JSON.parse('<%- JSON.stringify(curPosData) %>');
    const readOnly = <%- material.readOnly %>;
    const stage_order = <%- material.order %>;
</script>