Calculation/app/view/cost/book_list_modal.ejs

<div class="modal" id="add-qi" data-backdrop="static" aria-modal="true" role="dialog">
    <div class="modal-dialog" role="document">
        <form class="modal-content" action="addStage" method="POST" onsubmit="return checkAddValid();">
            <div class="modal-header">
                <h5 class="modal-title">新建报审</h5>
            </div>
            <div class="modal-body">
                <div class="form-group form-group-sm">
                    <label>期数</label>
                    <input class="form-control form-control-sm" value="第 <%- (stages.length + 1) %> 期" type="text" readonly="">
                    <input type="hidden" value="<%- (stages.length + 1) %>" name="stage_order">
                </div>
                <div class="form-group form-group-sm">
                    <label>关联成本</label>
                    <select class="form-control form-control-sm" name="stage" readonly="">
                        <% for (const s of validLedgerStages) { %>
                        <option value="<%- s.stage_order %>">第 <%- s.stage_order %> 期</option>
                        <% } %>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
                <input type="hidden" name="stage_type" value="<%- stage_type %>" />
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="submit" class="btn btn-sm btn-primary">确定</button>
            </div>
        </form>
    </div>
</div>
<!--审批流程/结果-->
<div class="modal fade" id="sp-list" data-backdrop="static">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">审批流程</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-4 modal-height-500" style="overflow: auto">
                        <div class="card mt-3">
                            <ul class="list-group list-group-flush" id="auditor-list">
                            </ul>
                        </div>
                    </div>
                    <div class="col-8 modal-height-500" style="overflow: auto" id="audit-list">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script>
    $('.datepicker-here').datepicker({
        autoClose: true,
    });
    const checkAddValid = function() {
        if ($('[name=date]', '#add-qi').val() == '') {
            toastr.error('请选择计量年月');
            return false;
        }
    }
    const checkEditValid = function() {
        if ($('[name=date]', '#edit-qi').val() == '') {
            toastr.error('请选择计量年月');
            return false;
        }
    }
</script>