Calculation/app/view/report/index_archive_modal.ejs

<!--弹出批量电子签名-->
<div class="modal fade" id="sign" data-backdrop="static">
    <div class="modal-dialog modal-lg" 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">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>当前使用 #3 2021-03-02 归档报表进行签名，签名后其余归档仅能查看。</p>
                <div class="card mb-3">
                    <div class="card-header">选择签名位置</div>
                    <div class="card-body py-3">
                        <style>
                            #role-list div:nth-child(n+5) {
                                margin-top: 1rem;
                            }
                        </style>
                        <div class="row" id="role-list">
                            <div class="col-auto">
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadioInline1" name="customRadioInline" class="custom-control-input">
                                    <label class="custom-control-label" for="customRadioInline1">编制</label>
                                </div>
                            </div>
                            <div class="col-auto">
                                <div class="custom-control custom-radio custom-control-inline">
                                    <input type="radio" id="customRadioInline2" name="customRadioInline" class="custom-control-input">
                                    <label class="custom-control-label" for="customRadioInline2">复核</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-height-300">
                    <table class="table table-hover table-bordered">
                        <thead>
                        <tr><th colspan="4" class="text-center">签名页</th></tr>
                        <tr><th width="60">页码</th>
                            <th >名称</th>
                            <th >签名</th>
                            <!--<th width="40"><input type="checkbox"></td></th>-->
                        </tr></thead>
                        <tbody id="page-list">
                        <tr><td>页1</td><td>工程费用表</td><td><span class="text-success"><i class="fa fa-check"></i> 编制（张三）</span></td><td><input type="checkbox"></td></tr>
                        <tr><td>页2</td><td>工程费用表</td><td><span class="text-success"><i class="fa fa-check"></i> 编制（张三）</span></td><td><input type="checkbox"></td></tr>
                        <tr><td>页3</td><td>工程费用表</td><td><span class="text-success"><i class="fa fa-check"></i> 编制（张三）</span><span class="text-success"><i class="fa fa-check"></i> 复核（李四）</span></td><td><input type="checkbox"></td></tr>
                        <tr><td>页4</td><td>工程费用表</td><td></td><td><input type="checkbox"></td></tr>
                        <tr><td>页5</td><td>工程费用表</td><td></td><td><input type="checkbox"></td></tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <!--<a href="" class="btn btn-sm btn-danger mr-5" data-toggle="modal" data-target="#sign2" data-dismiss="modal">撤销签名</a>-->
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <a href="" class="btn btn-sm btn-primary">确定</a>
            </div>
        </div>
    </div>
</div>