<!--上报审批-->
<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-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">确认上报</button>
            </div>
        </div>
    </div>
</div>
<!--审批流程/结果-->
<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>
<!--审批通过-->
<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-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-success" >确认通过</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-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-warning" >确认退回</button>
            </div>
        </div>
    </div>
</div>
<!--添加定制报表-->
<div class="modal fade" id="add-c" 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="请输入6位提取码" 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 mt-3">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <h5 class="card-title text-danger">提取码不存在</h5>
                        </li>
                    </ul>
                </div>
                <div class="card mt-3">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <h5 class="card-title">XXX项目</h5>
                            <p class="card-text">包含报表 14 张</p>
                        </li>
                    </ul>
                </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>