Calculation/app/view/quality/inspection_modal.ejs

<!--审批流程/结果-->
<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>
<!--附件-->
<div class="modal fade" id="file" 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="modal-height-500" style="overflow: auto;">
                    <table class="table table-sm table-bordered">
                        <thead>
                        <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
                        </thead>
                        <tbody id="file-content"></tbody>
                    </table>
                </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-primary">确定</button> -->
            </div>
        </div>
    </div>
</div>
<% if (permission.add_inspection) { %>
    <!--弹出添加变更令-->
    <div class="modal fade" id="add-bj-modal" 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="form-group">
                        <label>编号<b class="text-danger">*</b></label>
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm is-invalid" placeholder="请输入编号" value="变更申请编号" id="bj-code">
                            <div class="input-group-append" id="autoCodeShow" <% if (codeRule.length === 0) { %>style="display: none"<% } %>>
                                <button class="btn btn-sm btn-outline-secondary" type="button" title="自动编号" id="autoCode"><i class="fa fa-repeat"></i></button>
                            </div>
                            <div class="invalid-feedback" style="display: none" id="bjHint">您输入的编号已存在。</div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>检查项<b class="text-danger">*</b></label>
                        <input class="form-control form-control-sm" value="" type="text" id="check_item">
                        <div class="invalid-feedback" style="display: none" id="name_error_msg">超过255个字，请缩减名称。</div>
                    </div>
                    <div class="form-group">
                        <label>日期<b class="text-danger">*</b></label>
                        <input id="check_date" class="datepicker-here form-control form-control-sm" placeholder="请选择检查日期" data-date-format="yyyy-MM-dd" data-language="zh" type="text">
                        <div class="invalid-feedback" style="display: none">请输入日期</div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" id="addCancel">关闭</button>
                    <a href="javascript: void(0)" class="btn btn-primary btn-sm" id="addOk">确认新建</a>
                </div>
            </div>
        </div>
    </div>
    <!--设置-->
    <div class="modal fade" id="setting" 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">
                    <ul class="nav nav-tabs mb-3" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">编号规则</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="bianhao">
                            <h5>
                                当前规则：
                                <span id="preview">
                                    <% if (codeRule && codeRule instanceof Array) { %>
                                        <% const preview = []; %>
                                        <% for (const rule of codeRule) { %>
                                            <% preview.push(rule.preview); %>
                                        <% } %>
                                        <%- preview.join(c_connector !== null && c_connector !== '3' ? ruleConst.connectorString[c_connector] : ''); %>
                                    <% } %>
                                </span>
                            </h5>
                            <h5 id="ruleParts">
                                <% if (codeRule && codeRule instanceof Array) { %>
                                    <% for (const rule of codeRule) { %>
                                        <span class="badge badge-light" title="<%- ruleConst.ruleString[rule.rule_type] %>">
                                    <span>
                                        <%- rule.preview %>
                                    </span>
                                    <a href="javascript: void(0);" class="text-danger" title="移除"><i class="fa fa-remove"></i></a>
                                </span>
                                    <% } %>
                                <% } %>
                            </h5>
                            <h5 class="my-3">连接符</h5>
                            <div class="form-group">
                                <select class="form-control form-control-sm connector-change">
                                    <option disabled selected>请选择</option>
                                    <% for (const index in ruleConst.connectorString) { %>
                                        <option value="<%- index %>" <% if (c_connector !== null && parseInt(c_connector) === parseInt(index)) { %>selected<% } %>><%- ruleConst.connectorString[index] %></option>
                                    <% } %>
                                </select>
                            </div>
                            <h5 class="my-3">添加新规则组件</h5>
                            <div class="form-group">
                                <select class="form-control form-control-sm rule-change">
                                    <option disabled selected>请选择组件</option>
                                    <% for (const index in ruleConst.ruleString) { %>
                                        <option value="<%- index %>"><%- ruleConst.ruleString[index] %></option>
                                    <% } %>
                                </select>
                            </div>
                            <div class="form-group" id="format" style="display: none">
                                <label>自动编号位数</label>
                                <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
                            </div>
                            <div class="form-group" id="text" style="display: none">
                                <label>起始编号</label>
                                <input class="form-control form-control-sm" value="001" type="text">
                            </div>
                            <button class="btn btn-sm btn-outline-primary" id="addRule">添加组件</button>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <% if (c_rule_first) { %><button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" id="changeFirst">暂时不需要</button><% } %>
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" id="hide_modal" <% if (c_rule_first) { %>style="display: none"<% } %>>关闭</button>
                    <button type="button" class="btn btn-primary btn-sm" id="setRule">确定添加</button>
                </div>
            </div>
        </div>
    </div>
<% } %>