Calculation/app/view/material/audit_modal.ejs

<% if ((ctx.material.status === auditConst.status.uncheck || ctx.material.status === auditConst.status.checkNo) && ctx.session.sessionUser.accountId === ctx.material.user_id) { %>
<!--上报审批-->
<div class="modal fade" id="sub-sp" 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="form-group">
                    <label>选择审批人</label>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <select class="form-control form-control-sm" id="account_group">
                                <option value="0">所有分组</option>
                                <% for (const dw in accountGroup) { %>
                                    <option value="<%= dw %>"><%= accountGroup[dw] %></option>
                                <% } %>
                            </select>
                        </div>
                        <select class="form-control form-control-sm" id="account_list">
                            <option value="0">选择审批人</option>
                            <% for (const account of accountList) { %>
                                <option value="<%= account.id %>"><%= account.name %><% if (account.role !== '') { %>（<%= account.role %>）<% } %><% if (account.company !== '') { %> -<%= account.company %><% } %></option>
                            <% } %>
                        </select>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-header">
                        审批流程
                    </div>
                    <ul class="list-group list-group-flush" id="auditors">
                        <% for (let i = 0, iLen = ctx.material.auditorList.length; i < iLen; i++) { %>
                        <li class="list-group-item" auditorId="<%- ctx.material.auditorList[i].aid %>">
                            <a href="javascript: void(0)" class="text-danger pull-right">移除</a>
                            <%- ctx.material.auditorList[i].order %> <%- ctx.material.auditorList[i].name %>
                            <small class="text-muted"><%- ctx.material.auditorList[i].role %></small>
                        </li>
                        <% } %>
                    </ul>
                </div>
            </div>
            <form class="modal-footer" method="post" action="<%- preUrl %>/audit/start" onsubmit="return checkAuditorFrom()">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <input type="hidden" name="_csrf" value="<%= ctx.csrf %>">
                <button class="btn btn-primary btn-sm" type="submit">确认上报</button>
            </form>
        </div>
    </div>
</div>
<% } %>
<% if (ctx.material.status === auditConst.status.checking) { %>
    <% if (ctx.material.curAuditor && ctx.material.curAuditor.aid === ctx.session.sessionUser.accountId) { %>
        <!--审批通过-->
        <div class="modal fade" id="sp-done" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <form class="modal-content" action="<%- preUrl %>/audit/check" method="post" onsubmit="return auditCheck(0);">
            <div class="modal-header">
                <h5 class="modal-title">审批通过</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-4">
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <i class="fa fa fa-play-circle fa-rotate-90"></i> <%- ctx.material.user.name %>  <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                </li>
                                <% for (let i = 0; i < ctx.material.auditors2.length; i++) { %>
                                <li class="list-group-item">
                                    <% if (i < ctx.material.auditors2.length - 1) { %>
                                    <i class="fa fa-chevron-circle-down"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right"><%= ctx.helper.transFormToChinese(i+1) %>审</span>
                                    <% } else { %>
                                    <i class="fa fa fa-stop-circle"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right">终审</span>
                                    <% } %>
                                </li>
                                <% } %>
                            </ul>
                        </div>
                    </div>
                    <div class="col-8 modal-height-500" style="overflow: auto">
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- ctx.material.user.name %> <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                    </h5>
                                    <div class="ml-3">
                                        <span class="text-success"><small><%- ctx.material.auditors[0].begin_time.toLocaleDateString() %></small> 上报</span>
                                    </div>
                                </li>
                                <% for (let iA = 0; iA < ctx.material.auditors.length; iA++) { %>
                                <% const auditors = ctx.material.auditors; %>
                                <li class="list-group-item">
                                    <% if (auditors[iA].status === auditConst.status.checked) { %>
                                    <h5 class="card-title">
                                        <i class="<%- (iA < auditors.length - 1 ? 'fa fa-chevron-circle-down text-success' : 'fa fa-stop-circle text-success') %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small><span class="pull-right"><%= auditors[iA].sort === auditors[iA].max_sort ? '终' : ctx.helper.transFormToChinese(auditors[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <span class="text-success"><small><%- auditors[iA].end_time.toLocaleDateString() %></small> 审批通过</span>
                                        <p class="card-text"><%- auditors[iA].opinion %></p>
                                    </div>
                                    <% } else if (auditors[iA].stauts == auditConst.status.checking) { %>
                                    <h5 class="card-title">
                                        <i class="<%- (iA < auditors.length - 1 ? 'fa fa-chevron-circle-down' : 'fa fa-stop-circle') %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small><span class="pull-right"><%= auditors[iA].sort === auditors[iA].max_sort ? '终' : ctx.helper.transFormToChinese(auditors[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <span>审批中</span>
                                        <p class="card-text"><%- auditors[iA].opinion %></p>
                                    </div>
                                    <% } else { %>
                                    <h5 class="card-title">
                                        <i class="<%- (iA < auditors.length - 1 ? 'fa fa-chevron-circle-down' : 'fa fa-stop-circle') %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small><span class="pull-right"><%= auditors[iA].sort === auditors[iA].max_sort ? '终' : ctx.helper.transFormToChinese(auditors[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <p class="card-text"><%- auditors[iA].opinion %></p>
                                    </div>
                                    <% } %>
                                    <% if (auditors[iA].status === auditConst.status.checked) { %>
                                    <% } else if (auditors[iA].status === auditConst.status.checking) { %>
                                    <div class="form-group">
                                        <label>审批意见<b class="text-danger">*</b></label>
                                        <textarea class="form-control form-control-sm" name="opinion">同意</textarea>
                                    </div>
                                    <% } %>
                                </li>
                                <% } %>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <input type="hidden" name="_csrf" value="<%= ctx.csrf %>" />
                <input type="hidden" name="checkType" value="<%= auditConst.status.checked %>" />
                <button type="submit" class="btn btn-success btn-sm" >确认通过</button>
            </div>
        </form>
    </div>
</div>
        <!--审批退回-->
        <div class="modal fade" id="sp-back" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <form class="modal-content modal-lg" action="<%- preUrl %>/audit/check" method="post" onsubmit="return auditCheck(1);">
            <div class="modal-header">
                <h5 class="modal-title">审批退回</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-4">
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <i class="fa fa fa-play-circle fa-rotate-90"></i> <%- ctx.material.user.name %>  <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                </li>
                                <% for (let i = 0; i < ctx.material.auditors2.length; i++) { %>
                                <li class="list-group-item">
                                    <% if (i < ctx.material.auditors2.length - 1) { %>
                                    <i class="fa fa-chevron-circle-down"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right"><%= ctx.helper.transFormToChinese(i+1) %>审</span>
                                    <% } else { %>
                                    <i class="fa fa fa-stop-circle"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right">终审</span>
                                    <% } %>
                                </li>
                                <% } %>
                            </ul>
                        </div>
                    </div>
                    <div class="col-8 modal-height-500" style="overflow: auto">
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- ctx.material.user.name %> <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                    </h5>
                                    <div class="ml-3">
                                        <span class="text-success"><small><%- ctx.material.auditors[0].begin_time.toLocaleDateString() %></small> 上报</span>
                                    </div>
                                </li>
                                <% for (let iA = 0; iA < ctx.material.auditors.length; iA++) { %>
                                <% const auditors = ctx.material.auditors; %>
                                <li class="list-group-item">
                                    <% if (auditors[iA].status === auditConst.status.checked) { %>
                                    <h5 class="card-title">
                                        <i class="<%- (iA < auditors.length - 1 ? 'fa fa-chevron-circle-down text-success' : 'fa fa-stop-circle text-success') %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small><span class="pull-right"><%= auditors[iA].sort === auditors[iA].max_sort ? '终' : ctx.helper.transFormToChinese(auditors[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <span class="text-success"><small><%- auditors[iA].end_time.toLocaleDateString() %></small> 审批通过</span>
                                        <p class="card-text"><%- auditors[iA].opinion %></p>
                                    </div>
                                    <% } else if (auditors[iA].stauts == auditConst.status.checking) { %>
                                    <h5 class="card-title">
                                        <i class="<%- (iA < auditors.length - 1 ? 'fa fa-chevron-circle-down' : 'fa fa-stop-circle') %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small><span class="pull-right"><%= auditors[iA].sort === auditors[iA].max_sort ? '终' : ctx.helper.transFormToChinese(auditors[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <span>审批中</span>
                                        <p class="card-text"><%- auditors[iA].opinion %></p>
                                    </div>
                                    <% } else { %>
                                    <h5 class="card-title">
                                        <i class="<%- (iA < auditors.length - 1 ? 'fa fa-chevron-circle-down' : 'fa fa-stop-circle') %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small><span class="pull-right"><%= auditors[iA].sort === auditors[iA].max_sort ? '终' : ctx.helper.transFormToChinese(auditors[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <p class="card-text"><%- auditors[iA].opinion %></p>
                                    </div>
                                    <% } %>
                                    <% if (auditors[iA].status === auditConst.status.checked) { %>
                                    <% } else if (auditors[iA].status === auditConst.status.checking) { %>
                                    <div class="form-group">
                                        <label>审批意见<b class="text-danger">*</b></label>
                                        <textarea class="form-control form-control-sm" name="opinion">不同意</textarea>
                                    </div>
                                    <div class="alert alert-warning">审批退回，将直接退回给上报人。</div>
                                    <% } %>
                                </li>
                                <% } %>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <input type="hidden" name="_csrf" value="<%= ctx.csrf %>" />
                <input type="hidden" name="checkType" value="<%= auditConst.status.checkNo %>" />
                <button type="submit" class="btn btn-warning btn-sm" >确认退回</button>
            </div>
        </form>
    </div>
</div>
    <% } else { %>
        <!--审批流程/结果-->
        <div class="modal fade" id="sp-list" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">审批流程</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-4">
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <i class="fa fa fa-play-circle fa-rotate-90"></i> <%- ctx.material.user.name %>  <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                </li>
                                <% for (let i = 0; i < ctx.material.auditors2.length; i++) { %>
                                <li class="list-group-item">
                                    <% if (i < ctx.material.auditors2.length - 1) { %>
                                    <i class="fa fa-chevron-circle-down"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right"><%= ctx.helper.transFormToChinese(i+1) %>审</span>
                                    <% } else { %>
                                    <i class="fa fa fa-stop-circle"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right">终审</span>
                                    <% } %>
                                </li>
                                <% } %>
                            </ul>
                        </div>
                    </div>
                    <div class="col-8 modal-height-500" style="overflow: auto">
                        <% for (const ah of ctx.material.auditHistory) { %>
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <% for (let iA = 0; iA < ah.length; iA++) { %>
                                <% if (iA === 0) { %>
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- ctx.material.user.name %> <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                    </h5>
                                    <div class="ml-3">
                                        <span class="text-success"><small><%- ah[iA].begin_time.toLocaleDateString() %></small> <% if (ctx.material.auditHistory.indexOf(ah) > 0) { %>重新<% } %>上报</span>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa <%if (iA === ah.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right"><%= ah[iA].sort === ah[iA].max_sort ? '终' : ctx.helper.transFormToChinese(ah[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                            <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                        <% } %>
                                        <p class="card-text"><%- ah[iA].opinion %></p>
                                    </div>
                                </li>
                                <% } else if (iA === ah.length - 1) { %>
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa fa-stop-circle <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right">终审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                            <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                        <% } %>
                                        <p class="card-text"><%- ah[iA].opinion %></p>
                                    </div>
                                </li>
                                <% } else { %>
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa <%if (iA === ah.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right"><%= ah[iA].sort === ah[iA].max_sort ? '终' : ctx.helper.transFormToChinese(ah[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                            <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                        <% } %>
                                        <p class="card-text"><%- ah[iA].opinion %></p>
                                    </div>
                                </li>
                                <% } %>
                                <% } %>
                            </ul>
                        </div>
                        <% } %>
                        <% if (ctx.material.status === auditConst.status.checking) {%>
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <% const auditors = ctx.material.auditors; %>
                                <% for (let iA = 0; iA < auditors.length; iA++) { %>
                                <% if (iA === 0) { %>
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- ctx.material.user.name %> <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                    </h5>
                                    <div class="ml-3">
                                        <span class="text-success"><small><%- auditors[iA].begin_time.toLocaleDateString() %></small> <% if (ctx.material.times > 1) { %>重新<% } %>上报</span>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa <%if (iA === auditors.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[auditors[iA].status] %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small><span class="pull-right"><%- auditors[iA].sort === auditors[iA].max_sort ? '终' : ctx.helper.transFormToChinese(auditors[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <% if (auditors[iA].status !== auditConst.status.uncheck) { %>
                                            <span class="<%- auditConst.statusClass[auditors[iA].status] %>"><% if (auditors[iA].status === auditConst.status.checked || auditors[iA].status === auditConst.status.checkNo) { %><small><%- auditors[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[auditors[iA].status]%><% if (auditors[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                        <% } %>
                                        <p class="card-text"><%- auditors[iA].opinion %></p>
                                    </div>
                                </li>
                                <% } else if (iA === auditors.length - 1) { %>
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa fa-stop-circle <%- auditConst.statusClass[auditors[iA].status] %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small><span class="pull-right">终审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <% if (auditors[iA].status !== auditConst.status.uncheck) { %>
                                            <span class="<%- auditConst.statusClass[auditors[iA].status] %>"><% if (auditors[iA].status === auditConst.status.checked || auditors[iA].status === auditConst.status.checkNo) { %><small><%- auditors[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[auditors[iA].status]%><% if (auditors[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                        <% } %>
                                        <p class="card-text"><%- auditors[iA].opinion %></p>
                                    </div>
                                </li>
                                <% } else { %>
                                <li class="list-group-item">
                                    <h5 class="card-title">
                                        <i class="fa <%if (iA === auditors.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[auditors[iA].status] %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small><span class="pull-right"><%- auditors[iA].sort === auditors[iA].max_sort ? '终' : ctx.helper.transFormToChinese(auditors[iA].sort) %>审</span>
                                    </h5>
                                    <div class="ml-3">
                                        <% if (auditors[iA].status !== auditConst.status.uncheck) { %>
                                            <span class="<%- auditConst.statusClass[auditors[iA].status] %>"><% if (auditors[iA].status === auditConst.status.checked || auditors[iA].status === auditConst.status.checkNo) { %><small><%- auditors[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[auditors[iA].status]%><% if (auditors[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                        <% } %>
                                        <p class="card-text"><%- auditors[iA].opinion %></p>
                                    </div>
                                </li>
                                <% } %>
                                <% } %>
                            </ul>
                        </div>
                        <% } %>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
    <% } %>
<% } else if (ctx.material.status === auditConst.status.checked) { %>
    <!--审批流程/结果-->
    <div class="modal fade" id="sp-list" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">审批流程</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-4">
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <i class="fa fa fa-play-circle fa-rotate-90"></i> <%- ctx.material.user.name %>  <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                </li>
                                <% for (let i = 0; i < ctx.material.auditors2.length; i++) { %>
                                <li class="list-group-item">
                                    <% if (i < ctx.material.auditors2.length - 1) { %>
                                    <i class="fa fa-chevron-circle-down"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right"><%= ctx.helper.transFormToChinese(i+1) %>审</span>
                                    <% } else { %>
                                    <i class="fa fa fa-stop-circle"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right">终审</span>
                                    <% } %>
                                </li>
                                <% } %>
                            </ul>
                        </div>
                    </div>
                    <div class="col-8 modal-height-500" style="overflow: auto">
                        <% for (const ah of ctx.material.auditHistory) { %>
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <% for (let iA = 0; iA < ah.length; iA++) { %>
                                    <% if (iA === 0) { %>
                                        <li class="list-group-item">
                                            <h5 class="card-title">
                                                <i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- ctx.material.user.name %> <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                            </h5>
                                            <div class="ml-3">
                                                <span class="text-success"><small><%- ah[iA].begin_time.toLocaleDateString() %></small> <% if (ctx.material.auditHistory.indexOf(ah) > 0) { %>重新<% } %>上报</span>
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <h5 class="card-title">
                                                <i class="fa <%if (iA === ah.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right"><%= ah[iA].sort === ah[iA].max_sort ? '终' : ctx.helper.transFormToChinese(ah[iA].sort) %>审</span>
                                            </h5>
                                            <div class="ml-3">
                                                <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                                    <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                                <% } %>
                                                <p class="card-text"><%- ah[iA].opinion %></p>
                                            </div>
                                        </li>
                                    <% } else if (iA === ah.length - 1) { %>
                                        <li class="list-group-item">
                                            <h5 class="card-title">
                                                <i class="fa fa-stop-circle <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right">终审</span>
                                            </h5>
                                            <div class="ml-3">
                                                <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                                    <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                                <% } %>
                                                <p class="card-text"><%- ah[iA].opinion %></p>
                                            </div>
                                        </li>
                                    <% } else { %>
                                    <li class="list-group-item">
                                        <h5 class="card-title">
                                            <i class="fa <%if (iA === ah.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right"><%= ah[iA].sort === ah[iA].max_sort ? '终' : ctx.helper.transFormToChinese(ah[iA].sort) %>审</span>
                                        </h5>
                                        <div class="ml-3">
                                            <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                                <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                            <% } %>
                                            <p class="card-text"><%- ah[iA].opinion %></p>
                                        </div>
                                    </li>
                                    <% } %>
                                <% } %>
                            </ul>
                        </div>
                        <% } %>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<% } else if (ctx.material.status === auditConst.status.checkNo) { %>
    <!--审批流程/结果-->
    <div class="modal fade" id="sp-list" data-backdrop="static">
        <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">审批流程</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-4">
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">
                                    <i class="fa fa fa-play-circle fa-rotate-90"></i> <%- ctx.material.user.name %>  <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                </li>
                                <% for (let i = 0; i < ctx.material.auditors2.length; i++) { %>
                                <li class="list-group-item">
                                    <% if (i < ctx.material.auditors2.length - 1) { %>
                                    <i class="fa fa-chevron-circle-down"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right"><%= ctx.helper.transFormToChinese(i+1) %>审</span>
                                    <% } else { %>
                                    <i class="fa fa fa-stop-circle"></i> <%- ctx.material.auditors2[i].name %>  <small class="text-muted"><%- ctx.material.auditors2[i].role %></small><span class="pull-right">终审</span>
                                    <% } %>
                                </li>
                                <% } %>
                            </ul>
                        </div>
                    </div>
                    <div class="col-8 modal-height-500" style="overflow: auto">
                        <% for (const ah of ctx.material.auditHistory) { %>
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <% for (let iA = 0; iA < ah.length; iA++) { %>
                                    <% if (iA === 0) { %>
                                        <li class="list-group-item">
                                            <h5 class="card-title">
                                                <i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- ctx.material.user.name %> <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                            </h5>
                                            <div class="ml-3">
                                                <span class="text-success"><small><%- ah[iA].begin_time.toLocaleDateString() %></small> <% if (ctx.material.auditHistory.indexOf(ah) > 0) { %>重新<% } %>上报</span>
                                            </div>
                                        </li>
                                        <li class="list-group-item">
                                            <h5 class="card-title">
                                                <i class="fa <%if (iA === ah.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right"><%= ah[iA].sort === ah[iA].max_sort ? '终' : ctx.helper.transFormToChinese(ah[iA].sort) %>审</span>
                                            </h5>
                                            <div class="ml-3">
                                                <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                                    <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                                <% } %>
                                                <p class="card-text"><%- ah[iA].opinion %></p>
                                            </div>
                                        </li>
                                    <% } else if (iA === ah.length - 1) { %>
                                        <li class="list-group-item">
                                            <h5 class="card-title">
                                                <i class="fa fa-stop-circle <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right">终审</span>
                                            </h5>
                                            <div class="ml-3">
                                                <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                                    <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                                <% } %>
                                                <p class="card-text"><%- ah[iA].opinion %></p>
                                            </div>
                                        </li>
                                    <% } else { %>
                                    <li class="list-group-item">
                                        <h5 class="card-title">
                                            <i class="fa <%if (iA === ah.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right"><%= ah[iA].sort === ah[iA].max_sort ? '终' : ctx.helper.transFormToChinese(ah[iA].sort) %>审</span>
                                        </h5>
                                        <div class="ml-3">
                                            <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                                <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                            <% } %>
                                            <p class="card-text"><%- ah[iA].opinion %></p>
                                        </div>
                                    </li>
                                    <% } %>
                                <% } %>
                            </ul>
                        </div>
                        <% } %>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
    </div>
    <% if (ctx.session.sessionUser.accountId === ctx.material.user_id) { %>
    <!--重新上报-->
    <div class="modal fade" id="sp-list2" data-backdrop="static">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">重新上报</h5>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-4">
                            <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" id="hideSp">修改审批流程</a>
                            <div class="card mt-3">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item">
                                        <i class="fa fa fa-play-circle fa-rotate-90"></i> <%- ctx.material.user.name %>  <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span>
                                    </li>
                                </ul>
                                <ul class="list-group list-group-flush" id="auditors-list">
                                    <% const auditorList = ctx.material.auditorList; %>
                                    <% for (let i = 0; i < auditorList.length; i++) { %>
                                        <li class="list-group-item" data-auditid="<%- auditorList[i].aid %>">
                                            <% if (i < auditorList.length - 1) { %>
                                                <i class="fa fa-chevron-circle-down"></i> <%- auditorList[i].name %>  <small class="text-muted"><%- auditorList[i].role %></small><span class="pull-right"><%= ctx.helper.transFormToChinese(i+1) %>审</span>
                                            <% } else { %>
                                                <i class="fa fa fa-stop-circle"></i> <%- auditorList[i].name %>  <small class="text-muted"><%- auditorList[i].role %></small><span class="pull-right">终审</span>
                                            <% } %>
                                        </li>
                                    <% } %>
                                </ul>
                            </div>
                        </div>
                        <div class="col-8 modal-height-500" style="overflow: auto">
                            <% for (const ah of ctx.material.auditHistory) { %>
                                <div class="card mt-3">
                                    <ul class="list-group list-group-flush">
                                        <% for (let iA = 0; iA < ah.length; iA++) { %>
                                            <% if (iA === 0) { %>
                                                <li class="list-group-item">
                                                    <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- ctx.material.user.name %> <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span></h5>
                                                    <div class="ml-3">
                                                        <span class="text-success"><small><%- ah[iA].begin_time.toLocaleDateString() %></small> <% if (ctx.material.auditHistory.indexOf(ah) > 0) { %>重新<% } %>上报</span>
                                                        <p class="card-text"></p>
                                                    </div>

                                                </li>
                                                <li class="list-group-item">
                                                    <h5 class="card-title">
                                                        <i class="fa <%if (iA === ah.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right"><%= ah[iA].sort === ah[iA].max_sort ? '终' : ctx.helper.transFormToChinese(ah[iA].sort) %>审</span>
                                                    </h5>
                                                    <div class="ml-3">
                                                        <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                                            <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                                        <% } %>
                                                        <p class="card-text"><%- ah[iA].opinion %></p>
                                                    </div>
                                                </li>
                                            <% } else if (iA === ah.length - 1) { %>
                                                <li class="list-group-item">
                                                    <h5 class="card-title"><i class="fa fa-stop-circle <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right">终审</span></h5>
                                                    <div class="ml-3">
                                                        <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                                            <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                                        <% } %>
                                                        <p class="card-text"><%- ah[iA].opinion %></p>
                                                    </div>
                                                </li>
                                            <% } else { %>
                                                <li class="list-group-item">
                                                    <h5 class="card-title">
                                                        <i class="fa <%if (iA === ah.length - 1) { %>fa-stop-circle<% } else { %>fa-chevron-circle-down<% } %> <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small><span class="pull-right"><%= ah[iA].sort === ah[iA].max_sort ? '终' : ctx.helper.transFormToChinese(ah[iA].sort) %>审</span>
                                                    </h5>
                                                    <div class="ml-3">
                                                        <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                                            <span class="<%- auditConst.statusClass[ah[iA].status] %>"><% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %><small><%- ah[iA].end_time.toLocaleDateString() %></small> <% } %><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- ctx.material.user.name %><% } %></span>
                                                        <% } %>
                                                        <p class="card-text"><%- ah[iA].opinion %></p>
                                                    </div>
                                                </li>
                                            <% } %>
                                        <% } %>
                                    </ul>
                                </div>
                            <% } %>
                            <% if (ctx.material.status === auditConst.status.checkNo) {%>
                                <div class="card mt-3">
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item">
                                            <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90"></i> <%- ctx.material.user.name %> <small class="text-muted"><%- ctx.material.user.role %></small><span class="pull-right">原报</span></h5>
                                            <div class="ml-3">
                                                <span>重新上报中</span>
                                                <p class="card-text"><small class="text-muted"></small></p>
                                            </div>
                                        </li>
                                    </ul>
                                    <ul class="list-group list-group-flush" id="auditors-list2">
                                        <% const auditorList = ctx.material.auditorList; %>
                                        <% for (let iA = 0; iA < auditorList.length; iA++) { %>
                                            <% if (iA === auditorList.length - 1) { %>
                                                <li class="list-group-item" data-auditid="<%- auditorList[iA].aid %>">
                                                    <h5 class="card-title"><i class="fa fa-stop-circle"></i> <%- auditorList[iA].name %> <small class="text-muted"><%- auditorList[iA].role %></small><span class="pull-right">终审</span></h5>
                                                </li>
                                            <% } else { %>
                                                <li class="list-group-item" data-auditid="<%- auditorList[iA].aid %>">
                                                    <h5 class="card-title">
                                                        <i class="fa fa-chevron-circle-down"></i> <%- auditorList[iA].name %> <small class="text-muted"><%- auditorList[iA].role %></small><span class="pull-right"><%= ctx.helper.transFormToChinese(iA+1) %>审</span>
                                                    </h5>
                                                </li>
                                            <% } %>
                                        <% } %>
                                    </ul>
                                </div>
                            <% } %>
                        </div>
                    </div>
                </div>
                <form class="modal-footer" method="post" action="<%- preUrl %>/audit/start" onsubmit="return checkAuditorFrom()">
                    <input type="hidden" name="_csrf" value="<%= ctx.csrf %>">
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                    <button class="btn btn-primary btn-sm" type="submit">确认上报</button>
                </form>
            </div>
        </div>
    </div>
    <% } %>
<% } %>