Calculation/app/view/cost/ledger_modal.ejs

<% include ../shares/delete_hint_modal.ejs %>
<% include ./audit_modal.ejs %>
<% include ../shares/upload_att.ejs %>
<% include ../shares/new_tag_modal.ejs %>
<div class="modal" id="import-deal-type" data-backdrop="static" aria-modal="true" role="dialog">
    <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 form-group-sm">
                    <label>选择类型</label>
                    <select class="form-control form-control-sm" name="contract_type">
                        <% for (const ct of contractTypes) { %>
                        <option value="<%- ct %>"><%- ct %></option>
                        <% } %>
                    </select>
                </div>
                <div class="form-group form-group-sm">
                    <label>支付年月</label>
                    <input class="datepicker-here form-control form-control-sm" readonly autocomplete="off" id="type-pay-date" placeholder="点击选择年月" data-view="months" data-range="true"  data-multiple-dates-separator=" ~ " data-min-view="months" data-date-format="yyyy-MM" data-language="zh" type="text">
                </div>
                <div class="form-group form-group-sm">
                    <label>选择用途</label>
                    <select class="form-control form-control-sm" id="type-contract-used">
                        <% for (const cu of contractUsed) { %>
                        <option value="<%- cu %>"><%- cu %></option>
                        <% } %>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-primary" id="import-deal-type-ok">确定</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="import-deal-select" data-backdrop="static">
    <div class="modal-dialog" role="document" style="max-width: 600px">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">导入合同数据（自选）</h5>
            </div>
            <div class="modal-body">
                <div class="modal-height-400" id="contract-spread"></div>
                <div class="form-group form-group-sm">
                    <label>支付年月</label>
                    <input class="datepicker-here form-control form-control-sm" readonly autocomplete="off" id="select-pay-date" placeholder="点击选择年月" data-view="months" data-range="true"  data-multiple-dates-separator=" ~ " data-min-view="months" data-date-format="yyyy-MM" data-language="zh" type="text">
                </div>
                <div class="form-group form-group-sm">
                    <label>选择用途</label>
                    <select class="form-control form-control-sm" id="select-contract-used">
                        <% for (const cu of contractUsed) { %>
                        <option value="<%- cu %>"><%- cu %></option>
                        <% } %>
                    </select>
                </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="import-deal-select-ok">确定</button>
            </div>
        </div>
    </div>
</div>
<link href="/public/css/bootstrap/select2.min.css" rel="stylesheet" />
<script src="/public/js/bootstrap/select2.min.js"></script>