Calculation/app/view/contract/detail_modal.ejs

<% include ../shares/delete_hint_modal.ejs %>
<% if (ctx.session.sessionUser.is_admin || audit_permission.permission_add) { %>
<!--新增合同-->
<div class="modal fade" id="cons-add" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">新增合同</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>合同编号<b class="text-danger">*</b></label>
                    <input class="form-control form-control-sm" placeholder="请输入合同编号" type="text" name="code">
                </div>
                <div class="form-group">
                    <label>合同名称<b class="text-danger">*</b></label>
                    <input class="form-control form-control-sm" placeholder="请输入合同名称" type="text" name="name">
                </div>
                <div class="form-group">
                    <label>合同金额<b class="text-danger">*</b></label>
                    <input class="form-control form-control-sm" placeholder="请输入合同金额" type="text" name="total_price">
                    <div class="invalid-feedback">合同金额不能为0。</div>
                </div>
                <div class="form-group">
                    <label>签订单位（乙方）<b class="text-danger">*</b></label>
                    <input class="form-control form-control-sm" placeholder="请输入签订单位" type="text" name="party_b">
                </div>
                <div class="form-group">
                    <label>备注</label>
                    <textarea class="form-control form-control-sm" name="remark" rows="3"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-primary" id="add-contract">确定</button>
            </div>
        </div>
    </div>
</div>
<% } %>
<% if (ctx.session.sessionUser.is_admin) { %>
<% include modal.ejs %>
    <!-- 节点授权 -->
    <div class="modal fade" id="empower" data-backdrop="static" style="z-index: 1049">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">节点授权</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <!-- 左侧默认节点 -->
                        <div class="col-5">
                            <div class="mb-2">节点列表</div>
                            <div class="modal-height-500" id="sq-spread">
                            </div>
                        </div>
                        <!-- 右侧对应节点成员 -->
                        <div class="col-7">
                            <div class="d-flex flex-row bg-graye">
                                <div class="pb-1  dropdown">
                                    <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        添加用户
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="width:220px">
                                        <div class="mb-2 p-2"><input class="form-control form-control-sm" placeholder="姓名/手机 检索" id="gr-search2" autocomplete="off"></div>
                                        <dl class="list-unstyled book-list">
                                        </dl>
                                    </div>
                                </div>
                                <div class="ml-2"><a href="javascript:void(0);" id="batch-del-audits" class="text-danger">批量移除</a></div>
                            </div>
                            <div class="modal-height-500" style="overflow-y:auto;">
                                <table class="table table-bordered text-center">
                                    <thead>
                                    <tr>
                                        <th><input class="" type="checkbox" id="select-permission-tree-audit-all" /></th>
                                        <th>用户名</th>
                                        <th>授权时间</th>
                                        <th>权限</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="contract-tree-audits">
<!--                                    <tr class="text-center">-->
<!--                                        <td><input type="checkbox" name="ftu-check"></td><td>邓莹洁</td><td>2023-09-21 11:26:41</td><td>编辑节点,添加合同</td>-->
<!--                                        <td><button class="btn btn-sm btn-outline-danger">移除</button></td>-->
<!--                                    </tr>-->
<!--                                    <tr class="text-center">-->
<!--                                        <td><input type="checkbox" name="ftu-check"></td><td>付一</td><td>2023-09-21 11:26:41</td><td>添加合同,查看本单位合同</td>-->
<!--                                        <td><button class="btn btn-sm btn-outline-danger">移除</button></td>-->
<!--                                    </tr>-->
<!--                                    <tr class="text-center">-->
<!--                                        <td><input type="checkbox" name="ftu-check"></td><td>付二</td><td>2023-09-21 11:26:41</td><td>添加合同,查看本节点合同</td>-->
<!--                                        <td><button class="btn btn-sm btn-outline-danger">移除</button></td>-->
<!--                                    </tr>-->
<!--                                    <tr class="text-center">-->
<!--                                        <td><input type="checkbox" name="ftu-check"></td><td>付三</td><td>2023-09-21 11:26:41</td><td>添加合同</td>-->
<!--                                        <td><button class="btn btn-sm btn-outline-danger">移除</button></td>-->
<!--                                    </tr>-->
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-outline-secondary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
<% } %>
<!--添加附件-->
<div class="modal fade" id="cons-upfile">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myModalLabel">上传附件</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="file-modal">单个文件大小限制：50MB，支持office等文档格式、图片格式、压缩包格式</label>
                    <!-- <p><a href="javascript: void(0);" class="btn btn-primary" id="file-modal-target">选择文件</a></p> -->
                    <input type="file" id="file-modal" multiple="multiple">
                </div>
            </div>
            <div class="modal-footer">
                <button id="file-cancel" type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
                <button id="file-ok" type="button" class="btn btn-primary btn-sm">添加</button>
            </div>
        </div>
    </div>
</div>
<!--添加支付,非关联合同显示-->
<div class="modal fade" id="cons-addpay" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">添加<% if (ctx.contract_type === contractConst.type.expenses) { %>支付<% } else if (ctx.contract_type === contractConst.type.income) { %>回款<% } %></h5>
            </div>
            <div class="modal-body">
                <div class="form-group form-group-sm">
                    <label><% if (ctx.contract_type === contractConst.type.expenses) { %>支付<% } else if (ctx.contract_type === contractConst.type.income) { %>回款<% } %>日期<b class="text-danger">*</b></label>
                    <input class="datepicker-here form-control form-control-sm" name="pay_time" placeholder="点击选择时间" data-date-format="yyyy-MM-dd" data-language="zh" type="text">
                </div>
                <div class="form-group">
                    <label><% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>款金额<b class="text-danger">*</b></label>
                    <input class="form-control form-control-sm" name="pay_price" placeholder="请输入<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>款金额" type="number">
                </div>
                <div class="form-group">
                    <label>扣款金额</label>
                    <input class="form-control form-control-sm" name="debit_price" placeholder="请输入扣款金额" type="number">
                </div>
                <div class="form-group">
                        <label>应<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>金额<span class="text-danger yf-tips"></span></label>
                    <input class="form-control form-control-sm" name="yf_price" placeholder="<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>款-扣款" type="number" readonly>
                </div>
                <div class="form-group">
                    <label>实<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>金额<span class="text-danger sf-tips"></span></label>
                    <input class="form-control form-control-sm" name="sf_price" placeholder="请输入实<% if (ctx.contract_type === contractConst.type.expenses) { %>付<% } else if (ctx.contract_type === contractConst.type.income) { %>回<% } %>金额" type="number">
                </div>
                <div class="form-group">
                    <label><% if (ctx.contract_type === contractConst.type.expenses) { %>支付<% } else if (ctx.contract_type === contractConst.type.income) { %>回款<% } %>方式<b class="text-danger">*</b></label>
                    <select class="form-control form-control-sm" name="pay_type">
                        <option>网上转账</option>
                        <option>支付宝</option>
                        <option>微信</option>
                        <option>现金</option>
                        <option>支票</option>
                        <option>其他</option>
                    </select>
                </div>
                <div class="form-group">
                    <label>备注</label>
                    <textarea class="form-control form-control-sm" name="remark" rows="3"></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-primary" id="add-contract-pay">确定</button>
                <input type="hidden" name="cpid" value="">
                <button type="button" class="btn btn-sm btn-primary" id="save-contract-pay" style="display: none">确定</button>
            </div>
        </div>
    </div>
</div>
<!--附件-->
<div class="modal fade" id="cons-pay-file" data-backdrop="static" style="z-index: 1049">
    <input type="hidden" name="cpid">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">附件</h5>
            </div>
            <div class="modal-body">
                <div class="form-group upload-permission">
                    <label for="formGroupExampleInput">单个文件大小限制：50MB，支持<span data-toggle="tooltip" data-placement="bottom" title="doc,docx,xls,xlsx,ppt,pptx,pdf">office等文档格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="rar,zip">压缩包格式</span></label>
                    <br>
                    <input type="file" class="" multiple>
                </div>
                <div class="modal-height-500" style="overflow:auto;">
                    <table class="table table-sm table-bordered text-center" style="word-break:break-all; table-layout: fixed">
                        <thead>
                        <tr><th width="5%">序号</th><th>名称</th><th width="8%">上传人</th><th width="20%">上传时间</th><th width="15%">操作</th></tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary btn-sm" data-dismiss="modal">关闭</button>
                <!--<button type="button" class="btn btn-primary btn-sm" id="upload-file-btn">确定</button>-->
            </div>
        </div>
    </div>
</div>
<!--结算合同-->
<div class="modal fade" id="cons-close" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">结算合同</h5>
            </div>
            <div class="modal-body">
                <h5>当前合同【<span id="close_contract_code"></span>】：</h5>
                <h5>存在待支付金额<strong>【<span id="close_df_price"></span>】</strong>，确定关闭？</h5>
                <h5>关闭后，合同将锁定，无法进行编辑等操作。</h5>
                <div class="form-group mt-3">
                    <label>结算书编号：<b class="text-danger">*</b></label>
                    <input class="form-control form-control-sm" placeholder="输入结算书编号" id="close_settle_code" type="text">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" id="close_contract_btn">确认结算</button>
            </div>
        </div>
    </div>
</div>
<!--解锁合同-->
<div class="modal fade" id="cons-unlock" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">解锁合同</h5>
            </div>
            <div class="modal-body">
                <h5>解锁后，合同可进行编辑等操作。</h5>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" id="unlock_contract_btn">确认解锁</button>
            </div>
        </div>
    </div>
</div>