Calculation/app/view/change/info_modal.ejs

<% if (auditStatus === 1 || auditStatus === 2) { %>
<!--变更单位-->
<div class="modal fade" id="editcompany" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myModalLabel">变更单位</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div id="companyshow">
                    <% for (const company of companyList) { %>
                    <div class="form-group">
                        <input type="text" id="<%= company.id %>" class="form-control" value="<%= company.name %>">
                    </div>
                    <% } %>
                </div>
                <div class="alert alert-warning" role="alert">修改后，已创建的变更不受影响。</div>
                <p><button class="btn btn-primary btn-sm" id="addcompany" role="button" title="填写公司"><b class="fa fa-plus"></b></button></p>
                <div id="companyadddiv">
                    <!--<input type="text" class="form-control" placeholder="请输入公司名称">-->
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" id="updatecompany" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>

<!--上报审批-->
<div class="modal fade" id="sub-ap" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title up-change">上报审批</h5>
                <h5 class="modal-title save-change">保存修改</h5>
            </div>
            <form method="post" action="/tender/<%- tender.id %>/change/<%- change.cid %>/save">
                <div class="modal-body">
                    <!--如未创建清单-->
                    <h5>还没添加任何变更清单，无法提交。</h5>
                    <!--可以提交审批 但需要设置审批流程-->
                    <div class="form-group">
                        <label>搜索审批人</label>
                        <div class="input-group">
                            <input class="form-control" placeholder="请输入姓名进行检索" type="text">
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary" type="button"><i class="fa fa-search"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="card border-primary">
                        <div class="card-body">
                            <h5 class="card-title">
                                <a href="#" class="btn btn-primary btn-sm pull-right">添加</a>张三
                            </h5>
                            <h6 class="card-subtitle mb-2 text-muted">监理</h6>
                            <p class="card-text">XXXXX公司</p>
                        </div>
                    </div>
                    <div class="card mt-3">
                        <div class="card-header">
                            审批流程
                        </div>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> 布尔  <small class="text-muted">施工</small></li>
                            <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a><i class="fa fa-chevron-circle-down"></i> 张三  <small class="text-muted">监理</small></li>
                            <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a><i class="fa fa-chevron-circle-down"></i> 王五 <small class="text-muted">监理</small></li>
                            <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a><i class="fa fa fa-stop-circle"></i> 李四 <small class="text-muted">监理</small></li>
                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" data-sumbit="up_change" class="btn btn-primary up-change">确认上报</button>
                    <button type="button" data-sumbit="save_change" class="btn btn-success save-change">保存修改</button>
                </div>
            </form>
        </div>
    </div>
</div>

<script src="/public/js/change_company.js"></script>
<% } %>

<!--添加清单-->
<div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="addlist">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mySmallModalLabel">从清单中选择</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div style="height:400px;overflow-y:auto">
                    <table class="table table-striped table-bordered table-condensed">
                        <thead><tr><th>序号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>选择</th></tr></thead>
                        <tbody>
                        <tr>
                            <td>1</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr class="table-success">
                            <td>2</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox" checked></td>
                        </tr>
                        <tr class="table-success">
                            <td>3</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox" checked></td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>6</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>7</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>8</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>9</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>10</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr><tr>
                            <td>11</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>12</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>13</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>14</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>15</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>16</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>17</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>18</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>19</td>
                            <td>202-1-1</td>
                            <td>清理现场</td>
                            <td>m2</td>
                            <td>3.88</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        <tr>
                            <td>20</td>
                            <td>204-1</td>
                            <td>干处挖土方</td>
                            <td>m3</td>
                            <td>435</td>
                            <td><input type="checkbox"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">添加</button>
            </div>
        </div>
    </div>
</div>

<!--添加附件-->
<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="addfujian">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myModalLabel">上传附件</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>上传文件大小最大：30MB</p>
                <p><input class="btn btn-primary" value="选择文件" type="file" id="upload-file" /></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="upload-file-btn">添加</button>
            </div>
        </div>
    </div>
</div>