Calculation/app/view/financial/pay.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-10 pl-0">
                <div class="d-inline-block"><a href="<%- preUrl %>" class="account-page-size"><i class="fa fa-chevron-left "></i> <span>返回</span></a><span class="text-muted mx-2">|</span><span>第<%- payStage.order %>期 <%- payStage.company %></span><span class="text-muted mx-2">|</span></div>
                <div class="d-inline-block col-sm-3 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 userTenderList) { %>
                            <option value="<%- t.tid %>" <% if (t.tid === 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>
                <% if (notStagePays.length > 0 && ctx.session.sessionUser.is_admin) { %>
                <div class="d-inline-block">
                    <a href="#contract-old-pay" data-toggle="modal" data-target="#contract-old-pay" class="btn btn-sm btn-primary mr-2">关联旧数据</a>
                </div>
                <% } %>
            </div>
            <div class="d-inline-block ml-auto">
                <% if (ctx.session.sessionUser.is_admin || fptReportTids.length > 0) { %>
                <a href="#add-pay" data-toggle="modal" data-target="#add-pay" class="btn btn-primary btn-sm pull-right">申请支付</a>
                <% } %>
<!--                <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 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.tenderName %></td>
                            <td class=""><a href="/sp/<%- ctx.subProject.id %>/financial/pay/<%- pay.id %>/detail"><%- 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" 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" 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" 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>
<script>
    const user_id = <%- ctx.session.sessionUser.accountId %>;
    const fpsid = <%- payStage.id %>;
    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)) %>'));
    console.log(tenders);
    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 from = '<%- ctx.query.from || '' %>';
    const uphlname = 'user_' + user_id + '_pro_' + pid + '_sub_' + subProid + '_pay_category_hide_list';
</script>