Calculation/app/view/financial/pay_list.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main  d-flex">
            <% include ./sub_mini_menu.ejs %>
            <div class="col-11 pl-0">
                <div class="btn-group group-tab">
                    <a class="btn btn-sm btn-light account-page-size" href="/sp/<%- ctx.subProject.id %>/financial/pay/stage">支付列表</a>
                    <a class="btn btn-sm btn-light active" href="javascript:void(0);">汇总列表</a>
                    <a class="btn btn-sm btn-light" href="/sp/<%- ctx.subProject.id %>/financial/pay/tender">标段统计</a>
                </div>
                <div class="d-inline-block col-sm-2">
                    <div class="input-group input-group-sm pr-1">
                        <select class="form-control form-control-sm col-auto" id="company_select">
                            <option value="0">筛选单位</option>
                            <% for (const c of userCompanyList) { %>
                                <option value="<%- c.id %>" <% if (c.name === company) { %>selected<% } %>><%- c.name %></option>
                            <% } %>
                        </select>
                    </div>
                </div>
                <div class="d-inline-block col-sm-1 pl-0">
                    <div class="input-group input-group-sm pr-1">
                        <select class="form-control form-control-sm col-auto" id="order_select">
                            <option selected="0">筛选期数</option>
                            <% for (const uo of userOrderList) { %>
                                <option value="<%- uo %>" <% if (uo === qi) { %>selected<% } %>>第<%- uo %>期</option>
                            <% } %>>
                        </select>
                    </div>
                </div>
                <div class="d-inline-block col-sm-2 pl-0">
                    <div class="input-group input-group-sm pr-1">
                        <select class="form-control form-control-sm col-auto" id="tid_select">
                            <option value="0">筛选标段</option>
                            <% for (const t of tenders) { %>
                            <option value="<%- t.id %>" <% if (t.id === tid) { %>selected<% } %> ><%- t.name %></option>
                            <% } %>
                        </select>
                    </div>
                </div>
                <div class="d-inline-block">
                    <div class="input-group input-group-sm pr-1">
                        <div class="btn-group">
                            <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="used_selected" data-value="<%- used %>">资金用途：<%- used ? used : '全部' %></button>
                            <div class="dropdown-menu" aria-labelledby="used_selected" id="used_select">
                                <% if (used !== null) { %><a class="dropdown-item to-log-link" data-val="" href="javascript:void(0);">全部</a><% } %>
                                <% for (const u of usedList) { %>
                                <% if (used !== u) { %>
                                <a class="dropdown-item to-log-link" href="javascript:void(0)" data-val="<%- u %>"><%- u %></a>
                                <% } %>
                                <% } %>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-inline-block">
                    <div class="input-group input-group-sm pr-1">
                        <div class="btn-group">
                            <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="status_selected" data-value="<%- status %>">审批状态：<% if (status !== 0) { %><%- filter.statusString[status] %>(<%- filter.count[status] %>)<% } else { %>全部<% } %></button>
                            <div class="dropdown-menu" aria-labelledby="status_selected" id="status_select">
                                <% if (status !== 0) { %><a class="dropdown-item to-log-link" data-val="0" href="javascript:void(0);">全部</a><% } %>
                                <% for (const fs in filter.status) { %>
                                    <% const f = filter.status[fs]; %>
                                    <% if (f !== status) { %><a class="dropdown-item to-log-link" data-val="<%- f %>" href="javascript:void(0);"><%- filter.statusString[f] %>(<%- filter.count[f] %>)</a><% } %>
                                <% } %>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-inline-block ml-auto">
<!--                <a href="#batch-sp" data-toggle="modal" data-target="#batch-sp" class="btn btn-success btn-sm pull-right mr-2">批量审批</a>-->
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="sjs-height-0" style="background-color: #fff">
                <table class="table table-bordered text-center">
                    <thead>
                    <tr>
                        <th width="250px">申请单位</th>
                        <th width="100px">关联期数</th>
                        <th style="min-width: 150px;">标段名称</th>
                        <th width="200px">支付编号</th>
                        <th width="150px">申请时间</th>
                        <th width="100px">申请人</th>
                        <th width="200px">资金用途</th>
                        <th width="300px">收款单位</th>
                        <th width="150px">支付金额</th>
                        <th width="200px">审批进度</th>
                        <th width="150px">操作</th>
                    </tr>
                    </thead>
                    <tbody id="pay-list">
                    <% for (const pay of payList) { %>
                        <tr class="text-center" data-tid="<%- pay.tid %>">
                            <td class="text-left"><%- pay.stage ? pay.stage.company : '' %></td>
                            <td class=""><% if (pay.stage) { %><a href="/sp/<%- ctx.subProject.id %>/financial/pay/stage/<%- pay.stage.id %>?from=list" class="account-page-size">第<%- pay.stage.order %>期</a><% } %></td>
                            <td class="text-left"><%- pay.tenderName %></td>
                            <td class=""><a href="/sp/<%- ctx.subProject.id %>/financial/pay/<%- pay.id %>/detail?from=list"><%- pay.code %></a></td>
                            <td class=""><%- moment(pay.create_time).format('YYYY-MM-DD') %></td>
                            <td class=""><%- pay.username %></td>
                            <td class=""><%- pay.used %></td>
                            <td class=""><%- pay.entities %></td>
                            <td class="text-right"><%- pay.total_price %></td>
                            <td class="text-left <%- auditConst.auditProgressClass[pay.status] %>">
                                <% if (pay.status === auditConst.status.checked && pay.final_auditor_str) { %>
                                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" c-id="<%- pay.id %>"><%- pay.final_auditor_str %></a>
                                <% } else if (pay.curAuditors.length > 0) { %>
                                    <% if (pay.curAuditors[0].audit_type === auditType.key.common) { %>
                                        <a href="#sp-list" data-toggle="modal" data-target="#sp-list" c-id="<%- pay.id %>"><%- pay.curAuditors[0].name %><%if (pay.curAuditors[0].role !== '' && pay.curAuditors[0].role !== null) { %>-<%- pay.curAuditors[0].role %><% } %></a>
                                    <% } else { %>
                                        <a href="#sp-list" data-toggle="modal" data-target="#sp-list" c-id="<%- pay.id %>"><%- ctx.helper.transFormToChinese(pay.curAuditors[0].audit_order) + '审' %></a>
                                    <% } %>
                                <% } %>
                                <%- auditConst.auditProgress[pay.status] %>
                            </td>
                            <td>
                                <% if (pay.status === auditConst.status.uncheck && pay.uid === ctx.session.sessionUser.accountId) { %>
                                    <a href="/sp/<%- ctx.subProject.id %>/financial/pay/<%- pay.id %>/detail?from=list" class="btn <%- auditConst.statusButtonClass[pay.status] %> btn-sm"><%- auditConst.statusButton[pay.status] %></a>
                                <% } else if (pay.status === auditConst.status.checkNo && pay.curAuditors && pay.uid === ctx.session.sessionUser.accountId) { %>
                                    <a href="/sp/<%- ctx.subProject.id %>/financial/pay/<%- pay.id %>/detail?from=list" class="btn <%- auditConst.statusButtonClass[pay.status] %> btn-sm"><%- auditConst.statusButton[pay.status] %></a>
                                <% } else if (pay.status === auditConst.status.checking && pay.curAuditors && pay.curAuditors.findIndex(x => { return x.aid === ctx.session.sessionUser.accountId; }) >= 0) { %>
                                    <% const curAudit = pay.curAuditors.find(x => { return x.aid === ctx.session.sessionUser.accountId; }); %>
                                    <% if (curAudit.status === auditConst.status.checking) { %>
                                        <a href="/sp/<%- ctx.subProject.id %>/financial/pay/<%- pay.id %>/detail?from=list" class="btn <%- auditConst.statusButtonClass[pay.status] %> btn-sm"><%- auditConst.statusButton[pay.status] %></a>
                                    <% } else { %>
                                        <span class="<%- auditConst.auditStringClass[curAudit.status] %>"><%- auditConst.auditString[curAudit.status] %></span>
                                    <% } %>
                                <% } else { %>
                                    <span class="<%- auditConst.auditStringClass[pay.status] %>"><%- auditConst.auditString[pay.status] %></span>
                                <% } %>
                                <% if (pay.uid === ctx.session.sessionUser.accountId && (pay.status === auditConst.status.uncheck || pay.status === auditConst.status.checkNo)) { %><a href="javascript:void(0);" data-id="<%- pay.id %>" class="text-danger del-pay-btn">删除</a><% } %>
                            </td>
                        </tr>
                    <% } %>
                    </tbody>
                </table>
                <!--翻页-->
                <% include ../layout/page.ejs %>
            </div>
    </div>
</div>
<link href="/public/css/bootstrap/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="/public/css/bootstrap/select2-bootstrap4.min.css">
<script src="/public/js/bootstrap/select2.min.js"></script>
<style>
    .select2-container {
        /*display: inline-block!important;*/
        /*height: 27px;*/
        width: 100% !important;
    }
    .select2-container--bootstrap4 .select2-selection--single {
        height: calc(0.9em + .75rem) !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(0.9em + .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>
<script>
    const user_id = <%- ctx.session.sessionUser.accountId %>;
    const is_admin = <%- ctx.session.sessionUser.is_admin %>;
    const category = JSON.parse(unescape('<%- escape(JSON.stringify(categoryData)) %>'));
    const tenders = JSON.parse(unescape('<%- escape(JSON.stringify(tenders)) %>'));
    const userCompanyList = JSON.parse(unescape('<%- escape(JSON.stringify(userCompanyList)) %>'));
    const fptReportTids = JSON.parse(unescape('<%- escape(JSON.stringify(fptReportTids)) %>'));
    const auditConst = JSON.parse(unescape('<%- escape(JSON.stringify(auditConst)) %>'));
    const auditType = JSON.parse(unescape('<%- escape(JSON.stringify(auditType)) %>'));
    const selfCategoryLevel = '';
    const pid = '<%- ctx.session.sessionProject.id %>';
    const subProid = '<%- ctx.subProject.id %>';
    const uphlname = 'user_' + user_id + '_pro_' + pid + '_sub_' + subProid + '_pay_category_hide_list';
</script>