Calculation/app/view/budget/compare_modal.ejs

<div class="modal fade show" id="select-final" 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 id="sf-spread" style="height: 300px"></div>
            </div>
            <div class="modal-footer">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" id="sf-select-all">
                    <label class="form-check-label" for="sr-select-all">全选</label>
                </div>
                <div>
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-sm btn-primary" id="select-final-ok">确定</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--列设置-->
<div class="modal fade" id="row-view" 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">
                <table class="table table-bordered table-sm">
                    <thead>
                    <tr><th>列项</th><th width="90">显示</th></tr>
                    </thead>
                    <tbody id="row-view-list">
                    <tr><td>投资估算</td><td><input type="checkbox" checked=""></td></tr>
                    <tr><td>设计概算</td><td><input type="checkbox" checked=""></td></tr>
                    <tr><td>施工图预算</td><td><input type="checkbox" checked=""></td></tr>
                    <tr><td>招标预算</td><td><input type="checkbox" checked=""></td></tr>
                    <tr><td>台账</td><td><input type="checkbox" checked=""></td></tr>
                    <tr><td>预估决算</td><td><input type="checkbox"></td></tr>
                    </tbody>
                </table>
            </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" id="row-view-ok">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="compare-set" 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 class="mb-2">增减幅度</label>
                    <div class="col-6 mb-2">
                        <div class="input-group input-group-sm">
                            <div class="input-group-prepend">
                                <span class="input-group-text" style="width:80px">对比阶段1</span>
                            </div>
                            <select class="form-control form-control-sm" id="compare1">
                            </select>
                        </div>
                    </div>
                    <div class="col-6 mb-2">
                        <div class="input-group input-group-sm">
                            <div class="input-group-prepend">
                                <span class="input-group-text" style="width:80px">对比阶段2</span>
                            </div>
                            <select class="form-control form-control-sm" id="compare2">
                            </select>
                        </div>
                    </div>
                    <div class="alert-warning ml-3 p-1 pl-2" id="compare-active-hint">增减幅度=(预估决算-设计概算)/设计概算*100%</div>
                </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="compare-set-ok">确认</button>
            </div>
        </div>
    </div>
</div>