<!--弹出添加计量清单-->
<div class="modal fade" id="add-qd3" data-backdrop="static">
    <div class="modal-dialog modal-lgx" 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-3">
                        <div class="modal-height-500">
                            <table class="table table-bordered">
                                <tr><td></td><td>第一部分建筑安装工程费</td></tr>
                                <tr><td>1-1</td><td>临时工程</td></tr>
                                <tr><td>1-1-1</td><td>临时道路</td></tr>
                                <tr><td>1-1-2</td><td>临时便桥</td></tr>
                                <tr><td>1-2</td><td>路基工程</td></tr>
                                <tr><td>1-2-1</td><td>场地清理</td></tr>
                                <tr><td>1-2-1-1</td><td>清理与挖除</td></tr>
                                <tr><td>1-2-1-2</td><td>挖除旧路面</td></tr>
                                <tr><td>1-2-2</td><td>挖方</td></tr>
                                <tr><td>1-2-3</td><td>特殊路基处理</td></tr>
                            </table>
                        </div>
                    </div>
                    <div class="col-9">
                        <div class="modal-height-250">
                            <legend>选择计量单元</legend>
                            <table class="table table-bordered">
                                <tr><th width="50"></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
                                <tr><td><input type="checkbox"></td><td>1-4-5-1-1-1-1-1</td><td>0#桥台1#桩</td><td></td></tr>
                                <tr><td><input type="checkbox"></td><td>1-2-1-1-2</td><td>k1+000-k1+800</td><td></td></tr>
                                <tr><td><input type="checkbox"></td><td>1-2-1-1-3</td><td>k2+800-k1+004</td><td></td></tr>
                            </table>
                        </div>
                        <div class="modal-height-250">
                            <table class="table table-bordered">
                                <thead>
                                <tr><th width="50" rowspan="2"></th><th rowspan="2">清单编号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">0号台帐</th><th colspan="2">累计完成</th></tr>
                                <tr><th>数量</th><th>金额</th><th>数量</th><th>金额</th></tr>
                                </thead>
                                <tbody>
                                <tr><td><input type="checkbox"></td><td>403-1-a</td><td>I级钢筋（包括基础、承台、支撑梁等）</td><td>kg</td><td>5.18</td><td>126</td><td>653</td><td></td><td></td></tr>
                                </tbody>
                            </table>
                        </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">添加</button>
            </div>
        </div>
    </div>
</div>
<!--上报审批-->
<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="edit-img" data-backdrop="static">
    <div class="modal-dialog modal-lgx" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">添加草图</h5>
            </div>
            <div class="modal-body">
                <p><a href="" class="btn btn-outline-primary btn-sm">上传图片</a></p>
                <div class="img-view">
                    <div class="img-item">
                        <div class="img-bar">
                            <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
                        </div>
                        <img src="img/sketch/1.png" id="draggable">
                    </div>
                    <div class="img-item" style="left:300px;">
                        <div class="img-bar">
                            <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
                        </div>
                        <img src="img/sketch/2.png" id="draggable">
                    </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" >确认</button>
            </div>
        </div>
    </div>
</div>