Calculation/app/view/schedule/plan_modal.ejs

<!--新增计划-->
<div class="modal fade" id="add-plan" 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>计划周期</label>
                    <input class="datepicker-here form-control" placeholder="点击选择时间" data-view="months" data-min-view="months" data-date-format="yyyy-MM" data-range="true" data-multiple-dates-separator=" ~ " data-language="zh" type="text">
                </div>
                <div class="alert alert-danger">2020-05 已创建</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" >确认新增</button>
            </div>
        </div>
    </div>
</div>
<!--管理计划-->
<div class="modal fade" id="edit-plan" 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-hover">
                    <tr><th>计划月</th><th width="100">删除</th></tr>
                    <tr><td>2020-1</td><td></td></tr>
                    <tr><td>2020-2</td><td><label><input type="checkbox"></label></td></tr>
                    <tr><td>2020-3</td><td><label><input type="checkbox"></label></td></tr>
                </table>
                <div class="alert alert-danger">确认删除「2020-2」「2020-3」计划进度？删除后，数据无法恢复，请谨慎操作。</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-danger" >确认删除</button>
            </div>
        </div>
    </div>
</div>
<!--选择计算方式-->
<div class="modal fade" id="mode" 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="row mb-2">
                    <div class="col-6">
                        <div class="card">
                            <div class="card-body">
                                <h5 class="card-title"><i class="fa fa-bookmark"></i> 金额</h5>
                                <p class="card-text">填写计划金额，通过经济指标反算工程量</p>
                                <% if (schedule && schedule.mode === mode.tp) { %>
                                <button class="btn btn-primary btn-sm disabled mode-select" disabled data-mode="<%- mode.tp %>">当前</button>
                                <% } else { %>
                                <button class="btn btn-sm btn-primary mode-select" data-mode="<%- mode.tp %>">选择</button>
                                <% } %>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card">
                            <div class="card-body">
                                <h5 class="card-title"><i class="fa fa-bookmark"></i> 工程量</h5>
                                <p class="card-text">填写工程量，金额=工程量×经济指标</p>
                                <% if (schedule && schedule.mode === mode.gcl) { %>
                                <button class="btn btn-primary btn-sm disabled mode-select" disabled data-mode="<%- mode.gcl %>">当前</button>
                                <% } else { %>
                                <button class="btn btn-sm btn-primary mode-select" data-mode="<%- mode.gcl %>">选择</button>
                                <% } %>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="alert alert-danger" id="mode-tips" style=" <% if (schedule && !schedule.mode) { %>display: none<% } %>">更改计算方式，未使用的计划月数据都将按新计算方式重新计算，请谨慎选择。</div>
            </div>
            <div class="modal-footer" id="mode-cancel" style=" <% if (schedule && !schedule.mode) { %>display: none <% } %>">
                <button type="button" class="btn btn-sm btn-outline-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<% include ./modal.ejs %>