Calculation/app/view/phase_pay/index.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <h2>
                合同支付列表
            </h2>
            <% if (ctx.session.sessionUser.accountId === ctx.tender.data.user_id && (phasePays.length === 0 || phasePays[0].audit_status === auditConst.status.checked) && validStages.length > 0) { %>
            <div class="ml-auto">
                <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="80px">支付期数</th>
                        <th class="text-center" width="70px">支付月份</th>
                        <th class="text-center" width="70px">计量期</th>
                        <th class="text-center" width="100px">本期付款</th>
                        <th class="text-center" width="100px">本期扣款</th>
                        <th class="text-center" width="100px">本期应付</th>
                        <th class="text-center" width="100px">本期实付</th>
                        <th class="text-center" width="100px">截止本期应付</th>
                        <th class="text-center" width="100px">截止本期实付</th>
                        <th class="text-center" width="200px">审批进度</th>
                        <th class="text-center" width="90px">操作</th>
                        <th class="text-center" width="200px">备注</th>
                    </tr>
                    </thead>
                    <tbody>
                    <% for (const pay of phasePays) { %>
                    <tr>
                        <td>
                            <a href="<%- '/tender/' + pay.tid + '/pay/' + pay.phase_order + '/detail' %>" target="_blank">第 <%- pay.phase_order %> 期</a>
                            <% if (pay.audit_status !== auditConst.status.checked && pay.create_user_id === ctx.session.sessionUser.accountId) { %>
                            <a href="#edit" class="edit-pay" data-id="<%- pay.id %>" data-toggle="modal" data-target="#edit"><i class="fa fa-pencil-square-o "></i></a>
                            <% } %>
                        </td>
                        <td class="text-center"><%- pay.phase_date %></td>
                        <td class="text-center">
                            <% for (const s of pay.rela_stage) { %>
                            <a href="<%- '/tender/' + pay.tid + '/measure/stage/' + s.stage_order %>" target="_blank">第 <%- s.stage_order %> 期</a>
                            <% } %>
                        </td>
                        <td class="text-right"><%- pay.display_pay_tp %></td>
                        <td class="text-right"><%- pay.display_cut_tp %></td>
                        <td class="text-right"><%- pay.display_yf_tp %></td>
                        <td class="text-right"><%- pay.display_sf_tp %></td>
                        <td class="text-right"><%- pay.display_end_yf_tp %></td>
                        <td class="text-right"><%- pay.display_end_sf_tp %></td>
                        <td class="<%- auditConst.info[pay.audit_status].class %>">
                            <% if (pay.audit_status === auditConst.status.checked && pay.final_auditor_str) { %>
                                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" phase-order="<%- pay.phase_order %>"><%- pay.final_auditor_str %></a>
                            <% } else { %>
                                <% if (pay.curAuditors.length > 0) { %>
                                    <% if (pay.curAuditors[0].audit_type === auditType.key.common) { %>
                                        <a href="#sp-list" data-toggle="modal" data-target="#sp-list" phase-order="<%- pay.phase_order %>"><%- pay.curAuditors[0].name %><%if (pay.curAuditors[0].role !== '' && pay.curAuditors[0].role !== null) { %>-<%- pay.curAuditors[0].role %><% } %></a>
                                    <% } else { %>
                                        <a href="#sp-list" data-toggle="modal" data-target="#sp-list" phase-order="<%- pay.phase_order %>"><%- ctx.helper.transFormToChinese(pay.curAuditors[0].audit_order) + '审' %></a>
                                    <% } %>
                                <% } %>
                            <% } %>
                            <%- auditConst.info[pay.audit_status].title %>
                        </td>
                        <td class="text-center">
                            <% if (pay.audit_status === auditConst.status.uncheck && pay.create_user_id === ctx.session.sessionUser.accountId) { %>
                            <a href="<%- '/tender/' + pay.tid + '/pay/' + pay.phase_order + '/detail' %>" target="_blank" class="btn <%- auditConst.info[pay.audit_status].btnClass %> btn-sm"><%- auditConst.info[pay.audit_status].btnTitle %></a>
                            <% } else if (pay.status === auditConst.status.checkNo && pay.user_id === ctx.session.sessionUser.accountId) { %>
                            <a href="<%- '/tender/' + pay.tid + '/pay/' + pay.phase_order + '/detail' %>" target="_blank" class="btn <%- auditConst.info[pay.audit_status].btnClass %> btn-sm"><%- auditConst.info[pay.audit_status].btnTitle %></a>
                            <% } else if ((pay.status === auditConst.status.checking || pay.status === auditConst.status.checkNoPre) && pay.curAuditors && pay.curAuditors.findIndex(x => { return x.aid === ctx.session.sessionUser.accountId; }) >= 0) { %>
                            <a href="<%- '/tender/' + pay.tid + '/pay/' + pay.phase_order + '/detail' %>" target="_blank" class="btn <%- auditConst.info[pay.audit_status].btnClass %> btn-sm"><%- auditConst.info[pay.audit_status].btnTitle %></a>
                            <% } else { %>
                            <span class="<%- auditConst.info[pay.audit_status].class %>"><%- auditConst.info[pay.audit_status].title %></span>
                            <% } %>
                        </td>
                        <td> <%- pay.memo %></td>
                    </tr>
                    <% } %>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script>
    const phasePays = JSON.parse('<%- JSON.stringify(phasePays) %>');
    const auditType = JSON.parse('<%- JSON.stringify(auditType) %>');
    const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
</script>