Calculation/app/view/setting/fun_modal.ejs

<!--设置z自定义变更类别-->
<div class="modal fade" id="bgclass" 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="alert alert-warning">设置后，工程变更-变更类别仅显示显示勾选的类别。</div>
                <div id="change_class_div">
                    <% for (const cc of funSet.change_class) { %>
                        <div class="input-group input-group-sm mb-1">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <input type="checkbox" value="<%- cc.value %>" aria-label="Checkbox for following text input" <% if (cc.checked) { %>checked<% } %>>
                                </div>
                                <span class="input-group-text"><%- cc.name %></span>
                            </div>
                            <input type="text" class="form-control" value="<%- cc.new_name %>" <% if (!cc.checked) { %>readonly<% } %> aria-label="Text input with checkbox" placeholder="">
                        </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="set_change_class_btn">确认</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--设置变更令状态对应的上限-->
<div class="modal fade" id="bgstatus" 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-hover table-bordered">
                    <thead class="text-center"><tr><th>状态</th><th>计量上限默认值</th></tr></thead>
                    <tbody id="change_state_table">
                    <% for (const cs of funSet.change_state) { %>
                    <tr data-order="<%- cs.order %>">
                        <td><%- cs.name %></td>
                        <td>
                            <div class="input-group input-group-sm" style="width:90px">
                                <input type="number" class="form-control" min="0" max="100" step="1" value="<%- cs.value %>">
                                <div class="input-group-append">
                                    <span class="input-group-text">%</span>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <% } %>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <div class="mr-auto">
                    <span class="text-warning">计量比例只用于初始化变更令清单</span>
                </div>
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-primary" id="set_change_state_btn">确认</button>
            </div>
        </div>
    </div>
</div>