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">
                <div class="" id="sf-stage-info">
                    <div class="form-row align-items-center mb-2">
                        <div class="col-auto"><span class="form-check-label">汇总时间：</span></div>
                        <div class="col-auto">
                            <div class="form-check form-check-inline" stage-type="stage">
                                <input class="form-check-input" type="radio" id="tsm-source-final" value="final" name="tsm-source" checked>
                                <label class="form-check-label" for="tsm-source-final">最新期</label>
                            </div>
                            <div class="form-check form-check-inline" stage-type="under-month">
                                <input class="form-check-input" type="radio" id="tsm-source-under-month" value="under-month" name="tsm-source">
                                <label class="form-check-label" for="tsm-source-under-month">截止月</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-row align-items-center mb-2" id="tsm-stage-info-detail">
                        <div class="col-auto"><span class="form-check-label">时间设置：</span>
                        </div>
                        <div class="d-flex">
                            <div id="gather-by-under-month" name="gather-type" style="display: none">
                                <div class="input-group input-group-sm">
                                    <input id="gather-under-month" class="datepicker-here form-control mt-0" auto-close="true" autocomplete="off" placeholder="点击选择年月" data-view="months" data-min-view="months" data-date-format="yyyy-MM" data-language="zh" type="text" autocomplete="off">
                                </div>
                            </div>
                            <div id="gather-by-final" name="gather-type">
                                <div class="input-group input-group-sm">
                                    <select class="form-control" style="width: 80px" disabled>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-check form-check-inline ml-2">
                            <input class="form-check-input" type="checkbox" id="tsm-filter-checked">
                            <label class="form-check-label" for="tsm-filter-checked">仅统计审批完成</label>
                        </div>
                    </div>
                </div>
                <div>
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#sf-tender" role="tab" name="sf-tab">可选标段</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#sf-contract" role="tab" name="sf-tab">可选合同</a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div id="sf-tender" class="tab-pane active">
                        <div id="sf-tender-spread" style="height: 300px"></div>
                    </div>
                    <div id="sf-contract" class="tab-pane">
                        <div id="sf-contract-spread" style="height: 300px"></div>
                    </div>
                </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>