Calculation/app/view/financial/pay_modal.ejs

<% include ../shares/delete_hint_modal.ejs %>
<% if (ctx.session.sessionUser.is_admin || fptReportTids.length > 0) { %>
<!-- 申请支付 -->
<div class="modal fade show" id="add-pay" 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">
                <style>
                    .select2-container {
                        /*display: inline-block!important;*/
                        /*height: 27px;*/
                        width: 100% !important;
                    }
                    .select2-container--bootstrap4 .select2-selection--single {
                        height: calc(1.1em + .75rem + 2px) !important;
                    }
                    /*.select2-container--bootstrap4 .select2-selection {*/
                    /*    background-color: #f8f9fa;*/
                    /*    !*border-color: #f8f9fa;*!*/
                    /*    border: 1px solid #f8f9fa;*/
                    /*}*/
                    /*.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered:focus{*/
                    /*    box-shadow: 0 0 0 0.2rem rgba(216,217,219,.5);*/
                    /*}*/
                    /*.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered:hover {*/
                    /*    background-color: #e2e6ea;*/
                    /*    border-color: #dae0e5;*/
                    /*}*/
                    .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
                        line-height: calc(1.1em + .75rem);
                        /*color: #007bff!important;*/
                        border-radius: 0.2rem;
                        /*background-color: #f8f9fa;*/
                        /*border-color: #f8f9fa;*/
                    }
                    .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
                        border-color: #007bff transparent transparent transparent;
                        border-width: 4px 3.7px 0;
                    }
                    .select2-search--dropdown .select2-search__field {
                        padding: 0.175rem 0.5rem;
                    }
                </style>
                <div class="form-group mb-2">
                    <label>支付标段<strong class="text-danger">*</strong></label>
                    <select class="form-control form-control-sm" id="add-pay-tender">
                        <% for (const t of tenders) { %>
                        <% if (ctx.session.sessionUser.is_admin || ctx.helper._.includes(fptReportTids, t.id)) { %>
                            <option value="<%- t.id %>"><%- t.name %></option>
                        <% } %>
                        <% } %>
                    </select>
                </div>
                <div class="form-group mb-2">
                    <label>支付编号</label>
                    <input class="form-control form-control-sm" placeholder="标段编号-年月日-3位流水号" id="add-pay-code" type="text" readonly="">
                    <span class="text-danger"></span>
                </div>
                <div class="form-group mb-2">
                    <label>支付用途</label>
                    <select class="form-control form-control-sm" id="add-pay-used">
                        <% for (const used of usedList) { %>
                            <option><%- used %></option>
                        <% } %>
                    </select>
                </div>
            </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-pay-btn">确定添加</button>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $('#add-pay-tender').select2({
            language: 'zh-CN',
            theme: 'bootstrap4',
            selectOnClose: true,
            // width: '150',
        });
    });
</script>
<% if (notStagePays.length > 0) { %>
    <div class="modal fade" id="contract-old-pay" 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" style="max-height: 800px;overflow: auto;">
                    <table class="table table-bordered">
                        <tr class="text-center"><th>选择</th><th>标段名称</th><th>支付编号</th><th>申请人</th></tr>
                        <% for (const pay of notStagePays) { %>
                        <tr>
                            <td class="text-center"><input type="checkbox" name="pays[]" value="<%- pay.id %>"></td>
                            <td><%- pay.tenderName %></td>
                            <td><a href="/sp/<%- ctx.subProject.id %>/financial/pay/<%- pay.id %>/detail" target="_blank"><%- pay.code %></a></td>
                            <td class="text-center"><%- pay.username %></td>
                        <% } %>
                    </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="batch-old-pays">确定关联到本单位期</button>
                </div>
            </div>
        </div>
    </div>
<% } %>
<% } %>
<!--批量审批-->
<div class="modal fade" id="batch-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">
                <table class="table table-bordered">
                    <tr><th>选择</th><th>标段名称</th><th>支付编号</th><th>收款单位</th><th>支付金额</th></tr>
                    <tr><td><input type="checkbox"></td><td>TJ01</td><td>TJ01-20231207001</td><td>中国交通物资有限公司</td><td class="text-right">12345678</td></tr>
                    <tr><td><input type="checkbox"></td><td>TJ01</td><td>TJ01-20231207001</td><td>中国交通物资有限公司</td><td class="text-right">12345678</td></tr>
                    <tr><td><input type="checkbox"></td><td>TJ01</td><td>TJ01-20231207001</td><td>中国交通物资有限公司</td><td class="text-right">12345678</td></tr>
                    <tr><td><input type="checkbox"></td><td>TJ01</td><td>TJ01-20231207001</td><td>中国交通物资有限公司</td><td class="text-right">12345678</td></tr>
                </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-success">审批</button>
            </div>
        </div>
    </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 modal-height-500" style="overflow: auto">
                        <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>