Calculation/app/view/payment/list.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main  d-flex justify-content-between">
            <div><a href="/payment"><i class="fa fa-chevron-left mr-2"></i></a><%- ctx.tender.name %></div>
            <div>
                <% if (ctx.session.sessionUser.accountId === trInfo.uid && trInfo.is_del === 0 && rptMsg) { %>
                <% if (trDetailList.length === 0 || (trDetailList.length !== 0 && trDetailList[0].status === auditConst.status.checked)) { %>
                <a href="javascript:void(0);" id="show-add-btn" class="btn btn-sm btn-primary pull-right ml-2">新建审批</a>
                <% } %>
                <% if (trDetailList.length === 0 || trDetailList[0].status === auditConst.status.checked || trDetailList[0].status === auditConst.status.uncheck || trDetailList[0].status === auditConst.status.checkNo) { %>
                <a href="#set-bdjs" data-toggle="modal" data-target="#set-bdjs" class="btn btn-sm btn-primary pull-right">绑定表单角色</a>
                <span class="text-danger pull-right" id="first_msg" <% if (trInfo.is_first === 0) { %>style="display:none;" <% } %>>第一次新建审批，请点击右侧的“绑定表单角色” &nbsp; &nbsp; </span>
                <% } %>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <div class="row m-0 my-3">
                    <div class="col-3">
                        <div class="list-group">
                            <% for (const tr of tenderRptList) { %>
                            <a href="/payment/<%- ctx.tender.id %>/list/<%- tr.id %>"
                               class="list-group-item list-group-item-action <% if (trInfo.id === tr.id) { %>active<% } %>">
                                <%- tr.rpt_name %><% if (tr.have_notice) { %><i class="fa fa-bell text-warning float-right mt-1" data-toggle="tooltip" data-placement="bottom" title="待处理提醒"></i><% } %>
                            </a>
                            <% } %>
                        </div>
                    </div>
                    <div class="col-9">
                        <div class="tab-content" id="v-pills-tabContent">
                            <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>期数</th>
                                        <th>编号</th>
                                        <th>创建时间</th>
                                        <th>审批进度</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <% for (const info of trDetailList) { %>
                                    <tr>
                                        <td>第<%- info.order %>期</td>
                                        <td><a href="/payment/<%- info.tender_id %>/detail/<%- info.id %>"><%- info.code %></a></td>
                                        <td><%- info.s_time %></td>
                                        <td class="<%- auditConst.auditProgressClass[info.status] %>">
                                            <% if (info.curAuditor) { %>
                                                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" m-order="<%- info.order %>"><%- info.curAuditor.name %><%if (info.curAuditor.role !== '' && info.curAuditor.role !== null) { %>-<%- info.curAuditor.role %><% } %></a>
                                            <% } %>
                                            <%- auditConst.auditProgress[info.status] %>
                                        </td>
                                        <td>
                                            <% if (info.status === auditConst.status.uncheck && info.uid === ctx.session.sessionUser.accountId) { %>
                                                <a href="<%- '/payment/' + ctx.tender.id + '/detail/' + info.id %>" class="btn <%- auditConst.statusButtonClass[info.status] %> btn-sm"><%- auditConst.statusButton[info.status] %></a>
                                            <% } else if (info.status === auditConst.status.checkNo && info.curAuditor && info.uid === ctx.session.sessionUser.accountId) { %>
                                                <a href="<%- '/payment/' + ctx.tender.id + '/detail/' + info.id %>" class="btn <%- auditConst.statusButtonClass[info.status] %> btn-sm"><%- auditConst.statusButton[info.status] %></a>
                                            <% } else if (info.status === auditConst.status.checking && info.curAuditor && info.curAuditor.aid === ctx.session.sessionUser.accountId) { %>
                                                <a href="<%- '/payment/' + ctx.tender.id + '/detail/' + info.id %>" class="btn <%- auditConst.statusButtonClass[info.status] %> btn-sm"><%- auditConst.statusButton[info.status] %></a>
                                            <% } else { %>
                                                <span class="<%- auditConst.auditProgressClass[info.status] %>"><%- auditConst.auditProgress[info.status] %></span>
                                            <% } %>
                                            <% if ((ctx.session.sessionUser.is_admin || ((info.status === auditConst.status.uncheck || info.status === auditConst.status.checkNo) && info.uid === ctx.session.sessionUser.accountId)) && info.order === trDetailList.length) { %>
                                                <a href="#del-qi" class="btn btn-outline-danger btn-sm ml-1" data-toggle="modal" data-target="#del-qi">删除</a>
                                            <% } %>
                                        </td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const tenderId = parseInt('<%- ctx.tender.id %>');
    const trId = parseInt('<%- trInfo.id %>');
    const rptMsg = JSON.parse(unescape('<%- escape(JSON.stringify(rptMsg)) %>'));
    console.log(rptMsg);
    const accountGroup = JSON.parse(unescape('<%- escape(JSON.stringify(accountGroup)) %>'));
    const accountList = JSON.parse(unescape('<%- escape(JSON.stringify(accountList)) %>'));
    const auditConst = JSON.parse(unescape('<%- escape(JSON.stringify(auditConst)) %>'));
    let rpt_audit = JSON.parse(unescape('<%- escape(JSON.stringify(trInfo.rpt_audit)) %>'));
    let old_rpt_audit = _.cloneDeep(rpt_audit);
    const is_first = parseInt('<%- trInfo.is_first %>');
    console.log(rpt_audit);
</script>