Calculation/app/view/change/plan.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <div>
                <div class="d-inline-block">
                    <div class="btn-group" id="sort-dropdown">
                        <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="bpaixu">排序：创建时间</button>
                        <div class="dropdown-menu" aria-labelledby="bpaixu">
                            <ul class="list-unstyled px-3 mb-0" id="sort-radio">
                                <li class="mb-2">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input" id="pai1" name="paizhi" value="time" checked="">
                                        <label class="custom-control-label" for="pai1">创建时间</label>
                                    </div>
                                </li>
                                <li class="mb-2">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input" id="pai3" name="paizhi" value="code">
                                        <label class="custom-control-label" for="pai3">变更方案编号</label>
                                    </div>
                                </li>
                            </ul>
                            <ul class="list-unstyled px-3 pt-2 mb-0 border-top" id="order-radio">
                                <li class="mb-2">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input" id="pdown" name="paixu" value="desc" checked="">
                                        <label class="custom-control-label" for="pdown">降序</label>
                                    </div>
                                </li>
                                <li class="mb-2">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" class="custom-control-input" id="pup" name="paixu" value="asc">
                                        <label class="custom-control-label" for="pup">升序</label>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="d-inline-block">
                    <div class="btn-group">
                        <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai"><% if (status !== 0) { %><%- filter.statusString[status] %>(<%- filter.count[status] %>)<% } else { %>全部<% } %></button>
                        <div class="dropdown-menu" aria-labelledby="zhankai" id="status_select">
                            <% if (status !== 0) { %><a class="dropdown-item" data-val="0" href="javascript:void(0);">全部</a><% } %>
                            <% for (const fs in filter.status) { %>
                                <% const f = filter.status[fs]; %>
                                <% if (f !== status) { %><a class="dropdown-item" data-val="<%- f %>" href="javascript:void(0);"><%- filter.statusString[f] %>(<%- filter.count[f] %>)</a><% } %>
                            <% } %>
                        </div>
                    </div>
                </div>
                <div class="d-inline-block">
                    <span class="ml-3">本页小计：<%- page_total %>元</span><span class="ml-3">合计：<%- tp %>元</span>
                </div>
            </div>
            <% if (tender.user_id === uid) { %>
            <div class="ml-auto">
                <a href="#add-bj" data-toggle="modal" data-target="#add-bj" class="btn btn-sm btn-primary pull-right ml-1">新建变更方案</a>
                <a href="#setting" data-toggle="modal" data-target="#setting" class="btn btn-sm btn-outline-primary pull-right ml-1"><i class="fa fa-cog"></i></a>
            </div>
            <% } %>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <table class="table table-bordered">
                    <thead class="text-center">
                    <tr>
                        <th width="15%" id="sort_change">变更方案编号</th><th width="20%">变更工程名称</th>
                        <th width="10%">变更性质</th><th width="15%">变更金额</th><th width="15%">变更申请编号</th>
                        <th width="7%">审批状态</th><th width="13%">审批进度</th><th width="5%">操作</th>
                    </tr>
                    </thead>
                    <tbody id="changeList">
                    <% for (const c of changes) { %>
                        <tr><td><a href="/tender/<%- tender.id %>/change/plan/<%- c.id %>/information"><%- c.code %></a></td><td><%- c.name %></td>
                            <td><%- c.quality %></td>
                            <td style="text-align: right"><%- c.total_price %></td>
                            <td><%- c.apply_code %></td>
                            <td class="text-center">
                                <% if (c.status === auditConst.status.uncheck && c.uid === ctx.session.sessionUser.accountId) { %>
                                    <a href="/tender/<%- tender.id %>/change/plan/<%- c.id %>/information" class="btn <%- auditConst.statusButtonClass[c.status] %> btn-sm"><%- auditConst.statusButton[c.status] %></a>
                                <% } else if ((c.status === auditConst.status.checkNo || c.status === auditConst.status.revise) && c.curAuditors && c.aid === ctx.session.sessionUser.accountId) { %>
                                    <a href="/tender/<%- tender.id %>/change/plan/<%- c.id %>/information" class="btn <%- auditConst.statusButtonClass[c.status] %> btn-sm"><%- auditConst.statusButton[c.status] %></a>
                                <% } else if (c.status === auditConst.status.checking && c.curAuditors && c.curAuditors.findIndex(x => { return x.aid === ctx.session.sessionUser.accountId; }) >= 0) { %>
                                    <% const curAudit = c.curAuditors.find(x => { return x.aid === ctx.session.sessionUser.accountId; }); %>
                                    <% if (curAudit.status === auditConst.status.checking) { %>
                                        <a href="/tender/<%- tender.id %>/change/plan/<%- c.id %>/information" class="btn <%- auditConst.statusButtonClass[c.status] %> btn-sm"><%- auditConst.statusButton[c.status] %></a>
                                    <% } else { %>
                                        <span class="<%- auditConst.auditStringClass[curAudit.status] %>"><%- auditConst.auditString[curAudit.status] %></span>
                                    <% } %>
                                <% } else { %>
                                    <span class="<%- auditConst.auditStringClass[c.status] %>"><%- auditConst.auditString[c.status] %></span>
                                <% } %>
                            </td>
                            <td class="<%- auditConst.auditProgressClass[c.status] %>">
                                <% if (c.status === auditConst.status.checked && c.final_auditor_str) { %>
                                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" c-id="<%- c.id %>"><%- c.final_auditor_str %></a>
                                <% } else if (c.curAuditors.length > 0) { %>
                                <% if (c.curAuditors[0].audit_type === auditType.key.common) { %>
                                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" c-id="<%- c.id %>"><%- c.curAuditors[0].name %><%if (c.curAuditors[0].role !== '' && c.curAuditors[0].role !== null) { %>-<%- c.curAuditors[0].role %><% } %></a>
                                <% } else { %>
                                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" c-id="<%- c.id %>"><%- ctx.helper.transFormToChinese(c.curAuditors[0].audit_order) + '审' %></a>
                                <% } %>
                                <% } %>
                                <%- auditConst.auditProgress[c.status] %>
                            </td>
                            <td>
                                <% if (c.uid === uid && (c.status === auditConst.status.uncheck || c.status === auditConst.status.checkNo)) { %><a href="#del-bg" cpid="<%= c.id %>" data-toggle="modal" data-target="#del-bg" class="btn btn-outline-danger btn-sm delete-cpid-modal">删除</a><% } %>
                            </td>
                        </tr>
                    <% } %>
                    </tbody>
                </table>
                <!--翻页-->
                <% include ../layout/page.ejs %>
            </div>
        </div>
    </div>
</div>
<script>
    autoFlashHeight();
    const tenderId = parseInt('<%- tender.id %>');
    const tenderName = JSON.parse(unescape('<%- escape(JSON.stringify(tender.name)) %>'));
    const dealCode = JSON.parse(unescape('<%- escape(JSON.stringify(dealCode)) %>'));
    const ruleConst = JSON.parse(unescape('<%- escape(JSON.stringify(ruleConst)) %>'));
    let codeRule = JSON.parse(unescape('<%- escape(JSON.stringify(codeRule)) %>'));
    let connectorRule = '<%- c_connector %>';
    const cRuleFirst = parseInt('<%- c_rule_first %>');
    const ruleType = parseInt('<%- ruleType %>');
    const openChangeApply = parseInt('<%- ctx.session.sessionProject.page_show.openChangeApply %>');
    const rulesType = '<%- rule_type %>';
    const auditType = JSON.parse(unescape('<%- escape(JSON.stringify(auditType)) %>'));
    const auditConst = JSON.parse(unescape('<%- escape(JSON.stringify(auditConst)) %>'));
    const changeApplyList = JSON.parse(unescape('<%- escape(JSON.stringify(changeApplyList)) %>'));
</script>