Calculation/app/view/advance/index.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex justify-content-between">
            <div>
                <div class="d-inline-block">
                    <div class="btn-group">
                        <a class="btn btn-sm btn-light <%- type === 'start' ? 'active' : '' %>" href="/tender/<%- ctx.tender.id %>/advance">
                            开工预付款（第3期）
                        </a>
                        <a class="btn btn-sm btn-light <%- type === 'material' ? 'active' : '' %>" href="/tender/<%- ctx.tender.id %>/advance/material">
                            材料预付款（第5期）
                        </a>
                    </div>
                </div>
                <div class="d-inline-block ml-2">
                    <% if(type === 'start') { %>
                        签约开工预付款：
                    <% } else {%>
                        签约材料预付款：
                    <% } %>
                    <b><%- advancePayTotal %></b> 元
                </div>
                <div class="d-inline-block ml-4" style="width:300px">
                    <div class="progress">
                        <div class="progress-bar bg-success" style="width: 14%;" data-placement="bottom"
                            data-toggle="tooltip" data-original-title="截止上期金额：￥40,000.00">14%</div>
                        <div class="progress-bar bg-info" style="width:8%;" data-placement="bottom"
                            data-toggle="tooltip" data-original-title="本期金额：￥30,000.00">8%</div>
                        <div class="progress-bar bg-gray" style="width:78%;" data-placement="bottom"
                            data-toggle="tooltip" data-original-title="未完成：￥930,00.00">78%</div>
                    </div>
                </div>
            </div>
            <div>
                <a href="/tender/<%- ctx.tender.id %>/advance/<%- type %>/create" class="btn btn-primary btn-sm pull-right">开始新一期</a>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>期数</th>
                            <th class="text-center" width="10%">支付比例</th>
                            <th class="text-center" width="15%">本期金额</th>
                            <th class="text-center" width="15%">截止上期</th>
                            <th class="text-center" width="15%">截止本期金额</th>
                            <th class="text-center">附件</th>
                            <th class="text-center">进度</th>
                            <th class="text-center" width="100">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="yufukuan-qi-detail.html">第3期</a></td>
                            <td>20%</td>
                            <td class="text-right">30000.00</td>
                            <td class="text-right">40000.00</td>
                            <td class="text-right">70000.00</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>
                            <td><a href="yufukuan-qi-add.html" class="btn btn-primary btn-sm">编辑</a></td>
                        </tr>
                        <tr>
                            <td><a href="yufukuan-qi-detail.html">第3期</a></td>
                            <td>20%</td>
                            <td class="text-right">30000.00</td>
                            <td class="text-right">40000.00</td>
                            <td class="text-right">70000.00</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 class="text-warning">审批退回</td>
                            <td><a href="yufukuan-qi-add.html" class="btn btn-primary btn-sm">编辑</a></td>
                        </tr>
                        <tr>
                            <td><a href="yufukuan-qi-detail.html">第3期</a></td>
                            <td>20%</td>
                            <td class="text-right">30000.00</td>
                            <td class="text-right">40000.00</td>
                            <td class="text-right">70000.00</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 class=" text-warning"><a href="#sp-list" data-toggle="modal"
                                    data-target="#sp-list">张三</a> 审批中</td>
                            <td><a href="yufukuan-qi-detail.html" class="btn btn-success btn-sm">审批</a></td>
                        </tr>
                        <tr>
                            <td><a href="yufukuan-qi-detail.html">第3期</a></td>
                            <td>20%</td>
                            <td class="text-right">30000.00</td>
                            <td class="text-right">40000.00</td>
                            <td class="text-right">70000.00</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 class=" text-warning"><a href="#sp-list" data-toggle="modal"
                                    data-target="#sp-list">张三</a> 审批中</td>
                            <td class="text-warning">审批中</td>
                        </tr>
                        <tr>
                            <td><a href="yufukuan-qi-detail.html">第2期</a></td>
                            <td>20%</td>
                            <td class="text-right">30000.00</td>
                            <td class="text-right">40000.00</td>
                            <td class="text-right">70000.00</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 class=" text-success"><a href="#sp-list" data-toggle="modal"
                                    data-target="#sp-list">张三</a> 审批通过</td>
                            <td class="text-success">审批通过</td>
                        </tr>
                        <tr>
                            <td><a href="yufukuan-qi-detail.html">第1期</a></td>
                            <td>20%</td>
                            <td class="text-right">30000.00</td>
                            <td class="text-right">40000.00</td>
                            <td class="text-right">70000.00</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 class=" text-success"><a href="#sp-list" data-toggle="modal"
                                    data-target="#sp-list">张三</a> 审批通过</td>
                            <td class="text-success">审批通过</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</div>