maixinrong
/
Calculation


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
							<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main d-flex justify-content-between">
            <div>
                <div class="d-inline-block">
                    <ul class="nav nav-pills m-0">
                        <li class="nav-item"><a class="nav-link" href="/stage">返回</a></li>
                        <li class="nav-item"><a class="nav-link active" href="/stage/<%- stage.order %>/measure">本期计量台帐</a></li>
                        <li class="nav-item"><a class="nav-link" href="/stage/<%- stage.order %>/deal">合同支付</a></li>
                        <li class="nav-item"><a class="nav-link" href="/stage/<%- stage.order %>/report">报表</a></li>
                    </ul>
                </div>
            </div>
            <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-danger"><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>
                            </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>kgyfk</td></tr>
                                <tr><td>3</td><td>签约材料预付款</td><td>clyfk</td></tr>
                                <tr><td>4</td><td>本期完成计量</td><td>bqwc</td></tr>
                                <tr><td>5</td><td>本期支付计量</td><td>bqzf</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> <a href="#zfset" data-toggle="modal" data-target="#zfset" 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><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>
                            <td class="text-right">1000</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>
                            <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>
                            <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>
                            <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>
                            <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>
                            <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>
                            <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>
                            <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>
                            <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>
                            <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>
                            <td class="text-right">2500</td>
                            <td class="text-right">2500</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>