<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex justify-content-between">
            <h2>合同支付</h2>
            <div>
                <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
                <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
                <!--审批-->
                <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
                <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</a>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0"></div>
        <div class="c-body">
            <!--上部-->
            <div class="body-height-top">
                <div class="row">
                    <!--左栏-->
                    <div class="col-8">
                        <!--工具栏-->
                        <div class="row">
                            <div class="col-7">
                                <div class="btn-group">
                                    <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-sign-in" aria-hidden="true"></i></a>
                                    <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加"><i class="fa fa-plus" aria-hidden="true"></i></a>
                                    <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
                                    <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                                    <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                                    <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-unlock" aria-hidden="true"></i> 解锁</a>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="input-group input-group-sm mb-1">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="basic-addon1">表达式</span>
                                    </div>
                                    <input type="text" class="form-control" >
                                </div>
                            </div>
                        </div>
                        <div style="height:330px;overflow: auto;">
                            <table class="table table-bordered">
                                <tr><th></th><th>名称</th><th>扣款</th><th>本期金额（表达式）</th><th>累计金额</th><th>起扣金额</th><th>付（扣）款限额</th><th>附件</th><th>操作</th></tr>
                                <tr><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
                                    <td>
                                    </td>
                                </tr>
                                <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 3</a></td>
                                    <td>
                                    </td>
                                </tr>
                                <tr><td>3</td><td>本期完成计量</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
                                    <td>
                                    </td>
                                </tr>
                                <!--被停用了-->
                                <tr class="table-secondary"><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
                                    <td>
                                        <a class="btn btn-sm btn-success" href="#">启用</a>
                                    </td>
                                </tr>
                                <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
                                    <td>
                                        <div class="dropdown dropleft">
                                            <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                操作
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
                                                <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
                                                <a class="dropdown-item" href="#op4">停用</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <!--不参与本期应付计算-->
                                <tr class="table-secondary"><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
                                    <td>
                                        <div class="dropdown dropleft">
                                            <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                操作
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
                                                <a class="dropdown-item" href="#op3">加入本期应付计算</a>
                                                <a class="dropdown-item" href="#op4">停用</a>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <!--新增-->
                                <tr class="table-warning"><td>7</td><td>审核人新增数据</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
                                    <td>
                                        <button class="btn btn-sm btn-primary" type="button"  href="#op2" data-toggle="modal" data-target="#op2">
                                            设置计提期限
                                        </button>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!--右栏-->
                    <div class="col-4">
                        <div style="height:365px;overflow: hidden;">
                            <table class="table table-bordered">
                                <tr><th></th><th>可选基数</th><th>计算代号</th></tr>
                                <tr><td>1</td><td>签约合同价</td><td>htj</td></tr>
                                <tr><td>2</td><td>签约合同价(不含暂列金)</td><td>htjszl</td></tr>
                                <tr><td>3</td><td>签约开工预付款</td><td>kgyfk</td></tr>
                                <tr><td>4</td><td>签约材料预付款</td><td>clyfk</td></tr>
                                <tr><td>5</td><td>本期完成计量</td><td>bqwc</td></tr>
                                <tr><td>6</td><td>100章本期完成计量</td><td>ybbqwc</td></tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!--下部-->
            <div class="body-height-bottom">
                <legend>章节明细 <a href="#zjset" data-toggle="modal" data-target="#zjset" class="btn btn-sm">章节设置</a></legend>
                <div class="sjs-height-6">
                    <table class="table table-bordered">
                        <tr class="text-center"><th>章节名称</th><th>本期合同计量金额</th><th>本期变更计量金额</th><th>本期完成计量基金</th><th>累计完成计量金额</th></tr>
                        <tr>
                            <td>清单 第100章 总则</td>
                            <td class="text-right">1000</td>
                            <td class="text-right">1000</td>
                            <td class="text-right">2000</td>
                            <td class="text-right">2000</td>
                        </tr>
                        <tr>
                            <td>清单 第200章 路基</td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                        </tr>
                        <tr>
                            <td>清单 第300章 路面</td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                        </tr>
                        <tr>
                            <td>清单 第400章 桥梁、涵洞</td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                        </tr>
                        <tr>
                            <td>清单 第500章 隧道</td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                        </tr>
                        <tr>
                            <td>清单 第600章 安全设施及预埋管线</td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                        </tr>
                        <tr>
                            <td>清单 第700章 绿化及环境保护</td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                        </tr>
                        <tr>
                            <td>未计入章节清单合计</td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                            <td class="text-right"></td>
                        </tr>
                        <tr>
                            <td>清单小计(A)</td>
                            <td class="text-right">1000</td>
                            <td class="text-right">1000</td>
                            <td class="text-right">2000</td>
                            <td class="text-right">2000</td>
                        </tr>
                        <tr>
                            <td>非清单项费用(B)</td>
                            <td class="text-right">500</td>
                            <td class="text-right"></td>
                            <td class="text-right">500</td>
                            <td class="text-right">500</td>
                        </tr>
                        <tr>
                            <td>合计(C=A+B)</td>
                            <td class="text-right">1500</td>
                            <td class="text-right">1000</td>
                            <td class="text-right">2500</td>
                            <td class="text-right">2500</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>