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 === 0 ? 'active' : '' %>" href="/tender/<%- ctx.tender.id %>/advance">
                            开工预付款<%- type === 0 && latestOrder ? `(第${latestOrder.order}期)` : '' %>
                        </a>
                        <a class="btn btn-sm btn-light <%- type === 1 ? 'active' : '' %>" href="/tender/<%- ctx.tender.id %>/advance/material">
                            材料预付款<%- type === 1 && latestOrder ? `(第${latestOrder.order}期)` : '' %>
                        </a>
                    </div>
                </div>
                <div class="d-inline-block ml-2">
                    签约<%- type === 0 ? '开工' : '材料' %>预付款
                    <b><%- ctx.helper.formatMoney(advancePayTotal) %></b> 元
                </div>
                <div class="d-inline-block ml-4" style="width:300px">
                    <div class="progress">
                        <div class="progress-bar bg-success" style="width: <%- progress.p_ratio%>%;" data-placement="bottom"
                            data-toggle="tooltip" data-original-title="截止上期金额：￥<%- ctx.helper.formatMoney(progress.p_amount) %>"><%- progress.p_ratio %>%</div>
                        <div class="progress-bar bg-info" style="width:<%- progress.c_ratio%>%;" data-placement="bottom"
                            data-toggle="tooltip" data-original-title="本期金额：￥<%- ctx.helper.formatMoney(progress.c_amount) %>"><%- progress.c_ratio %>%</div>
                        <div class="progress-bar bg-gray" style="width:<%- progress.s_ratio%>%;" data-placement="bottom"
                            data-toggle="tooltip" data-original-title="未完成：￥<%- ctx.helper.formatMoney(progress.s_amount) %>"><%- progress.s_ratio %>%</div>
                    </div>
                </div>
            </div>
            <div>
                <% if(!latestOrder || (latestOrder.status === auditConst.status.checked && latestOrder.prev_total_amount < advancePayTotal)) { %>
                    <form action="<%- preUrl %>" method="POST">
                        <input type="hidden" name="_csrf" value="<%= ctx.csrf %>">
                        <button type="submit" class="btn btn-primary btn-sm pull-right">开始新一期</button>
                    </form>
                    <!-- <a id="advance_add" href="" 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 id="advanceList">
                        <% advanceList.forEach(item => { %>
                            <tr>
                                <td><a href="/tender/<%- ctx.tender.id %>/advance/<%- item.id %>/detail" data-id="<%- item.id %>">第<%- item.order %>期</a></td>
                                <td><%- item.pay_ratio || 0%>%</td>
                                <td class="text-right"><%- ctx.helper.formatMoney(item.cur_amount)%></td>
                                <td class="text-right"><%- ctx.helper.formatMoney(item.prev_amount)%></td>
                                <td class="text-right"><%- ctx.helper.formatMoney(item.prev_total_amount)%></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>
                                    <% if (item.curAuditor) { %>
                                        <a href="/tender/<%- ctx.tender.id %>/advance/<%- item.id %>/detail" m-order="<%- item.order %>"><%- item.curAuditor.name %><%if (item.curAuditor.role !== '' && item.curAuditor.role !== null) { %>-<%- item.curAuditor.role %><% } %></a>
                                    <% } %>
                                    <span class="<%- auditConst.statusClass[item.status] %>">
                                        <%- auditConst.statusString[item.status] %>
                                    </span>
                                </td>
                                <td>
                                    <% if((item.status === auditConst.status.uncheck || item.status === auditConst.status.checkNo) && item.uid === ctx.session.sessionUser.accountId) { %>
                                        <a href="/tender/<%- ctx.tender.id %>/advance/<%- item.id %>/detail" class="btn btn-primary btn-sm">编辑</a>
                                    <% } else if(item.status === auditConst.status.checking && item.curAuditor.audit_id === ctx.session.sessionUser.accountId) {%>
                                        <a href="/tender/<%- ctx.tender.id %>/advance/<%- item.id %>/detail" class="btn btn-success btn-sm">审批</a>
                                    <% } else {%>
                                        <span class="<%- auditConst.statusClass[item.status] %>"><%- auditConst.statusString[item.status] %></span>
                                    <% } %>
                                </td>
                            </tr>
                        <% }) %>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</div>
<script>
    const type = parseInt('<%- type %>');
    const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
</script>