Calculation/app/view/material/exponent.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>
                    </div>
                <% } %>
                <div class="d-inline-block ml-3">
                    本期调差计量期：第<span class="mx-2"><%= material.s_order.split(',').join('，') %></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>
                <% if (!ctx.material.readOnly) { %>
                <div class="d-inline-block ml-2" >
                    <a href="#choose2" class="btn btn-sm btn-primary" data-toggle="modal" data-placement="bottom" data-target="#choose2" >新增分项价格指数</a>
                </div>
                <% } %>
                <!--<div class="d-inline-block ml-3" style="display: none!important;">-->
                    <!--本期价差：<b id="ex_expr"><%- material.ex_expr %></b>-->
                <!--</div>-->
            </div>
            <div class="ml-auto">
                <% if (ctx.subProject.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 id="left-view" class="c-body" style="width: 100%">
                <!--上部分-->
                <% if (material.showStageExponent) { %>
                    <div class="c-body sjs-height-1" 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>
                        <% if (material.exponent_node) { %>
                            <% const nodeList = ctx.helper._.filter(materialExponentNodeData, { ms_id: materialStageData[0].id }); %>
                        <div class="nav-tabs-wrapper">
                            <ul class="nav nav-pills flex-nowrap my-1" id="myTab2" role="tablist">
                                <% for (const [j, node] of nodeList.entries()) { %>
                                <li class="nav-item">
                                    <a class="nav-link change-material-node <% if (j === 0) { %>active<% } %>" data-node="<%- node.node %>" data-mnid="<%- node.id %>" href="javascript:void(0);" data-toggle="tab"><%- node.name %><% if (node.node === '-1') { %>（不含新增分项）<% } %></a>
                                </li>
                                <% } %>
                            </ul>
                        </div>
                        <% } %>
                        <div class="sjs-height-material" id="material-exponent-spread"></div>
                    </div>
                <% } else if (material.exponent_node) { %>
                    <div class="c-body sjs-height-1" style="width: 100%">
                        <div class="nav-tabs-wrapper">
                            <ul class="nav nav-pills flex-nowrap my-1" id="myTab2" role="tablist">
                                <% for (const [j,node] of materialExponentNodeData.entries()) { %>
                                    <li class="nav-item">
                                        <a class="nav-link change-material-node <% if (j === 0) { %>active<% } %>" data-node="<%- node.node %>" data-mnid="<%- node.id %>" href="javascript:void(0);" data-toggle="tab"><%- node.name %><% if (node.node === '-1') { %>（不含新增分项）<% } %></a>
                                    </li>
                                <% } %>
                            </ul>
                        </div>
                        <div class="sjs-height-material" id="material-exponent-spread"></div>
                    </div>
                <% } else { %>
                    <div class="sjs-height-1" id="material-exponent-spread">
                    </div>
                <% } %>
                <!--下部分-->
                <div class="bcontent-wrap" 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" id="material-exponent-tab">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#fysum" role="tab">费用统计</a>
                            </li>
                            <% if (material.showStageExponent) { %>
                                <li class="nav-item">
                                    <a class="nav-link " data-toggle="tab" href="#qidetail" role="tab">各期统计</a>
                                </li>
                            <% } %>
                            <li class="nav-item ml-2">
                                <div class="ml-2">
                                    <!--调整税率-->
                                    <div class="d-inline-flex">
                                        <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" <% if (material.readOnly || material.editForAudit) { %>disabled<% } %> type="number" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" min="0" step="1" max="100" value="<%- material.exponent_rate %>">
                                            <% if (!material.readOnly || !material.editForAudit) { %>
                                                <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>
                                            <% } %>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane active" id="fysum">
                            <div class="sp-wrap" style="max-width: 800px;min-width: 500px;overflow: auto;">
                                <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>材料调差费用 <% if (material.exponentStatus === materialType.exponent_status.shared_noNode) { %><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>
                                            <th>材料调差费用</th>
                                            <th>材料调差费用（含建筑税）</th>
                                        </tr>
                                        <% if (material.exponent_node) { %>
                                            <tbody id="tj_node">
                                            </tbody>
                                        <% } else { %>
                                            <tr id="tj_ledger">
                                                <td class="text-center">标段（不含新增分项）</td>
                                                <td class="text-center"><%= material.ex_tp !== null ? ctx.helper.round(material.ex_tp, material.exponent_decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tax_tp !== null ? ctx.helper.round(material.ex_tax_tp,  material.exponent_decimal.tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tp !== null || material.ex_pre_tp !== null ? ctx.helper.add(ctx.helper.round(material.ex_tp, material.exponent_decimal.tp), material.ex_pre_tp) : null %></td>
                                                <td class="text-center"><%= material.ex_tax_tp !== null || material.ex_tax_pre_tp !== null ? ctx.helper.add(material.ex_tax_pre_tp, ctx.helper.round(material.ex_tax_tp, material.exponent_decimal.tp)) : null %></td>
                                            </tr>
                                        <% } %>
                                        <tr id="total_set">
                                            <td class="text-center">合计</td>
                                            <td class="text-center"><%= material.ex_tp !== null ? ctx.helper.round(material.ex_tp, material.exponent_decimal.tp) : null %></td>
                                            <td class="text-center"><%= material.ex_tax_tp !== null ? ctx.helper.round(material.ex_tax_tp,  material.exponent_decimal.tp) : null %></td>
                                            <td class="text-center"><%= material.ex_tp !== null || material.ex_pre_tp !== null ? ctx.helper.add(ctx.helper.round(material.ex_tp, material.exponent_decimal.tp), material.ex_pre_tp) : null %></td>
                                            <td class="text-center"><%= material.ex_tax_tp !== null || material.ex_tax_pre_tp !== null ? ctx.helper.add(material.ex_tax_pre_tp, ctx.helper.round(material.ex_tax_tp, material.exponent_decimal.tp)) : null %></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <% if (material.showStageExponent) { %>
                        <div class="tab-pane" id="qidetail">
                            <div class="sp-wrap" id="stage-tj-spread"></div>
                        </div>
                        <% } %>
                    </div>
                </div>
            </div>
            <div id="right-view" class="c-body" style="display:none;width: 33%">
                <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="tiaochaje" class="tab-pane active">
                        <div class="sjs-sh-1">
                            <table class="table table-bordered">
                                <thead>
                                <tr><th width="40">选择</th><th>调差基数（P）</th><th>金额</th></tr>
                                </thead>
                                <tbody id="calc_basic_select">
                                <% if (!material.showStageExponent) { %>
                                    <% for (const bq of ex_calc) { %>
                                        <tr>
                                            <td><input type="checkbox" value="<%- bq.code %>" <% if (material.readOnly) { %>disabled<% } %> class="calc_select" <% if (bq.select) { %>checked<% } %>></td>
                                            <td><%- materialType.ex_basic_text[bq.code] %></td><td><% if (bq.code === 'zdy' && !material.readOnly) { %><input type="text" id="calc_zdy" class="form-control form-control-sm" value="<%- bq.value %>"><% } else { %><%- bq.value %><% } %></td>
                                        </tr>
                                    <% } %>
                                <% } %>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="side-menu">
            <!--右侧菜单-->
            <ul class="nav flex-column right-nav">
                <li class="nav-item">
                    <a class="nav-link" content="#base-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>
<script>
    const readOnly = <%- material.readOnly %>;
    const materialID = <%- material.id %>;
    const materialTax = <%- material.material_tax %>;
    const materialOrder = <%- material.order %>;
    const isStageSelf = parseInt('<%- material.is_stage_self %>');
    const showStageExponent = <%- material.showStageExponent %>;
    const exponent_nodes = JSON.parse(unescape('<%- escape(JSON.stringify(ctx.material.exponent_node)) %>'));
    const editForAudit = <%- material.editForAudit %>;
    const materialDecimal = JSON.parse(unescape('<%- escape(JSON.stringify(material.decimal)) %>'));
    const materialExponentDecimal = JSON.parse(unescape('<%- escape(JSON.stringify(material.exponent_decimal)) %>'));
    const decimal = JSON.parse('<%- JSON.stringify(ctx.tender.info.decimal) %>');
    let ex_tp = <%= material.ex_tp !== null ? material.ex_tp : 0 %>;
    let ex_tax_tp = <%= material.ex_tax_tp !== null ? material.ex_tax_tp : 0 %>;
    const ex_pre_tp = <%= material.ex_pre_tp !== null ? material.ex_pre_tp : 0 %>;
    const ex_pre_tp_hs = <%= material.ex_tax_pre_tp !== null ? material.ex_tax_pre_tp : 0 %>;
    const materialType = JSON.parse('<%- JSON.stringify(materialType) %>');
    let ex_calc = JSON.parse('<%- JSON.stringify(ex_calc) %>');
    let ex_calcList = [];
    if (showStageExponent || exponent_nodes) {
        ex_calcList = JSON.parse(unescape('<%- escape(JSON.stringify(ex_calc)) %>'));
        console.log(ex_calcList);
        ex_calc = ex_calcList[0].ex_calc;
    }
    let ex_expr = '<%- material.ex_expr %>';
    let materialRate = parseInt('<%- material.exponent_rate %>');
    let materialExponentData = JSON.parse(unescape('<%- escape(JSON.stringify(materialExponentData)) %>'));
    let materialStageData = showStageExponent ? JSON.parse(unescape('<%- escape(JSON.stringify(materialStageData)) %>')) : [];
    let materialExponentNodeData = exponent_nodes ? JSON.parse(unescape('<%- escape(JSON.stringify(materialExponentNodeData)) %>')) : [];
    let materialExponentShardData = showStageExponent || exponent_nodes ? JSON.parse(unescape('<%- escape(JSON.stringify(materialExponentShardData)) %>')) : [];
</script>