Calculation/app/view/contract/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="d-inline-block">
                <div class="dropdown">
                    <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-list-ol"></i> 显示层级
                    </button>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" name="showLevel" tag="1" href="javascript: void(0);">第一层</a>
                        <a class="dropdown-item" name="showLevel" tag="2" href="javascript: void(0);">第二层</a>
                        <a class="dropdown-item" name="showLevel" tag="3" href="javascript: void(0);">第三层</a>
                        <a class="dropdown-item" name="showLevel" tag="4" href="javascript: void(0);">第四层</a>
                        <a class="dropdown-item" name="showLevel" tag="5" href="javascript: void(0);">第五层</a>
                        <a class="dropdown-item" name="showLevel" tag="last" href="javascript: void(0);">最底层</a>
<!--                        <a class="dropdown-item" name="showLevel" tag="leafXmj" href="javascript: void(0);">只显示项目节</a>-->
                    </div>
                </div>
            </div>
            <% if (ctx.session.sessionUser.is_admin || audit_permission.permission_edit) { %>
                <div class="d-inline-block">
                    <a href="javascript: void(0);" name="base-opr" type="add" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="新增"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="add-child" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="新增子节点"><i class="fa fa-sign-in" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="delete" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="up-level" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="down-level" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="down-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                    <a href="javascript: void(0);" name="base-opr" type="up-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
<!--                    <a href="javascript: void(0);" name="cpc" type="copy" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="复制"><i class="fa fa-files-o" aria-hidden="true"></i></a>-->
<!--                    <a href="javascript: void(0);" name="cpc" type="cut" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="剪切"><i class="fa fa-scissors" aria-hidden="true"></i></a>-->
<!--                    <a href="javascript: void(0);" name="cpc" type="paste" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="粘贴"><i class="fa fa-clipboard" aria-hidden="true"></i></a>-->
                </div>
            <% } %>
            <div class="ml-auto">
                <% if (ctx.session.sessionUser.is_admin) { %>
                <a href="javascript:void(0);" data-stid="<%- ctx.contract_tender ? ctx.contractOptions.tid : '' %>" class="btn btn-sm btn-primary get-audits mr-2">成员管理</a>
                <a href="#empower" data-toggle="modal" data-target="#empower" class="btn btn-sm btn-primary mr-2">节点授权</a>
                <% } %>
<!--                <a href="#cons-relat" data-toggle="modal" data-target="#cons-relat" class="btn btn-primary btn-sm pull-right">关联合同</a>-->
                <% if (ctx.session.sessionUser.is_admin || audit_permission.permission_add) { %>
                <a href="#cons-add" data-toggle="modal" data-target="#cons-add" class="btn btn-primary btn-sm pull-right mr-2" id="add-cons-btn" style="display: none">新增合同</a>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap row">
        <div class="c-header p-0 col-12"></div>
        <!--核心内容（两栏）-->
        <div class="row w-100 sub-content">
            <!--左栏-->
            <div class="c-body" id="left-view" style="width: 100%">
                <!--0号台账模式-->
                <div class="sjs-height-1" style="overflow: hidden" id="contract-spread">
                </div>
                <div class="bcontent-wrap">
                    <div id="contract-resize" class="resize-y" id="top-spr" r-Type="height" div1=".sjs-height-1" div2=".bcontent-wrap" title="调整大小"><!--调整上下高度条--></div>
                    <div class="bc-bar mb-1">
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#htdetail" role="tab">合同详情</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " data-toggle="tab" href="#htpay" role="tab">合同<% if (ctx.contract_type === contractConst.type.expenses) { %>支付<% } else if (ctx.contract_type === contractConst.type.income) { %>回款<% } %></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link " data-toggle="tab" href="#htfile" role="tab">合同文件</a>
                            </li>
                            <li class="ml-auto">
                                <!-- 结算合同所有tab可见 ,结算后见解锁合同，2者互斥-->
                                <a href="#cons-unlock" data-toggle="modal" data-target="#cons-unlock" style="display: none;" class="btn btn-success btn-sm pull-right mr-2">解锁合同</a>
                                <a href="#cons-close" data-toggle="modal" data-target="#cons-close" style="display: none;" class="btn btn-danger btn-sm pull-right mr-2">结算合同</a>
                                <!-- 合同文件的按钮 -->
                                <a href="#cons-upfile" data-toggle="modal" data-target="#cons-upfile" style="display: none;" class="btn btn-primary btn-sm pull-right mr-2">上传文件</a>
                                <!-- 合同支付的按钮 -->
<!--                                <a href="#cons-addpay2" data-toggle="modal" data-target="#cons-addpay2" class="btn btn-primary btn-sm pull-right mr-2">添加回款2</a>-->
                                <a href="javascript:void(0);" id="add_contract_pay_btn" style="display: none;" class="btn btn-primary btn-sm pull-right mr-2">添加<% if (ctx.contract_type === contractConst.type.expenses) { %>支付<% } else if (ctx.contract_type === contractConst.type.income) { %>回款<% } %></a>
                                <!-- 合同详情的按钮，点击编辑出现确定和取消按钮 -->
                                <a href="javascript:void(0);" id="cancel_contract_btn" style="display: none" class="btn btn-secondary btn-sm pull-right mr-2">取消</a>
                                <a href="javascript:void(0);" id="save_contract_btn" style="display: none" class="btn btn-primary btn-sm pull-right mr-2">确定</a>
                                <a href="javascript:void(0);" id="edit_contract_btn" style="display: none" class="btn btn-primary btn-sm pull-right mr-2">编辑合同</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane active" id="htdetail">
                            <div class="sp-wrap col-12" style="overflow: auto;">
                                <table class="table table-sm table-bordered" id="htdetail-table" style="display: none;">
                                    <tr>
                                        <th class="text-center align-middle" width="10%">合同编号</th>
                                        <td width="20%" class="change-input-td" id="htdetail_c_code"></td>
                                        <th class="text-center align-middle"width="10%">合同名称</th>
                                        <td width="30%" class="change-input-td" id="htdetail_name"></td>
                                        <th class="text-center align-middle"width="10%">创建时间</th>
                                        <td width="20%" id="htdetail_create_time"></td>
                                    </tr>
                                    <tr>
                                        <th class="text-center align-middle">合同金额</th>
                                        <td class="change-input-td" id="htdetail_total_price"></td>
                                        <th class="text-center align-middle"><% if (ctx.contract_type === contractConst.type.income) { %>累计回款(P)<% } else if (ctx.contract_type === contractConst.type.expenses) { %>累计付款(P)<% } %></th>
                                        <td id="htdetail_pay_price"></td>
                                        <th class="text-center align-middle">累计扣款(K)</th>
                                        <td id="htdetail_debit_price"></td>
                                    </tr>
                                    <tr>
                                        <th class="text-center align-middle"><% if (ctx.contract_type === contractConst.type.income) { %>累计应回(S=P-K)<% } else if (ctx.contract_type === contractConst.type.expenses) { %>累计应付(S=P-K)<% } %></th>
                                        <td id="htdetail_yf_price"></td>
                                        <th class="text-center align-middle"><% if (ctx.contract_type === contractConst.type.income) { %>累计实回(A)<% } else if (ctx.contract_type === contractConst.type.expenses) { %>累计实付(A)<% } %></th>
                                        <td id="htdetail_sf_price"></td>
                                        <th class="text-center align-middle"><% if (ctx.contract_type === contractConst.type.income) { %>待回款(S-A)<% } else if (ctx.contract_type === contractConst.type.expenses) { %>待支付(S-A)<% } %></th>
                                        <td id="htdetail_df_price"></td>
                                    </tr>
                                    <tr>
                                        <th class="text-center align-middle">甲方</th>
                                        <td class="change-input-td" id="htdetail_party_a"></td>
                                        <th class="text-center align-middle">签约人</th>
                                        <td class="change-input-td" id="htdetail_party_a_user"></td>
                                        <th class="text-center align-middle">签订日期</th>
                                        <td class="change-input-td" id="htdetail_sign_date"></td>
                                    </tr>
                                    <tr>
                                        <th class="text-center align-middle">乙方</th>
                                        <td class="change-input-td" id="htdetail_party_b"></td>
                                        <th class="text-center align-middle">签约人</th>
                                        <td class="change-input-td" id="htdetail_party_b_user"></td>
                                        <% if (ctx.contract_type === contractConst.type.expenses) { %>
                                        <th class="text-center align-middle">签约地点</th>
                                        <td class="change-input-td" id="htdetail_address"></td>
                                        <% } else if (ctx.contract_type === contractConst.type.income) { %>
                                        <th class="text-center align-middle">结算书编号</th>
                                        <td id="htdetail_settle_code"></td>
                                        <% } %>
                                    </tr>
                                    <% if (ctx.contract_type === contractConst.type.expenses) { %>
                                    <tr class="contract-expenses">
                                        <th class="text-center align-middle">收款单位</th>
                                        <td class="change-input-td" id="htdetail_entity"></td>
                                        <th class="text-center align-middle">收款开户行</th>
                                        <td class="change-input-td" id="htdetail_bank"></td>
                                        <th class="text-center align-middle">收款账号</th>
                                        <td class="change-input-td" id="htdetail_bank_account"></td>
                                    </tr>
                                    <% } %>
                                    <tr>
                                        <% if (ctx.contract_type === contractConst.type.expenses) { %>
                                        <th class="text-center align-middle">结算书编号</th>
                                        <td id="htdetail_settle_code"></td>
                                        <% } %>
                                        <th class="text-center align-middle">备注</th>
                                        <td class="change-input-td" colspan="<% if (ctx.contract_type === contractConst.type.expenses) { %>3<% } else if (ctx.contract_type === contractConst.type.income) { %>5<% } %>" id="htdetail_remark"></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane" id="htpay">
                            <div class="sp-wrap" style="overflow: auto">
                                <table class="table table-sm table-bordered" id="htpay-table" style="display: none;">
                                    <thead>
                                    <tr class="text-center">
                                        <% if (ctx.contract_type === contractConst.type.income) { %>
                                            <th width="5%">序号</th><th width="5%">回款日期</th><th width="10%">回款金额</th><th width="10%">扣款金额</th><th width="10%">应回金额</th><th width="10%">实回金额</th><th width="5%">回款方式</th><th width="5%">创建人</th><th width="10%">创建时间</th><th width="15%">备注</th><th width="5%">附件</th><th width="10%">操作</th>
                                        <% } else if (ctx.contract_type === contractConst.type.expenses) { %>
                                            <th width="5%">序号</th><th width="5%">支付日期</th><th width="10%">付款金额</th><th width="10%">扣款金额</th><th width="10%">应付金额</th><th width="10%">实付金额</th><th width="5%">支付方式</th><th width="5%">创建人</th><th width="10%">创建时间</th><th width="15%">备注</th><th width="5%">附件</th><th width="10%">操作</th>
                                        <% } %>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane" id="htfile">
                            <div class="sp-wrap" style="overflow: auto">
                                <table class="table table-sm table-bordered" id="htfile-table" style="display: none;">
                                    <thead>
                                        <tr class="text-center">
                                            <th width="5%">序号</th><th>名称</th><th width="5%">上传人</th><th width="15%">上传时间</th><th width="15%">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const user_id = <%- ctx.session.sessionUser.accountId %>;
    const is_admin = <%- ctx.session.sessionUser.is_admin %>;
    const permission_edit = <%- (ctx.session.sessionUser.is_admin || audit_permission.permission_edit) %>;
    const permission_add = <%- (ctx.session.sessionUser.is_admin || audit_permission.permission_add) %>;
    const permission_att = <%- (ctx.session.sessionUser.is_admin || audit_permission.permission_att) %>;
    const contract_type = <%- contract_type %>;
    const whiteList = JSON.parse(unescape('<%- escape(JSON.stringify(whiteList)) %>'));
    const contractConst = JSON.parse(unescape('<%- escape(JSON.stringify(contractConst)) %>'));
    let contractTreeAudits = JSON.parse(unescape('<%- escape(JSON.stringify(contractTreeAudits)) %>'));
    const thisUrl = JSON.parse(unescape('<%- escape(JSON.stringify(thisUrl)) %>'));
    let contractPays = [];
</script>