IndexSystem/app/view/unit_compare/modal.ejs

<!-- 选择造价文件 -->
<div id="generate-data" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">选择造价文件</h5>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                <div class="btn-group btn-group-sm mb-2" role="group">
                    <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        请选择单元
                    </button>
                    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                        <% for (const dy of dyNames) { %>
                        <a class="dropdown-item" data='<%- JSON.stringify(dy) %>' href="javascript: void(0);"><%- dy.name %></a>
                        <% } %>
                    </div>
                </div>
                <div class="modal-height-500-scroll">
                    <table class="table table-bordered">
                        <tr><th>造价文件</th><th>选择</th></tr>
                        <% if(libList.length > 0) { %>
                        <% libList.forEach(function(lib) { %>
                        <tr class="table-secondary">
                            <td><%- lib.filename %></td>
                            <td><input type="radio" name="bd" lib-data='<%- JSON.stringify(lib) %>'></td>
                        </tr>
                        <% }) %>
                        <% } %>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <div id="hint1" class="text-danger fa fa-exclamation-circle" style="display: none;"></div>
                <button class="btn btn-primary" data-toggle="modal" id="next">下一步</button>
                <button class="btn btn-secondary" data-dismiss="modal" aria-hidden="true">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- 选择项目节 -->
<div id="select-data" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="select-title">选择对比项</h5>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            </div>
            <div class="modal-body">
                <div class="d-flex justify-content-end mb-2">
                    <div class="d-inline-flex">
                        <div class="input-group input-group-sm">
                            <input type="text" class="form-control" placeholder="输入桥梁名称" aria-label="Recipient's username" aria-describedby="search-x" style="width:220px" id="x-keyword">
                            <div class="input-group-append">
                                <button class="btn btn-primary" type="button" id="search-x">搜索</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-height-500-scroll">
                    <table class="table table-bordered">
                        <thead><tr><th width="80">选择</th><th>项目节编号</th><th>结构物名称</th><th>单位</th><th>数量1</th><th>数量2</th><th>经济指标</th><th>金额</th></tr></thead>
                        <tbody id="x-list">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <div id="hint2" class="text-danger fa fa-exclamation-circle" style="display: none;"></div>
                <button class="btn btn-primary" data-toggle="modal" id="select-ok">生成指标</button>
                <button class="btn btn-secondary" data-dismiss="modal" aria-hidden="true">取消</button>
            </div>
        </div>
    </div>
</div>