Calculation/app/view/payment/list_modal.ejs

<% if (rptMsg) { %>
<!--绑定表单角色-->
<div class="modal fade" id="set-bdjs" 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">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>表单角色</th>
                        <th>签署人</th>
                    </tr>
                    </thead>
                    <tbody>
                    <% if (rptMsg && rptMsg.signature_cells && rptMsg.signature_cells.length > 0) { %>
                    <% for (const [index,audit] of rptMsg.signature_cells.entries()) { %>
                    <tr>
                        <td><%- index+1 %></td>
                        <td><%- audit.signature_name %></td>
                        <td>
                            <div class="d-flex justify-content-between align-items-center mx-2" id="<%- index %>_user" <% if (!(trInfo.rpt_audit && trInfo.rpt_audit[index] && trInfo.rpt_audit[index].uid)) { %>style="display: none" <% } %>>
                                <% if (trInfo.rpt_audit && trInfo.rpt_audit[index] && trInfo.rpt_audit[index].uid) { %><span><%- trInfo.rpt_audit[index].name %></span><i class="fa fa-close text-danger remove-audit stamp-img" data-code="<%- index %>"></i><% } %>
                            </div>
                            <div class="dropdown select-audit" data-code="<%- index %>" <% if (trInfo.rpt_audit && trInfo.rpt_audit[index] && trInfo.rpt_audit[index].uid) { %>style="display: none" <% } %>>
                                <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="<%- index %>_dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    选择审批人
                                </button>
                                <div class="dropdown-menu dropdown-menu-right" id="<%- index %>_dropdownMenu" aria-labelledby="<%- index %>_dropdownMenuButton" style="width:220px">
                                    <div class="mb-2 p-2"><input class="form-control form-control-sm gr-search"
                                                                 placeholder="姓名/手机 检索" autocomplete="off" data-code="<%- index %>"></div>
                                    <dl class="list-unstyled 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 => { %>
                                                    <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>
                        </td>
                    </tr>
                    <% } %>
                    <% } %>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" id="bind_rpt_audit_btn">确定</button>
            </div>
        </div>
    </div>
</div>

<!-- 弹窗新建目录 -->
<div class="modal fade" id="add-tips" 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">
                <h5>第<%= trDetailList && trDetailList[0] ? trDetailList[0].order : 1 %>期存在人员报表未签署，新增期后将无法进行签署，请确认是否新增？</h5>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <a class="btn btn-sm btn-primary" data-dismiss="modal" href="#add-catalogue" data-toggle="modal" data-target="#add-catalogue">确定</a>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="add-catalogue" 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">
                <form>
                    <div class="form-group">
                        <!--<a href="#" class="float-right"><i class="fa fa-cog"></i></a>-->
                        <label for="add-detail-code">期数</label>
                        <input type="text" class="form-control form-control-sm"  value="第<%- (!trDetailList || trDetailList.length === 0 ? '1' : (trDetailList && trDetailList.length >= 1 ? trDetailList[0].order + 1 : '')) %>期" readonly>
                    </div>
                    <div class="form-group">
                        <!--<a href="#" class="float-right"><i class="fa fa-cog"></i></a>-->
                        <label for="add-detail-code">编号</label>
                        <input type="text" class="form-control form-control-sm" name="add_code" id="add-detail-code" placeholder="请输入编号" value="">
                    </div>
                    <div class="form-group">
                        <label for="add-detail-time">日期</label>
                        <input type="date" class="form-control form-control-sm" name="add_time" id="add-detail-time" placeholder="" value="<%- ctx.helper.dateTran(new Date(), 'YYYY-MM-DD')%>">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" id="add-detail-btn">确定添加</button>
            </div>
        </div>
    </div>
</div>
<% } %>
<% if (trInfo.type === paymentConst.modes_value_object.safe) {%>
<!-- 弹窗新建目录 -->
<div class="modal fade" id="add-tips" 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">
                <h5>第<%= trDetailList && trDetailList[0] ? trDetailList[0].order : 1 %>期存在人员报表未签署，新增期后将无法进行签署，请确认是否新增？</h5>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <a class="btn btn-sm btn-primary" data-dismiss="modal" href="#add-catalogue" data-toggle="modal" data-target="#add-catalogue">确定</a>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="add-catalogue" 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">
                <form>
                    <div class="form-group">
                        <!--<a href="#" class="float-right"><i class="fa fa-cog"></i></a>-->
                        <label for="add-detail-code">期数</label>
                        <input type="text" class="form-control form-control-sm"  value="第<%- (!trDetailList || trDetailList.length === 0 ? '1' : (trDetailList && trDetailList.length >= 1 ? trDetailList[0].order + 1 : '')) %>期" readonly>
                    </div>
                    <div class="form-group">
                        <!--<a href="#" class="float-right"><i class="fa fa-cog"></i></a>-->
                        <label for="add-detail-code">编号</label>
                        <input type="text" class="form-control form-control-sm" name="add_code" id="add-detail-code" placeholder="请输入编号" value="">
                    </div>
                    <div class="form-group">
                        <label for="add-detail-time">日期</label>
                        <input type="date" class="form-control form-control-sm" name="add_time" id="add-detail-time" placeholder="" value="<%- ctx.helper.dateTran(new Date(), 'YYYY-MM-DD')%>">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" id="add-detail-btn">确定添加</button>
            </div>
        </div>
    </div>
</div>
<% } %>
<% if (trDetailList && trDetailList.length >= 1) { %>
    <!--删除期-->
    <div class="modal fade" id="del-qi" data-backdrop="static">
        <div class="modal-dialog" role="document">
            <form class="modal-content" action="<%- preUrl + '/delete' %>" method="post">
                <div class="modal-header">
                    <h5 class="modal-title">删除</h5>
                </div>
                <div class="modal-body">
                    <h5>确认删除「<%= trDetailList[0].code %>」？</h5>
                    <h5>删除后，数据无法恢复，请谨慎操作。</h5>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="detail_id" value="<%= trDetailList[0].id %>">
                    <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
                    <button type="submit" class="btn btn-danger btn-sm">确定删除</button>
                </div>
            </form>
        </div>
    </div>
<% } %>
<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" id="auditor-list">
                            </ul>
                        </div>
                    </div>
                    <div class="col-8 modal-height-500" style="overflow: auto" id="audit-list">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>