Calculation/app/view/change/bills_modal.ejs

<!--添加清单-->
<div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="addlist">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mySmallModalLabel">从清单中选择</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 style="height:400px;overflow-y:auto">
                    <table class="table table-striped table-bordered table-condensed">
                        <thead><tr><th>序号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>选择</th></tr></thead>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr class="table-success">
                            <td>2</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox" checked></td>
                        </tr>
                        <tr class="table-success">
                            <td>3</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox" checked></td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr><tr>
                            <td>11</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>12</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>13</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>14</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>15</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>16</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>17</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>18</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>19</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>20</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary btn-sm">添加</button>
            </div>
        </div>
    </div>
</div>
<!--提交审批-->
<div class="modal fade" id="sub-ap" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <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">
                <h5>还没添加任何变更清单，无法提交。</h5>
                <h5>还没设置审批流程，无法提交。</h5>
                <h5>确认提交审批？</h5>
            </div>
            <div class="modal-footer">
                <!--无法提交-->
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">好的</button>
                <!--确认提交-->
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal">确认提交</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="warning-ledger" 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 id="led-warning" class="btn btn-danger btn-sm">确定</button>
            </div>
        </div>
    </div>
</div>
<script>
    $('#led-warning').click(function () {
        $('#warning-ledger').modal('hide');
    });
</script>