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"><span class="mr-3">支付列表</span></div>
                <div class="d-inline-block col-sm-3">
                    <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 class="d-inline-block">
                    <a href="#payaccount" data-toggle="modal" data-target="#payaccount" class="btn btn-sm btn-primary mr-2" id="show-pay-account" style="display: none">付款账号</a>
                    <% if (ctx.session.sessionUser.is_admin) { %>
                    <a href="#liucheng" data-toggle="modal" data-target="#liucheng" 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="c-body">
            <div class="sjs-height-0">
                <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>
            </div>
        </div>
    </div>
</div>
<script>
    const user_id = <%- ctx.session.sessionUser.accountId %>;
    const is_admin = <%- ctx.session.sessionUser.is_admin %>;
    const tenders = JSON.parse(unescape('<%- escape(JSON.stringify(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)) %>'));
</script>