Calculation/app/view/spss/spss_select_modal.ejs

<div class="modal fade" id="tender-select-multi" data-backdrop="static">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="tsm-title">对比标段</h5>
            </div>
            <div class="modal-body">
                <div class="" id="tsm-stage-info" style="display: none">
                    <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-stage" value="stage" name="tsm-source">
                                <label class="form-check-label" for="tsm-source-stage">指定期</label>
                            </div>
                            <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">
                                <label class="form-check-label" for="tsm-source-final">最新期</label>
                            </div>
                            <div class="form-check form-check-inline" stage-type="stage">
                                <input class="form-check-input" type="radio" id="tsm-source-check-final" value="checked-final" checked="" name="tsm-source">
                                <label class="form-check-label" for="tsm-source-check-final">最新审批完成期</label>
                            </div>
                            <div class="form-check form-check-inline" stage-type="zone">
                                <input class="form-check-input" type="radio" id="tsm-source-stage-zone" value="stage-zone" name="tsm-source">
                                <label class="form-check-label" for="tsm-source-stage-zone">期区间</label>
                            </div>
                            <div class="form-check form-check-inline" stage-type="stage">
                                <input class="form-check-input" type="radio" id="tsm-source-month" value="month" name="tsm-source">
                                <label class="form-check-label" for="tsm-source-month">指定月</label>
                            </div>
                            <div class="form-check form-check-inline" stage-type="zone">
                                <input class="form-check-input" type="radio" id="tsm-source-zone" value="zone" name="tsm-source">
                                <label class="form-check-label" for="tsm-source-zone">月区间</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 class="form-check form-check-inline" stage-type="fake-month">
                                <input class="form-check-input" type="radio" id="tsm-source-fake-month" value="fake-month" name="tsm-source">
                                <label class="form-check-label" for="tsm-source-fake-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-month" name="gather-type" style="display: none">
                                <div class="input-group input-group-sm">
                                    <input id="gather-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-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-fake-month" name="gather-type" style="display: none">
                                <div class="input-group input-group-sm">
                                    <input id="gather-fake-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-zone" name="gather-type" style="display: none">
                                <div class="input-group input-group-sm">
                                    <input id="gather-zone" class="datepicker-here form-control mt-0" placeholder="点击选择周期" data-range="true" data-multiple-dates-separator=" - "  data-min-view="months" data-view="months" data-date-format="yyyy-MM" data-language="zh" type="text" autocomplete="off">
                                </div>
                            </div>
                            <div id="gather-by-custom-zone" name="gather-type" style="display: none">
                                <div class="input-group input-group-sm">
                                    <input id="gather-custom-zone" class="datepicker-here form-control mt-0" placeholder="点击选择周期" data-range="true" data-multiple-dates-separator=" - "  data-min-view="days" data-view="days" data-date-format="yyyy-MM-dd" data-language="zh" type="text" autocomplete="off">
                                </div>
                            </div>
                            <div id="gather-by-stage" name="gather-type" style="display: none">
                                <div class="input-group input-group-sm">
                                    <select class="form-control" style="width: 80px"  id="gather-stage">
                                        <option>第1期</option>
                                    </select>
                                </div>
                            </div>
                            <div id="gather-by-stage-zone" name="gather-type" style="display: none">
                                <div class="input-group input-group-sm">
                                    <select class="form-control" style="width: 80px"  id="gather-stage-begin">
                                        <option>第1期</option>
                                    </select>
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">至</span>
                                    </div>
                                    <select class="form-control" style="width: 80px"  id="gather-stage-end">
                                        <option>第5期</option>
                                    </select>
                                </div>
                            </div>
                            <div id="gather-by-final" name="gather-type" style="display: none">
                                <div class="input-group input-group-sm">
                                    <select class="form-control" style="width: 80px"  disabled>
                                    </select>
                                </div>
                            </div>
                            <div id="gather-by-checked-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 class="d-flex">
                    <div class="col-6 pl-0">
                        <label>可选标段</label>
                        <div class="modal-height-500" id="tsm-select-spread">
                        </div>
                    </div>
                    <div class="col-6">
                        <label>已选标段</label>
                        <div class="modal-height-500" id="tsm-result-spread">
                        </div>
                    </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="tender-select-multi-ok">确定</button>
            </div>
        </div>
    </div>
</div>