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" style="justify-content: space-between">
                <div class="d-flex">
                    <div class="form-check form-check-inline">汇总条件:</div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="final_type" id="inlineRadio2" value="code" <%if (ctx.budget.final_type === 'code') {%> checked <% }%>>
                        <label class="form-check-label" for="inlineRadio2">编号</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="radio" name="final_type" id="inlineRadio3" value="code_name" <%if (ctx.budget.final_type === 'code_name') {%> checked <% }%>>
                        <label class="form-check-label" for="inlineRadio3">编号+名称</label>
                    </div>
                </div>
                <div class="d-flex">
                    <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 class="d-inline-flex">
                        <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-sm btn-primary ml-1" id="select-final-ok">确定</button>
                    </div>
                </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>