Calculation/app/view/material/info.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">
                    <a href="javascript: void(0);" id="add" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="新增材料"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" id="del" class="btn btn-sm btn-light text-primary disabled" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除材料"><i class="fa fa-remove" aria-hidden="true"></i></a>
                </div>
                <div class="d-inline-block">
                    本期调差计量期：第<span class="mx-2"><%= ctx.material.s_order.split(',').join('，') %></span>期
                </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="material-spread">
                </div>
                <!--下部分-->
                <div class="bcontent-wrap">
                    <div class="bc-bar mb-1">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">增税税率</span>
                            </div>
                            <select class="form-control col-1"><option>9%</option><option>10%</option><option>11%</option></select>
                        </div>
                    </div>
                    <div class="sp-wrap">
                        <div class="col-4 p-0">
                            <table class="table table-sm table-bordered">
                                <tr><th></th><th>本期金额</th><th>截止本期金额</th></tr>
                                <tr><td>材料价差费用</td><td></td><td></td></tr>
                                <tr><td>材料价差费用（含税）</td><td></td><td></td></tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<% if (ctx.material.status === auditConst.status.uncheck && ctx.session.sessionUser.accountId === ctx.material.user_id) {%>
<script>
    const accountList = JSON.parse('<%- JSON.stringify(accountList) %>');
    const materialType = JSON.parse('<%- materialType %>');
    const billsSpreadSetting = JSON.parse('<%- JSON.stringify(billsSpread) %>');
</script>
<% } %>
<script>
    $.subMenu({
        menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
        toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
        //key: 'stage.compare.memu.1.0.0',
        callback: function (info) {
            if (info.mini) {
                $('.panel-title').addClass('fluid');
                $('#sub-menu').removeClass('panel-sidebar');
            } else {
                $('.panel-title').removeClass('fluid');
                $('#sub-menu').addClass('panel-sidebar');
            }
            autoFlashHeight();
        }
    });
</script>