Calculation/app/view/quality/rule_modal.ejs

<div class="modal fade" id="save-rule" 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="form-group">
                    <label>规则名称</label>
                    <input class="form-control form-control-sm col-11 ml-3"  placeholder="请使用精简的名称" type="text" id="rule-name">
                </div>
                <div class="form-group">
                    <label>判断条件</label>
                    <div class="ml-4 mb-2">
                        <div>
                            <div class="d-inline-block">
                                <select class="form-control form-control-sm" id="condition-block" style="width: 150px;">
                                </select>
                            </div>
                            <div class="d-inline-block ml-2">
                                <select class="form-control form-control-sm" id="condition-field" style="width: 150px;">
                                </select>
                            </div>
                            <div class="d-inline-block ml-2">
                                <select class="form-control form-control-sm" id="condition-operate" style="width: 80px;">
                                </select>
                            </div>
                            <div class="d-inline-block ml-2">
                                <button class="btn btn-sm btn-primary" id="condition-add">新增判断</button>
                            </div>
                        </div>
                        <div class="mt-1">
                            <div>
                                <input class="form-control form-control-sm col-11"  placeholder="请输入判断值" type="text" id="condition-value">
                            </div>
                        </div>
                        <div class="mt-1" id="multi-set">
                            <div class="d-inline-block">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="checkbox" id="condition-multi">
                                    <label class="form-check-label" for="condition-multi">匹配多个<span class="text-warning ml-2">如需匹配多个值，请在判断中使用;(英文分号)来分隔多个值，示例：批复单;记录表</span></label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <table class="table table-sm table-bordered col-11 ml-3">
                        <tr class="text-center"><th width="80%">判断条件</th><th width="20%">操作</th></tr>
                        <tbody id="condition-list"></tbody>
                    </table>
                </div>
                <div class="form-group">
                    <label>更新状态</label>
                    <div class="ml-4 mb-2">
                        <div class="d-inline-block">
                            <select class="form-control form-control-sm" id="status-field" style="width: 150px;">
                            </select>
                        </div>
                        <div class="d-inline-block ml-2">
                            <select class="form-control form-control-sm" id="status-value" style="width: 150px;">
                            </select>
                        </div>
                        <div class="d-inline-block ml-2">
                            <button class="btn btn-sm btn-primary" id="status-add">新增状态</button>
                        </div>
                    </div>
                    <table class="table table-sm table-bordered col-11 ml-3">
                        <tr class="text-center"><th width="80%">更新状态</th><th width="20%">操作</th></tr>
                        <tbody id="status-list"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="rule-id">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" id="save-rule-ok">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="copy-rule" 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="form-group">
                    <select class="form-control form-control-sm col-5 ml-3" id="select-group">
                    </select>
                    <table class="table table-sm table-bordered col-11 ml-3 mt-2">
                        <tr class="text-center"><th>选择</th><th>规则名称</th><th>条件详情</th><th>推送状态</th></tr>
                        <tbody id="copy-rule-list"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary btn-sm" id="copy-rule-ok">确认</button>
            </div>
        </div>
    </div>
</div>