Calculation/app/view/ledger/explode_modal.ejs

<!--上传签约清单-->
<div class="modal fade" id="upload-deal" data-backdrop="static" enctype="multipart/form-data">
    <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 for="exampleFormControlFile1">Excel模板</label>
                    <div class="form-control"><a id="downloadDealTemplate" href="/deal/download/template.xls" class="btn btn-sm btn-link">下载</a></div>
                </div>
                <div class="form-group">
                    <label for="exampleFormControlFile1">上传签约清单Excel文件</label>
                    <div class="form-control"><input type="file" class="form-control-file" id="deal-bills-file"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="upload-deal-bills">确认上传</button>
            </div>
        </div>
    </div>
</div>
<!--批量添加清单部位-->
<div class="modal fade" id="batch" 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-6">
                        <h6>清单编号</h6>
                        <div class="batch-l-t">
                        </div>
                        <h6>部位数量复核表</h6>
                        <div class="batch-l-b">
                        </div>
                    </div>
                    <div class="col-6">
                        <h6>签约清单</h6>
                        <div class="batch-r">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="batch-ok">确定</button>
            </div>
        </div>
    </div>
</div>
<% if (tender.ledger_status === auditConst.status.uncheck) { %>
<!--上报审批-->
<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">
                        <input class="form-control" placeholder="请输入姓名进行检索" type="text" id="searchName">
                        <div class="input-group-append">
                            <button class="btn btn-outline-secondary" type="button" id="searchAccount"><i class="fa fa-search"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card border-primary" id="searchResult" style="display: none">
                    <div class="card-body">
                        <h5 class="card-title">
                            <a href="javascript: void(0)" class="btn btn-primary btn-sm pull-right" id="addAuditor">添加</a>
                            <span>张三</span>
                        </h5>
                        <h6 class="card-subtitle mb-2 text-muted">监理</h6>
                        <p class="card-text">XXXXX公司</p>
                    </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 = auditors.length; i < iLen; i++) { %>
                        <li class="list-group-item" auditorId="<%- auditors[i].audit_id %>">
                            <a href="javascript: void(0)" class="text-danger pull-right">移除</a>
                            <%- auditors[i].audit_order %> <%- auditors[i].name %>
                            <small class="text-muted"><%- auditors[i].role %></small>
                        </li>
                        <% } %>
                    </ul>
                </div>
            </div>
            <form class="modal-footer" method="post" action="/tender/<%- tender.id %>/ledger/audit/start">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <input type="hidden" name="_csrf" value="<%= ctx.csrf %>">
                <button class="btn btn-primary" type="submit">确认上报</button>
            </form>
        </div>
    </div>
</div>
<% } %>
<% if (tender.ledger_status === auditConst.status.checkNo) { %>
<!--重新审批-->
<div class="modal fade" id="sub-sp2" 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="alert alert-primary" role="alert">
                    重新上报后，将由 <%- auditors[0].name %> 继续审批
                </div>
                <div class="card mt-3">
                    <div class="card-header">
                        审批流程
                    </div>
                    <ul class="list-group list-group-flush">
                        <% for (let i = 0, iLen = auditors.length; i < iLen; i++) { %>
                        <li class="list-group-item" auditorId="<%- auditors[i].audit_id %>">
                            <% if (auditors[i].status !== auditConst.status.uncheck) { %>
                            <span class="<%- auditConst.statusClass[auditors[i].status] %> pull-right"><%- auditConst.statusString[auditors[i].status] %></span>
                            <% } %>
                            <h5 class="card-title"><%- auditors[i].audit_order %> <%- auditors[i].name %> <small class="text-muted"><%- auditors[i].role %></small></h5>
                            <p class="card-text"><%- auditors[i].opinion %> <%- auditors[i].end_time ? auditors[i].end_time.toLocaleString() : '' %></p>
                        </li>
                        <% } %>
                    </ul>
                </div>
            </div>
            <form class="modal-footer" action="/tender/<%- tender.id %>/ledger/audit/start" method="post">
                <button type="submit" class="btn btn-primary">确认上报</button>
                <input type="hidden" name="_csrf" value="<%= ctx.csrf %>">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </form>
        </div>
    </div>
</div>
<% } %>
<% if ((tender.ledger_status !== auditConst.status.unCheck) || (tender.ledger_times > 1)) { %>
<!--审批流程/结果-->
<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> <%- user.name %>  <small class="text-muted"><%- user.role %></small>
                                </li>
                                <% for (let i = 0; i < auditors.length; i++) { %>
                                <li class="list-group-item">
                                    <% if (i < auditors.length - 1) { %>
                                    <i class="fa fa-chevron-circle-down"></i> <%- auditors[i].name %>  <small class="text-muted"><%- auditors[i].role %></small>
                                    <% } else {%>
                                    <i class="fa fa fa-stop-circle"></i> <%- auditors[i].name %>  <small class="text-muted"><%- auditors[i].role %></small>
                                    <% } %>
                                </li>
                                <% } %>
                            </ul>
                        </div>
                    </div>
                    <div class="col-8 modal-height-500" style="overflow: auto">
                        <% for (const ah of 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">
                                    <span class="text-success pull-right"><% if (auditHistory.indexOf(ah) > 0) { %>重新<% } %>上报</span>
                                    <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- user.name %> <small class="text-muted"><%- user.role %></small></h5>
                                    <p class="card-text"><%- ah[iA].begin_time.toLocaleDateString() %></p>
                                </li>
                                <li class="list-group-item">
                                    <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                    <span class="<%- auditConst.statusClass[ah[iA].status] %> pull-right"><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- user.name %><% } %></span>
                                    <% } %>
                                    <h5 class="card-title"><i class="fa fa-chevron-circle-down <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small></h5>
                                    <% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %>
                                    <p class="card-text"><%- auditConst.statusString[ah[iA].status]%>，<%- ah[iA].opinion %>。<%- ah[iA].end_time.toLocaleDateString() %></p>
                                    <% } %>
                                </li>
                                <% } else if (iA === ah.length - 1) { %>
                                <li class="list-group-item">
                                    <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                    <span class="<%- auditConst.statusClass[ah[iA].status] %> pull-right"><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- user.name %><% } %></span>
                                    <% } %>
                                    <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></h5>
                                    <% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %>
                                    <p class="card-text"><%- auditConst.statusString[ah[iA].status]%>，<%- ah[iA].opinion %>。<%- ah[iA].end_time.toLocaleDateString() %></p>
                                    <% } %>
                                </li>
                                <% } else { %>
                                <li class="list-group-item">
                                    <% if (ah[iA].status !== auditConst.status.uncheck) { %>
                                    <span class="<%- auditConst.statusClass[ah[iA].status] %> pull-right"><%- auditConst.statusString[ah[iA].status]%><% if (ah[iA].status === auditConst.status.checkNo) { %> <%- user.name %><% } %></span>
                                    <% } %>
                                    <h5 class="card-title"><i class="fa fa-chevron-circle-down <%- auditConst.statusClass[ah[iA].status] %>"></i> <%- ah[iA].name %> <small class="text-muted"><%- ah[iA].role %></small></h5>
                                    <% if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) { %>
                                    <p class="card-text"><%- auditConst.statusString[ah[iA].status]%>，<%- ah[iA].opinion %>。<%- ah[iA].end_time.toLocaleDateString() %></p>
                                    <% } %>
                                </li>
                                <% } %>
                                <% } %>
                            </ul>
                        </div>
                        <% } %>
                        <% if (tender.ledger_status === auditConst.status.checking || tender.ledger_status === auditConst.status.checked) {%>
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush">
                                <% for (let iA = 0; iA < auditors.length; iA++) { %>
                                <% if (iA === 0) { %>
                                <li class="list-group-item">
                                    <span class="text-success pull-right"><% if (tender.ledger_times > 1) { %>重新<% } %>上报</span>
                                    <h5 class="card-title"><i class="fa fa-play-circle fa-rotate-90 text-success"></i> <%- user.name %> <small class="text-muted"><%- user.role %></small></h5>
                                    <p class="card-text"><%- auditors[iA].begin_time.toLocaleDateString() %></p>
                                </li>
                                <li class="list-group-item">
                                    <% if (auditors[iA].status !== auditConst.status.uncheck) { %>
                                    <span class="<%- auditConst.statusClass[auditors[iA].status] %> pull-right"><%- auditConst.statusString[auditors[iA].status]%><% if (auditors[iA].status === auditConst.status.checkNo) { %> <%- user.name %><% } %></span>
                                    <% } %>
                                    <h5 class="card-title"><i class="fa fa-chevron-circle-down <%- auditConst.statusClass[auditors[iA].status] %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small></h5>
                                    <% if (auditors[iA].status === auditConst.status.checked || auditors[iA].status === auditConst.status.checkNo) { %>
                                    <p class="card-text"><%- auditConst.statusString[auditors[iA].status]%>，<%- auditors[iA].opinion %>。<%- auditors[iA].end_time.toLocaleDateString() %></p>
                                    <% } %>
                                </li>
                                <% } else if (iA === auditors.length - 1) { %>
                                <li class="list-group-item">
                                    <% if (auditors[iA].status !== auditConst.status.uncheck) { %>
                                    <span class="<%- auditConst.statusClass[auditors[iA].status] %> pull-right"><%- auditConst.statusString[auditors[iA].status]%><% if (auditors[iA].status === auditConst.status.checkNo) { %> <%- user.name %><% } %></span>
                                    <% } %>
                                    <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></h5>
                                    <% if (auditors[iA].status === auditConst.status.checked || auditors[iA].status === auditConst.status.checkNo) { %>
                                    <p class="card-text"><%- auditConst.statusString[auditors[iA].status]%>，<%- auditors[iA].opinion %>。<%- auditors[iA].end_time.toLocaleDateString() %></p>
                                    <% } %>
                                </li>
                                <% } else { %>
                                <li class="list-group-item">
                                    <% if (auditors[iA].status !== auditConst.status.uncheck) { %>
                                    <span class="<%- auditConst.statusClass[auditors[iA].status] %> pull-right"><%- auditConst.statusString[auditors[iA].status]%><% if (auditors[iA].status === auditConst.status.checkNo) { %> <%- user.name %><% } %></span>
                                    <% } %>
                                    <h5 class="card-title"><i class="fa fa-chevron-circle-down <%- auditConst.statusClass[auditors[iA].status] %>"></i> <%- auditors[iA].name %> <small class="text-muted"><%- auditors[iA].role %></small></h5>
                                    <% if (auditors[iA].status === auditConst.status.checked || auditors[iA].status === auditConst.status.checkNo) { %>
                                    <p class="card-text"><%- auditConst.statusString[auditors[iA].status]%>，<%- auditors[iA].opinion %>。<%- auditors[iA].end_time.toLocaleDateString() %></p>
                                    <% } %>
                                </li>
                                <% } %>
                                <% } %>
                            </ul>
                        </div>
                        <% } %>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<% } %>