Calculation/app/view/financial/pay_detail.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">
                <% if (financialPay.payStage || returnUrl.indexOf('/pay/list') !== -1) { %>
                <div class="d-inline-block"><a href="<%- returnUrl %>" class="account-page-size"><i class="fa fa-chevron-left "></i> <span>返回</span></a><span class="text-muted mx-2">|</span></div>
                <% } %>
<!--                <div class="d-inline-block mr-3">-->
<!--                    <div class="btn-group btn-group-toggle group-tab" data-toggle="buttons">-->
<!--                        <label class="btn btn-sm btn-light active">-->
<!--                            <input type="radio" name="options" id="option0" autocomplete="off"> 支付详情-->
<!--                        </label>-->
<!--                        <label class="btn btn-sm btn-light">-->
<!--                            <input type="radio" name="option3" id="option3" autocomplete="off"> 输出报表-->
<!--                        </label>-->
<!--                    </div>-->
<!--                </div>-->
                <div class="d-inline-block">
                    <span class="mr-3"><strong><%- financialPay.tenderName %></strong></span>
                </div>
            </div>
            <div class="d-inline-block ml-auto">
                <% if (financialPay.status === auditConst.status.uncheck) { %>
                    <% if (ctx.session.sessionUser.accountId === financialPay.uid) { %>
                        <a id="sub-sp-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm">上报审批</a>
                    <% } else { %>
                        <a id="sub-sp-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sub-sp" class="btn btn-outline-secondary btn-sm">上报中</a>
                    <% } %>
                <% } else if (financialPay.status === auditConst.status.checking) { %>
                    <% if (financialPay.curAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
                        <a id="sp-done-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">审批通过</a>
                        <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm">审批退回</a>
                    <% } else { %>
                        <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm">审批中</a>
                    <% } %>
                <% } else if (financialPay.status === auditConst.status.checked) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm">审批完成</a>
                    <% if (financialPay.auditors !== undefined && financialPay.finalAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
                        <!--重新审批-->
                        <a href="#sp-down-back" data-toggle="modal" data-target="#sp-down-back" class="btn btn-warning btn-sm ml-2">重新审批</a>
                    <% } %>
                <% } else if (financialPay.status === auditConst.status.checkNo) { %>
                    <a href="#sp-list" data-type="hide" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm text-muted sp-list-btn">审批<% if (financialPay.status === auditConst.status.checkNo) { %>退回<% } %></a>
                    <% if (ctx.session.sessionUser.accountId === financialPay.uid) { %>
                        <a href="#sp-list" data-type="show" data-toggle="modal" data-target="#sp-list"  class="btn btn-primary btn-sm sp-list-btn">重新上报</a>
                    <% } %>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <div class="col-xl-11 mx-auto">
                    <h5 class="mt-4">基本信息</h5>
                    <table class="table table-bordered" id="pay-table">
                        <tbody>
                        <tr>
                            <th width="120px" class="text-center align-middle">支付编号</th>
                            <td width="300px"><input class="form-control form-control-sm" disabled value="<%- financialPay.code %>" /></td>
                            <th width="120px" class="text-center align-middle">支付用途</th>
                            <% if (financialPay.readOnly) { %>
                                <td width="300px"><input class="form-control form-control-sm" disabled value="<%- financialPay.used %>" /></td>
                            <% } else { %>
                            <td width="300px">
                                <select class="form-control form-control-sm" data-name="used">
                                    <% for (const used of usedList) { %>
                                    <option <% if (used === financialPay.used) { %>selected<% } %>><%- used %></option>
                                    <% } %>
                                </select>
                            </td>
                            <% } %>
                            <th width="120px" class="text-center align-middle">支付金额</th>
                            <td width="300px"><input id="pay-total-price" class="form-control form-control-sm" disabled value="<%- financialPay.total_price %>" /></td>
                        </tr>
                        <tr>
                            <th width="" class="text-center align-middle">申请支付单位</th>
                            <td width=""><input type="text" data-name="entity" value="<%- financialPay.entity %>" <% if (financialPay.readOnly) { %>readonly<% } %> class="form-control form-control-sm"></td>
                            <th width="" class="text-center align-middle">支付单位开户行</th>
                            <td width=""><input type="text" data-name="bank" value="<%- financialPay.bank %>" <% if (financialPay.readOnly) { %>readonly<% } %> class="form-control form-control-sm"></td>
                            <th width="" class="text-center align-middle">支付账号</th>
                            <td width=""><input type="text" data-name="bank_account" value="<%- financialPay.bank_account %>" <% if (financialPay.readOnly) { %>readonly<% } %> class="form-control form-control-sm"></td>
                        </tr>
                        <tr>
                            <th width="120px" class="text-center align-middle">备注</th>
                            <td width=""colspan="5"><textarea class="form-control form-control-sm" data-name="remark" rows="3" <% if (financialPay.readOnly) { %>readonly<% } %>><%- financialPay.remark %></textarea></td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="d-flex mt-4" id="qingdan">
                        <h5 class="d-inline-block">支付明细</h5>
                        <% if (!financialPay.readOnly) { %>
                        <div class="d-inline-block ml-auto">
                            <a href="javascript:void(0);" class="btn btn-sm btn-light text-primary mr-2" id="add-white-contract">添加</a>
                            <a href="#add-deal" data-toggle="modal" data-target="#add-deal" class="btn btn-sm btn-light text-primary mr-2">添加合同</a>
                        </div>
                        <% } %>
                    </div>
                    <div class="modal-height-400" id="pay-contract-spread"></div>
                    <h5 class="mt-4" id="fujian">附件</h5>
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th></th>
                            <th>附件</th>
                            <th>上传者</th>
                            <th>上传时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="file-content">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="display: none">
    <img src="/public/images/file_clip.png" id="rela-file-icon" />
    <img src="/public/images/file_clip_hover.png" id="rela-file-hover" />
</div>
<script>
    const cur_uid = <%- ctx.session.sessionUser.accountId %>;
    const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
    const fileList = JSON.parse(unescape('<%- escape(JSON.stringify(fileList)) %>')) || [];
    const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
    const preUrl = '<%- preUrl2 %>';
    const readOnly = <%- financialPay.readOnly %>;
    const financialPay = JSON.parse(unescape('<%- escape(JSON.stringify(financialPay)) %>'));
    const payTypeList = JSON.parse(unescape('<%- escape(JSON.stringify(payTypeList)) %>'));
    let contractList;
</script>