Calculation/app/view/phase_pay/audit_modal.ejs

<% if (ctx.phasePay && (ctx.phasePay.audit_status === auditConst.status.uncheck || ctx.phasePay.audit_status === auditConst.status.checkNo) && ctx.session.sessionUser.accountId === ctx.phasePay.create_user_id) { %>
<!--上报审批-->
<div class="modal fade" id="audit-start" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">上报审批</h5>
            </div>
            <div class="modal-body">
                <div class="dropdown text-right">
                    <% if (ctx.tender.info.shenpi.phasePay !== shenpiConst.sp_status.gdspl && ctx.session.sessionUser.accountId === ctx.phasePay.create_user_id) { %>
                    <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        添加审批流程
                    </button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton" style="width:220px">
                        <div class="mb-2 p-2"><input class="form-control form-control-sm" placeholder="姓名/手机 检索"
                                                     id="gr-search" autocomplete="off"></div>
                        <dl class="list-unstyled book-list" id="book-list">
                            <% accountGroup.forEach((group, idx) => { %>
                            <dt><a href="javascript: void(0);" class="acc-btn" data-groupid="<%- idx %>"
                                   data-type="hide"><i class="fa fa-plus-square"></i></a> <%- group.groupName %></dt>
                            <div class="dd-content" data-toggleid="<%- idx %>">
                                <% group.groupList.forEach(item => { %>
                                <% if (item.id !== ctx.session.sessionUser.accountId) { %>
                                <dd class="border-bottom p-2 mb-0 " data-id="<%- item.id %>">
                                    <p class="mb-0 d-flex"><span class="text-primary"><%- item.name %></span><span
                                                class="ml-auto"><%- item.mobile %></span></p>
                                    <span class="text-muted"><%- item.role %></span>
                                </dd>
                                <% } %>
                                <% })%>
                            </div>
                            <% }) %>
                        </dl>
                    </div>
                    <% } %>
                </div>
                <div class="card mt-3">
                    <div class="card-header">
                        审批流程
                    </div>
                    <div class="modal-height-500" style="overflow: auto">
                        <ul class="list-group list-group-flush" id="auditors">
                            <% for (let i = 0, iLen = ctx.phasePay.auditorGroups.length; i < iLen; i++) { %>
                            <li class="list-group-item d-flex" auditorId="<%- ctx.phasePay.auditorGroups[i][0].aid %>">
                                <div class="col-auto"><%- i+1 %></div>
                                <div class="col">
                                    <% for (const auditor of ctx.phasePay.auditorGroups[i]) { %>
                                    <div class="d-inline-block mx-1" auditorId="<%- auditor.audit_id %>">
                                        <i class="fa fa-user text-muted"></i> <%- auditor.name %> <small class="text-muted"><%- auditor.role %></small>
                                    </div>
                                    <% } %>
                                </div>
                                <div class="col-auto">
                                    <% if (ctx.phasePay.auditorGroups[i][0].audit_type !== auditType.key.common) { %>
                                    <span class="badge badge-pill badge-<%- auditType.info[ctx.phasePay.auditorGroups[i][0].audit_type].class %> badge-bg-small"><small><%- auditType.info[ctx.phasePay.auditorGroups[i][0].audit_type].long%></small></span>
                                    <% } %>
                                    <% if ((ctx.tender.info.shenpi.phasePay === shenpiConst.sp_status.sqspr ||
                                                    (ctx.tender.info.shenpi.phasePay === shenpiConst.sp_status.gdzs && i+1 !== iLen)) && ctx.session.sessionUser.accountId === ctx.phasePay.create_user_id) { %>
                                    <a href="javascript: void(0)" class="text-danger pull-right">移除</a>
                                    <% } %>
                                </div>
                            </li>
                            <% } %>
                        </ul>
                    </div>
                </div>
            </div>
            <form class="modal-footer" method="post" action="audit/start" name="stage-start">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>">
                <% if (ctx.session.sessionUser.accountId === ctx.phasePay.create_user_id) { %>
                <button class="btn btn-primary btn-sm" type="submit">确认上报</button>
                <% } %>
            </form>
        </div>
    </div>
</div>
<% } %>
<script>
    const accountGroup = JSON.parse(unescape('<%- escape(JSON.stringify(accountGroup)) %>'));
    const accountList = JSON.parse(unescape('<%- escape(JSON.stringify(accountList)) %>'));
    const shenpi_status = <%- ctx.tender.info.shenpi.phasePay %>;
    const shenpiConst =  JSON.parse('<%- JSON.stringify(shenpiConst) %>');
</script>