Calculation/app/view/tender/cert_modal.ejs

<!--导入-->
<div class="modal fade" id="import" 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 pt-1">
                <div class="d-flex flex-row bg-graye">
                    <div class="p-2 dropdown">
                        <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            添加用户
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" style="width:220px">
                            <div class="mb-2 p-2"><input class="form-control form-control-sm" placeholder="姓名/手机 检索" id="gr-search" autocomplete="off"></div>
                            <dl class="list-unstyled book-list">
                                <% accountGroup.forEach((group, idx) => { %>
                                    <dt><a href="javascript: void(0);" class="acc-btn" data-groupid="<%- idx %>" data-type="hide"><i class="fa fa-plus-square"></i></a> <%- group.groupName %></dt>
                                    <div class="dd-content" data-toggleid="<%- idx %>">
                                        <% group.groupList.forEach(item => { %>
                                            <dd class="border-bottom p-2 mb-0 " data-id="<%- item.id %>" >
                                                <p class="mb-0 d-flex"><span class="text-primary"><%- item.name %></span><span
                                                            class="ml-auto"><%- item.mobile %></span></p>
                                                <span class="text-muted"><%- item.role %></span>
                                            </dd>
                                        <% });%>
                                    </div>
                                <% }) %>
                            </dl>
                        </div>
                    </div>
                </div>
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th>用户名</th>
                        <th>角色/职位</th>
                        <th>选择证书</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="select-certs-table">
                    <% for (const tc of tenderCertList) { %>
                    <tr class="text-center">
                        <td><%- tc.account_info.name %></td>
                        <td><%- tc.account_info.role %></td>
                        <td>
                            <select class="form-control form-control-sm">
                                <% for (const c of tc.account_info.certs) { %>
                                <option value="<%- c.id %>" <% if (tc.cert_id === c.id) { %>selected<% } %>><%- ctx.helper.showCol4ObjArray(certSourceConst, c.name, 'value', 'name') %></option>
                                <% } %>
                            </select>
                        </td>
                        <td class="text-danger">移除</td>
                    </tr>
                    <% } %>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer d-flex justify-content-between">
                <div class="ml-auto">
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-sm btn-primary" id="add_cert_btn">确认</button>
                </div>
            </div>
        </div>
    </div>
</div>