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 %>
<% include ./cost_decimal.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>
<div class="modal" id="cost-ledger-col" data-backdrop="static" aria-modal="true" role="dialog">
    <div class="modal-dialog" role="document">
        <form class="modal-content" action="/sp/<%- ctx.subProject.id %>/cost/tender/<%- ctx.tender.id %>/colSet" method="POST" onsubmit="return convertColSet();">
            <div class="modal-header">
                <h5 class="modal-title">列设置</h5>
            </div>
            <div class="modal-body">
                <div class="form-group form-check mb-0">
                    <input type="checkbox" class="form-check-input group-checkbox" id="col_cur" <% if (colSet.cur) { %> checked <%} %>>
                    <label class="form-check-label" for="col_cur">本期</label>
                </div>
                <div class="form-group form-check mb-0">
                    <input type="checkbox" class="form-check-input group-checkbox" id="col_cur_excl_tax" <% if (colSet.cur_excl_tax) { %> checked <%} %>>
                    <label class="form-check-label" for="col_cur_excl_tax">本期（不含税）</label>
                </div>
                <div class="form-group form-check mb-0">
                    <input type="checkbox" class="form-check-input group-checkbox" id="col_end" <% if (colSet.end) { %> checked <%} %>>
                    <label class="form-check-label" for="col_end">截止本期</label>
                </div>
                <div class="form-group form-check mb-0">
                    <input type="checkbox" class="form-check-input group-checkbox" id="col_end_excl_tax" <% if (colSet.end_excl_tax) { %> checked <%} %>>
                    <label class="form-check-label" for="col_end_excl_tax">截止本期（不含税）</label>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
                <input type="hidden" name="col_cur" value="<%- colSet.cur %>" />
                <input type="hidden" name="col_cur_excl_tax" value="<%- colSet.cur_excl_tax %>" />
                <input type="hidden" name="col_end" value="<%- colSet.end %>" />
                <input type="hidden" name="col_end_excl_tax" value="<%- colSet.end_excl_tax %>" />
                <input type="hidden" name="stage_type" value="<%- ctx.costStage.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>
<script>
    const convertColSet = function() {
        const check = $('input[type=checkbox]', '#cost-ledger-col');
        for (const c of check) {
            const id = c.getAttribute('id');
            $(`input[name=${id}]`).val(c.checked ? 1 : 0);
        }
        return true;
    }
</script>
<link href="/public/css/bootstrap/select2.min.css" rel="stylesheet" />
<script src="/public/js/bootstrap/select2.min.js"></script>