Calculation/app/view/settle/list.ejs

<% include ./list_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% include ./list_mini_menu.ejs %>
            <h2>
                结算期列表
            </h2>
            <div class="ml-auto">
                <% if (ctx.session.sessionUser.accountId === ctx.tender.data.user_id && (settles.length === 0 || settles[0].audit_status === auditConst.status.checked) && checkedStageCount > 0) { %>
                <a href="#add-qi" data-toggle="modal" data-target="#add-qi" class="btn btn-primary btn-sm">开始新一期</a>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th class="text-center" width="70px">结算期数</th>
                        <th class="text-center" width="70px">结算月份</th>
                        <th class="text-center" width="70px">结算周期</th>
                        <th class="text-center" width="100px" name="contract_tp">本期合同结算</th>
                        <th class="text-center" width="100px" name="qc_tp">本期变更结算</th>
                        <th class="text-center" width="100px" name="tp">本期完成结算</th>
                        <th class="text-center" width="100px" name="pre_tp">截止上期完成结算</th>
                        <th class="text-center" width="100px" name="end_tp">截止本期完成结算</th>
                        <th class="text-center" width="200px">审批进度</th>
                        <th class="text-center" width="90px">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <% for (const [i,s] of settles.entries()) { %>
                    <tr>
                        <td>
                            <a href="<%- '/tender/' + ctx.tender.id + '/settle/' + s.settle_order %>" target="_blank">第 <%- s.settle_order %> 期</a>
                            <% if ((i === 0 || (settles[i-1] && settles[i-1].status !== auditConst.status.checked)) && s.user_id === ctx.session.sessionUser.accountId) { %>
                            <a href="#edit" class="edit-stage" data-index="<%- i %>" data-toggle="modal" data-target="#edit"><i class="fa fa-pencil-square-o "></i></a>
                            <% } %>
                        </td>
                        <td class="text-center"><%- s.settle_time %></td>
                        <td class="text-center">
                            <span data-toggle="tooltip" data-placement="bottom" data-original-title="<%- (s.settle_period ? s.settle_period : '') %>">
                                <%- (s.settle_period ? (s.settle_period.split('~')[1] ? s.settle_period.split('~')[1] : s.settle_period)  : '') %>
                            </span>
                        </td>
                        <% if (ctx.tender.info.display.thousandth) { %>
                        <td class="text-right"><%- (s.contract_tp ? ctx.helper.formatNum(s.contract_tp, '#,##0.######') : '')%></td>
                        <td class="text-right"><%- (s.qc_tp ? ctx.helper.formatNum(s.qc_tp, '#,##0.######') : '')%></td>
                        <td class="text-right"><%- (s.tp ? ctx.helper.formatNum(s.tp, '#,##0.######') : '')%></td>
                        <td class="text-right"><%- (s.pre_tp ? ctx.helper.formatNum(s.pre_tp, '#,##0.######') : '')%></td>
                        <td class="text-right"><%- (s.end_tp ? ctx.helper.formatNum(s.end_tp, '#,##0.######') : '')%></td>
                        <% } else { %>
                        <td class="text-right"><%- (s.contract_tp ? s.contract_tp : '')%></td>
                        <td class="text-right"><%- (s.qc_tp ? s.qc_tp : '')%></td>
                        <td class="text-right"><%- (s.tp ? s.tp : '')%></td>
                        <td class="text-right"><%- (s.pre_tp ? s.pre_tp : '')%></td>
                        <td class="text-right"><%- (s.end_tp ? s.end_tp : '')%></td>
                        <% } %>
                        <td class="<%- auditConst.auditProgressClass[s.audit_status] %>">
                            <% if (s.curAuditors && s.curAuditors.length > 0) { %>
                            <% if (s.curAuditors[0].audit_type === auditType.key.common) { %>
                            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" s-order="<%- s.settle_order %>"><%- s.curAuditors[0].name %><%if (s.curAuditors[0].role !== '' && s.curAuditors[0].role !== null) { %>-<%- s.curAuditors[0].role %><% } %></a>
                            <% } else { %>
                            <a href="#sp-list" data-toggle="modal" data-target="#sp-list" s-order="<%- s.settle_order %>"><%- ctx.helper.transFormToChinese(s.curAuditors[0].audit_order) + '审' %></a>
                            <% } %>
                            <% } %>
                            <%- auditConst.auditProgress[s.audit_status] %>
                        </td>
                        <td class="text-center">
                            <% if (s.audit_status === auditConst.status.uncheck && s.user_id === ctx.session.sessionUser.accountId) { %>
                            <a href="<%- '/tender/' + ctx.tender.id + '/settle/' + s.settle_order %>" target="_blank" class="btn <%- auditConst.statusButtonClass[s.audit_status] %> btn-sm"><%- auditConst.statusButton[s.audit_status] %></a>
                            <% } else if (s.audit_status === auditConst.status.checkNo && s.curAuditors && s.user_id === ctx.session.sessionUser.accountId) { %>
                            <a href="<%- '/tender/' + ctx.tender.id + '/settle/' + s.settle_order %>" target="_blank" class="btn <%- auditConst.statusButtonClass[s.audit_status] %> btn-sm"><%- auditConst.statusButton[s.audit_status] %></a>
                            <% } else if (s.audit_status === auditConst.status.checking && s.curAuditors && s.curAuditors.findIndex(x => { return x.audit_id === ctx.session.sessionUser.accountId; }) >= 0) { %>
                            <a href="<%- '/tender/' + ctx.tender.id + '/settle/' + s.settle_order %>" target="_blank" class="btn <%- auditConst.statusButtonClass[s.audit_status] %> btn-sm"><%- auditConst.statusButton[s.audit_status] %></a>
                            <% } else if (s.audit_status === auditConst.status.checkNoPre && s.curAuditorsPre && s.curAuditorsPre.findIndex(x => { return x.audit_id === ctx.session.sessionUser.accountId; }) >= 0) { %>
                            <a href="<%- '/tender/' + ctx.tender.id + '/settle/' + s.settle_order %>" target="_blank" class="btn <%- auditConst.statusButtonClass[s.audit_status] %> btn-sm"><%- auditConst.statusButton[s.audit_status] %></a>
                            <% } else { %>
                            <span class="<%- auditConst.auditStringClass[s.audit_status] %>"><%- auditConst.auditString[s.audit_status] %></span>
                            <% } %>
                        </td>
                    </tr>
                    <% } %>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script src="/public/js/sub_menu.js"></script>
<script>
    const settles = JSON.parse('<%- JSON.stringify(settles) %>');
    $.subMenu({
        menu: '#sub-menu', miniMenu: '#sub-mini-menu', miniMenuList: '#mini-menu-list',
        toMenu: '#to-menu', toMiniMenu: '#to-mini-menu',
        key: 'menu.1.0.0',
        miniHint: '#sub-mini-hint', hintKey: 'menu.hint.1.0.1',
        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>