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 class="d-inline-block ml-2" >
                    <a href="#cc-digits" class="btn btn-sm btn-light text-primary" data-toggle="modal" data-placement="bottom" title="小数位数" data-target="#cc-digits" ><i class="fa fa-cog" aria-hidden="true"></i></a>
                </div>
            </div>
            <div class="ml-auto">
                <% if (ctx.session.sessionProject.page_show.openMaterialChecklist && material.order === material.highOrder) { %>
                    <a href="/tender/<%- ctx.tender.id %>/measure/material/<%- material.highOrder %>/checklist" class="btn btn-sm btn-outline-primary">批量设置调差清单</a>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap pr-46">
        <div class="c-header p-0">
        </div>
        <div class="row w-100 sub-content">
            <div class="col-12 c-body">
                <!--上部分-->
                <div class="sjs-height-1 row w-100 sub-content">
                    <div class="c-body" id="left-view" style="width: 70%">
                        <% if (material.is_stage_self) { %>
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <% for (const [index,ms] of materialStageData.entries()) { %>
                                <li class="nav-item">
                                    <a class="nav-link change-material-stage <% if (index === 0) { %>active<% } %>" data-msid="<%- ms.id %>" data-toggle="tab" href="javascript:void(0);" role="tab" aria-selected="<% if (index === 0) { %>true<% } else { %>false<% } %>">第<%- ms.order %>期</a>
                                </li>
                            <% } %>
                        </ul>
                        <% } %>
                        <div class="<% if (material.is_stage_self) { %>sjs-height-material<% } else { %>sjs-height-1<% } %>" id="ledger-spread"></div>
                    </div>
                    <div class="c-body" id="right-view" style="width: 30%">
                        <div class="resize-x" id="right-spr" r-Type="width" div1="#left-view" div2="#right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                        <div class="tab-content">
                            <div class="tab-pane active" id="material-spread-div" style="position: relative">
                                <div class="sjs-height-1" id="material-spread"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--下部分-->
                <div class="bcontent-wrap mt-1" id="main-bottom">
                    <div id="main-resize" class="resize-y" r-Type="height" div1=".sjs-height-1" div2=".bcontent-wrap" title="调整大小"><!--调整上下高度条--></div>
                    <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 || material.status === auditConst.status.checked) { %>
                            <!--<button class="btn btn-sm btn-primary" id="user_all_material">应用调差工料至其他清单明细</button>-->
                            <% } %>
                            </li>
                        </ul>
                    </div>
                    <div class="sp-wrap row w-100 sub-content">
                        <div class="c-body" id="left-view2" style="width: 70%">
                            <div class="sp-wrap" id="leaf-xmj-spread"></div>
                        </div>
                        <div class="c-body" id="right-view2" style="width: 30%">
                            <div class="resize-x" id="right-spr2" r-Type="width" div1="#left-view2" div2="#right-view2" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                            <div class="tab-content">
                                <div class="tab-pane" id="material-self-spread-div" style="position: relative">
                                    <div class="sp-wrap" id="material-self-spread"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--<div class="sp-wrap" id="leaf-xmj-spread"></div>-->
                </div>
            </div>
        </div>
        <div class="side-menu">
            <!--右侧菜单-->
            <ul class="nav flex-column right-nav">
                <li class="nav-item">
                    <a class="nav-link active" content="#material-tab" href="javascript: void(0);">清单工料含量</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script>
    const materialType = JSON.parse('<%- materialType %>');
    const isStageSelf = parseInt('<%- material.is_stage_self %>');
    const editForAudit = <%- material.editForAudit %>;
    const materialBillsData = JSON.parse(unescape('<%- escape(JSON.stringify(materialBillsData)) %>'));
    const materialStageData = isStageSelf ? JSON.parse(unescape('<%- escape(JSON.stringify(materialStageData)) %>')) : [];
    const materialStageBillsData = isStageSelf ? JSON.parse(unescape('<%- escape(JSON.stringify(materialStageBillsData)) %>')) : [];
    const readOnly = <%- material.readOnly %>;
    const openMaterialSelf = parseInt(<%- ctx.session.sessionProject.page_show.openMaterialSelf %>);
    const editListPermission = <%- material.editListPermission %>;
    const stage_order = <%- material.order %>;
    const materialID = <%- material.id %>;
    const tenderID = <%- tender.id %>;
    const materialDecimal = JSON.parse(unescape('<%- escape(JSON.stringify(material.decimal)) %>'));
    const openMaterialChecklist = parseInt(<%- ctx.session.sessionProject.page_show.openMaterialChecklist %>);
    let materialListData, materialChecklistData, notJoinList, ledger, curLedgerData, pos, curPosData, gclGatherData, gclList, selfList, gclGatherListData;
</script>