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 group-tab">
                        <a class="btn btn-sm btn-light <%- type === 0 ? 'active' : '' %>" href="/tender/<%- ctx.tender.id %>/advance/start">
                            开工预付款<%- 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>
                        <a class="btn btn-sm btn-light <%- type === 2 ? 'active' : '' %>" href="/tender/<%- ctx.tender.id %>/advance/safe">
                          安全生产预付款<%- type === 2 && latestOrder ? `(第${latestOrder.order}期)` : '' %>
                        </a>
                        <a class="btn btn-sm btn-light <%- type === 3 ? 'active' : '' %>" href="/tender/<%- ctx.tender.id %>/advance/dust">
                          扬尘污染预付款<%- type === 3 && latestOrder ? `(第${latestOrder.order}期)` : '' %>
                        </a>
                    </div>
                </div>
                <div class="d-inline-block ml-2">
                    签约<%- typeColMap[type].text%>
                    <b><%- ctx.helper.formatMoney(advancePayTotal, ',', parseFloat(advancePayTotal).toString().split('.')[1] && parseFloat(advancePayTotal).toString().split('.')[1].length || 0) %></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, ',', parseFloat(progress.p_amount).toString().split('.')[1] && parseFloat(progress.p_amount).toString().split('.')[1].length || 0) %>"><%- progress.p_ratio.toFixed() %>%</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_amount && parseFloat(progress.c_amount).toString().split('.')[1] && parseFloat(progress.c_amount).toString().split('.')[1].length || 0) %>"><%- progress.c_ratio.toFixed() %>%</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, ',', parseFloat(progress.s_amount).toString().split('.')[1] && parseFloat(progress.s_amount).toString().split('.')[1].length || 0) %>"><%- progress.s_ratio.toFixed() %>%</div>
                    </div>
                </div>
            </div>
            <div class="ml-auto">
                <% if(showAddBtn) { %>
                    <form action="<%- preUrl %>" method="POST">
                        <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>">
                        <button type="submit" class="btn btn-primary btn-sm">开始新一期</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="150">操作</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 %>%</td>
                                <td class="text-right"><%- item.cur_amount %></td>
                                <td class="text-right"><%- item.prev_amount %></td>
                                <td class="text-right"><%- item.prev_total_amount %></td>
                                <td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file" data-id="<%- item.id %>"><i
                                            class="fa fa-paperclip"></i> <%- item.fileList.length %></a></td>
                                <td>
                                    <% if (item.curAuditor) { %>
                                        <a href="#sp-list" data-toggle="modal" data-target="#sp-list" data-vid="<%- item.id %>"><%- 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>
                                        <a href="del-qi" class="btn btn-outline-danger btn-sm ml-1" data-toggle="modal" data-target="#del-qi" data-id="<%- item.id %>" data-order="<%- item.order %>">删除</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) %>');
    const advanceList = JSON.parse('<%- JSON.stringify(advanceList) %>');
    const decimal = parseInt('<%- decimal %>');
    const advancePayTotal  = parseFloat('<%- advancePayTotal  %>');
</script>