Calculation/app/view/revise/info_modal.ejs

<!--批量添加清单部位-->
<div class="modal fade" id="batch" 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-6">
                        <h6>清单信息</h6>
                        <div class="batch-l-t">
                        </div>
                        <h6>部位数量复核表</h6>
                        <div class="batch-l-b">
                        </div>
                    </div>
                    <div class="col-6">
                        <h6>签约清单</h6>
                        <div class="batch-r">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="batch-ok">确定</button>
            </div>
        </div>
    </div>
</div>
<% if (revise.status === audit.status.uncheck) { %>
<!--上报审批-->
<div class="modal fade" id="sub-sp" 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>搜索审批人</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"><a href="" class="text-danger pull-right">移除</a>1 张三  <small class="text-muted">监理</small></li>
                        <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>2 王五 <small class="text-muted">监理</small></li>
                        <li class="list-group-item"><a href="" class="text-danger pull-right">移除</a>3 李四 <small class="text-muted">监理</small></li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary">确认上报</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<% } else if (revise.status === audit.status.checkNo) { %>
<!--重新审批-->
<div class="modal fade" id="sub-sp2" 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="alert alert-primary" role="alert">
                    重新上报后，将由 王五 继续审批
                </div>
                <div class="card mt-3">
                    <div class="card-header">
                        审批流程
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <span class="text-success pull-right">审批通过</span>
                            <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
                            <p class="card-text">审批意见。2018-01-01</p>
                        </li>
                        <li class="list-group-item">
                            <span class="text-warning pull-right">退回</span>
                            <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
                            <p class="card-text"></p>
                        </li>
                        <li class="list-group-item">
                            <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
                            <p class="card-text"></p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary">确认上报</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<% } else if (revise.status === audit.status.checking) { %>
<!--审批通过-->
<div class="modal fade" id="sp-done" 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="card mt-3">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <span class="text-success pull-right">审批通过</span>
                            <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
                            <p class="card-text">审批意见。2018-01-01</p>
                        </li>
                        <li class="list-group-item">
                            <span class="text-warning pull-right">审批中</span>
                            <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
                            <div class="form-group">
                                <label>审批意见<b class="text-danger">*</b></label>
                                <textarea class="form-control" ></textarea>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" >确认通过</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--审批退回-->
<div class="modal fade" id="sp-back" 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="card mt-3">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <span class="text-success pull-right">审批通过</span>
                            <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
                            <p class="card-text">审批意见。2018-01-01</p>
                        </li>
                        <li class="list-group-item">
                            <span class="text-warning pull-right">审批中</span>
                            <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
                            <div class="form-group">
                                <label>审批意见<b class="text-danger">*</b></label>
                                <textarea class="form-control" ></textarea>
                            </div>
                            <div class="alert alert-warning">审批退回，将直接退回给上报人。</data-min-view>
                        </li>
                        <li class="list-group-item">
                            <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" >确认退回</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<% } %>
<% if (revise.status !== audit.status.uncheck) { %>
<!--审批流程/结果-->
<div class="modal fade" id="sp-list" 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="card mt-3">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <span class="text-success pull-right">审批通过</span>
                            <h5 class="card-title">1 张三 <small class="text-muted">监理</small></h5>
                            <p class="card-text">审批意见。2018-01-01</p>
                        </li>
                        <li class="list-group-item">
                            <span class="text-warning pull-right">审批中</span>
                            <h5 class="card-title">2 王五 <small class="text-muted">监理</small></h5>
                            <p class="card-text"></p>
                        </li>
                        <li class="list-group-item">
                            <h5 class="card-title">3 李四 <small class="text-muted">监理</small></h5>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<% } %>