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>
                <% if ((material.status === auditConst.status.uncheck || material.status === auditConst.status.checkNo) && ctx.session.sessionUser.accountId === material.user_id) { %>
                    <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" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除材料"><i class="fa fa-remove" aria-hidden="true"></i></a>
                        <a href="javascript: void(0);" id="down-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                        <a href="javascript: void(0);" id="up-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                    </div>
                <% } %>
                <div class="d-inline-block ml-3">
                    本期调差计量期：第<span class="mx-2"><%= material.s_order.split(',').join('，') %></span>期
                    <span id="qi-month">
                        <% if (months.length > 0) { %>
                            <span class="mx-2 text-muted">/</span>本期月信息价：<% let monthstr = ''; for (const m of months) { monthstr += parseInt(m.split('-')[1]) + '月，'} %><%- monthstr.substring(0,monthstr.length-1) %>
                        <% } %>
                    </span>
                </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 class="d-inline-block">
                    <a class="btn btn-sm btn-light">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="bills0_list">
                            <label class="custom-control-label text-primary" for="bills0_list">过滤数量为0的工料</label>
                        </div>
                    </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: 100%">
                        <!--上部分-->
                        <% if (material.is_stage_self) { %>
                            <div class="c-body" style="width: 100%">
                                <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="sjs-height-material" id="material-spread"></div>
                            </div>
                        <% } else { %>
                            <div class="sjs-height-1" id="material-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" style="width: 100%">
                            <div id="month-tab" class="tab-pane active">
                                <% if ((material.status === auditConst.status.uncheck || material.status === auditConst.status.checkNo) && ctx.session.sessionUser.accountId === material.user_id) {%>
                                    <div class="sjs-bar-1">
                                        <div class="pb-1">
                                            <a href="#add-month" data-toggle="modal" data-target="#add-month" class="btn btn-sm btn-primary">创建月信息价</a>
                                            <a href="#remove-month" data-toggle="modal" data-target="#remove-month" class="btn btn-sm btn-outline-danger">移除月信息价</a>
                                        </div>
                                    </div>
                                <% } %>
                                <div class="sjs-height-material-month" id="material-month-spread">
                                </div>
                            </div>
                            <div id="material-tab" class="tab-pane">
                            </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">
                        <div class="input-group input-group-sm ">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">建筑增值税</span>
                            </div>
                            <input id="rateInput" class="form-control form-control-sm col-1" <% if (material.material_tax || material.readOnly) { %>disabled<% } %> type="number" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" min="0" step="1" max="100" value="<%- material.rate %>">
                            <% if (!material.readOnly || !material.material_tax) { %>
                            <div class="dropdown-menu">
                                <a class="dropdown-item changeRate" href="javascript:void(0);" data-value="9">9%</a>
                                <a class="dropdown-item changeRate" href="javascript:void(0);" data-value="10">10%</a>
                                <a class="dropdown-item changeRate" href="javascript:void(0);" data-value="11">11%</a>
                            </div>
                            <% } %>
                            <!--<select class="form-control form-control-sm col-1" id="changeRate" <% if (material.material_tax) { %>disabled<% } %>>-->
                                <!--<% if (!material.readOnly) { %>-->
                                    <!--<option value="9" <% if(material.rate === 9) { %>selected<% } %>>9%</option>-->
                                    <!--<option value="10" <% if(material.rate === 10) { %>selected<% } %>>10%</option>-->
                                    <!--<option value="11" <% if(material.rate === 11) { %>selected<% } %>>11%</option>-->
                                <!--<% } else { %>-->
                                    <!--<option value="<%= material.rate %>" selected><%= material.rate %>%</option>-->
                                <!--<% } %>-->
                            <!--</select>-->
                        </div>
                    </div>
                    <div class="material-table-height row mr-1" style="overflow-y: auto">
                        <div class="col-8">
                            <% if (!material.material_tax && !old_had_tax) { %>
                                <div class="sp-wrap" style="max-width: 800px;min-width: 500px;">
                                    <div class="col-12 p-0">
                                        <table class="table table-sm table-bordered">
                                            <tr><th rowspan="2"></th><th colspan="2" class="text-center">信息价</th><th colspan="2" class="text-center">价格指数</th></tr>
                                            <tr class="text-center"><th>本期金额</th><th>截止本期金额</th>
                                                <th>本期金额
                                                    <a href="javascript:void(0);" id="ex_expr" data-toggle="tooltip" data-placement="bottom" title="本期价差：<%- material.ex_expr ? material.ex_expr : '' %>"><i class="fa fa-question-circle-o"></i></a></th>
                                                <th>截止本期金额</th></tr>
                                            <tr id="tp_set"><td>材料价差费用</td>
                                                <td class="text-center"><%= material.m_tp !== null ? ctx.helper.round(material.m_tp, material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.m_tp !== null || material.pre_tp !== null ? ctx.helper.round(ctx.helper.add(material.pre_tp, material.m_tp), material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tp !== null ? ctx.helper.round(material.ex_tp, material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tp !== null || material.ex_pre_tp !== null ? ctx.helper.round(ctx.helper.add(material.ex_pre_tp, material.ex_tp), material.decimal.tp) : null %></td>
                                            </tr>
                                            <tr id="rate_set"><td>材料价差费用（含建筑税）</td>
                                                <td class="text-center"><%= material.m_tp !== null ? ctx.helper.round(ctx.helper.mul(material.m_tp, 1+material.rate/100), material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.m_tp !== null || pre_tp_hs !== null ? ctx.helper.round(ctx.helper.add(pre_tp_hs, ctx.helper.round(ctx.helper.mul(material.m_tp, 1+material.rate/100), material.decimal.tp)), material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tp !== null ? ctx.helper.round(ctx.helper.mul(material.ex_tp, 1+material.exponent_rate/100), material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tp !== null || ex_pre_tp_hs !== null ? ctx.helper.round(ctx.helper.add(ex_pre_tp_hs, ctx.helper.round(ctx.helper.mul(material.ex_tp, 1+material.exponent_rate/100), material.decimal.tp)), material.decimal.tp) : null %></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            <% } else { %>
                                <div class="sp-wrap" style="max-width: 800px;min-width: 500px;">
                                    <div class="col-12 p-0">
                                        <table class="table table-sm table-bordered">
                                            <tr><th rowspan="2"></th><th colspan="2" class="text-center">信息价</th><th colspan="2" class="text-center">价格指数</th></tr>
                                            <tr class="text-center"><th>本期金额</th><th>截止本期金额</th>
                                                <th>本期金额
                                                    <a href="javascript:void(0);" id="ex_expr" data-toggle="tooltip" data-placement="bottom" title="本期价差：<%- material.ex_expr ? material.ex_expr : '' %>"><i class="fa fa-question-circle-o"></i></a></th>
                                                <th>截止本期金额</th></tr>
                                            <tr id="tp_set"><td>材料价差费用</td>
                                                <td class="text-center"><%= material.m_tp !== null ? ctx.helper.round(material.m_tp, material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.m_tp !== null || material.pre_tp !== null ? ctx.helper.round(ctx.helper.add(material.pre_tp, material.m_tp), material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tp !== null ? ctx.helper.round(material.ex_tp, material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tp !== null || material.ex_pre_tp !== null ? ctx.helper.round(ctx.helper.add(material.ex_pre_tp, material.ex_tp), material.decimal.tp) : null %></td>
                                            </tr>
                                            <tr id="tax_rate_set"><td>材料价差费用（含材料税）</td>
                                                <td class="text-center"><%= material.material_tax ? (material.m_tax_tp !== null ? material.m_tax_tp : null) : '-' %></td>
                                                <td class="text-center"><%= material.material_tax ? (material.m_tax_tp !== null || material.m_tax_pre_tp !== null ? ctx.helper.round(ctx.helper.add(material.m_tax_pre_tp, material.m_tax_tp), material.decimal.tp) : null) : material.m_tax_pre_tp %></td>
                                                <td class="text-center">-</td>
                                                <td class="text-center">-</td>
                                            </tr>
                                            <tr id="rate_set"><td>材料价差费用（含建筑税）</td>
                                                <td class="text-center"><%= !material.material_tax ? (material.m_tp !== null ? ctx.helper.round(ctx.helper.mul(material.m_tp, 1+material.rate/100), material.decimal.tp) : null) : '-' %></td>
                                                <td class="text-center"><%= !material.material_tax ? (material.m_tp !== null || pre_tp_hs !== null ? ctx.helper.round(ctx.helper.add(pre_tp_hs, ctx.helper.round(ctx.helper.mul(material.m_tp, 1+material.rate/100), material.decimal.tp)), material.decimal.tp) : null) : pre_tp_hs !== null ? pre_tp_hs : '-' %></td>
                                                <td class="text-center"><%= material.ex_tp !== null ? ctx.helper.round(ctx.helper.mul(material.ex_tp, 1+material.exponent_rate/100), material.decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tp !== null || ex_pre_tp_hs !== null ? ctx.helper.round(ctx.helper.add(ex_pre_tp_hs, ctx.helper.round(ctx.helper.mul(material.ex_tp, 1+material.exponent_rate/100), material.decimal.tp)), material.decimal.tp) : null %></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            <% } %>
                        </div>
                        <% if (material.is_stage_self) { %>
                        <div class="col-4">
                            <table class="table table-bordered">
                                <thead>
                                <tr class="text-center"><th colspan="<% if (material.material_tax) { %>3<% } else { %>2<% } %>">期明细</th></tr>
                                <tr><th class="text-center">期数</th>
                                    <th class="text-center">本期调差金额</th>
                                    <% if (material.material_tax) { %>
                                    <th class="text-center">本期调差金额(材料税)</th>
                                    <% } %>
                                </tr>
                                </thead>
                                <tbody id="materialStageTable">
                                <% for (const ms of materialStageData) { %>
                                <tr><td>第<%- ms.order %>期</td><td class="text-center"><%- ms.m_tp %></td>
                                    <% if (material.material_tax) { %>
                                        <td class="text-center"><%- ms.m_tax_tp %></td>
                                    <% } %>
                                </tr>
                                <% } %>
                                <tr><td>合计</td><td class="text-center"><%- material.m_tp %></td>
                                    <% if (material.material_tax) { %>
                                        <td class="text-center"><%- material.m_tax_tp %></td>
                                    <% } %>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <% } %>
                    </div>
                </div>
            </div>
        </div>
        <div class="side-menu">
            <!--右侧菜单-->
            <ul class="nav flex-column right-nav">
                <% if (!material.is_stage_self) { %>
                <li class="nav-item">
                    <a class="nav-link" content="#month-tab" href="javascript: void(0);">月信息价</a>
                </li>
                <% } %>
                <li class="nav-item">
                    <a class="nav-link" content="#material-tab" href="javascript: void(0);">工料机库</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div style="display: none">
    <img src="/public/images/ellipsis_horizontal.png" id="ellipsis-icon" />
    <img src="/public/images/icon-ok.png" id="icon-ok" />
</div>
<!--<link rel="stylesheet" href="/public/css/jquery-ui/datepicker.css">-->
<!--<script src="/public/js/jquery-ui/datepicker.js"></script>-->
<!--<script src="/public/js/jquery-ui/datepicker-zh-CN.js"></script>-->
<script>
    const materialType = JSON.parse('<%- materialType %>');
    const isStageSelf = parseInt('<%- material.is_stage_self %>');
    const editTaxPermission = <%- material.editTaxPermission %>;
    let materialBillsData = JSON.parse(unescape('<%- escape(JSON.stringify(materialBillsData)) %>'));
    let materialStageData = isStageSelf ? JSON.parse(unescape('<%- escape(JSON.stringify(materialStageData)) %>')) : [];
    let materialStageBillsData = isStageSelf ? JSON.parse(unescape('<%- escape(JSON.stringify(materialStageBillsData)) %>')) : [];
    const materialListData = JSON.parse('<%- JSON.stringify(materialListData) %>');
    const readOnly = <%- material.readOnly %>;
    const materialID = <%- material.id %>;
    const materialTax = <%- material.material_tax %>;
    let materialRate = parseInt('<%- material.rate %>');
    const materialDecimal = JSON.parse(unescape('<%- escape(JSON.stringify(material.decimal)) %>'));
    let m_tp = <%= material.m_tp !== null ? material.m_tp : 0 %>;
    let ex_tp = <%= material.ex_tp !== null ? material.ex_tp : 0 %>;
    const pre_tp = <%= material.pre_tp !== null ? material.pre_tp : 0 %>;
    const ex_pre_tp = <%= material.ex_pre_tp !== null ? material.ex_pre_tp : 0 %>;
    const pre_tp_hs = <%= pre_tp_hs !== null ? pre_tp_hs : 0 %>;
    const ex_pre_tp_hs = <%= ex_pre_tp_hs !== null ? ex_pre_tp_hs : 0 %>;
    let m_tax_tp = <%= material.m_tax_tp !== null ? material.m_tax_tp : 0 %>;
    const m_tax_pre_tp = <%= material.m_tax_pre_tp !== null ? material.m_tax_pre_tp : 0 %>;
    let calcBase = JSON.parse(unescape('<%- escape(JSON.stringify(calcBase)) %>'));
    let calcBaseList = [];
    if (isStageSelf) {
        calcBaseList = JSON.parse(unescape('<%- escape(JSON.stringify(calcBase)) %>'));
        calcBase = calcBaseList[0].calcBase;
    }
    const months = JSON.parse('<%- JSON.stringify(months) %>');
    let monthsList = JSON.parse('<%- JSON.stringify(monthsList) %>');
    const gljLists = JSON.parse(unescape('<%- escape(JSON.stringify(gljLists)) %>'));
</script>